* { 
margin: 0;
padding: 0;
}

body, html {
margin: 0 auto;
color: #595959;
background-color: #fff;
text-align: center;
font: normal 12px arial, helvetica, sans-serif;
}

img {border:0;}

a:link, a:visited, a:hover, a:active {
color: #000000;
}

#formWrapper {
width: 450px;
margin: 0 auto;
padding: 20px 20px 10px 20px;
text-align: left;
}
#formCasing {
background: url("../images/login/login-case.png") no-repeat top left;
padding: 20px 35px 1px 27px;
}
#formCasingLong {
background: url("../images/login/login-case-long.png") no-repeat top left;
padding: 20px 35px 1px 27px;
}
#formFooter {
background: url("../images/login/login-footer.png") no-repeat top left;
height: 18px;
}
#additional {
width: 500px;
margin: 100px auto 0 auto;
}
form dl {
margin: 15px 0;
}
form dt {
float: left;
width: 80px;
font-size: 14px;
line-height: 24px;
color: #a5a5a5;
padding-top: 5px;
}
form dd {
margin: 0 0 10px 90px;
font-size: 12px;
line-height: 24px;
color: #a5a5a5;
margin-left: 80px;
}
dd span {
color: #ccc;
}
h1 {
font-size: 24px;
margin: 7px 0 8px 0;
padding: 0 0 12px 0;
text-align: left;
line-height: 26px;
padding: 12px 0 12px 0 !ie;
}
h2 {
font-size: 14px;
color: #2ba02c;
}
input.input {
font-size: 14px;
padding: 8px 5px;
font: normal 14px arial, helvetica, sans-serif;
border: 1px solid #dcdcdc;
color: #444;
-moz-border-radius:4px;
border-radius:4px;
-webkit-border-radius:4px;
}
input.input:focus {
border: 1px solid #bfbfbf;
outline: none;
}
input.button {
padding: 0;
vertical-align: middle;
}
input#username {
width: 280px;
}
input#password {
width: 150px;
margin-right: 5px;
}
input#emailpassword {
vertical-align: middle;
margin-right: 5px;
}
input#forgot {
width: 280px;
}
input.checkbox {
border: 0;
padding: 0;
}
p {	
margin-bottom: 18px;
text-align: left;
font-size: 14px;
line-height: 18px;
}
p em {
font-style: italic;
color: #a1a1a1;
}
span.success {
color: #12863b;
padding-bottom: 5px;
}
span.error {
color: #cc2a2a;
padding-bottom: 5px;
}
p.extraPad {
margin-bottom: 30px;
}
#successBig {
background: #e1ffd1;
border-top: 1px solid #c5f8ac;
border-bottom: 1px solid #c5f8ac;
margin: 0 0 50px 0;
padding: 5px 20px 15px 20px;
text-align: left;
}
#successBig h1 {
padding: 10px 0 3px 0;
text-align: left;
font-size: 20px;
color: #000;
}
#successBig h2 {
font-size: 16px;
padding: 8px 10px;
margin: 5px 0 15px 0;
text-align: left;
background: #c4edaf;
}
#successBig p {
color: #535e51;
padding: 0 0 10px 0;
margin: 0;
}
#failure {
background: #ffd1d1 url("../images/login/icons/alert-failure.gif") no-repeat 13px 11px;
border-top: 1px solid #f8acac;
border-bottom: 1px solid #f8acac;
margin: 0;
padding: 10px 10px 10px 35px;
}
#failure h3 {
color: #8d3f3f;	
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 0;
text-align: left;
}
.failureMessage {
background: #fff1f1;
border-bottom: 1px solid #fddcdc;
padding: 15px 20px 5px 20px;
color: #664b4b;
margin-bottom: 30px;
}
.clearButton {
clear: both; 
height: 1px;
text-overflow: none;
}
span.formcancel {
display: block;
width: 60px;
padding-top: 8px;
float: left;
color: #999;
}

