body 
{
 font-family: Verdana; font-size:12px; color:#333333;
 text-align:center; background-color:#ffffff;
}

#wrapper { width:639px; margin:auto; text-align: left; border: 1px solid #CCCCCC; }
#rapper { margin: 10px 10px 30px 10px; }
	
.header{ background: url('/data/images/loginimages/header.jpg') no-repeat; height:69px;border-bottom: 1px solid #CCCCCC}
h1{	background: url('/data/images/loginimages/mainlogo.jpg') no-repeat;width:178px; height:68px; text-indent:-100em; overflow:hidden; margin: 10px 0px 0 25px; padding: 0 0 0 0;}
h2{ font-size:12px; margin: 0 0 15px 0; padding: 7px 10px 7px 10px; background:#F4F4F4; border: 1px solid #CCCCCC; font-weight:normal; }
a{ text-decoration:underline; color:#996600;}

.loginContainer {text-align:center;}

#forms {margin: auto; padding: 0 0 0 0; width:300px; text-align:left;display:table;}	
#forms label{ font-size: 13px;  display: block; margin: 0 0 5px 0px; }
#forms input{ font-size: 14px;  height: 16px; width:95%;  border: 1px solid #CCCCCC; margin: 0 0 0px 0; padding: 2px 2px 2px 2px; display: block;  font-weight: bold;}
#forms br{clear:both;}
#forms .uniqueCheckbox input{ width: 20px; float:left;border:none;}
#forms .uniqueCheckbox label{ text-align: left; display: inline;width:auto;margin-bottom:10px; font-weight: normal; font-size: 11px; }
#forms .checkboxVertical { display: block; float: left; width: 150px; margin-bottom: 5px; }
#forms .checkboxVertical label { width: 100px; margin: 3px 0 0 0; padding: 0 0 0 0; text-align: left; font-size: 11px; font-weight: normal; }
#forms .checkboxVertical input { width: 20px; margin: 0; padding: 0;border:none; float:left; }

.loginForm {margin: auto; padding: 0 0 0 0; width:300px; text-align:left;display:table;}	
.loginForm label{ font-size: 13px;  display: block; margin: 0 0 5px 0px; }
.loginForm input{ font-size: 14px;  height: 16px; width:95%;  border: 1px solid #CCCCCC; margin: 0 0 0px 0; padding: 2px 2px 2px 2px; display: block;  font-weight: bold;}
.loginForm br{clear:both;}
.loginForm .uniqueCheckbox input{ width: 20px; float:left;border:none;}
.loginForm .uniqueCheckbox label{ text-align: left; display: inline;width:auto;margin-bottom:10px; font-weight: normal; font-size: 11px; }
.loginForm .checkboxVertical { display: block; float: left; width: 150px; margin-bottom: 5px; }
.loginForm .checkboxVertical label { width: 100px; margin: 3px 0 0 0; padding: 0 0 0 0; text-align: left; font-size: 11px; font-weight: normal; }
.loginForm .checkboxVertical input { width: 20px; margin: 0; padding: 0;border:none; float:left; }

.button, .buttons{ text-align: right; margin-bottom: 10px; float: right;}

.button a, .buttons a { display: block; border: 1px solid #CCCCCC; cursor: pointer; padding: 4px 8px 4px 8px; text-align: center; background-color: #F4F4F4; margin: 0 0px 0 10px; float: right; text-decoration:none;color:#333333; }
.button a:hover, .buttons a:hover { background-color: #CCCCCC; }
.button a.login, .buttons a.login { background: url('/data/images/icons/right.gif') no-repeat 6px 3px; padding-left: 25px; background-color: #F4F4F4; }
.button a.login:hover, .buttons a.login:hover{background-color: #CCCCCC;}
.button a.save, .buttons a.save { display: block; border: 1px solid #5D865D; cursor: pointer; padding: 4px 4px 4px 4px; text-align: center;	background: url(/data/images/icons/save.gif) no-repeat 6px 3px; padding-left: 20px;background-color: #BFD5BF; width:170px;color:#333333;text-decoration: none; }
.button a.save:hover, .buttons a.save:hover{background-color: #5D865D;}

.helpText{ text-align: center; font-size:11px;color:#996600;}


.message { background-color: #FFFFEA; border: 1px solid #FFCC66; padding: 3px 10px 3px 10px; margin: 10px 10px 10px 10px; }
.message h4 { clear: none!important; font-weight: bold!important; font-size: 12px; margin: 0 0 0 0; padding: 0 0 0 0; color: #666666!important; border-bottom: none!important; background: transparent!important; background-color: transparent!important; }
.message p { margin: 0 0 0 0; padding: 0 0 0 0; color:#666666; font-size:11px;}
.message .confirm { background: url('/data/images/icons/information_16x16.gif') no-repeat 5px center; width: 30px; height: 30px; float: left; margin-right: 10px; }
.message .error { background: url('/data/images/icons/error_16x16.gif') no-repeat 5px center; width: 30px; height: 30px; float: left; margin-right: 10px; }
.message .warning { background: url('/data/images/icons/attention2_16x16.gif') no-repeat 5px center; width: 30px; height: 30px; float: left; margin-right: 10px; }