/*** CSS for Stock-Trak
     2010 Marjorie Lazaro
**************** CSS RESETS *********************************/
/*////////////////////////////////////////////////////////
1. GENERAL SETUP STYLES
2. TOP TICKER, HEADER, SEARCH STYLES
3. NAVIGATION STYLES
4. CONTENT STYLES
5. SIDE STYLES
6. FOOTER STYLES
7. FORM STYLES
////////////////////////////////////////////////////////*/

body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000;
	line-height: 1.5em;
	text-align: center;
	background: #064272 url(/images/body_bg.gif) repeat-x 0 0;
}
img { border: 0 }
img.left, img.right, img.rightnone, img.leftnone {
	float: left; margin-right: 10px; padding: 4px;
	border: 1px solid #ddd;	background: #fff
}
img.right,img.rightnone { float: right; margin-left: 10px }
img.rightnone, img.leftnone { border: 0 }
table {	width: 100% }
table, th, td {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	vertical-align: top;
	font-size: 11px;
	line-height: 1.1em;
}

a { color: #fff; text-decoration: none; cursor: pointer }
a:hover { color: #fff; text-decoration: underline }

hr { margin: 0.5em 0; border: 0; border-top: 1px solid #EEE; height: 1% }
hr.bg { border-top: 1px solid #aaa }

.txt-right { text-align: right }
.float-left { float: left }
.float-right { float: right }
.clear-left { clear: left }
.clear-right { clear: right }
.clear-both { clear: both }
.marginT-10 { margin-top: 10px }
.margin-15 { margin: 15px }
.paddingL-10 { padding-left: 10px }
.paddingSides-10 { padding: 0 10px }
.margin-right { margin-right: 5px }
.clear { clear: both; font-size: 1% }
.ico { position: relative; top: 3px }
.checkradio { position: relative; top: -3px; margin-right: 5px }

/* tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active { padding: 1px 3px; color: #1854c2; text-decoration: none }
a.tooltip img { position: relative; top: 3px }
a.tooltip em { display: none }
a.tooltip:hover { cursor: help; position: relative; z-index: 50; color: #494949; text-decoration: none }
a.tooltip:hover em {
    position: absolute; top: 0; left: 0; z-index: 555;
    text-decoration: none; font-style: normal; display: block; 
    color: #494949; font-size: 11px; line-height: 11px;  margin-top: 5px; 
    text-align: justify; filter: alpha(opacity=95); -moz-opacity: 0.95; opacity : 0.95 
}
a.tooltip:hover em span.top {  position: absolute; top: 9px; height: 8px; width: 15px; margin: 0 0 0 10px; padding: 0; border: 0 }
a.tooltip:hover em span.middle {
    display: block; padding: 10px; min-width: 200px; height: auto; overflow: auto; border: 1px solid #494949; 
    background-color: #fff; margin: 16px 0 0 0; text-decoration: none
}

h1 { margin: 0 0 .5em; font-size: 16px; line-height: 1.3em; color: #4088a1 }
h2 { margin: .5em 0; font-size: 18px; color: #807551 }
h3 { margin: .3em 0; font-size: 14px; color: #333129 }
h4 { margin: 0; font-size: 14px; line-height: 1.3em }

.text-orange { color: #d07037 }
.mandatory { color: red; font-weight: bold }
.msg_caution {
	padding: 6px 20px;
	border: 1px solid #fd8686;
	font-weight: bold;
	margin: 20px 0;
	color: #ff0000;
	background: #faebeb;
}
.msg_caution img {
	float: left;
	padding: 1px 4px 0 0;
}
.title {
	text-transform: uppercase;
	font-weight: bold;
	line-height: 2em;
}
.icon {
	vertical-align: middle;
	padding-right: 6px;
}
blockquote {
	float: right;
	width: 50%;
	margin: 0 0 0 10px;
	border: 1px solid #cfe3f0;
	padding: 10px 20px;
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
	line-height: 1.5em;
	color: #286890;
	background: #e6f3fa;
}
.msg_orange {
	border: 1px solid #eed2ae;
	margin: 10px 0;
	padding: 10px;
	font-weight: bold;
	color: #b16401;
	background: #fcf2e1;
	margin-bottom: 10px;
}
.msg_confirm {
	border: 1px solid #CE6700;
	margin: 10px 0;
	padding: 10px;
	font-weight: bold;
	color: #663300;
	background: #f2fce1;
	margin-bottom: 10px;
}
.msg_green {
	border: 1px solid #cadea7;
	padding: 10px;
	font-weight: bold;
	color: #708c40;
	background: #f2fce1;
	margin-bottom: 10px;
}
.msg_green a:link {	color: #666600;	text-decoration: underline }
.msg_green a:visited { color: #666600; text-decoration: underline }
.msg_green a:hover { color: #666600; text-decoration: none }
.red { color: red; font-weight: bold }

.block_portfolio {
	color: #000;
	padding: 10px;
	margin: 0 10px;
	border: 1px solid #cdcdcd;
	border-top: 0;
	background: #fff url(/images/block_bottom.gif) repeat-x bottom left;
}
.block_portfolio ul li { border-bottom: 1px solid #f3f1f1 }
.block_portfolio_title {
	margin: 10px 10px 0 10px;
	height: 29px;
	padding: 0 0 5px 10px;
	line-height: 29px;
	text-indent: -9999px;
	border: 1px solid #cdcdcd;
	background: #fff url(/images/tit-help-info.jpg) no-repeat top left;
}
.block_title {
	margin: 10px 10px 0 10px; height: 29px;	padding: 0 0 5px 10px;
	font-size: 15px; font-weight: bold;	line-height: 32px; text-indent: 0px; color: #fff; 
	border: 0;
	background: #fff url(/images/bg_title_h1.jpg) no-repeat top left;
}
.block_portfolio_title .minimize, .block_title .minimize {
	float: right;
	margin-top: -30px;
	margin-right: 5px
}

.block_portfolio_title .minimize a:link, .block_portfolio_title #minimize a:visited,
.block_title .minimize a:link, .block_title #minimize a:visited {
	color: #fff; text-decoration: underline; text-transform: lowercase
}

.block_portfolio_title .minimize a:hover, .block_title .minimize a:hover { color: #fff; text-decoration: none }

.date-range strong { position: relative; top: 5px }



/*////////////////////////////////////////////////////////
TOP TICKER, HEADER, SEARCH ELEMENTS
////////////////////////////////////////////////////////*/
.adtop { padding: 6px 0 }
#header { height: 135px }

/* Top links */
#header .wrapper-toplinks { font-weight: bold; font-size: 1em; margin: 0 auto; padding: 4px 0;
background-color: #24a3dc; height: 20px; border-bottom: 1px solid #66c7f1; color: #fff; text-align: center }
#header .top-wrapper { margin: 0 auto; width: 1008px }
#header .toplinks { float: left; width: 520px; text-align: left; margin: 0 }
#header .toplinks span { float: left; padding: 6px 10px 0 0 }
#header .toplinks ul { float: left; list-style-type: none; float: left; margin: -3px 0 0; padding: 0; text-align: left }
#header .toplinks ul li { float:left; display: block; margin: 0; padding: 0 10px; border-left: 1px solid #194562; line-height: 12px }
#header .toplinks ul li a { color: #194562; text-decoration: none }
#header .toplinks ul li a .desc { clear: left; color: #fff; padding-top: 0; margin-top: 0; cursor: pointer }


/* show/hide login box */
.loginBox { width: 485px; float: right; margin: 6px 0 0; text-align: right }
#loginLink { width: 480px; margin: 0 6px 0 0 }
#loginFormContainer { position: absolute; width: 400px; text-align: right }
#loginForm { height: 80px; width: 225px; padding: 5px 0 0 0;  margin: 0 0 0 255px; background-color: #1b5373; display: none }
#loginForm .loginTable { display: none }
#loginForm fieldset { display: block; padding: 0; border: 0; padding-right: 15px }      
#loginForm label { display: block; color: #39c1e5; float: left; font-size: 0.9em; line-height: 14px; width: 80px; text-align: right; padding: 0 15px 0 10px; margin: 10px 0 0 0 }    
#loginForm input[type=text], #loginForm input[type=password] { 
	clear: none; 
	padding: 1px 2px; 
	display: block; 
	float: left; 
	width:85px; 
	margin: 4px 0 0 0; 
	height: 16px; 
	border-top:solid 1px #7f7f7f; 
	border-right:solid 1px #f7f7f7; 
	border-bottom:solid 1px #c2c3c3; 
	border-left:solid 1px #aeb1b4
}
.loginBox .check input { width: 15px; float: left; border: solid 1px #7f7f7f; position: relative; top: 6px; left: -4px }
#loginForm input.btn {
	clear: both;
	margin: 0 10px 0 0; 
	background-image: url(/images/btn_login01.gif); 
	font-weight: bold; 
	font: 0.8em Arial, Helvetica, sans-serif; 
	color: #fff; 
	padding: 0; 
	border: 0;
	position: relative;
	top: -15px
}
#loginLink, #logoffLink { display: block; cursor: pointer }


/* Logo box */
#header .wrapper-left {
	clear: both;
	width: 100%;
	height: 106px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	background: #042036 url(/images/header_logo.jpg) no-repeat 50% 0 
}

#header .wrapper-left .left {
	width: 998px;
	height: 106px;
	margin: 0 auto;
	padding: 0; 
	text-align: left
}

#header .wrapper-left .left a.logo img { padding-top: 5px }


/*////////////////////////////////////////////////////////
NAVIGATION ELEMENTS
////////////////////////////////////////////////////////*/
#nav {
	height: 38px;
	line-height: 38px;
	background: url(/images/nav_bg.gif) repeat-x;
}

