/* Suggested Property Order:
 * display
 * list-style
 * list-style-position
 * list-style-type
 * position
 * float
 * clear
 * width
 * min-width
 * max-width
 * height
 * margin
 * margin-right
 * margin-bottom
 * margin-right
 * padding
 * padding-right
 * border
 * border-width
 * border-style:
 * border-top
 * border-top-width
 * border-right
 * border-bottom
 * border-bottom-width
 * border-left
 * border-color
 * background
 * background-color
 * background-image
 * background-repeat
 * background-position
 * color
 * font
 * font-family
 * font-style
 * font-size
 * font-weight
 * line-height
 * text-decoration
 * text-align
 * vertical-align
 * top
 * bottom
 * left
 * overflow
 * overflow-y
 * z-index
 * white-space
 * cursor
 * text-transform
 * visibility
 * other text
 * content
 *
 */
/* TOC: 
	LOGIN SECTION
	GENERAL
	LOGIN CENTER
	Button 
*/

#mainContainer {
	margin: 0px;
	padding: 0px;
}
/*------------LOGIN SECTION----------------*/
#loginTitlepanel{
	background:url(../images/login_toppanel.gif) no-repeat center;
	margin: 0px 0px 0px -1px;
}
#loginContentContainer{
	display: block;
	width: 398px;
	height: auto;
	margin: 0px auto;
	padding: 15px;
	border-top: 0px none #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;	
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;	
}
#loginBottompanel{
	display: block;
	width: 425px;
	margin: 0px auto;
	padding: 5px;
	text-align: right;	
}
.loginButtonContainer {
	width: 105px;
	height: auto;
	margin: 0px 0px 0px auto;	
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/*--------------------GENERAL-----------------*/
h1 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.loginHeader {
	display: block;
	width: 400px;
	height: auto;
	margin: 0px auto;
	padding: 10px 0px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	text-decoration: none;
	text-align: left;
	vertical-align: top;	
}
#loginContainer, #portalloginContainer {
	width: 100%;
	height: 375px;
	margin: auto;
	padding: 80px 0px 0px 0px;	
}
.bodyContent {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.inline {
	display: inline;
}
#height {
	height: 290px;
	border: 1px solid #F00;	
}
/*---------------- LOGIN CENTER --------------- */
.loginContent, .loginScrollContent, .loginFieldLabelCell, .loginFieldLabelRightCell, .resetusername, .loginDataFieldCell {
	float: left;
	width: auto;
	padding: 2px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	text-decoration: none;	
}
.loginFieldLabelRightCell {
	width: 150px;
	text-align: right;	
}
.loginScrollContent {
	width: 390px;
	height: 150px;
	border: #CCC 1px solid;
	overflow: auto;
}
.loginFieldLabelCell, .loginDataFieldCell {
	line-height: 20px;
}
.radiobuttonLeft{
	float: left;
	width: auto;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;	
}
.loginEnterNewPasswordCell, .loginReenterNewPasswordCell{
	float: left;
	width: 140px;
	padding: 2px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	text-decoration: none;	
}
.passwordFieldLabelCell{
	float: left;
	width: auto;
	padding: 2px 8px 2px 2px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	text-decoration: none;	
}
.loginMessage {
	float: left;
	height: 45px;
}
.loginButtonContainerRight{
	float: right;
	width: 75px;
	height: auto;
	padding: 5px 0px;
	margin-top: auto auto auto 310px;
}
/*------------------------------ Button --------------------------------------*/
.loginbut{
	height:100%;	
	margin:0px 5px 5px 0px;
	vertical-align:bottom;
}
.loginbut a, .loginbut a:visited{
	list-style-type: none;
	margin: 2px 5px 0px 1px;
	padding: 0px 0px 0px 10px;
	background: url(../images/greenbut_Left_N.gif) no-repeat;
	color: #FFF;	
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;	
}
.loginbut a span, .loginbut a span:visited{
	margin: 0px;
	padding: 1px 10px 5px 0px;
	background: url(../images/greenbut_Right_N.gif) no-repeat right top;
	color: #FFF;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;	
}
.loginbut a, .loginbut a span{
	list-style-type: none;
	display: block;
	float: none;
	clear: both;	
}
.loginbut a:hover, .loginbut a:focus{
	list-style-type: none;
	margin: 2px 5px 0px 1px;
	padding: 0px 0px 0px 10px;
	background: url(../images/maroonbut_Left_O.gif) no-repeat;
	color: #FFF;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;	
}
.loginbut a:hover span, .loginbut a:focus span{
	margin: 0px;
	padding: 1px 10px 5px 0px;
	background: url(../images/maroonbut_Right_O.gif) no-repeat right top;
	color: #FFF;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;	
}	
.loginbut a:active{
	list-style-type: none;
	margin: 2px 5px 0px 1px;
	padding: 0px 0px 0px 10px;
	background: url(../images/greenbut_Left_A.gif) no-repeat;
	color: #FFF;	
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;	
}
.loginbut a:active span{
	margin: 0px;
	padding: 1px 10px 5px 0px;
	background: url(../images/greenbut_Right_A.gif) no-repeat right top;
	color: #FFF;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;	
}
.loginbut ul{
	list-style-type: none;
	height: 18px;
	margin: 0px;
	padding: 0px;	
}
.loginbut li{
	list-style-type: none;
	float:right;
	margin: 0px;
	padding: 0px;	
}