/**************** Body and tag styles ****************/
*{margin:0; padding:0;}

body{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100%;
line-height: 1.125em;
text-align:center;
color:#000000;
background:#e8eaec;
}

a{
color:#be0000;
font-weight:bold;
background-color:inherit;
}

a:hover{color:#6c0000; background-color:inherit;}
a img{border:none;}

p{padding:10px 0 5px 0; font-size:0.8em;}

p form{margin-bottom:20px;}

img.left,img.center,img.right{padding:4px; border:0px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

/**************** Header and navigation styles ****************/

#container{
width:995px; 
margin: auto;
text-align:left;
background:#ffffff;
color:#000000;
border:2px solid #a0a0a0;
}

#banner{
height:60px;
width:600px;
margin:0 1px 1px 1px;
background:#e0e0e0;
color: #000000;
}

#clock{
height:10px;
width:auto;
font:70% Verdana,Tahoma,Arial,sans-serif;
margin:0px 0px 0px 660px;
padding:5px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050; 
}

#clock b{
color:#BE0000;
}

#header{ 
height:110px;
width:995px; 
background:#E27F13;
color:#ffffff;
} 

#adfiller{ 
width:300px; 
background:#E27F13;
color:#ffffff;
} 

#navigation{
height:2.2em;
line-height:2.2em;
width:995px;
margin:0 0px;
background:#BE0000;
color:#ffffff;
}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background:#6C0000;
color:#ffffff;
text-decoration:none;
}

#adblock {
margin: 5px;
float:right;
border: 1px dashed #cccccc; background-color: #f0f8ff; }
/**************** Content styles ****************/

#content{
float:left;
width:770px; 
padding: 10px 10px 0px 20px
}

#content h2{
display:block;
margin:0 0 15px 0;
font-size:1.2em;
font-weight:bold;
letter-spacing:-1px;
color:#000000;
background-color:inherit;
}

#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.0em; letter-spacing: 0px;}


/**************** Sidebar styles ****************/

#subcontent{
float:right;
width:175px;
padding:20px 20px 10px 0;
line-height:1.4em;
}

#subcontent h2{
display:block;
margin:0 0 15px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#subcontent p{margin:0 0 16px 0; font-size:0.9em;}

/**************** Menublock styles ****************/

.menublock{margin:0 0 20px 8px; font-size:0.9em;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Searchbar styles ****************/

#searchbar{margin:0 0 20px 0;}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}

/**************** LoginForm styles ****************/

#loginbar{
margin:0 0 20px 0;
font-size:.775em;
border:1px solid #e27f13;
background-color: #ffffff;
color:#be0000;
padding:5px;
}

#loginbar #login{ 
width:130px;
margin:5px;
border:1px solid #e27f13;
}
#loginbar #password{ 
width:130px;
margin:5px;
border:1px solid #e27f13;
}

#loginbar #loginbutton{
width:auto;
padding:0 1px; 
border:1px solid #BE0000;
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:2px;
background-color: #BE0000;
margin:5px;
color: #ffffff; 
text-align:center;
cursor: pointer; 
}
 
#loginbar #registerbutton{ 
width:auto;
padding:0px;
border:1px solid #BE0000;
background-color: #BE0000;
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
margin: 5px;
color: #ffffff; 
text-align:center;
cursor: pointer; 
}

/****************RegistrationForm styles ****************/

#regbar{margin: 5px 0px 0px 0px;
padding:3px;
background-color:#fafbfc;
color:#505050;
}

#regbar form fieldset{margin:0 0 20px 0;
padding:20px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.6em;
}

#regbar input{
height:auto;
width:150px; 
padding:1px;
margin:2px 0px 0px 20px;
border:1px solid #a0a0a0; }

#regbar .textlabelreq{
color:#BE0000; background-color:inherit;text-align: justify;
font-size: 0.7em;}

#regbar .textlabel{
color:#000000; background-color:inherit;text-align: justify;
font-size: 0.7em;}

