/* CSS Document */

/*Layout ----------------------------------------------*//*

	=body
	=pageHeader
	=containerMiddle
	=contentLeft
		=LeftNav
		
	=contentMain


	 _________________________________
	|___________=pageHeader___________|
	 =containerMiddle..................
	|			|					| :
	|=content	|    =content		| :
	|Left		|	   Main			| :
	|			|					| :
	...................................
	 _______________________________
	|___________=footer_____________|


/*Common Items -------------------------------------------*//*

	=Box Containers
	=TradingData
	=Tooltip  
 
 */
 
/* =body ----------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
}
body {/* -- Upadated -- */	
	background-color: #6EABDE;
	background-attachment:fixed;
	color: #444;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-image:url(../images/bg_tile_light2.jpg);
	background-repeat: repeat-x;
	background-position: top;
	min-height:100%;
	height:auto;
}*html body{height:100%;}

#wrapper_outside {/* -- Upadated -- */
	margin: 0 auto;
	padding: 0px 10px 0px 10px;
	width: 955px;
	text-align: center;
	background-color: #6eabde;
	background-image: url(../images/bg_tile_dark.jpg);
	background-attachment:fixed;
	background-repeat: repeat-x;
	min-height:100%;
	height:auto;
	/*border:#00FF00 1px solid;*/
}*html wrapper_outside{height:100%;}

#wrapper {/* -- Upadated -- */
	margin: 0 auto;
	width: auto;
	text-align: left;
	height: 100%;
	background-color:#3d5f74;
	min-height:100%;
	height:auto;
	border-bottom:#375568 solid 9px;
}*html wrapper{height:100%;}
/* =pageHeader ----------------------------------*/

#pageHeader{
	background-color: #000000;
	background-image: url(../images/tile-masthead.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 92px;
	width:auto;
	padding:0;
}


#mainNav{
	height:21px;
	margin:71px 0 0 0;
	float:left;
	
	background-color:#4e5054;
	width:761px;
	vertical-align:bottom;
}

#mainNav a{
/*	margin:5px 0 0 0;*/
	float:left;
	padding:4px 16px 3px 16px;

	background-color:#4e5054;
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	border-right:1px #000 solid;
}

#mainNav a:hover{
	background-color:#919ead;
}


#breadcrumbs{/* -- Upadated -- */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	display:block;
	padding:3px;
	background-repeat: repeat-x;
	background-position: bottom;
	background-image:url(images/breadcrumbs_bg.jpg);
	background-color: #627bb3;
	height:15px;
}
#breadcrumbs a{
margin-left:8px;
	color:#FFFFFF;
	text-decoration:none;
}
#breadcrumbs a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}
/* =containerMiddle -----------------------------*/
#containerMiddle {/* -- Upadated -- */
	border-top:7px solid #fff;
	border-bottom:7px solid #fff;
	padding:0 7px;
	background-position:7px;
	float: left;
	position: relative;
	background-color: #FFFFFF;
	background-image: url(../images/leftNav_tile.gif);
	background-repeat: repeat-y;
	
	/*border:#00FF00 1px solid;*/
	width:941px;
}

/* =contentLeft ---------------------------------*/
#contentLeft {
	width:135px;
	float:left;
	margin: 0 7px 0 0;
	height:auto;
	
	/*border: 1px solid orange;*/
}

/* =LeftNav -------------------------------------*/
#container_leftNav{
	width: 135px;
}