.menu {
	width: 998px;
	height: 38px;
	position: relative;
	z-index: 100;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase
}

.menu ul {
	margin: 0;
	padding: 0;
	height: 38px;
	list-style-type: none;
}

.menu ul ul { width: 185px }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	border-left: 1px solid #62737e;
}
/* the last item will have a border on the right */
.menu ul li.last { border-right: 1px solid #62737e }

/* style the links for the top level */
.menu a, .menu a:visited {
	display: block;
	color: #fff;
	font-size: 1.1em;
	min-width: 40px; 
	height: 38px;
	line-height: 37px;
	padding: 0 19px;
	text-decoration: none;
}

.menu li.active a { color:#fff }
.menu a:hover {	color: #ddd; text-decoration: none }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility: hidden; position: absolute; height: 0; top: 38px; left: -1px; width: 185px }

.menu ul ul a, .menu ul ul a:visited {
	background-color: #ecf5f6;
	border: 0;
	border-bottom: 1px solid #2180ab;
	color: #255983;
	height: auto;
	line-height: 1.1em;
	padding: 5px 10px;
	width: 185px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase
}

.menu a:hover, .menu ul ul a:hover { background-color: #afc6d0; color: #255983 }
.menu :hover > a, .menu ul ul :hover > a { background-color: #afc6d0; color: #255983 }


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{ visibility: visible }

.menu table {
	position: absolute;
	top: 0; 
	left: 0;
	border-collapse: collapse;
} 


/*////////////////////////////////////////////////////////
TABS ELEMENTS
////////////////////////////////////////////////////////*/
#tabs { line-height: 32px; margin: 0; background-color: #c7dde8 }
#tabs ul {
	height: 42px; 
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	border-bottom: 4px solid #dc8643;	
}
#tabs .inner ul li {
	margin: 5px 4px 0 0;
	padding: 0;
	float: left;
	background-color: #b7b6b6;
	color: #fff;	
}
#tabs .inner { margin: 0 auto; text-align: left }
#tabs .inner li a {
	display: block;
	float: left;
	padding: 0 10px;
	color: #fff;
	font-size: 13px;
	background-color: #b7b6b6;
	text-decoration: none;
	border: 1px solid #898886
}
#tabs .inner li a:hover {
	display: block;
	float: left;
	padding: 0 10px;
	color: #fff;
	background: #eb9e62 url(/images/bg-tabs.jpg) bottom left repeat-x;
	border-top: 1px solid #985018;
}
#tabs .inner li.selected { border-top: 1px solid #985018; border-left: 0; border-right: 0; border-bottom: 3px solid #e08d4b }
#tabs .inner li.selected a:link {
	display: block;
	float: left;
	padding: 0 10px;
	color: #fff;
	background: #e08d4b url(/images/bg-tabs.jpg) bottom left repeat-x;
	border: 1px solid #e08d4b
}
#tabs .inner li.selected a:visited {
	display: block;
	float: left;
	padding: 0 10px;
	color: #fff;
	background: #e08d4b url(/images/bg-tabs.jpg) bottom left repeat-x;
}
#tabs .inner li.selected a:hover {
	display: block;
	float: left;
	padding: 0 10px;
	color: #fff;
	background: #e08d4b url(/images/bg-tabs.jpg) bottom left repeat-x;
}