.error{
background:#FCFAF1;
border:solid 1px #FCEFA1;
padding:10px;
color:#cc0000;
margin:10px 0px 10px 0px;
font-size:12px;
}

.error p{
padding:0;
margin:0;
}

.error ul{
margin-left:30px;
}

.error li{
color:#414141;
}

.success{
background:#FCFAF1;
border:solid 1px #FCEFA1;
padding:10px;
}

.success p{
font-size:12px;
color:green;
padding:0;
margin:0;
}

a, a:hover { color: #144282; }
.resetBar { height: 3px; width: 100%; }
.resetButton { margin: 4px 0 17px 0; }
.resetClear { clear: both; }
.resetEnter { width: 800px !important; }
.resetHints { position: absolute; margin-left: 450px; width: 400px; font-size: 14px; color: #888; line-height: 24px; }
.resetHints ul { margin-left: 23px; }
.resetLeft { float: left; }
.resetMb { margin-bottom: 13px; }
.resetNew { position: relative; }
.resetOrCancel { color:#999999; float:left; margin: 22px 0 0 6px; }
.resetPt { margin-top: 11px; }
.resetRemember { display: inline !important; }
.resetSiteaddress { font-size: 14px; margin-left: 4px; color:#888 }
.resetStrength { width: 150px; margin: 4px 0 0 10px; }
.resetStrengthDefault { width: 98px; margin: 2px 9px 2px 10px; float: right; }
.resetText { font-size: 14px; }
.resetTextSmall { font-size: 11px; font-weight: bold; }
.resetWhy { font-size: 12px; margin-bottom: 17px; display: block; }


/* BEGIN :: Buttons */
INPUT.button, INPUT.big-button, a.button {
color: #444;
background: #DDD url(../images/forms/button.gif) left center repeat-x;
border-top: solid 1px #CCC;
border-left: solid 1px #CCC;
border-bottom: solid 1px #999;
border-right: solid 1px #999;
text-shadow: #FFF -1px 1px 0px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 10px;
margin: 0;
display: inline-block;
cursor: pointer;
font-size:12px;
}

INPUT.button:hover, a.button:hover {
border: solid 1px #666;
color: #000;
text-decoration:none;
}

INPUT.button.default {
font-weight: bold;
}

INPUT[disabled].button {
font-style: italic;
color: #888;
}

INPUT.button.default {
font-weight: bold;
}

INPUT.new {
padding-left:26px; 
background-image: url(../images/forms/button_add.gif); 
}

INPUT.accept { 
padding-left: 26px;
background-image: url(../images/forms/button_accept.gif); 
}

INPUT.search { 
padding-left:5px;
padding-right:5px;
background-image: url(../images/forms/button_search.gif);
margin-left:5px;
height:30px; 
width:32px;
}
/* END :: Buttons */





/* Dialog */
.modal{
position: absolute;
width: 450px;
padding:0;
background: #F8F8F8;
border-left: solid 1px #000;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
-moz-box-shadow: 0 2px 8px #666;
-webkit-box-shadow: 0 2px 8px #666;
box-shadow: 0 2px 8px #666;
text-align:left;
}

.modal div.title{
font-size: 11px;
font-weight: bold;
color: #ffffff;
display:block;
height:23px; 
background:#EEE url(/themes/images/overlay/horizontal.gif) 0 -23px;
vertical-align:middle; 
line-height:23px;
padding-left:10px;
}

.modal div.message{
padding:10px;
}

.modal div.close {
background-image:url(/themes/images/overlay/close.png);
position:absolute; right:3px; top:3px;
cursor:pointer;
height:16px;
width:29px;
}

.modal .message, .modal .message p{
font-size: 12px;
color: #666;
font-weight: normal;
}

.modal .message H1 {
font-size: 16px;
color: #333;
font-weight: bold;
margin:0px 0px 5px 0px;
}

.modal .message H2 {
font-size: 12px;
color: #555;
font-weight: normal;
margin: -5px 0 10px 0;
font-style:italic;
}