/* 
Commodity Channel CSS Document
created by: Michael Fausner - Openlightmedia
date: March 14, 2007
 */
 
 
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #274dd2;
	background-image: url(images/bkgtop.jpg);
	background-repeat: repeat-x;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999999;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
}

a img {
	border: none;
}

p {
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
}

h3 {
	font-size: 18px;
	color: #333;
	padding: 0;
	padding-top: 10px;
	margin: 0;
}

ul {
list-style-type: none;
}


#right {
/*border-left: 1px solid #666;*/
background-color: #73AAE2;
background-image:url(images/left_bkg.jpg);
background-repeat:no-repeat;
height: auto;
}

/*	TOP BANNER AND NAV	*/
#topBanner {
	/* background-image: url(images/cc_top.jpg);  */
}
#toptop {
	color: #000;
}
#blueNav {
	/* background-image: url(images/cc_blue.jpg);	*/
	width: auto;
	height: 25px;
}
.toplinks {
	display: inline;
}
#linklist {
	display: inline;
	font-size: 12px;
	margin-top: 0;	
	/*margin-left: 10px;*/
	padding: 0;
	width: 875px;
	height: 25px;
}
.outToplinks {
	display:inline;
	padding-right: 15px;
	padding-left: 15px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	width: auto;
	height: 25px;
	border-left: 1px solid #fff;
}
.outToplinks a:link {
	color: #fff;
	text-decoration: none;
}
.outToplinks a:visited {
	text-decoration: none;
	color: #fff;
}
.outToplinks a:hover {
	text-decoration: none;
	color: #002496;
}
.outToplinks a:active {
	text-decoration: none;
}
#topText {
	font-size: 12px;
	font-style:normal;
	color: #fff;
	padding: 10px 10px 0 0;
	float: right;
}
/*	END TOP BANNER AND NAV	*/

/*  LEFT SIDE   */
.mainlistitem {
	font-size: 10px;
	margin: 0;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 10px;
	/*background-color:#FFFFFF;*/
	border-bottom: 1px solid #ececec;
}

.leftNavtops {
	height: 25px;
	width: 200px;
	background-image:url(images/link_topBkg.gif);
	background-repeat:no-repeat;
	padding-top: 2px;
	padding-bottom: 2px;
    color: #FFC500;
    font-size: 12px;
}
.leftlist {
	padding: 0;
	margin: 0;
}

#left {
	background-image:url(images/left_bkg.jpg);
	background-repeat:no-repeat;
	width: 200px;
	background-color: #73AAE2;
}

#left_nav_links a:link {
	color: #000;
	text-decoration: none;
}
#left_nav_links a:visited {
	text-decoration: none;
	color: #333;
}
#left_nav_links a:hover {
	text-decoration: none;
	color: #666;
}
#left_nav_links a:active {
	text-decoration: none;
}

.content {
	line-height: 1.6em;
}
#con_middle {
	background-image: url(images/con_bkg.gif);
	background-repeat: repeat-y;
	background-color: #fff;
}

#foot {
	background-image: url(images/foot_bkg.jpg);
	background-repeat: repeat-x;
	background-color: #001B8E;
}
#footunder {
	background-repeat: repeat-x;
	background-color: #001B8E;
}
#advisory
{
	color: #666;
	font-size: 10px;
	line-height: 1.3em;
}

#footText {
	margin: 0;
	padding: 3px;
	color: #fff;
	font-size: 10px;
}
#topPic {
	margin: 10px;
	background-color: #fff;
	/*float: left;*/
}


.comBox {
	font-size: 12px;
	background-image: url(images/com_icons.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.icon_push {
	padding-top: 2px;
}



/*   Form page */

#form {
	font-size: 12px;
	height: 50px;
}
.form_each {
	border-bottom: 1px dashed #aaa;
}

.form_each2 {
	border-bottom: 1px dashed #aaa;
	background-color: #ececec;
}


.imagespace {
	margin-top: 2px;
}


div#whole_con{ 
	margin: 1%;
	padding: 0px 5px 5px 5px;
  	background: #ffffff;
/*	border: 1px solid #ccc;  
	background-image: url(images/context_bkg.jpg);*/
	background-repeat: no-repeat;
}
div#nifty2{ 
	margin: 1%;
	padding: 0px 5px 5px 5px;
  background: #ffffff;
/*	border: 1px solid #ccc; 
	background-image: url(images/context_bkg.jpg); */
	background-repeat: no-repeat;
}

.textTall {
	color: #FFCC00;
	margin: 0;
	padding: 2px 0 3px 10px;
	font-size: 1em;
}



.tooltip{
	width: 200px; 
	color:#000;
	font:lighter 11px/1.3 Arial,sans-serif;
	text-decoration:none;
	text-align:left;
}

.tooltip span.top{
	padding: 30px 8px 0;
    background: url(images/bt.gif) no-repeat top;
    }

.tooltip b.bottom{
	padding:3px 8px 15px;
	color: #FFEFD7;
    background: url(images/bt.gif) no-repeat bottom;
    }