#subtabs { line-height: 32px; margin: 0; background-color: #c7dde8 }
#subtabs ul {
	height: 42px; 
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	border-bottom: 4px solid #0a3b5c;	
}
#subtabs .inner ul li {
	margin: 5px 4px 0 0;
	padding: 0;
	float: left;
	background-color: #104668;
	color: #fff;	
}
#subtabs .inner { margin: 0 auto; text-align: left }
#subtabs .inner li a {
	display: block;
	float: left;
	padding: 0 10px;
	color: #fff;
	font-size: 13px;
	background-color: #5595b0;
	text-decoration: none;
	border: 1px solid #0a3b5c
}
#subtabs .inner li a:hover {
	display: block;
	float: left;
	padding: 0 10px;
	color: #fff;
	background: #104668 url(/images/bg-subTabs.jpg) 0 0 repeat-x;
	border-top: 1px solid #7edaf3;
}
#subtabs .inner li.selected { border-top: 1px solid #7edaf3; border-left: 0; border-right: 0; border-bottom: 3px solid #0a3b5c }
#subtabs .inner li.selected a:link {
	display: block;
	float: left;
	padding: 0 10px;
	color: #fff;
	background: #104668 url(/images/bg-subTabs.jpg) 0 0 repeat-x;
	border: 1px solid #104668
}
#subtabs .inner li.selected a:visited {
	display: block;
	float: left;
	padding: 0 10px;
	color: #fff;
	background: #104668 url(/images/bg-subTabs.jpg) 0 0 repeat-x;
}
#subtabs .inner li.selected a:hover {
	display: block;
	float: left;
	padding: 0 10px;
	color: #fff;
	background: #104668 url(/images/bg-subTabs.jpg) 0 0 repeat-x;
}