/* sub nav left (1st level)  */
a.subNav_left{
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
	color: #FFF;
	background-color: #91a8ca;
	display: block;
	padding:2px 12px 2px 10px;
	text-decoration:none;
	width:113px;
	border-bottom:1px solid #b7c6dc;
}
a.subNav_left:visited{
	color: #FFF;
	text-decoration:none;
	width:113px;
}
a.subNav_left:hover{
	color: #626469;
	text-decoration:none;
	background-color: #ffffff;

}
a.subNav_left_selected:visited{
	color: #FFF;
	background-color: #8196b4;
	text-decoration:none;
	width:113px;
	border-bottom:1px solid #91a8ca;
	padding:2px 12px 2px 10px;
}
a.subNav_left_selected{
	font-weight:normal;
	font-size:11px;
	color: #626469;
	background-color: #8196b4;
	display: block;
	padding:2px 12px 2px 10px;
	text-decoration:none;
	width:113px;
	border-bottom:1px solid #91a8ca;
	background-image: url(../images/nav_selected_arrow.gif);
	background-repeat: no-repeat;
	background-position: 125px center;
}
a.subNav_left_selected:hover{
	font-weight:normal;
	font-size:11px;
	color: #eee;
	background-color: #8DA0BC;
	display: block;
	padding:2px 12px 2px 10px;
	text-decoration:none;
	border-bottom:1px solid #fff;
}
/* =sub nav left (2nd level) --------------------------- */
a.subNav_2_left{
	color:#666;
	font-size:11px;
	text-decoration:none;
	padding:2px 12px 2px 10px;

	border-bottom:1px solid #eef1f7;
	display: block;
	background-color: #dbe2ee;
}
a.subNav_2_left:visited{
	color:#666;
	text-decoration:none;
}
a.subNav_2_left:hover{
	color:#808286;
	background-color: #ffffff;
	text-decoration:none;
}

a.subNav_2_left_selected{
	color:#808286;
	font-size:11px;
	text-decoration:none;
	background-color: #dbe2ee;
	background-image: url(../images/nav_selected_arrow2.gif);
	background-repeat: no-repeat;
	background-position: 123px center;
	display: block;
	text-decoration:none;
	padding:2px 12px 2px 10px;
	border-bottom:1px solid #bfcce0;
	
}
a.subNav_2_left_selected:visited{
	color:#808286;
	font-weight:normal;
	background-color: #dbe2ee;
	text-decoration:none;
}
a.subNav_2_left_selected:hover{
		color:#555;
	text-decoration:none;
	background-color: #dbe2ee;
	text-decoration:none;
}

/* sub nav left (3rd level) --------------------------- */
a.subNav_3_left{
	color: #6f8db9;
	display: block;
	font-size:10px;
	text-decoration:none;
	background-color: #fff;

	padding:2px 12px 2px 10px;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	
	background-image: url(../images/bullet_arrow.gif);
	background-repeat: no-repeat;
	background-position: 9px center;
	text-decoration:none;
}
a.subNav_3_left:visited{
	color: #6f8db9;
	text-decoration:none;
}
a.subNav_3_left:hover{
	color: #6f8db9;
	background-image: url(../images/bullet_arrow.gif);
	background-repeat: no-repeat;
	background-position: 8px center;
	text-decoration:underline;
	background-color: #ffffff;
		border-right:1px solid #fff;
	border-left:1px solid #fff;
}

a.subNav_3_left_selected{
	display: block;
	font-size:10px;
	color: #666;
	padding:2px 12px 2px 10px;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	background-image: url(../images/bullet_arrow_orange.gif);
	background-repeat: no-repeat;
	background-position: 8px;
	background-color: #fff;
	font-weight:normal;
	text-decoration:none;
}
a.subNav_3_left_selected:visited{
	color: #666;
	text-decoration:none;
	background-color: #fff;
}
a.subNav_3_left_selected:hover{
	color: #6f8db9;
	text-decoration:underline;
	background-color: #ffffff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

/* =contentMain ----------------------------------*/
#contentMain{
	font-size:11px;
	width:795px;
	float:left;
	
	/*border: 1px solid blue;*/
}

.rowContainer{
	position:relative;
	float:left;
	width:auto;
	
	/*border: 1px solid red;*/
}

/* =home_columns --------------------*/

#home_col_left{
	width:500px;
	float:left;
	
	/*border:solid 1px green;*/
}
#home_col_right {
	width:280px;
	float:right;
	font-size:11px;
	
	/*border:solid 1px purple;*/
}



/* =Markets ------------*/

