/* uncomment the height: 100%; and min-height: 100% for the fixed maximum height */


#leftcol, #headleftcol{width: 200px; vertical-align: top;}
#rightcol, #headrightcol{width: 200px; text-align: center; vertical-align: top;}
#maincol{vertical-align: top;}
#headrightcol{vertical-align: middle;}

.montageimage{background: url(../images/montageimage.png) no-repeat center; height: 120px;}

a {
text-decoration: underlined;
}
/* reset diferent default margins in deifferent browsers*/
div{margin: 0px;}
div#header{
clear: both;
min-height: 151px;
_height: 151px;
}

div#maincol, div#headmaincol {
	display: table;/* <- using display: table hack here for Gecko browsers */
	float: left;
/*	min-height: 100%;
	_height: 100%;/* <- using underscore hack for MSIE here */
	width: 100%;
}

div#headermaincol{
  height: 151px;
}
div#wrapper, div#headwrapper{display: table-row; vertical-align: top;}/* <- this is needed by Opera */
div#main, div#headmain {
  margin-left: 200px; 
	margin-right: 200px;
	background: white;
}

div#main_leftspan {
  margin-left: 0px; 
	margin-right: 200px;
	background: white;
}

div#main_rightspan {
  margin-left: 200px; 
	margin-right: 0px;
	background: white;
}

div#headmain_rightspan {
  margin-left: 287px; 
	margin-right: 0px;
	background: white;
}

div#main_fullspan {
  margin-left: 0px; 
	margin-right: 0px;
	background: white;
}