/*////////////////////////////////////////////////////////
CONTENT ELEMENTS
////////////////////////////////////////////////////////*/
#wrapper {
	width: 984px;
	padding: 12px 0 25px 12px;
	margin: 0 auto -5px;
	background: #fff;
	border-right: 1px solid #bcc0be;
	border-left: 1px solid #bcc0be
}
.content {
	margin: 0;
	padding: 0;
	text-align: justify;
	color: #544b2e;
}

.content .title { color: #85c0de; text-transform: none; line-height: 1em; font-weight: normal }
.content a { color: #de6902 }
.content a:hover { color: #9f4b01 }

/* Table */
table.data tr#wFooter, table.data tr#wFooter td.first { border: 0; text-align: center; background-color: Transparent }
table.data tr#wFooter td.first { text-align: right; margin: 0 auto }
table.data tr#wFooter td.first a { width: 15px; display: block; border: 1px solid #ddd; padding: 0 2px; background-color: #f9f8f8 }
table.data tr#wFooter td.first a.active { display: block; border: 1px solid #ddd; padding: 2px; background-color: #fff }
.table-position-page-nav { width: auto }
table.optionsspreadRadiobtns { width: 120px }
table.optionsspreadRadiobtns input { width: 20px; margin: 0; padding: 0; border: 0 }
table.optionsspreadRadiobtns label { float: right; margin: 0 20px 0 0; font-weight: normal; text-align: left; font-size: 11px; width: 55px; position: relative; top: 3px }
.optionsspreadPrice { margin-top: 15px }


#leftcol { float: left; width: 160px }
#leftcol_trade { float: left; width: 125px }
#midcol {
	float: left;
	margin-left: 10px;
	width: 628px;
}
#midcol_trade {
	float: left;
	margin-left: 6px;
	width: 730px;
}
#rightcol {
	width: 160px;
	float: right;
}
#rightcol_trade {
	width: 100px;
	float: right;
}

#qtcol {
	float: right;
	width: 800px;
}
#home #midcol {
	margin: 0;
	width: 798px;
}
.block {
	border: 1px solid #d8caba;
	padding: 10px;
	margin-right: 15px;
	background: #fff
}
.login_new { margin-top: 4px }
.login_box {
	background: url(/images/body_bg.gif);
	border: 1px solid #000033;
	color: #fff;
	margin-left: 4px;
	padding: 5px;
	height: 172px;
	text-align: left;
	vertical-align: top;
}

