﻿

/* base
----------------------------------------------- */

body	{
background-color: #e9e9e9;
margin: 0px;
padding: 0px;
font-family: arial, sans-serif;
}

#wrapper	{
width: 978px;
margin-left: auto;
margin-right: auto;

}

#page	{
width: 960px;
margin-left: 9px;
background-color: #FFFFFF;
float: left;
display: inline;
border-left: solid #dfdede 4px;
border-right: solid #dfdede 4px;
border-bottom: solid #dfdede 4px;
}

#header	{
width: 960px;
height: 154px;
background-image: url("/images/logo.jpg");
background-repeat: no-repeat;
float: left;
}

#content	{
width: 960px;
float: left;
display: inline;
margin: 40px 0px 0px 0px;

}
#content a 
{
	font-size:9.5pt;
}
#content span
{
	font-size:9.5pt;
}

#content p, #content label
{
	font-size: 10pt;
	color: #474747;
}

#innerContent	
{
	padding: 0px 10px 0px 10px;
}


#contentLeft	{
width: 516px;
margin: 0px 0px 0px 0px;
float: left;
display: inline;
}

.boxLeft	{
width: 496px;
height: auto;
padding: 6px;
margin: 0px 0px 20px 0px;
}

.boxSmallLeft p, .boxSmallRight p	{
font-size: 11px;
line-height: 16px;
}

.grayBg	{
background-color: #f8f7f7;
}

.grayBgLine	{
background-color: #f5f5f5;
border-top: dotted #1f476b 1px;
border-bottom: dotted #1f476b 1px;
}

.floatLeft	{
float: left;
}

.floatRight	{
float: right;
}
.clearBoth 
{
clear:both;
}
	

.boxSmallLeft	{
width: 243px;
height: auto;
margin: 0px 0px 40px 0px;
}

.boxSmallLeft h4, .boxSmallLeft .date, .boxSmallLeft p	{
margin-left: 10px;
}

.boxSmallRight	{
width: 243px;
height: auto;
margin: 0px 0px 40px 0px;
}

.boxSmallRight h4, .boxSmallRight .date, .boxSmallRight p	{
margin-left: 10px;
}

.utilitySmall a	{
font-size: 10px;
padding: 5px 0px 5px 0px;
vertical-align: middle;
}

.utilitySmall	{
width: 233px;
height: 24px;
border-top: dotted #1f476b 1px;
border-bottom: dotted #1f476b 1px;
margin-left: 10px;
}



#contentRight	{
width: 390px;
float: left;
display: inline;
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 16px;
background-color: #f5f5f5;
}

.freeFormRight	{
width: 370px;
margin: 0px 0px 30px 10px;
}

.blogsCallout	{
width: 370px;
margin: 0px 0px 10px 10px;
}

.blogsCallTop	{
width: 370px;
height: 44px;
background-image: url("/images/blogsCall.gif");
background-position: top;
background-repeat: no-repeat;
}

.blogsCallTop a	{
float: right;
display: inline;
font-size: 10px;
margin: 16px 10px 0px 0px;
}

.analystsCallTop	{
width: 370px;
height: 44px;
background-image: url("/images/analystsCall.gif");
background-position: top;
background-repeat: no-repeat;
}

.blogsCallMid	{
width: 350px;
padding: 0px 6px;
border-left: solid #edecec 4px;
border-right: solid #edecec 4px;
background-color: white;
 padding-bottom:20px;


}

.blogsCallMid p	{
font-size: 11px;
line-height: 16px;
}

.blogsCallMid img	{
margin: 0px 0px 10px 0px;
}

.blogsCallBottom	{
width: 370px;
height: 13px;
margin-top: -12px;
background-image: url("/images/blogsCallBottom.gif");
background-repeat: no-repeat;

}

.analystList	{
width:342px;

}


#videoBox	{
width: 516px;
margin: 0px 0px 10px 0px;
}