#regbar select{
height:15px;
width:150px;
margin:5px 0px 0px 20px;
border:1px solid #a0a0a0;
}

#regbar textarea{
width:150px;
margin:5px 0px 0px 20px;
border:1px solid #a0a0a0;
} 
 
#regbar #registerbutton{ 
width:auto;
padding:0 1px;
border:1px solid #808080;
background-color: #BE0000;
font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
margin: 10px 0px 0px 0px;
color: #ffffff; 
text-align:center;
cursor: pointer;
}

/**************** Footer styles ****************/

#footer{
clear:both;
width:995px;
padding:0px;
margin:0px;
font-size:0.9em;
color:#f0f0f0;
background:#BE0000;
}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;} 
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#be0000; background-color:inherit; font-weight:bold;}

.box{
margin:0 0 10px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#f2f2f2;
color:#505050; 
}

.nobox{
margin:5px 0 0px 20px;
font-size: 0.6em;
padding:0px;
border:0px solid #c0c0c0;
background-color:#f2f2f2;
color:#505050;
}

.scrollbox{
margin:20px;
padding:10px;
font-size: 90%;
border:1px solid #c0c0c0;
background-color:#f2f2f2;
color:#505050; 
overflow: auto;
height:500px;
}

.button{
width:auto;
padding:0 1px;
border:1px solid #BE0000;
background-color: #BE0000;
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
margin: 10px;
color: #ffffff; 
text-align:center;
cursor: pointer;
}
 
/**************** forecast & navigation styles **************************************************/
 
#navcontainer ul
{
margin: 0;
padding: 10px;
list-style-type: none;
text-align: left;
font-size:0.6em;
}

#navcontainer ul li { display: inline;}

#navcontainer ul li a
{
text-decoration: none; 
font-weight:bold; 
padding: 5px;
color:#ffffff; 
background: #e27f13;
}

#navcontainer ul li a:hover
{
border: 1px solid #e27f13;
background: #ffffff;
color:#e27f13;
text-decoration: none;
}

#navcontainer ul li a:active
{
border: 1px solid #e27f13;
background: #ffffff;
color:#e27f13;
text-decoration: none;
}

#forecastbox{
float:left;
margin:0 0 0px 0;
padding:0px; 
color:#000000;
}
#forecastbox .important{color:#f02025; background-color:inherit; font-weight:bold; font-size:75%;}

#forecastbox p{
padding-bottom:5px;
}

#forecastbox .line{
margin-bottom:10px;
margin-top:10px;
padding:5px;
border-bottom:1px dotted #e27f13;   
}

#forecastbox .titlebox{
border : 1px dotted #e27f13;
font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align:left;
background-color: #ffffff;
margin-top: 10px;
margin-bottom: 10px;
padding:5px; 
color:#e27f13;
}

#switchinputbox{
border: 1px solid #e27f13;
width: 90%;
font-size:0.8em; 
margin-top:20px;
margin-right:20px;
margin-bottom:20px;
padding:10px; 
color:#000000;
}

/****************************Table styles ********************************************/
#mytable {
	width: 700px;
	padding: 0;
	margin: 0;
}

#mytable caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px #ff9966 solid;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #f2f2f2;
	 
}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
 
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #000000;
	font-size: 0.7em;
}


#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mytable td.usd {
	background: #ffffff;
	color: #337c02;
	font-weight:bold;
}

#mytable td.om {
	background: #ffffff;
	color: #BE0000;
	font-weight:bold;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f2f2f2;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
} 

/***********************************************************************************************/

#watermark {
background-image: url("http://www.i-knowindices.com/images/sample.gif");
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat; 
}

.hline{
margin-bottom:10px;
margin-top:10px;
padding:5px;
border-bottom:1px dotted #e27f13;   
}

/************************** Ticker *************************************************************/