.login_box a:link {	color: #00CCFF;	font-weight: bold; text-decoration: none }
.login_box a:visited { color: #00CCFF; font-weight: bold; text-decoration: none }
.login_box a:hover { color: #00CCFF; font-weight: bold;	text-decoration: underline }

.block_login { height: 128px; margin-bottom: 10px; color: #fff; background: url(/images/block_login.gif) no-repeat }
.block_search {
	height: 88px;
	margin-bottom: 10px;
	color: #fff;
	background: url(/images/block_search.gif) no-repeat;
}
ul.arrow_orange li { color: #d86600; list-style: url(/images/arrow_orange.gif) }
ul.sidenav { padding: 0; margin: 0;	list-style: none }
ul.sidenav li {	padding: 0 0 0 8px;	margin: 0;	color: #d86600;
               	background: url(/images/arrow_blue.gif) no-repeat 0 5px;
}
ul.sidenav li a { color: #366e9a }
ul.sidenav li a:hover {	color: #000 }

.ad_txt { font-size: 10px; color: #999; margin: 0 0 15px -13px }

.step {	font-size: 18px; font-weight: bold;	color: #669900 }
.step em { font-size: 11px; color: #66CC00 }
.step img {	float: left; padding-right: 6px }
.step_num {
	font-family: Tahoma;
	font-size: 14pt;
	color: #000000;
	text-align: center;
	vertical-align: middle;
}
.step_num_dash {
	font-family: Tahoma;
	font-size: 14pt;
	color: #666666;
	text-align: center;
	vertical-align: middle;
}
dt {
	clear: both;
	float: left;
	height: 42px;
	width: 42px;
	line-height: 41px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
}
dd { margin-left: 50px; padding-bottom: 10px }
dl.green dt { background: url(/images/step_green.gif) no-repeat }
dl.blue dt { color: #006699 }
ul.col2 { margin: 0; padding: 0; list-style: none }
ul.col2 li { float: left; width: 50% }
.mkt_news {	color: #544B2E; padding: 5px 0 10px; border-bottom: 1px solid #eee }
.mkt_news_title { padding-bottom: 5px; font-weight: bold; font-size: 12px }
.mkt_news_author { color: #000 }
.mkt_news_date { float: right; color: #999 }

/*////////////////////////////////////////////////////////
HOME FEATURE BLOCK ITEMS
////////////////////////////////////////////////////////*/
.clear-both { clear: both }
.clear-left { clear: left }
.sep { height: 10px }

/* specific to the HOME page */
.index .home-right-col { float: right; width: 270px; color: #777673 }
.home-right-col .post-it  { position: relative; left: -8px }
.home-right-col .box { width: 260px; margin: 0 10px 0 0; padding: 15px 5px; border-top: 1px solid #e9e7db; text-align: left }
.index .home-left-col { float: left; width: 690px; margin-right: 18px; text-align: left  }

.index .home-left-col .animation { border: 1px solid #bbb9b1; padding: 5px }
.index .home-left-col .introduction-box { background-color: #f3f1f1; border-bottom: 1px solid #d8caba; color: #454544 }

.index .home-left-col .content { padding: 20px 15px }
.index .home-left-col .introduction-box.home { 
	width: 690px;
	height: 321px; 
	background-color: #e8e4d4; 
	border-bottom: 1px solid #d8caba; 
	color: #454544
}

.index .right-col { float: right; width: 230px; color: #777673; text-align: left }
.index .right-col .post-it  { position: relative; left: -8px }

.index .right-col .contactLinks { width: 200px; margin: 26px 10px 20px 0; padding: 15px 5px 5px; border-bottom: 1px solid #e9e7db; text-align: left }
.index .right-col .contactLinks p { margin: 0 0 0 10px }

.index .right-col .box { width: 200px; margin: 0 10px 0 0; padding: 15px 5px; border-top: 1px solid #ced0c7; text-align: left; background: #fff url(/images/bg-quickNav.jpg) top left no-repeat }
.index .right-col .box img { margin-left: 12px }
.index .right-col .box h3 { padding-left: 12px }
ul.corporate li span { padding: 2px 20px; display: block; background: #f3f2f2 url(/images/arrow.gif) no-repeat 0 4px; margin: 15px 0 0 -20px }
.index h3 { color: #aeaca2; font-weight: bold }
.index .right-col blockquote { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	float: left; 
	width: 200px; 
	text-align: left; 
	font-style: normal; 
	margin: 0;
	padding: 0; 
	background: none; 
	border: 0; 
	color: #777673; 
	font-size: 1em
}

.btn {
	clear: both;
	text-decoration: none;
	background-color: #dc8743;
	color: #fff; 
	font-size: 0.8em;
	text-transform: uppercase;
	border-top: 1px solid #ad6637;
	border-right: 1px solid #d37946; 
	border-bottom: 1px solid #d37946; 
	border-left: 1px solid #ad6637;
	margin: 0;
	padding: 2px 5px 
}

.btn-disabled {
	clear: both;
	text-decoration: none;
	background-color: #a5acb2;
	color: #fff; 
	font-size: 0.8em;
	text-transform: uppercase;
	border-top: 1px solid #ad6637;
	border-right: 1px solid #d37946; 
	border-bottom: 1px solid #d37946; 
	border-left: 1px solid #ad6637;
	margin: 0;
	padding: 2px 5px 
}

.index a.btn {
	clear: both;
	text-decoration: none;
	background-color: #dc8743;
	color: #fff; 
	font-size: 0.8em;
	text-transform: uppercase;
	border-top: 1px solid #ad6637;
	border-right: 1px solid #d37946; 
	border-bottom: 1px solid #d37946; 
	border-left: 1px solid #ad6637;
	margin: 20px 0 0;
	padding: 2px 5px 
}

.index a.btn-pdf {
	clear: both;
	text-decoration: none;
	background-color: #4088a1;
	color: #fff; 
	font-size: 0.8em;
	text-transform: uppercase;
	border-top: 1px solid #326b7f;
	border-right: 1px solid #062c47; 
	border-bottom: 1px solid #062c47; 
	border-left: 1px solid #326b7f;
	margin: 20px 0 0;
	padding: 2px 5px 
}

.index a:hover.btn { text-decoration: none }
.index .right-col ul { margin: 0 0 0 12px; padding: 0 }

.index .left-col { float: left; width: 754px; margin: 0; text-align: left  }
.index .left-col .animation { border: 1px solid #bbb9b1; padding: 5px }
.index .left-col .introduction-box { background-color: #f3f1f1; border-bottom: 1px solid #d8caba; color: #454544 }

.index .left-col .content { padding: 20px 15px }
.index .left-col .introduction-box.home { 
	height: 321px; 
	background-color: #e8e4d4; 
	border-bottom: 1px solid #d8caba; 
	color: #454544 
}

.index ul { padding: 0; margin: 0 }
.index ul li { list-style-type: none; background: transparent url(/images/arrow.gif) no-repeat 0 2px; padding: 0 0 0 12px; margin: 0; color: #777673 }
.index ul li a { color: #777673 }

.left-col .bg-light-grey { background-color: #faf9f9 }
.left-col .bg-grey { background-color: #f2f1f1 }

.box-links { width: 660px; background-color: #f3f1f1; border-bottom: 1px solid #d8caba; color: #454544; padding: 20px 0px 20px 15px }

.smallAd { width: 150px; text-align: center; margin: 10px auto; padding: 15px; border: 1px solid #d8caba }
.leaderboard { margin: 0; padding: 10px 0; height: 99px; background: #c3d9e4 url(/images/bg-ad.gif) 0 0 repeat-x; text-align: center; border-top: 1px solid #fff }


#slider { width: 690px; margin: 0 auto; position: relative }
.scroll { 
	width: 476px;
    height: 280px;
    overflow: auto;
    position: relative;
	display: block; 
	float: right;
	margin: 0;
	padding: 0
}
.scrollContainer div.panel {
    padding: 10px 50px 20px 0;
	margin: 0;
    height: 280px;
    width: 452px
}

.scrollContainer .panel p { margin-top: 0; color: #454544 }

.scrollContainer .panel-first-col {
    float: left;
	margin: 0 15px 0 0;
	padding: 0;
    height: 280px;
    width: 220px
}

.scrollContainer .panel-second-col {
	float: left;
	padding-left: 15px;
	border-left: 1px dotted #aeaca2
}

.scrollContainer ul.down-arrow { margin: -15px 0 0 0; padding: 0 }
.scrollContainer ul.down-arrow li { 
	color: #208fc0; font-weight: bold; font-style: italic; list-style-type: none; font-size: 1.2em;
	background: transparent url(/images/arrow-down.gif) no-repeat 0 6px; 
	padding: 4px 0 0 18px 
}
#slider ul.test {
    margin: 0 10px 0 0;
    padding: 0 0 9px;
	float: left;
	width: 177px
}
#slider ul.test li {
    list-style-image: none;
	display: block;
    margin: 0;
	cursor: pointer;
	font-weight: bold;
	height: 52px;
	color: #424242;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	background: #b0aea5 url(/images/bg_title_box.jpg) 0 0 repeat-x;
	border-top: 1px solid #e8e4d4;
	padding: 8px;
	width: 177px
}
#slider ul.test li a {
	width: 177px;
    height: 68px;
	padding: 10px 0 0 0;
    color: #424242;
    text-decoration: none;
}
#slider ul.test li a:hover { color: #fff }
#slider ul.test a.selected { 
	height: 68px; 
	width: 199px; 
	display: block; 
	padding: 8px 0 0 0; 
	margin: -8px 0 0 0; 
	background: transparent url(/images/block_title_active.gif) top right no-repeat 
}
#slider ul.test a:focus { outline: none }
.hide { display: none }

.index .left-col .general-content {  }
.index .left-col h2 { font-weight: bold; color: #777673; font-size: 1.2em }
.index .left-col p { color: #434343; margin-bottom: 15px; line-height: 1.2em }

/* NEWS */
ul.news li { padding-bottom: 4px; margin-bottom: 8px; border-bottom: dashed thin #ccc }

/* FAQ */
.faq h2 { border-top: 1px solid #d8caba; background-color: #f2f1f1; padding: 10px 15px 10px 15px; margin: 0 }
.faq div { margin: 0; padding: 0 }
.faq .question { background: url(/images/faq_question.jpg) 15px 10px no-repeat; padding: 10px 50px 0 55px; height: 30px }
.faq .question a { color: #777673; font-size: 1em; font-weight: bold }
.faq .answer { background: url(/images/faq_answer.jpg) 15px 0 no-repeat; padding: 0 50px 5px 55px }

.numbered-list .numbers { 
	float: left; 
	width: 45px;
	background: url(/images/bg_numbers.jpg) 15px 0 no-repeat; 
	padding: 10px 0 0;
	margin: 0 auto; 
	height: 30px; 
	font-weight: bold; 
	color: #fff;
	text-align: center
}

.numbered-list p { padding: 0 10px 10px 10px; margin-left: 35px; text-align: justify }
.index .right-col .numbered-list p { padding: 0 10px 10px 0 }



/*////////////////////////////////////////////////////////
FORM ELEMENTS
////////////////////////////////////////////////////////*/
form { margin: 0; padding: 0 }
fieldset { border: 1px solid #898989; margin-bottom: 20px }
legend { font-weight: bold; font-size: 12px; color: #FF6600 }
label { display: block; text-align: right; margin: 4px 10px 4px 0; font-weight: bold }
label.required { color: red }
input, select, textarea { font-family: Tahoma; font-size: 11px; color: #333; padding: 1px; position: relative; top: 4px }
input.solid { font-weight: bold; color: #000; background-color: #D4D0C8; padding: 3px; border: 1px solid #666 }
.liquidate label { font-size: 11px; position: relative; top: -18px; left: 0 }
/* register */
.register fieldset { border: 0 }
.register label { float: left; display: block; width: 200px }
.register .check input { width: 15px; float: left; border: 0; position: relative; top: 3px; left: -4px }
.register input, .register select { float: left; width: 200px }
.register input[type=radio] { float: left; width: 20px }
.register table input[type=radio] { position: relative; top: 0 }
.register table tr td, .register table tr th  { padding-left: 5px }
.register table tr { border-bottom: 1px solid #aaa }
.register input.indent { margin-left: 205px }
.register .radio-first { margin-top: 10px }
.register input.btn { margin-left: 210px }

.stud-register-line-height { line-height: 25px }
.message-indent { float: left; line-height: 25px; display: block; width: 280px; margin-left: 10px }

.tournament-payment { float: left; width: 450px; margin-top: -3px }
.tournament-payment label { width: 400px; text-align: left }
.tournament-payment input { width: 20px; margin-top: 3px }
.service-level .selected { background-color: #5194ae; color: #fff; font-weight: bold }
.service-level .selected a { color: #5194ae }
table.inline-radio { float: left; width: 170px; margin-top: -3px }
table.inline-checkbox { float: left }
.inline-radio label { width: 30px; text-align: left }
.inline-checkbox label { width: 100px; text-align: left }
.inline-radio input { width: 20px; margin-top: 3px }
.inline-checkbox input { width: 15px; margin-top: 2px }
.validator-paragraph { display: block; margin-left: 210px; clear: both }
input.margin-right { float: left }
.input-upload { margin-left: 212px }
.logo-uploaded { float: left; width: 160px; height: 160px; border: 1px solid #666; background-color: #fff }

.confirm span { float: left; display: block; width: 150px; margin-right: 10px; text-align: right; background-color: #fff }
.confirm span.data { font-weight: bold; text-align: left; width: 200px; background-color: transparent }
.confirm span.userEmail { clear: none; display: inline; width: auto; float: none; text-align: center; padding: 0 5px; margin: 0 2px; }


/*////////////////////////////////////////////////////////
ADMIN SECTION
////////////////////////////////////////////////////////*/
#admin .leftSection { text-align: left; float: left; border-right: solid 1px #999; width: 400px; height: 120px }
#admin .rightSection { float: right; width: 250px }
#admin .label { position: relative; top: 4px }


/* accordeon */
#admin .accordionHeader { border: 1px solid #5078B3; color: #fff; background-color: #5078B3 }
#admin .accordionHeaderSelected { border: 1px solid #5078B3; color: #fff; background-color: #5078B3 }
#admin .accordionContent { background-color: #fff; border: 1px solid #5078B3 }

/* calendar */
div.ajax__calendar_days table tr td { padding-right: 0 }
div.ajax__calendar_body, div.ajax__calendar_container { width: 215px }

/* Popup ***************/
.popup-title { background-color: #fff; min-height: 30px; border-bottom: 1px solid #e1e3e8 }
.popup-title input { margin-top: -5px; margin-right: -25px }
.modalPopup h1 { background-color: transparent; padding-left: 15px; border-bottom: 0 }
.modalPopup h4 { background-color: transparent; border: 0 }
.popup-content { background-color: #efeeef; padding: 15px }
.modalPopup { background-color: #fff; border: 1px solid #525050; padding: 5px 25px 15px 15px }
.modalBackground { background-color:#000; filter: alpha(opacity=70); -moz-opacity: .70; opacity: 0.7 }
.feeling input, .submit input { position: relative; top: 3px; margin-left: 15px; margin-right: 5px; border: 0 }

.edit .modalPopup { width: 385px }
table.editTournamentCheckbox tr td input { float: left; border: 0 }
table.editTournamentCheckbox tr td label { float: left; position: relative; top: 3px }

/* My portfolios */
.content-left { float: left; width: 390px; margin: 10px }
.content-right { float: right; width: 320px; margin: 10px;  }
.avatar { width: 50px; float: left; border: 1px solid #cccaca; background-color: #fff; padding: 3px; margin: 0 15px 15px 0 }
.avatar img{ width: 50px }
.snapshot {
	width: 370px;
	padding: 0 10px;
	border-top: 10px solid #4b94b1;
	border-right: 0;
	border-bottom: 5px solid #155680;
	border-left: 0;
	background-color: #fff
}
.snapshot h1 { font-family: "Trebuchet MS", Helvetica, Arial, Sans-Serif; padding: 4px 10px 0; color: #063758; font-size: 21px }
table.data tr td { color: #676767; padding: 2px 10px; line-height: 16px; height: 22px; font-size: 14px; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; background-color: #fff }
table.data tr td.alt, table.data tr.alt td { background-color: #f3f3f3 }
table.data tr td.first { border-left: 1px solid #e0e0e0 }
table.data tr td.highlight { background-color: #fff0cc }
.snapshot table.data tr td:first-child { background-color: #edf3f5 }
table.data tr th { background: #e0f1f8 url(/images/bg-tableTh.jpg) bottom left repeat-x; color: #273a41; font-weight: bold; height: 44px; line-height: normal; padding: 15px 5px 0 5px; margin: 0; white-space: nowrap; border: 0 }
table.data.table-data tr th a:link, table.table-data tr th a:visited, 
table.table-data tr th a:hover, table.table-data tr th a:active { color: #243844 }
table.table-data tr th, table.table-data tr td { font-size: 10px }
table.data tr td.txt-total { font-size: 14px; color: #243844; font-weight: bold }
table.noborder, table.noborder tr, table.noborder tr td { border: 0 }
table.data tr td.text-positive, .text-positive { color: #269309 }
table.data tr td.text-negative, .text-negative { color: #c81212 }
.bg-positive { background: transparent url(/images/arrowUp.gif) 5px 5px no-repeat }
.bg-negative { background: transparent url(/images/arrowDown.gif) 5px 5px no-repeat }

.ad { padding: 10px; background-color: #d1d1d1; margin: -6px -10px 0 0; border-top: 1px solid #fff }

.messageProfessor { width: 370px; background-color: #fff }
.rss-feed { width: 298px; margin-right: 25px; background: #fff url(/images/bg-feed.jpg) bottom left repeat-x; border: 1px solid #cdcdcd }
.rss-feed hr { clear: both; height: 1px; color: #cdcdcd; background-color: #cdcdcd }
.rss-feed h1 { margin: 0 15px 0 0 }
.rss-feed img { margin-right: 8px }
.rss-feed ul { margin: 0 25px }
.rss-feed ul li img { width: 85px; margin-left: -15px }
.rss-feed ul li { list-style-type: disc; background-image: none; padding-left: 10px; margin-left: 0 }
.rss-feed ul li.first { list-style-type: none }
.rss-feed ul li a { font-size: 13px; color: #c57231; font-weight: normal; line-height: 16px }
.rss-feed ul li.first a { font-size: 16px; font-weight: bold; line-height: 18px }



/*////////////////////////////////////////////////////////
FOOTER ELEMENTS
////////////////////////////////////////////////////////*/
.wrapper-footer {
	width: 100%; height: 290px; margin: 0 auto; padding: 0; text-align: center; border-top: 3px solid #000;
	background: #020f1b url(/images/bg_footer.jpg) center top no-repeat; color: #fff
}
.footer { width: 998px; margin: 0 auto; text-align: left; padding-top: 20px; font-weight: bold }
.footer center, .footer center a { font-weight: normal; color: #103965 }
.footer ul { display: inline; margin: 0 auto }
.footer ul li { display: inline; float: left; padding: 0 20px; border-right: 1px solid #103965 }
.footer ul li.first { margin-left: 30px }
.footer ul li.last { border: 0 }
.footer ul li a { color: #e0e2e1; font-size: 14px; font-weight: bold }
.footer hr { clear: both; margin: 0 0 10px; height: 1px; border-top: 1px solid #103a62; color: #000f22; background-color: #000f22 }
.footer .family { float: left }
.footer .family h3 { color: #fff }
.footer .family img { margin: 0 16px }