@charset "utf-8";
/* CSS Document */

body {background: url(/app/images/login_new/loginbg.png) center top no-repeat #cce8ff; padding-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#2d2e30; line-height:120%;}
a {color:#3C709F}
a:hover {color:#18446b}

h5 {font-size:1.0em; color:#2e2e2e; margin-top:10px; margin-bottom:10px; line-height:150%; font-weight:normal; font-weight:bold; border-bottom:1px solid #ccc}

.container {width:880px; padding:3px; border:1px solid #b8d5ed; margin:0 auto; -moz-border-radius:5px; border-radius:5px;}
.container2 {background:#ffffff; -moz-border-radius:5px; border-radius:5px;}
.container3 {padding:25px;}
.container3 img {border:0; vertical-align:middle;}

.top {padding:0px 0px 3px 0px}
.topleft {width:50%; float:left;}
.topright {width:50%; float:left; text-align:right;}

.greystrip {background:#fafafa; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:10px;}
.greystrip table {color:#2d2e30; font-size:0.75em;}
.form input {width:300px; padding:7px 5px 5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #dadada}
.form input:hover {border:1px solid #bcbcbc}
.form input:focus {border:1px solid #FEC418}
.billingform input {width:250px; padding:7px 5px 5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #dadada}
.billingform input:hover {border:1px solid #bcbcbc}
.billingform input:focus {border:1px solid #FEC418}
.billingform select {width:262px; padding:7px 5px 5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #dadada}
.billingform select:hover {border:1px solid #bcbcbc}
.billingform select:focus {border:1px solid #FEC418}

/* NEW BUTTON STYLING */

.buttons {list-style: none; margin: 0px; padding: 5px 0px 3px; height: 36px;}
.buttons li {margin: 0px 8px 0px 0px; padding: 0px;	float: left; height: 36px;}
.buttons li a:link, .buttons li a:visited, .buttons li a:active {float: left; padding: 0px 12px; font-size: 11px;	height: 36px; line-height: 36px; white-space: nowrap; font-weight: normal; text-decoration: none;}
.buttons li a span {font-weight: normal;}
.buttons img {border:0; vertical-align:middle; margin-top:-2px; margin-right:3px;}

.yellow li {background: transparent url('/app/images/login_new/bg_section_nav_link_right.png') no-repeat 100% 0px;}
.yellow li a:link, .yellow li a:visited, .yellow li a:active {background: transparent url('/app/images/login_new/bg_section_nav_link_left.png') no-repeat 0% 0px; color: #693607;}
.yellow li:hover {background-position: 100% -36px;}
.yellow li:hover a:link, .yellow li:hover a:visited, .yellow li:hover a:active, .yellow li.current a:hover {background-position: 0% -36px;}

.grey li {background: transparent url('/app/images/login_new/bg_section_nav_link_right.png') no-repeat 100% -72px;}
.grey li a:link, .grey li a:visited, .grey li a:active {background: transparent url('/app/images/login_new/bg_section_nav_link_left.png') no-repeat 0% -72px; color: #2E2E2E;}
.grey li:hover {background-position: 100% -108px;}
.grey li:hover a:link, .grey li:hover a:visited, .grey li:hover a:active, .grey li.current a:hover {background-position: 0% -108px;}

.black li {background: transparent url('/app/images/login_new/bg_section_nav_link_right.png') no-repeat 100% -144px;}
.black li a:link, .black li a:visited, .black li a:active {background: transparent url('/app/images/login_new/bg_section_nav_link_left.png') no-repeat 0% -144px; color: #ffc600;}
.black li:hover {background-position: 100% -180px;}
.black li:hover a:link, .black li:hover a:visited, .black li:hover a:active, .black li.current a:hover {background-position: 0% -180px;}

.green li {background: transparent url('/app/images/login_new/bg_section_nav_link_right.png') no-repeat 100% -216px;}
.green li a:link, .green li a:visited, .green li a:active {background: transparent url('/app/images/login_new/bg_section_nav_link_left.png') no-repeat 0% -216px; color: #ecffe9;}
.green li:hover {background-position: 100% -252px;}
.green li:hover a:link, .green li:hover a:visited, .green li:hover a:active, .green li.current a:hover {background-position: 0% -252px;}

.red li {background: transparent url('/app/images/login_new/bg_section_nav_link_right.png') no-repeat 100% -288px;}
.red li a:link, .red li a:visited, .red li a:active {background: transparent url('/app/images/login_new/bg_section_nav_link_left.png') no-repeat 0% -288px; color: #ffffff;}
.red li:hover {background-position: 100% -324px;}
.red li:hover a:link, .red li:hover a:visited, .red li:hover a:active, .red li.current a:hover {background-position: 0% -324px;}

.blue li {background: transparent url('/app/images/login_new/bg_section_nav_link_right.png') no-repeat 100% -360px;}
.blue li a:link, .blue li a:visited, .blue li a:active {background: transparent url('/app/images/login_new/bg_section_nav_link_left.png') no-repeat 0% -360px; color: #ffffff;}
.blue li:hover {background-position: 100% -396px;}
.blue li:hover a:link, .blue li:hover a:visited, .blue li:hover a:active, .blue li.current a:hover {background-position: 0% -396px;}
.blue li:hover a:link, .blue li:hover a:visited, .blue li:hover a:active, .blue li.current a:hover {background-position: 0% -396px;}

.fancyboxerror {color: #A20A0A; border: 1px solid #DE2138;	background-color: #EDDDDF;}

.valSummary {font-size: 0.8em; border: 1px solid #cd0a0a; background: #FEF8F6; display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom:10px;}
.valSummary ul {color: #2e2e2e; padding-left:10px;}
.valSummary ul li {background: url(/app/img/systemmessage_error.png) no-repeat 0px 4px; padding-left:20px; list-style-type:none; line-height:175%}
.valSummary ol {color: #2e2e2e; padding-left:10px;}
.valSummary ol li {margin-left:20px;}