/*** SCOTTRADE CSS
     2008 Marjorie Lazaro
**************** CSS RESETS *********************************/
body {
	line-height: 1em;
	width: 100%;
	font-size: 75%; /* Resets 1em to 12px */
	font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	color: #191919;
	margin: 0 auto;
	background-color: #fff 
}

a:link { color: #1a44f8; cursor: pointer; text-decoration: underline }
a:visited { color: #1a44f8; cursor: pointer;  text-decoration: underline }
a:visited:hover { color: #fd0000; cursor: pointer;  text-decoration: underline }
a:hover { color: #fd0000; text-decoration: underline; cursor: pointer }
a:active { color: #1a44f8; cursor: pointer;  text-decoration: underline }

hr { clear: both; width: 100%; border: 0; border-top: 1px solid #3d1a54 }
/* hack IE6 */ *html hr { height: 1px; margin-top: -7px }
/* hack IE7 */ *:first-child+html hr { height: 1px; margin-top: -7px }

p {	font-size: 1em; line-height: 1.4em;	margin: 5px 0 15px;	text-align: justify }

h1 { font-size: 2.5em; margin: 5px 0 5px 0; line-height: 1em; background-color: #fff }
h2 { font-size: 2em; font-weight: bold; line-height: 1em; margin: 0 0 10px 0 }
h3 { font-size: 1.3em; margin: 10px 0 15px; line-height: 1.2em; text-align: left }
h4 { font-size: 1em; margin: 15px 0 5px 0 }

ol, ul { list-style: none; margin: 0; padding: 0 }

ul.col { float: left; width: 150px; margin-left: 15px }

caption, th, td { font-weight: normal }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }

.sep { height: 10px }

img.float-left { padding-right: 15px }
img.float-right { padding-left: 15px }


/* HEADER */
#header { height: 155px }
#header .wrapper-top { background-color: #dedede; height: 30px; width: 100%; text-align: center }
#header .wrapper-bottom { background-color: #3d1a54; height: 125px; width: 100%; text-align: center; padding: 15px 0 0 }
/* hack IE6 */ *html #header .wrapper-bottom { height: 110px; padding: 10px 0 0 0 }
#header .wrapper-bottom .logo { float: left }
#header .top { padding: 10px 0 0 }
#header .top .time { float: left }
#header .top ul { float: right; list-style-type: none; text-align: right; margin: 0; padding: 0 }
/* hack Safari */ html* #header .top ul { margin-top: -1px }
/* hack IE6 */ *html #header .top ul { margin-top: -3px }
/* hack IE7 */ *:first-child+html #header .top ul { margin-top: -3px }

#header .top ul li { float: right; padding-left: 15px; text-align: right }
#header .top ul li a { text-decoration: none }
#header .bottom .leaderboard-ad { float: right; width: 728px; height: 90px }
#header .bottom .leaderboard-ad img { padding: 0 }


/* WRAPPER */
#wrapper { margin: 20px auto 30px; background: #fff url(img/bg_wrapper.gif) 0 0 no-repeat }

/* 2 cols layout */
#wrapper .twoCols-first ul { list-style-type: none; padding: 0; margin: 0 }
#wrapper .twoCols-first ul li a { text-decoration: none  }

#wrapper .twoCols-second img.bottomSpacing { margin-bottom:20px; }

#wrapper .twoCols-second .sponsors {
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #0f2878;
    border-bottom: 1px solid #0f2878
}
#wrapper .twoCols-second .sponsors img.noborder { border-left: 0!important; }
#wrapper .twoCols-second .sponsors img { border-left: 1px dotted #dedede!important; padding: 0 30px }

#wrapper .twoCols-first center { margin:10px 0px 20px 0px}
#wrapper .twoCols-first center a { clear:left;margin-bottom:20px; }

/* 3 cols layout */
/* #wrapper .threeCols-first ul { list-style-type: disc; padding: 0 0 0 12px; margin: 0 } */
#wrapper .threeCols-first a:link, #wrapper .threeCols-first a:visited, 
#wrapper .threeCols-first a:active { text-decoration: none }

#wrapper .threeCols-third-small img.skyscraper-ad { border: 1px solid #3d1a54 }
#wrapper .threeCols-third-big .bigbox-ad { border: 1px solid #3d1a54 }


/* FOOTER */
#footer .wrapper-copyright { background-color: #3d1a54; height: 60px; width: 100%; text-align: center; color: #fff; padding: 10px 0 0 }
#footer .wrapper-links { background-color: #dedede; height: 30px; width: 100%; text-align: center }
#footer .links ul { color: #3d1a54 }
/* #footer .links ul li a:link, #footer .links ul li a:visited, #footer .links ul li a:active, { text-decoration: none; color: #bc0a3a  }
#footer .links ul li a:hover { color: #000 } */
#footer .copyright a:link, #footer .copyright a:visited, #footer .copyright a:hover, #footer .copyright a:active { color: #fff }


/* specific tags */
table.data tr td table.table-page-nav tr td a { border: 1px solid #1a44f8; margin: 0 2px; padding: 3px; font-weight: bold; color: #1a44f8; text-decoration: none }
table.data tr td table.table-page-nav tr td a:hover { color: #000 }


/* home */
.registerToPlay { background-color: #ecd0fe }
.registerToPlay h3 { color: #3d1a54 }

label { float: left; display: block; width: 230px; text-align: right; padding: 12px 20px }
input, textarea, select { border: 1px solid #aeaeae; margin: 8px 0 }

/* registration page */
.registration input { width: 210px }
input.btn {
    width: 150px;
    height: 46px;
    color: #1a44f8;
    font-weight: bold; 
    text-align: center; 
    padding: 2px 15px;
    background: #c1ced7 url(/common/img/bg_btn.jpg) 0 0 repeat-x;
    border-top: 2px solid #aeaeae;
    border-right: 2px solid #f3f3f3;
    border-bottom: 2px solid #f3f3f3;
    border-left: 2px solid #aeaeae;
    cursor: pointer
}
label.field-checkbox { margin: -24px 0 0 235px; width: 420px; float: left; text-align: left }
/* hack IE6 */ *html label.field-checkbox { margin: -28px 0 0 115px; width: 410px }

.inputCheckbox { margin: 0 0 0 235px; float: left; width: 15px }
.inputCheckbox input { width: 10px; margin: 3px 0 0 0 }
input.margin-btn { margin-left: 255px } 

/* captcha */
label.captcha-label { position: relative; top: 3px }
input.captcha-input { position: relative; top: -10px; width: 100px }
/* hack IE6 */ *html input.captcha-input { top: 0 }
/* hack IE7 */ *:first-child+html input.captcha-input { top: 0 }
.captcha { margin-top: 5px }

.captcha-errormessage { position: relative; top: -10px }
.checkbox-errormessage { display: block; margin-left: 255px; clear: both }
/* hack IE6 */ *html .checkbox-errormessage { clear: left }
.simpleerrormessage { top: 0 }
/* hack IE7 */ *:first-child+html .simpleerrormessage { top: -10px }
.errormessage { top: 0 }
/* hack IE7 */ *:first-child+html .errormessage { top: -10px }

ul li { line-height: 1.4em }
.alt { background-color: #f0f0f0 }

/* NAVIGATION */
.wrapper-navigation { margin: 0; padding: 0; background-color: #3d1a54; height: 29px; width: 100%; text-align: center }
/* hack IE6 */ *html .wrapper-navigation { margin: -15px 0 0 0; padding: 0 }

#navigation { height: 32px; position: relative; z-index: 500 }
/* hack IE6 */ *html #navigation { height: 29px }
#navigation ul { list-style-type: none; margin: 0; padding: 0 }
#navigation ul li {
    float: left; 
    display: block;
    height: 29px; 
    margin-right: 1px;
    position: relative
}

#navigation ul li a {
    display: block; line-height: 29px; padding: 0 0 0 15px; text-decoration: none; 
    background: #d7d7d7 url(img/bg-nav-left.jpg) no-repeat 0 0 }
#navigation ul li a b {
    display: block; line-height: 29px; padding: 0 15px 0 0; height: 29px; 
    background: #d7d7d7 url(img/bg-nav-right.jpg) repeat-x 100% 0 }
/* hack IE6 */ *html #navigation ul li a b { width: 10px; white-space: nowrap }


#navigation ul li:hover a, #navigation ul a:hover { background: #fbf9fb url(img/bg-nav-left-hover.jpg) no-repeat 0 0 }
#navigation ul li:hover a b, #navigation ul a:hover b { background: #fbf9fb url(img/bg-nav-right-hover.jpg) no-repeat 100% 0 }

#navigation ul li.current a { background: #fff url(img/bg-nav-left-current.jpg) no-repeat 0 0 }
#navigation ul li.current a b { background: #fff url(img/bg-nav-right-current.jpg) no-repeat 100% 0 }

#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active { color: #401171 }
#navigation ul li a:hover { color: #fd0000 }

#navigation ul li:hover ul { width: 148px }
#navigation ul li:hover ul li a, #navigation ul li:hover ul li a b { background-image: none }

#navigation a, #navigation a:visited { display: block }

/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigation ul ul {
    display: table;
    visibility: hidden; 
    position: absolute; 
    width: 150px;
    top: 29px; 
    left: 0; 
    width: auto; 
    margin: 0;
    background-color: #f4f4f4; 
}

#navigation ul ul li { margin: 0 -1px }
#navigation ul li:hover ul li a, #navigation ul a:hover ul li a {
    background-color: #f4f4f4; 
    background-image: none; 
    border: 1px solid #3d1a54; 
    border-top: 0
}
/* hack IE6 */ *html .navigation ul :hover ul { width: 150px }
/* hack IE6 */ *html #navigation ul li:hover ul li a { border-bottom: 0 }
/* hack IE6 */ *html #navigation ul a:hover ul li a { border-bottom: 0 }
/* hack IE6 */ *html #navigation ul a:hover ul li a.last { border-bottom: 1px solid #3d1a54 }


#navigation table { position: absolute; top: 0; left: 0; border-collapse: collapse; width: 0; height: 0 }

#navigation ul ul a, #navigation ul ul a:visited { padding: 2px 10px; width: 148px }

#navigation li :hover ul li a:hover, #navigation ul li:hover ul li:hover a { color: #fd0000; background-color: #fff }
#navigation :hover > a, #navigation ul ul :hover > a { color: #fd0000; background-color: #fff }

#navigation ul li:hover ul, #navigation ul a:hover ul{ visibility: visible }

/* LOGIN PAGE */
body.login-page {
    font-family: Helvetica, Arial, sans-serif; 
    background: #3d1a54 url(/App_Themes/scottrade/img/bg_page_login.jpg) bottom left repeat-x; 
    margin: 0 auto;
    padding: 0 auto;
    text-align: center 
}

body.login-page .secure { background-color: #ffffcd; color: #666; width: 99%; text-align: left; padding: 4px 0 0 10px; height: 15px }

body.login-page .login {
    padding: 20px;
    width: 392px;
    height: 250px;
    text-align: center;
    margin: 160px auto 0;
    background: #e2e2e2 url(/App_Themes/scottrade/img/bg_login.jpg) no-repeat
}
/* hack for IE6 */ *html body.login-page .login { height: 120px }

body.login-page .login .form { width: 150px; text-align: left }
/* hack for IE6 */ *html body.login-page .login .form { margin-left: 50px } 

body.login-page .login table { margin: 95px auto 0; padding: 0 auto; text-align: center }
/* hack for IE6 */ *html body.login-page .login table { margin-top: 114px } 
/* hack for IE7 */ *:first-child+html body.login-page .login table { margin-top: 120px } 

body.login-page .login .firstInput { margin-left: 0 }
body.login-page .login .secondInput { margin: -8px 0 0 }
/* hack for IE6 */ *html body.login-page .login input { width: 140px; margin: 4px 0; padding: 0 } 
/* hack for IE7 */ *:first-child+html body.login-page .login .clear-left { margin: 0; padding: 0 } 
/* hack for IE7 */ *:first-child+html body.login-page .login input { width: 140px; margin: 5px 0; padding: 0 } 

body.login-page .links { position: relative; top: -7px; margin-left: -130px }
/* hack for IE6 */ *html body.login-page .links { top: 5px; float: left; margin-left: -80px } 
/* hack for IE7 */ *:first-child+html body.login-page .links { top: 5px; float: left; margin-left: -100px }

body.login-page .links ul { list-style-type: disc; padding: 0; margin: 0  }
body.login-page .links ul li { float: left; padding: 5px 15px 0 0; margin: 0 5px 0 0  }
body.login-page .links ul li.first { list-style-type: none; padding-left: 0  }
body.login-page .links ul li a { text-decoration: none; color: #281b46  }

body.login-page .chk-box input { float: left; margin: 0; border: 0 }
/* hack for IE6 */ *html body.login-page .chk-box input { width: 15px } 
/* hack for IE7 */ *:first-child+html body.login-page .chk-box input { width: 15px } 
body.login-page .chk-box label { margin: 0; width: 100px; padding: 2px 0 0 5px; text-align: left; float: left }
/* hack for IE6 */ *html body.login-page .chk-box label { padding-top: 11px } 
/* hack for IE7 */ *:first-child+html body.login-page .chk-box label { padding-top: 11px } 

body.login-page input.btnGreen {
    color: #fff; font-weight: bold; font-size: 11px; padding: 2px 8px;
    background-color: #68c22d; 
    border-top: 2px solid #89e14f;
    border-right: 2px solid #3b7916;
    border-bottom: 2px solid #3b7916;
    border-left: 2px solid #89e14f;
    margin-left: -40px
}
/* hack for IE6 */ *html body.login-page input.btnGreen { margin-left: -60px }
/* hack for IE7 */ *:first-child+html body.login-page input.btnGreen { float: left }  

/* FAQs */
.wrapper_tabs { border-bottom: 1px solid #342357 }
ul.tabs a:hover { color: #000 }
ul.tabs li.active-server a { color: #000; border: 1px solid #342357; border-bottom: 1px solid #fff }
ul.tabs a.active { color: #000; border: 1px solid #342357; border-bottom: 1px solid #fff }
ul.tabs a { color: #342357 }

/* Admin */
.progress { color: #342357 }
.modalPopup { background-color:#f1f1f1; border-color:#342357 }

/* accordeon */
.accordionHeader { border: 1px solid #342357; color: #000; background-color: #f1f1f1 }
#master_content .accordionHeader a { color: #fff }
.accordionHeaderSelected { border: 1px solid #342357; color: #fff; background-color: #342357 }
#master_content .accordionHeaderSelected a { color: #fff }
.accordionContent { background-color: #fff;  border: 1px solid #342357 }