.videoPaging	{
width: 390px;
height: 26px;
float: left;
display: inline;
margin: -10px 0px 0px 0px;
background-color: #d5d5d5;
font-size: 11px;
}

.pagingSmallLeft	{
width: 140px;
margin: 0px 0px 0px 10px;
float: left;
display: inline;
}

.pagingSmallRight	{
width: 220px;
margin: 0px 10px 0px 10px;
float: right;
display: inline;
text-align: right;
}


#videoList	{
width: 370px;
height: 530px;
float: left;
display: inline;
margin: 10px 0px 0px 10px;
overflow:scroll;
overflow-x: auto;
}

.videoItemAlt {

background-color: White;
}

.videoItem	{
width: 350px;
height: auto;
float: left;
display: inline;
margin: 0px 0px 10px 0px;

}

.videoThumb	{
float: left;
display: inline;
padding: 4px;
margin: 0px 5px 0px 0px;

}

.videoInfoSmall	{

height: auto;
margin: 5px 0px 0px 3px;
}


#footer	{
width: 960px;
height: auto;
float: left;
display: inline;
margin: 0px 0px 0px 0px;
background-color: black;
}






.topNav
{
	position: relative;
	vertical-align: middle;
	height: 22px;
	top:94px;
	line-height: 1.6em;
}


.topNav a
{
	font-weight: bold;
	color: #ffffff;	
	font-size:12.8px;
}

.topNav a:hover
{
	color: #cccccc;	
}

.topNav-NavBar
{
    float: left;
    vertical-align: middle;
    height: 22px;
    padding: 2px 0 0 0;
}

/* * * * * * * * * * * NEW * * * * * * * * * * */
.loginNav
{
	float:right;
	margin-right:6px;
	height:26px;
}
.loginNav a
{
	font: 11px Verdana, Arial, sans-serif;
	color:Black;
}

.loginNav a:hover	
{
	color: #990101;
}

.loginNav span
{
	font: 11px Verdana, Arial, sans-serif;
	color:Black;
}

.footerText
{
	color:White;
	text-align:center;
	padding: 6px 6px 10px 6px;
}
.footerText a
{
	font: 11px Verdana, Arial, sans-serif;
	color:White;
}
.footerText a:hover	
{
	color: #990101;
}

.footerText span
{
	font: 11px Verdana, Arial, sans-serif;
	color:White;
}
/* * * * * * * * * * * END NEW * * * * * * * * */


/* For Login.... */
.modalBackground
 {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}



.modalPopup
{
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: Gray;
	padding: 10px;
	width: 420px;
	z-index:99999;
}	



.gridTitle
{
	background-color: Black;
	color: White;
	height: 100%;
	font-size: 16px;
	width: 99%;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: center;
	
}

.content_main_top_padding
{
	background-color:Transparent; 
	height:5px; 
	width:100%;
}
.content_main_top_error_visible
{
	background-color:Red; 
	color:White; 
	width:100%;
	display:inline;
	line-height:1em;
}
.content_main_top_spinner_hidden
{
	display:none;
}

.content_main_top_spinner_visible
{
	width:100%;
	display:inline;
}


.content_main_title
{
	font-size:x-large;	
	color:Black;
	height:22px; 
	font-size:20px; 
	width:100%;   
	margin-top:4px;
	padding-bottom:4px;
	padding-top:2px; 
	margin-bottom:4px;
	text-align:center;
}

/* Login Styling */
.loginArea
{
	width:275px;
	padding: 5px 70px 5px 70px;
}

.loginAreaLine
{
	width:100%;
}

.loginAreaLineElement
{
	margin: 5px 2px 5px 2px;
	font-size: 12px;
}

.loginAreaLineElement a
{
	font-size: 10px;
}

.loginButton
{
	font-weight: bold;
	color:white;
	background-color:#CD331B;
	border-color:red;
}



/* End Login Styling */
