body { height: 100%; background-color: #032d5f; background-image: url("/i/bg.png"); background-repeat: no-repeat; background-position: center center; margin: 0px; padding: 0px }

#entrance { width: 805px; height: 500px; position: absolute; top: 50%; left: 50%; margin-top: -160px; margin-left: -402px; }

#login { position: absolute; left: 112px; top: 0px; width: 581px; height: 273px; background-image: url("/i/entrance_bg.jpg") }
#login DIV.title { height: 40px; color: #ffffff; font-size: 28px; font-weight: bold; font-family: arial; margin-left: 25px; margin-top: 8px; }
#login DIV.form { width: 530px; height: 60px; margin-left: 25px; margin-top: 48px; position: relative;  }
#login DIV.form FORM { margin: 0px; padding: 0px; }
#login DIV.form DIV.inputholder { height: 24px; width: 192px; margin-right: 15px; position: relative; float: left; display: inline }
#login DIV.form INPUT.txt { border: 1px solid #000000; width: 190px; height: 24px; background-color: transparent; color: #6b656a; font-size: 14px; padding-left: 3px; padding-top: 3px; padding-right: 3px; z-index: 110; position: absolute }
#login DIV.form INPUT.focused { background-color: #ffffff; background-image: none; color: #454545 }
#login DIV.form DIV.labelholder { width: 188px; height: 22px; left: 1px; top: 1px; position: absolute; background-color: #b8bdc2; background-image: url("/i/input_bg.png"); background-repeat: repeat-x; z-index: 0; }
#login DIV.form SPAN.authlabel { color: #6b656a; font-size: 14px; font-family: arial; position: absolute; top: 3px; left: 3px; z-index: 0}
#login DIV.form INPUT.submit { width: 80px; height: 24px; float: left; display: inline; }
#login DIV.form DIV.secondholder { height: 24px; width: 192px; margin-right: 15px; margin-top: 5px; position: relative; float: left; display: inline; font-size: 10px; font-family: arial; line-height: 24px }
#login DIV.form DIV.secondholder A { color: #02244d; text-decoration: none }
#login DIV.form DIV.secondholder A:hover { text-decoration: underline }
#login DIV.form INPUT.keep { margin-left: 0px; margin-top: 0px; //margin-left: -4px }
#login DIV.form .keep_signed_label { cursor: default }
#login DIV.form IMG.spinner { width: 16px; height: 16px; margin-left: 8px; margin-top: 4px; float: left; display: inline; //margin-left: 5px }
#login DIV.form INPUT.disabled { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }
#login DIV.form DIV.error { position: absolute; top: -25px; color: #ed2207; font-size: 14px; font-weight: bold; font-family: arial; }

#login DIV.forgot { width: 530px; height: 60px; margin-left: 25px; margin-top: 18px; position: relative;  }
#login DIV.forgot DIV.inputholder { height: 24px; width: 400px; margin-right: 15px; position: relative; float: left; display: inline }
#login DIV.forgot INPUT.txt { border: 1px solid #000000; width: 380px; height: 24px; background-color: transparent; color: #6b656a; font-size: 14px; padding-left: 3px; padding-top: 3px; padding-right: 3px; z-index: 110; position: absolute }
#login DIV.forgot INPUT.focused { background-color: #ffffff; background-image: none; color: #454545 }
#login DIV.forgot DIV.labelholder { width: 379px; height: 22px; left: 1px; top: 1px; position: absolute; background-color: #b8bdc2; background-image: url("/i/input_bg.png"); background-repeat: repeat-x; z-index: 0; }
#login DIV.forgot SPAN.authlabel { color: #6b656a; font-size: 14px; font-family: arial; position: absolute; top: 3px; left: 3px; z-index: 0}
#login DIV.forgot INPUT.submit { width: 80px; height: 24px; float: left; display: inline; }
#login DIV.forgot DIV.secondholder { height: 24px; width: 422px; margin-right: 15px; margin-bottom: 15px; position: relative; float: left; display: inline; font-size: 10px; font-family: arial; line-height: 24px }
#login DIV.forgot DIV.thirdholder { height: 50px; width: 462px; margin-right: 15px; margin-bottom: 15px; position: relative; float: left; display: inline; font-size: 12px; font-family: arial; line-height: 24px }
#login DIV.forgot DIV.secondholder A { color: #02244d; text-decoration: none }
#login DIV.forgot DIV.secondholder A:hover { text-decoration: underline }
#login DIV.forgot IMG.spinner { width: 16px; height: 16px; margin-left: 8px; margin-top: 4px; float: left; display: inline; //margin-left: 5px }
#login DIV.forgot INPUT.disabled { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }
#login DIV.forgot DIV.error { position: absolute; top: 0px; color: #ed2207; font-size: 14px; font-weight: bold; font-family: arial; }

#login DIV.recover { width: 530px; height: 60px; margin-left: 25px; margin-top: 25px; position: relative;  }
#login DIV.recover FORM { margin: 0px; padding: 0px; }
#login DIV.recover DIV.secondholder { height: 24px; width: 422px; margin-right: 15px; margin-top: 5px; position: relative; float: left; display: inline; font-size: 10px; font-family: arial; line-height: 24px; clear: both }
#login DIV.recover DIV.inputholder { height: 24px; width: 192px; margin-right: 15px; margin-top: 10px; position: relative; float: left; display: inline }
#login DIV.recover INPUT.txt { border: 1px solid #000000; width: 190px; height: 24px; background-color: transparent; color: #6b656a; font-size: 14px; padding-left: 3px; padding-top: 3px; padding-right: 3px; z-index: 110; position: absolute }
#login DIV.recover INPUT.focused { background-color: #ffffff; background-image: none; color: #454545 }
#login DIV.recover DIV.labelholder { width: 188px; height: 22px; left: 1px; top: 1px; position: absolute; background-color: #b8bdc2; background-image: url("/i/input_bg.png"); background-repeat: repeat-x; z-index: 0; }
#login DIV.recover SPAN.authlabel { color: #6b656a; font-size: 14px; font-family: arial; position: absolute; top: 3px; left: 3px; z-index: 0}
#login DIV.recover INPUT.submit { width: 80px; height: 24px; float: left; display: inline; margin-top: 10px; }
#login DIV.recover DIV.error { color: #ed2207; font-size: 12px; font-weight: bold; font-family: arial; }

#glass { position: absolute; top: 25px; right: 0px; width: 412px; height: 77px; background-image: url("/i/drn_glass.png") }
#glass DIV.text { font-size: 11px; font-family: verdana,arial; color: #738AA6; margin: 10px; margin-top: 17px; }

#logo { position: absolute; top: 20px; left: 20px; width: 236px; height: 31px; }

#copyright { position: absolute; bottom: 20px; right: 20px; font-size: 10px; font-family: arial; font-weight: bold; color: white }
#links { position: absolute; bottom: 20px; right: 20px;  }
#links A { text-decoration: none; margin-left: 20px; font-size: 10px; font-family: arial; font-weight: bold; color: white }
#links A:hover { text-decoration: underline }

#error { position: absolute; left: 112px; top: 50px; width: 581px; height: 203px; background: #c7c7c7; border: 3px solid #787878; text-align: center; font-family: arial,tahoma,sans-serif,helvetica; }
#error H1 { line-height: 40px; margin-top: 60px }
#error H1 SMALL { font-size: 19px; }

.accounts_bg { background: url("/i/accounts_1pixel_bgs.png") repeat-x scroll; }
.social_buttons { position: absolute; top: 280px;  left: 532px; }

.social_button { height: 23px; margin: 7px 0; border: 1px solid; width: 160px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.social_button .social_button_link { height: 22px; display: block; font-size: 11px; color: #ffffff; line-height: 20px; text-indent: 26px; text-decoration: none; border-style: solid; border-width: 1px 0 0 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family: Verdana,"Bitstream Vera Sans","DejaVu Sans","Liberation Sans",Geneva,sans-serif; position: relative; }
.social_button .social_button_link .shadow { text-shadow: black 1px 1px 3px; }
.social_button .social_button_link .icon { width: 16px; height: 16px; background: url("/i/accounts_social_icons.png") no-repeat scroll; margin: 3px; position: absolute; top: 0px; left: 0px; }

.social_button_facebook { border-color: #486085; }
.social_button_facebook .social_button_link {  border-top-color: #8fa3c9; border-left-color: #7f94b9; background-position: 0 -39px; }
.social_button_facebook .social_button_link .icon { background-position: 0 0; }

.social_button_google { border-color: #7c8286; }
.social_button_google .social_button_link {  border-top-color: #b8bdbe; border-left-color: #a5aaac; background-position: 0 -61px; }
.social_button_google .social_button_link .icon { background-position: 0 -16px; }