#Markets{
	border-top:solid 1px #eee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#Markets .rowTitle{
	padding: 2px 4px;
	color:#333;
	background-color:#d2d7e2;
	height:14px;
	position:relative;
	display:block;
	width:auto; 
	clear:both;
	font-weight:bold;
	
}
#Markets .row{
	padding: 2px 4px;
	background-color:#eee;
	height:14px;
	position:relative;
	display:block;
	width:auto; 
	clear:both;
}
#Markets .rowAlt{
	padding: 2px 4px;
	background-color:#fff;
	height:14px;
	position:relative;
	display:block;
	width:auto; 
	clear:both;
}


#Markets .col_01{
	float:left;
	width:28%;
	text-align:left;
	padding-left:10px;
}
#Markets .col_02{
	float:left;
	width:28%;
	text-align:left;
	border-left:solid 1px #ddd;
	padding-left:10px;
}
#Markets .col_03_up{
	float:left;
	text-align:left;
	border-left:solid 1px #ddd;
	padding-left:18px;
	background-image: url(../images/market-arrow-up.gif);
	background-repeat: no-repeat;
	background-position: 6px center;	
}

#Markets .col_03_down{
	float:left;
	text-align:left;
	border-left:solid 1px #ddd;
	padding-left:18px;
	background-image: url(../images/market-arrow-down.gif);
	background-repeat: no-repeat;
	background-position: 6px center;	
}
#Markets .col_04{
	float:right;
	text-align:right;
	/*border-left:solid 1px #ddd;*/
	padding-right:5px;
	width:22%;	
}
#Markets .rowTopline{
	padding: 2px 4px;
	height:auto;
	clear:both;
	border-top:1px solid #ddd;
}
#Markets .newsTime{
	float:left;
	width:45px;
	font-size:10px;
	font-weight:bold;
	padding:2px 1px;
	position:relative;
}

#Markets .news a{
	float:left;
	/*border-bottom:1px dotted #bbb;*/
	width:200px;
	padding:1px;
	text-decoration:none;
	position:relative;
}

#Markets .research_col_01{
	float:left;
	width:45px;
	text-align:left;
	padding:0 5px;
	/*font-size:10px;
	background-color:#d9dde5;
	border-right:solid 1px #bbb;
	height:30px;*/
}
#Markets .research_col_02{
	float:left;
	width:40px;
	height:30px;
	font-weight:bold;
	text-align:left;
	padding-left:8px;
/*	background-color:#e3e5e9;
	color:#627bb3;*/
}
#Markets .research_col_03{
	float:left;
	text-align:left;
	padding:2px 5px;
	/*border-left:solid 1px #ccc;*/
	width:130px;
	height:auto;
}

/* =lists */ 
.borderContent{
	border:#e6e6e6 5px solid;
	padding:4px;
	margin:2px;
	display:block;
	width:auto;
	clear:both;
	text-align:left;
}



.help_icon{
	float: right;
	margin:4px 7px 0 0;
	padding:1px;
}

.help_icon:hover{
	background-color:#ddd;
}

.rowPadded{
	width:auto;
	clear:both;
	height:auto;
	padding:5px;
	margin:0;
	display:block;
}*html .rowPadded{height:0;}

.row0{
	width:auto;
	clear:both;
	height:auto;
	padding:0;
	margin:0;
	display:block;
}*html .rowPadded{height:0;}

a.headingLink{
	background-color:#e2e2e2;
	display:block; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:normal; 
	padding:3px 7px 6px 7px; 
	text-decoration:none;
}
a.headingLink:hover{
	text-decoration:underline;
}




/* Box containers  -------------------------- */

.box-container_outside{
	border:1px solid #f0f0f0;
	padding:1px;
	background:#e2e2e2;
	margin: 0 0 5px 0;
	height:auto;
	position:relative;
}

.box-container_inside{
	border:1px solid #d9d9d9;
	background:#FFFFFF;
	padding:5px;height:1px;
	height:auto;
	position:relative;
}


/* Right Panels --------------------------- */



/* ----------------- #footer --------------------*/