div#col2 {float: left; margin-left: -100%; width: 200px; background-color: #fff;}
div#headcol2 {float: left; margin-left: -100%; width: 287px; background-color: #fff;}
div#col2 {_margin-left: -100%;}
div#col3, div#headcol3 {float: left; margin-left: -200px; width: 200px; background-color: #fff;}
div.colwrapper {margin: 0px;}
div.content {padding: 1em;}
div.content div, pre {overflow: auto;}
div#footer {border: solid 1px #FFB280; clear: both;}
div.footerbgtrap {background: #FFB280;}

/* headings */


div.totheleft{text-align: left;}
div.totheright{text-align: right;}
div.inthemiddle{text-align: center;}

.leftmenuitem{text-align: center; padding: 10px;}

.innerrow{width: 100%;  vertical-align: top;}

.innerbox30, .innerbox50, .innerbox60{
  width: 31%;
  /*background-color: #efefef; /* just 2 C the box */ 
  padding: 10px;
  vertical-align: top; 
  float: left; 
}

.innerbox50{width: 48%;}
.innerbox60{width: 64%;}
.innerbox{padding: 10px; vertical-align: top; }
.simplebox{float: left; padding: 3px;}


.purple_msgpanel_top, 
  .lightpurple_msgpanel_top,
  .yellowgreen_msgpanel_top, 
  .darkpink_msgpanel_top, 
  .darkturkiz_msgpanel_top,
  .lightturkiz_msgpanel_top,
  .green_msgpanel_top,
  .orange_msgpanel_top,
  .blue_msgpanel_top,
  .braun_msgpanel_top, 
  .red_msgpanel_top,   
  .magenta_msgpanel_top{
  border: solid 1px #a1a1a1; 
  padding: 5px; 
  text-align: center; 
  color: #fff;
}
.purple_msgpanel_top{background-color: #7442B1;}
.lightpurple_msgpanel_top{background-color: #B91DED;}
.yellowgreen_msgpanel_top{background-color: #C1BA48;}
.darkpink_msgpanel_top{background-color: #C14964;}
.darkturkiz_msgpanel_top{background-color: #4399B2;}
.lightturkiz_msgpanel_top{background-color: #1CD1EE;}
.magenta_msgpanel_top{background-color: #E30074;}
.green_msgpanel_top{background-color: #18BE8C;}
.orange_msgpanel_top{background-color: #EC851E;}
.blue_msgpanel_top{background-color: #008BCE;}
.braun_msgpanel_top{background-color: #c08a03;}
.red_msgpanel_top{background-color: #cc0000;}

.msgpanel{
  background-color: #ebebeb;
  border: solid 1px #a1a1a1;
  padding: 20px;
}

.msgpanel2{
  background-color: #ebebeb;
  border: solid 1px #a1a1a1;
  padding: 5px;
  font-size: 110%;
  font-weight: bold;
}

#footer{text-align: right;}

.footerpanel{
  padding: 20px;
  width: 90%;
  text-align: center;
}

.footerbox{
  background-color: #ebebeb;
  border: solid 1px #a1a1a1;
  padding: 10px;
  text-align: center;
  width: auto;
}

#pagetitle{font-size: 150%;}
.colorred{color: #c00;}
.simpletext{}
.boldtext{font-weight: bold; padding-top: 10px; font-size: 11px;}

.topmenubutton{
  background-color: #ebebeb;
  border: solid 1px #a1a1a1;
  text-align: center;
  font-size: 12px;
}
.errormessage{
  color: #ff0000;
  font-weight: bold;
}

.errormessage a {
  color: #ff0000;
  font-weight: bold;
}

/* dialog box */
.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:3px solid rgb(0,168,230);	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}

#mainContainer{
		width:500px;
		margin:0 auto;
		margin-top:10px;
		border:1px double #000;
		padding:5px;
		
	}
	/* Alternative layout for the message box - used by one of the messages */
	
	.modalDialog_contentDiv_error{
		border:1px solid #454545;	
		padding:2px;
		z-index:100;/* Always needed	*/
		position:absolute;	/* Always needed	*/
		background-color:#fff;	/* White background color for the message */
		color:#666633;
	}
	.modalDialog_contentDiv_error a{
		color:#6D6EB3;
	}
	
	.modalDialog_contentDiv_error h1{
		color:#fff;
		background-color: #ec1b21;
		font-weight: bold;
		font-size: 14px;
		text-align: center;
		padding: 5px;	
		vertical-align: middle;
	}
	
	.modalDialog_contentDiv_error_button {
	cursor:pointer;
	background:url(../images/alert_ures.jpg) no-repeat center left;
	color: #333399;
	font-weight:600;
	padding-left: 35px;
	vertical-align:middle;
	
}
	
	.modalDialog_contentDiv_confirm{
		border:3px solid #FFF;	
		padding:2px;
		z-index:100;/* Always needed	*/
		position:absolute;	/* Always needed	*/
		background-color:#F00;	/* White background color for the message */
		color:#FFF;
	}
	.modalDialog_contentDiv_confirm a{
		color:#FFF;
	}
	h1{
		margin-top:0px;
	}
/* end dialogs */                  

.boldred{color: #ff0000; font-weight: bold; }

.inf{font-style: normal; font-size: 12px; text-align: justify;}

.inftitle{font-weight: bold; font-size: 14px;}

a.noline:hover{text-decoration: none;}

.PwdMeterBase{
margin-bottom:5px;
width:123px;
}
.PwdBack{
height: 5px;
background-image:url(../images/password_meter_grey.png);
background-position:center center;
background-repeat: no-repeat;
}

.PwdMeter{
width:0;
height: 5px;
background-image:url(../images/password_meter.png);
background-position:center center;
background-repeat: no-repeat;
}

.PwdMeterText{
font-size:9px;
white-space: nowrap;
}

#vip_inactive {
	filter:alpha(opacity=30);
	opacity:0.3;
}

.vip_bold {
	font-weight: bold;
	margin-bottom: 6px;
}

.vip_boldInact {
	font-weight: bold;
	margin-bottom: 6px;
	color: #b5b5d4;
}

.coloBlueInact {
	color: #b5b5d4;
}

.colorRedInact {
	color: #e3a6a6;
}

.imgFloatLeft {
	float: left;
	margin-right: 10px;
}