﻿/* BEGIN: common external styles */
body.external {background:#73b059 url(../im/external/login-page-bg.png) repeat-x;font:12px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;color:#fff}
body.external #main{margin:30px 0}
body.external #main h2, #main h3{font: normal bold 14px/28px  "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;}
body.external .ext-d{font:13px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;background:#876dc2 url(../im/external/login-slice.jpg) repeat-x;position:relative;}
body.external .ext-db{position:relative;background:transparent url(../im/external/login-bg.jpg) no-repeat}
body.external .ext-d .header{position:relative;height:90px;color:#fff}
body.external .ext-d .header .content #logo{position:absolute;top:90px;left:40px;width:109px;height:74px;z-index:1;background:url(../im/external/login-logo.jpg) no-repeat}
body.external .ext-d .header .content h2.wel{position:relative;font-size:14px;font-weight:700;color:#fff;margin:0 0 10px 155px;padding:15px 5px 5px}
body.external .ext-d .body{background-color:transparent;color:#fff}
body.external .ext-d .body .content .pane{padding:10px 20px}
body.external .ext-d .body .content pane H2{text-align:center;font-size:11pt;color:#fff;font-weight:400;margin:0;padding:10px}
body.external .ext-d .body .content .footer{height:20px}
body.external .ext-d .body .content .footer .commands, body.external .ext-d .body .content .footer .commands-no-bounds{text-align:right;padding:8px}
body.external .ext-d .footer .outer{padding-right:9px}
body.external .ext-d .footer .inner{padding-left:9px}
body.external .auto-center{margin:0 auto}
/* END: common external styles */

/* BEGIN: registration styles */
body.external fieldset.reg{border:1px solid #7cb863;color:#fff;margin:10px 0;padding:0 10px 10px}
body.external fieldset.reg legend{font-weight:700;color:#fff;padding:0 10px}
body.external div.reg-title{margin:10px 20px}
body.external div.reg-title h4{font-size:14px}
body.external div.reg-title div.req-notice{background:#ffdfdf;border:1px solid #d80505;color:#d80505;float:right;margin:0 25px 0 0;padding:2px 5px}
body.external span.req-star{background:#ffdfdf;border:1px solid #d80505;color:#d80505;margin:0 2px;padding:0 3px}
body.external div.reg-info{margin:10px 40px}
body.external div.reg-section{margin:0 0 20px;padding:5px}
body.external div.reg-section table, div.reg-section tr, div.reg-section td{color:#fff;border-width:0}
body.external div.reg-section td.reg-label{width:200px;border-right:1px dotted #fff;text-align:right;font-weight:700;padding:5px}
body.external div.reg-section td.reg-field{padding:5px}
body.external div.reg-section div#terms{float:left;border:1px solid #609;background:#fbfec2;width:500px;height:300px;overflow-y:scroll;margin:4px 0 0 5px;padding:5px}
body.external label.error{background:#ffdfdf url(../im/external/warn.jpg) no-repeat 10px center;border:1px solid #d80505;color:#d80505;font-weight:400;font-style:italic;display:block;margin:5px;padding:5px 5px 5px 30px}
body.external div.error{display:none}
body.external input.error,select.error{border:1px solid red!important}
body.external ul.err-list{list-style:none;margin:20px}
body.external ul.err-list li{margin-left:20px}
body.external #errSummary{margin:10px}

div.reg-section-p{margin:0 0 20px;padding:5px}
div.reg-section-p table, div.reg-section-p tr, div.reg-section-p td{color:#000;border-width:0}
div.reg-section-p td.form-item{width:120px;border-right:1px dotted #000;text-align:right;font-weight:700;padding:3px 5px;}
div.reg-section-p td.reg-field{padding:3px}
/* END: registration styles */

/* BEGIN: external menu styles */
body.external div#qm, body.external div#tb { position: relative; z-index: 880; width: 100%; height: 22px; }
body.external div#tb { background: #8064be url(../im/external/purpleGradient.jpg) repeat-x center; height: 22px; }
body.external .menu { font: 10px Verdana, Arial, Helvetica, Sans-Serif;}
body.external .menu ul.nav { list-style: none; padding: 0px; margin: 0px; font-weight: bold; overflow: hidden; color: #ffffff;	text-transform: capitalize; }
body.external .menu ul.nav  { background: #8064be url(../im/external/purpleGradient.jpg) repeat-x center; display: block; }
body.external .menu .nav li { display: inline; }
body.external .menu .nav li a {display: block; padding: 5px 20px; color: #ffffff; text-decoration: none; }
body.external .menu .nav li a { float: left; }
body.external .menu .nav li a:hover, body.external .menu .nav li a.active, body.external .menu .nav li.active a, body.external .menu .nav li.active a:hover, body.external .mp-menu .nav li.active a.active { background: #82b96a url(../im/external/greenGradient.jpg) repeat-x center; }
/* END: external menu styles */