/* ----------------- #General styles --------------------*/
a{
color:	#6f8db9;
}
a:hover{
color:#8b9215;
text-decoration:none;
} 

p  {
	margin: 0;
	padding-bottom: 8px;
}
hr {
	clear: both;
	height: 1px;
	border-top: dotted 1px #ccc;
}
ul{
	list-style:square;
	margin:3px 12px 0 26px;
}
li{
	margin:3px 12px 0 -10px;
}
img {
	border: none;
}
.padding{
	padding:8px;
	height:auto;
}
.indent{
padding:0 0 0 10px;
}


a.tradelink{
	font-size:18px;
	font-weight:bold;
	display:block;
	background-color:#e2e2e2;
	height:16px;
	margin:0 0 1px 0;
	padding:14px 7px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:none;
	color:	#6f8db9;
	text-decoration:none;
	text-transform:none;
	
}
a.tradelink:hover{
	background-color:#eaeaea;
	color: #8b9215;
	text-decoration:none;
	padding:12px 5px;
	border:2px solid #fff;
}

/* Headings --------------------------- */

.pageSubTitle{
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	margin-top:0px;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	color: #626469;
	padding:10px 15px 5px 5px;
	border-bottom:1px #ccc dashed;
}

h1{
	font-size: 10px;
	background-color: #CBD24C;
	display:block;
	margin:3px 0px 3px 0px;
	FONT-WEIGHT: bold;
	text-transform:uppercase;
	padding:3px 7px;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-top:0px;
	FONT-SIZE: 13px;
	FONT-WEIGHT: bold;
	color: #626469;
	padding:16px 15px 12px 15px;
}
h3{
	margin-top:0px;
	margin-bottom: 0px;
	font-size: 10px;
	color: #3d4e63;
	font-weight:bold;
	text-transform:uppercase;    
	FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
}
h4{
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-top:0px;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	color: #626469;
	padding:5px;
}

h5{
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	color: #4e6695;
	background-color: #FFFFFF;
	background-image: url(../images/tile_heading.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-top: 1px solid #Eee;
	border-bottom: 3px solid #EFF1C7;
	height:auto;
	margin:0px;
	padding:6px;
	display:block;
	width:auto;
}


h6{
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0px;
	margin-bottom: 11px;
	font-size: 10px;
}

.heading1{
	font-size: 15px;
	color: #59769b;
	display:block;
	margin-top:5px;
	margin-bottom: 6px;    
	FONT-WEIGHT: bold;
    FONT-SIZE: 22px;
}


.heading2{
	font-size: 14px;
	color: #40566F;
	font-weight:bold;
	display:block;
	margin-top:5px;
	margin-bottom: 6px;
	    FONT-WEIGHT: bold;
    FONT-SIZE: 20px
}


.heading3
{
	font-size: 13px;
	font-weight:bold;
	color: #6481b8;
	display:block;
	margin-top:5px;
	margin-bottom: 6px;   
	FONT-WEIGHT: bold;
    FONT-SIZE: 18px
}


.heading4 {
	font-size: 12px;
	color: #6481b8;
	display:block;
	margin-top:5px;
	margin-bottom: 3px;    
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
}


.heading5{
	margin-bottom: 0px;
	margin-top:0px;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	color: #4e6695;
}

.heading6{
	margin-top:0px;
	margin-bottom: 0px;
	font-size: 10px;
	color: #3d4e63;
	font-weight:bold;
	text-transform:uppercase;    
	FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
}

.heading4W{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #ffffff;
}

.heading5W{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
}

.heading6W{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
}

/* =Common Items ----------------------------------------------*/
.clear{clear:both;}
/* =Box Containers */
.boxLeft_01{
	background-color:#b3c6db;
	border-top:#FFFFFF 4px solid;
	border-bottom:#FFFFFF 6px solid;
	padding:1px;
	width:auto;
}

.boxLeft_01 h1{
	padding:3px 5px;
	background-color:#b3c6db;
	text-transform:uppercase;
	font-size:10;
	font-weight:bold;
	margin:0;
	border:2px #fff solid;
}

.boxLeft_02{
	border-bottom:1px #fff solid;

}

/* =TradingData */
#tradingData{
	padding:4px 8px;
	margin:0;
	background-color:#FFFFFF;
	background-image: url(../images/tradingData_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 11px;
	color: #666666;
}
#tradingData a {
	text-decoration:none;
}