#ticker-container { 
		float:left;   
        overflow:hidden;    
        background-color: #f2f2f2;
        background-repeat: repeat;
        padding: 5px;
		height: 300px;
        border:  1px solid #c0c0c0;
		margin-right:20px;	
		margin-bottom:20px;	
		margin-top:20px;
}
	
#ticker {
		position: relative;		 
		border: 0px solid #000000;	
		padding:5px;		 
}
	
#ticker ul {
		padding:0;
		margin:0;
		list-style-type: none;
		line-height: 1.0em;
}

#ticker ul li {
            display:list-item;
            margin-top: 1px;
            margin-bottom: 1px;         
            font-family: verdana;
            font-size: x-small;
            font-weight: normal;
            color: #BE0000;
            padding: 3px;
}
	
#ticker ul li a {
            font-family: verdana;
            font-size: xx-small;
            font-weight: normal;
            color: #000000;
            text-decoration: none;
            padding-left: 2px;
}
        
#ticker ul li a:hover {
            font-family: verdana;
            font-size: xx-small;
				font-weight: bold;
            color: #ff9933;
            text-decoration: none;
            padding-left: 2px;
}

#ticker p a {
            font-family: verdana;
            font-size: x-small;
            font-weight: bold;
            color: #6c0000;
            text-decoration: none;      
}
        
#ticker p a:hover {
            font-family: verdana;
            font-size: x-small;
			font-weight: bold;
            color: #e27f13;
            text-decoration: none;       
}

#ticker p {
	 font-family: verdana;
    font-size: x-small;
	 color: #000000;
}

/***********************************************************************************/
 
#linksboxleft { 
 	float:left;
 	width:55%;
	height: 120px;
	margin: 10px;	
	padding: 5px;		  
	border-bottom:1px dotted #e27f13;
	border-top:1px dotted #e27f13;
}

#linksboxleft h4{
	font-size: x-small;
	font-weight: bold;
} 

#linksboxleft a {
            font-family: verdana;
            font-size: xx-small;
            font-weight: normal;
            color: #be0000;
            text-decoration: underline;
            padding-left: 2px;
}
        
#linksboxleft a:hover {
            font-family: verdana;
            font-size: xx-small;
				font-weight: normal;
            color: #e27f13;
            text-decoration: underline;
            padding-left: 2px;
}

#linksboxright { 
 	float:right;
 	width:35%;
	height: 120px;
	margin: 10px;	
	padding: 5px;	
	border-top: 1px dotted #e27f13;	
	border-bottom:1px dotted #e27f13;  
}

#linksboxright h4{
	font-size: x-small;
	font-weight: bold;
} 

#linksboxright a {
            font-family: verdana;
            font-size: xx-small;
            font-weight: normal;
            color: #be0000;
            text-decoration: underline;
            padding-left: 2px;
}
        
#linksboxright a:hover {
            font-family: verdana;
            font-size: xx-small;
				font-weight: normal;
            color: #e27f13;
            text-decoration: underline;
            padding-left: 2px;
}

/***************Banner Styles ************************/

#bottombanner{
	clear:both;
	width:995px; 
	height: 100px;
	background-color: #ffffff;
	font-size:x-small;
	color: #c0c0c0;
	border: 1px dotted #e27f13;	
	text-align:center;
}

#bottombanner a{
	color: #c0c0c0;
}

#popup{    	    
	  display:none;  
	  font-size:0.8em;       
      border : 1px dotted #e27f13;
      background-color: white; 
      padding: 5px; 
	  z-index: 200;
 }
 
#smalltextbox{
margin:10px 0 10px 0;
padding:5px;
border:1px solid #e27f13;
background-color:#ffffff;
color:#000000;
font-size:xx-small; 
}

#smalltextbox a {
            font-family: verdana;
            font-size: xx-small;
            font-weight: normal;
            color: #be0000;
            text-decoration: underline;
            padding-left: 2px;
}
        
#smalltextbox a:hover {
            font-family: verdana;
            font-size: xx-small;
				font-weight: normal;
            color: #e27f13;
            text-decoration: underline;
            padding-left: 2px;
}