html { background: url(../images/bg.jpg) repeat-x top left; background-color:#c5e1fc; }
body { background: url(../images/grass.jpg) repeat-x bottom left; font-family:Arial, Helvetica, sans-serif; margin:0px auto;}
/* ----------- */
#Wapper {width:860px; margin:0px auto; padding-bottom:65px;}
#logout-container {position:relative; width:860px;}
#MainContainer01 { clear:both; background: url(../images/BodyBg.jpg) no-repeat top left; }
#MainContainer02 { clear:both; background: url(../images/BodyBg2.jpg) repeat-y top left; }
.padding { padding: 0px 80px 20px 80px; display:block;}
.paddingblue { padding:15px 15px; }
#steps {position:relative; width:860px; height:auto;margin-bottom:-10px;}
html>body #steps { margin-bottom:0px;}
ul.steps {position:absolute; z-index:1000; text-align:right; right:100px; top:-55px;}
html>body ul.steps {top:-80px;}
ul.steps li {display:inline;}
ul.steps li a img {border:none;}
/* ----------- */
div.SignupBG { background: url(../images/SubmitContainer_Top.jpg) no-repeat top left; padding: 80px 80px 80px 80px; margin:0px auto;}
#SignupLeftColumn { float:left; display:block; width:330px; border-right: 3px solid #c0d5f2; padding: 8px 15px 8px 0px;}
#SignupRightColumn { float:left; display:block; width:330px; padding: 8px 0px 8px 15px;}
.SignupHeader { font-size:20px; font-weight:normal; color:#51a847; padding-bottom:20px;}
/* ----------- */
.ColumnW60pxStyle01 {float:left; display:block; width:60px; font-size:18px; font-weight:normal; color:#51a847; text-align:right; margin-bottom:10px;}
.ColumnW80pxStyle01 {float:left; display:block; width:80px; font-size:18px; font-weight:normal; color:#51a847; text-align:left; margin-bottom:10px;}
.ColumnW80pxStyle02 {float:left; display:block; width:80px; font-size:18px; font-weight:normal; color:#0072bc; text-align:left; margin-bottom:10px;}
.ColumnW150pxStyle01 {float:left; display:block; width:150px; font-size:13px; font-weight:bold; color:#0072bc; margin-bottom:10px;}
.ColumnW150pxStyle02 {float:left; display:block; width:150px; font-size:16px; font-weight:bold; color:#0072bc; margin-bottom:10px;}
.ColumnW200pxStyle01 {float:left; display:block; width:200px; font-size:13px; font-weight:bold; color:#0072bc;}
span.FontStyle01 { font-size:14px; color:#50a947; }
span.FontStyle02 { font-size:18px; font-weight:normal; color:#0072bc; }
span.FontStyle02b { color:#ec008c!important; }
span.FontStyle03 { font-size:18px; font-weight:normal; color:#51a847; }
span.FontStyle05 { font-size:13px; font-weight:normal; color:#0072bc; }
span.FontStyle08 { font-size:20px; font-weight:normal; color:#0072bc; }
.TableColumn01 { float:left; display:block; width:150px; height:26px; padding:8px 8px 8px 18px; font-weight:bold; }
.TableColumn01 input { width:150px!important; height:200px;}
.TableColumn02 { float:left; width:90px; padding:8px 8px; font-weight:normal; }
.TableColumn03 { float:left; width:90px; padding:8px 8px; font-weight:normal; }
.TableColumn04 { float:left; width:100px; padding:8px 8px; font-weight:normal; }
.TableColumn05 { float:left; width:100px; padding:8px 8px; font-weight:normal; }
/*
.errors_register {position:absolute;top:100px; left:40px; width:365px; z-index:1000; background:#ffdfdf; padding:10px; border:1px solid #ffafaf; font-size:11px;}
.errors_auth {position:absolute;top:180px; left:70px; width:665px; z-index:1000; background:#ffdfdf; padding:10px; border:1px solid #ffafaf; font-size:11px;}
.errors_login {position:absolute;top:140px; right:50px; width:365px; z-index:1000; background:#ffdfdf; padding:10px; border:1px solid #ffafaf; font-size:11px;}
.errors{margin:15px; width:645px; color:#333; background:#ffdfdf; padding:10px; border:1px solid #ffafaf; font-size:11px;}
.register_success {position:absolute;top:180px; left:445px; width:365px; z-index:1000; background:#90cb90; padding:10px; border:1px solid #5d855d; font-size:11px;}
.forgot_success {position:absolute;top:180px; right:50px; width:365px; z-index:1000; background:#90cb90; padding:10px; border:1px solid #5d855d; font-size:11px;}
*/
.TableColumnButtons { padding-left: 238px; clear:both; float:left;}
.TableColumnButtons img { padding-top: 20px; padding-bottom:15px;}
.ResultsColumn01 { float:left; width:525px; padding-right:10px; text-align:right;}
.ResultsColumn02 { float:left; width:80px; text-align:left;}
.clear {clear:both; display:block; font-size:1px;}
.clear1 {clear:both; display:block; font-size:1px; border-bottom:1px solid #62afe6;}
.clear2 {clear:both; display:block; height:30px;}
div.ContainerStyle1_Bg { clear:both; background: url(../images/TabBg.jpg) repeat-y top left; }
div.ContainerStyle1_Top { clear:both; background: url(../images/TabBgTop.jpg) no-repeat top left; padding-top:12px; margin-top:25px;}
div.ContainerStyle1_Bottom { clear:both; background: url(../images/TabBgBottom.jpg) no-repeat bottom left; padding-bottom:12px; margin-bottom:5px;}
div.ContainerStyle1_Bg_Blue { clear:both; background: url(../images/TabBgBlue.jpg) repeat-y top left;}
div.ContainerStyle1_Top_Blue { clear:both; background: url(../images/TabBgTopBlue.jpg) no-repeat top left; padding-top:12px;}
div.ContainerStyle1_Bottom_Blue { clear:both; background: url(../images/TabBgBottomBlue.jpg) no-repeat bottom left; padding-bottom:12px; margin-bottom:5px;}
div.ContainerStyle1_Bg input {width:65px;}
div.ContainerStyle1_Bg_Blue input {width:65px;}
/* ----------- */
div.menuContainer { width:100%;}
div.menuContainer {font-size:13px; color:#fff; display:block;}
div.menuContainer h1 {font-size:18px; padding-left:15px; color:#fff}
div.menuContainer h3 {font-size:15px; color:#fff}
.menu { position:relative; overflow:hidden; display:block;}
/* ----------- */
div.button {position:relative; cursor:pointer; color:#0000CC; background: url(../images/TabOpen.jpg) no-repeat top right; height:40px;}
div.pressedButton {position:relative; cursor:pointer; background: url(../images/TabClose.jpg) no-repeat top right; height:40px;}
div.button .border { }
div.pressedButton .border { }
div.button_blue {position:relative; cursor:pointer; color:#0000CC; background: url(../images/TabOpenBlue.jpg) no-repeat top right; height:40px;}
div.pressedButton_blue {position:relative; cursor:pointer; background: url(../images/TabCloseBlue.jpg) no-repeat top right; height:40px;}
div.button_blue .border { }
div.pressedButton_blue .border { }
/* ----------- */
.PopUpContainer {margin:0px auto; width:460px; padding-top:36px; clear:both; height:70px;}
#popup { display: block; float:left; padding: 0px 3px 0px 3px; height:auto;}
#popup a, #popup a:visited { line-height: 20px; text-decoration: none; font-size:13px; font-weight:normal; color:#0072bc; }
#popup a span { display: none;}
#popup a:hover { position: relative; text-indent: 0; text-decoration: none; color:#0072bc; }
#popup a:hover span { position: relative; display: block; position: absolute; bottom:40px; left:-250px; width:600px; padding: 25px 25px; background: #daebfb; border: 3px solid #bdd5f1; color:#0072bc; }
/* ----------- */
.ButtonNav { margin-top: 38px;}
.ButtonNav img {padding:0px 5px 0px 5px;}
.pink-left{margin-top: 10px; margin-bottom:10px; margin-left:5px; width: 8px; }
.pink-center{ height: 47px; margin-top: 10px; margin-bottom:10px;}
.pink-right{ margin-top: 10px; margin-bottom:10px; width: 8px;}
.pink-title{margin-top: 23px; margin-left:15px;}
div.logout {position:absolute; top:15px; right:80px; z-index:10000; display:block; font-size:12px; width:70px;}
div.logout a {color:#E71414; padding-left:26px; padding-top:4px; height:22px; background:url(../images/logout.png) no-repeat left top; display:block; text-decoration:none;}
div.logout a:hover {text-decoration:underline;}
button {border:none; background:transparent; cursor:pointer;}
.errors_register {position:absolute;top:-50px; left:40px; width:365px; z-index:1000; background:#ffdfdf; padding:10px; border:1px solid #ffafaf; font-size:11px;}
.errors_auth {position:absolute;top:-50px; left:70px; width:665px; z-index:1000; background:#ffdfdf; padding:10px; border:1px solid #ffafaf; font-size:11px;}
.errors_login {position:absolute;top:-50px; right:50px; width:365px; z-index:1000; background:#ffdfdf; padding:10px; border:1px solid #ffafaf; font-size:11px;}
.errors{margin:15px; width:645px; color:#333; background:#ffdfdf; padding:10px; border:1px solid #ffafaf; font-size:11px;}
.register_success {position:absolute;top:180px; left:445px; width:365px; z-index:1000; background:#90cb90; padding:10px; border:1px solid #5d855d; font-size:11px;}
.forgot_success {position:absolute;top:180px; right:450px; width:365px; z-index:1000; background:#90cb90; padding:10px; border:1px solid #5d855d; font-size:11px;}
form#register input {width:160px;}
form#register input.checkbox {width:20px;}
form#login input {width:160px;}
table {display:block;}
#errors {position:relative; width:860px;}
/* ----------- */
#ButtonContainer01 { clear:both; background: url(../images/ButtonsContainer_Top.jpg) no-repeat top left; }
#ButtonContainer02 { clear:both; background: url(../images/ButtonsContainer_Middle.jpg) repeat-y top left;}
#ButtonContainer03 { background: url(../images/ButtonsContainer_Bottom.jpg) no-repeat bottom left;}
#ButtonLinks {font-size:13px; color:#3b3b3b; display:block; width:500px; margin: 0px auto; padding:70px 0px 70px 0px;}
#ButtonLinks h2 { font-size:20px; font-weight:normal; color:#51a847; padding-bottom:0px; margin: 0px 0px 15px 0px;}
#ButtonLinks h4 { font-size:13px; font-weight:bold; color:#0072bc; margin-bottom:4px; padding-top:8px;}
#ButtonLinks div.Image { padding-bottom:10px;}
#ButtonLinks form { margin:0 0;}
#ButtonLinks textarea { display:block; height:50px; border: 3px solid #bad2ed;}