#tradingData a:hover {
	color:#777;
	text-decoration:none;
}

#tradingData input.send-btn {
	width: 50px;
	height: 20px;
	margin:4px 0 -6px 2px;
	background: url(../images/btn_find.gif) no-repeat;
	outline: none;
	border:1px #ddd solid;
}
#tradingData  input.send-btn:hover {
	border:1px #fff solid;
}

/* =Tooltip  */

#theToolTip{ /* main background */
	position: absolute;
	left: -300px;
	width: 200px;
	border: 1px solid #bfbfbf;
	padding: 2px;
	background-color: #dddddd;
	visibility: hidden;
	z-index: 100;
	margin:-1px;

	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipTextWrap { /* title */
	font-size: 11px;
	color: #FFFFFF;
	background-color:#989898;
	padding:3px;
	background-image: url(../images/tooltip_title_gradient.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border:solid 2px #FFFFFF;

}

#theToolTip p{ /* content */
	font-size: 11px;

	color: #333333;
	margin:0;
	padding:5px;

	background-color:#FFFFFF;
	background-image: url(../images/tooltip_gradient.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#theToolTip h1{
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:dashed 1px #cccccc;
	background-color:#FFFFFF;
	padding:0 5px 1px 5px;
}

#ToolTipPointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

/* =Repeat  */
#repeat{
	background-color:#ccc;
	height:19px;
	line-height:inherit;
	width:465px;
	font-size: 10px;
	text-transform: uppercase;
	border: 1px solid #ddd;
	padding:0 1px;
}
#repeat a{
	padding:1px 4px;
	margin-right:1px;
	margin-top: 1px;
	background-color:#f5f5f5;
	text-decoration:none;
	float:left;
	border: 1px solid #fff;
}
#repeat a:hover{
	margin-top: 1px;margin-bottom: 1px;
	border: 1px solid #aaa;
	background-color:#fff;
	text-decoration:none;
}
#repeat a:visited{}
#repeat .selected{
	padding:1px 4px;
	margin-right:0px;
	margin-top: 1px;
	text-decoration:none;
	background-color:#cc0;
	border: 1px solid #aaa;
	color:#333;
}

/* =Offer */
.offer{
	padding:10px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #6F8DB9;
	background-repeat: repeat-x;
	background-position: top;
	display:block;
	border:#c2cde0 4px solid;
	margin: 0 0 7px 0;
}

a.offer{
 	text-decoration:none;
 }
 
a.offer:hover{
  	color:#DBE072;
	border:#ccc 4px solid;
} 

.offer p {
	font-size:11px;
	font-weight:bold;
	color:#fff;
	padding:3px 0 1px 0;
}

.offer_container{
	padding:8px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #6F8DB9;
	background-repeat: repeat-x;
	background-position: top;
	display:block;
	border:#c2cde0 4px solid;
	margin: 0 0 7px 0;
}

.offer_container h1{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background:none;
	font-size: 19px;
	line-height: 17px;
	font-weight: bold;
	text-transform:none;
	padding:0;
	margin:0;
}

.offer_container h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#DBE072;
	text-transform:normal;
	padding:0;
	margin:6px 0 0 0;
}


.offer_container h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#DBE072;
	text-transform:normal;
	padding:0;
	margin:0 0 0 0;
}

.offer_container h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#DBE072;
	text-transform:normal;
	padding:0;
	margin:2px 0;
}

.offer_container a{
  	color:#FFF;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
}

.offer_container a:visited{
  	color:#d5d5d5;
}
.offer_container a:hover{
	color:#d5d5d5;
	text-decoration:underline;
}