/*--styles--*/

html 
{
	 overflow:hidden;  
}

body
{ 
	/*background-image: url(../Images/Icons/Bg.gif);
	background-repeat: repeat-y; */
	background-color: #BBCCDD;
} 

.cBusinessNews a
{
	
}

.cBusinessNews a:hover
{
	background: navy; color: #FEFEFF;
}

.imgStdBorder
{	border-style: ridge;
	border-color: #F0F0F0;
	border-width: 2px;	
}

.adHeaderRotatorClass
{	position: absolute;
	top: 1px;
    left: 620px;
    width: 370px;
    height: 50px;
	z-index: 299;	
}

.pointerHand
{	
	cursor: pointer;  
	cursor: hand;
}

.frMainNormalClass
{	position: absolute;
	top: 54px;
    left: 195px;
    width: 1px;
    height: 1px;
    border-width: 1px;
    border-color: #EEEEFF;
	background-color: White;
    z-index: 281;
}

.frMainWideClass
{	position: absolute;
	top: 54px;
    left: 0px;
    width: 1px;
    height: 1px;
    border-width: 1px;
    border-color: #EEEEFF;
	background-color: White;
    z-index: 280;
}

.imgSpreadTheBullClass
{	position: absolute;
	top: 4px;
	left: 545px;
	z-index: 273;	
}

.unavailableExplanationClass
{	
	font-size:12px;
	color: Navy;
	font-family: Verdana, Arial;
	font-variant: small-caps;	
	z-index: 272;
}

.loadExplanationClass
{	
	padding-left:3px;
	font-size:18px;
	color: crimson;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-variant: small-caps;	
	z-index: 271;
}

.loadDisclaimerClass
{	
	font-size:10px;
	color: Navy;
	font-family: Verdana, Arial;
	z-index: 270;
}

.buttonsPaginationC
{	position: absolute;
	top: 53px;
    left: 1px;
    width: 195px;
    height: 25px;
	font-family: Verdana, Arial;
	color: Navy;
	font-size: 12px;
    border-width: 2px;
	border-style: ridge;
	background-color: #DFDFDF;
	z-index: 267;	
}

.btnMessageListC
{	position: absolute;
	top: 3px;
    left: 137px;
	width: 35px;
    height: 21px;
    color: Red;
	font-weight: normal;
	font-size:11px;
	font-family: Arial;
	font-variant: normal;
	z-index: 264;
}

.spanActiveBoardsC
{	position: absolute;
	top: 6px;
    left: 1px;
    color: Navy;
	font-weight: bold;
	font-size:11px;
	font-family: Arial;
	font-variant: normal;
	display: none;
	z-index: 263;
}

.btnToggleMessageViewC
{	position: absolute;
	top: 3px;
    left: 173px;
	width: 19px;
    height: 21px;
    color: Red;
	font-weight: normal;
	font-size:12px;
	font-family: Arial;
	font-variant: normal;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 1px;
	z-index: 262;
}


.msgTableClass
{	position: absolute;
	top: 79px;
    left: 1px;
    width: 196px;
    height: 540px;
	font-family: Verdana, Arial;
	color: Navy;
	font-size: 12px;
    border-width: 2px;
	border-style: ridge;
	background-color: #DFDFDF;	
	overflow:scroll;
	z-index: 261;
}


.posRssXMLClass
{	position:absolute;
	top: 3px;
	left: 3px;
}

.headerBlogClass
{	font-size:9px;
	color: navy;
	font-weight:bold;
	font-family: Verdana, Arial;
	font-variant: small-caps;
	font-style: normal;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: outset;
	border-color: #C9C9F0;
	background-color: #D2D2D6;
}

.headerBlogCell1Class
{	width: 104px;
    height: 20px;	
    color: Navy;
	font-weight: normal;
	font-size:9px;
	font-family: Verdana, Arial;
	font-variant: normal;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: outset;
	border-color: #C9C9F0;
	background-color: #D2D2D6;
	padding: 2px;
}

.headerBlogCell1aClass
{	width: 104px;
    height: 20px;	
    color: Navy;
	font-weight: normal;
	font-size:9px;
	font-family: Verdana, Arial;
	font-variant: normal;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: outset;
	border-color: #C9C9F0;
	background-color: #E2E2E6;
	padding: 2px;
}

.headerBlogCell2Class
{	width: 80px;
    height: 20px;	
    color: Navy;
	font-weight: normal;
	font-size:9px;
	font-family: Verdana, Arial;
	font-variant: normal;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: outset;
	border-color: #C9C9F0;
	background-color: #D2D2D6; 
	padding: 2px;
}

.headerBlogCell2aClass
{	width: 80px;
    height: 20px;	
    color: Navy;
	font-weight: normal;
	font-size:9px;
	font-family: Verdana, Arial;
	font-variant: normal;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: outset;
	border-color: #C9C9F0;
	background-color: #E2E2E6; 
	padding: 2px;
}

.headerCellClass
{	font-size:10px;
	color: Navy;
	font-family: Arial;
	font-variant: normal;
	font-style: normal;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: outset;
	border-color: #C9C9F0;
	background-color: #C9C9F0;
}

.headerRowClass
{	height: 60px;
	background-color: yellow;
	z-index: 999;
}

.tiC
{	width: 104px;
    height: 20px;
    color: Navy;
    font-weight: normal;
	font-size:10px;
	font-family: Arial, Helvetica;
	font-variant: normal;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: outset;
	border-color: #C9C9F0;
	z-index: 251;
}

.auC
{	width:80px;
    height: 20px;
    color: Navy;
    font-weight: normal;
	font-size:10px;
	font-family: Arial, Helvetica;
	font-variant: normal;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: outset;
	border-color: #C9C9F0;
	z-index: 250;
}


.divMsgBoardNewC
{	position: absolute;
	top: 38px;
    left: 884px;
 	font-size: 10px;
	font-family: Verdana, Arial;
	text-align: left;
	font-weight: bold;
	color: crimson;   
    z-index: 228;
}

.divPortfolioStocksClass
{	position: absolute;
	top: 32px;
    left: 195px;
    z-index: 215;
}

.linksC
{   width: 85px;
	height: 20px;
	color: Blue;
    font-size: 14px;
    font-weight: bold;  
	font-family: Verdana, Arial;
	background-color: #EEEEFF;
	border-left: 2px ridge #EEEEFF;
	border-right: 2px ridge #EEEEFF;
	cursor: pointer; 
	cursor: hand;
	z-index: 214;  
}

.customStocksMenuClass
{   width: 95px;
	height: 20px;
	color: Blue;
    font-size: 14px;
    font-weight: bold;  
	font-family: Verdana, Arial;
	background-color: #EEEEFF; 
	border-left: 2px ridge #EEEEFF;
	border-right: 2px ridge #EEEEFF;
	cursor: pointer;  
	cursor: hand;  
	z-index: 213;
}

.customStocksClass
{   color: Red;
    font-size: 14px;
	font-family: Verdana, Arial;
	z-index: 212;
	cursor: pointer;  
	cursor: hand;    
}

.viewedStocksMenuClass
{   width: 116px;
	height: 20px;
	color: Blue;
    font-size: 14px;
    font-weight: bold;  
	font-family: Verdana, Arial;
	background-color: #EEEEFF; 
	border-left: 2px ridge #EEEEFF;
	border-right: 2px ridge #EEEEFF;
	cursor: pointer;  
	cursor: hand;   
	z-index: 211;
}
	
.viewedStocksClass
{   color: Red;
    font-size: 14px;
	font-family: Verdana, Arial;
	z-index: 210;
	cursor: pointer;  
	cursor: hand;  
}

.selectedCustomListClass
{   
	color: Red;
	font-size: 14px;
	font-weight: bold;
}

.lbEnterClass
{	position: absolute;
	top: 33px;
	height: 16px;
    left: 285px;
    width: 115px;
    color: crimson;
    font-size:12px;
    font-weight:bold;
    font-family: Verdana, Arial;
    z-index: 208;
}

.divCalendarClass
{	position: absolute;
	top: 32px;
    left: 218px;
    z-index: 207;
}

.divChartsClass
{	position: absolute;
	top: 32px;
    left: 241px;
    z-index: 206;
}


.btnLoadClass
{	position: absolute;
	top: 29px;
	height: 23px;
    left: 493px;
    width: 40px;
    color: red;
    text-align: center;
    font-size: 12px;
	font-family: Verdana, Arial;	
	font-variant: small-caps;	
	font-style: italic;
	font-weight: bold;
    z-index: 204;
}

#cbBoardSourceView
{	position: absolute;
	top: 30px;
    left: 543px;	
}

#idRiverViewLabel
{	position: absolute;
	top: 28px;
    left: 566px;
    width: 100px;
    color: Navy;
    font-size:10px;
    font-weight:bold;
    font-family: Verdana, Arial;
}

.finishLoadingClass
{	position: absolute;
	top: 88px;
    left: 260px;
    z-index: 203;
}

.tmClass
{	position: absolute;
	top: 17px;
    left: 218px;
    z-index: 202;
}

.imgLogoClass
{	position: absolute;
	top: 2px;
    left: 2px;
    z-index: 201;
}


.lbBoardSource1C
{	position: absolute;
	top: 5px;
	left: 267px;
    width: 320px;
    color: navy;
    font-weight: bold;
    font-size: 12px;
	font-family: Verdana, Arial;
	font-style: normal;
	font-variant: small-caps;
    z-index: 199;
}

.inputParametersClass
{	position: absolute;
	top: 0px;
	height: 60px;
	background-color: #E8E8E8;
	background-image: url(../Images/Icons/pageBg.gif);
	background-repeat: repeat-x; 
    color: Navy;
    font-size:10px;
	font-family: Verdana, Arial;
    z-index: 180;
}

.MovieQuotesClass
{	vertical-align: middle;	
}

.imgBtnShowMsgTableClass
{	position: absolute;
	top: 20px;
    left: 325px;
}

.timeClass
{	position: absolute;
	top: 68px;
    left: 125px; 
    width: 90px;
    height: 20px;
	font-size:11px;
	font-family: Arial, Helvetica;
	z-index: 190;
}

.imgMainSourceClass
{	position: relative;
	top: 10px;
    left: 10px;
    border-color: #7777FF;
    border-width: thin;
    z-index: 179;
}

.imgAdsClass
{	position: absolute;
	top: 525px;
    left: 40px;
    color: Navy;
    font-size:12px;
    font-weight:bold;
    z-index: 177;
}

.tbTooltipSizeClass
{	position: absolute;
	top: 800px;
    left: 0px; 
    width: 1px;
    height: 1px;
    border-width: 0px;
	color:#FFFFFF;
	z-index: 152;	
}

.tbStartClass
{	position: absolute;
	top: 800px;
    left: 0px; 
    width: 1px;
    height: 1px;
    border-width: 0px;
	color:#FFFFFF;
	z-index: 151;
}

.tbUrlClass
{	position: absolute;
	top: 800px;
    left: 0px; 
    width: 1px;
    height: 1px;
    border-width: 0px;
	color:#FFFFFF;
	z-index: 150;
}

/*--stylesSymbolLinks--*/
#downdropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:51;
}

#downdropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#downdropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}

/*--stylesTabStrip--*/
        #tablist{
        padding: 1px 0;
        margin-left: 0;
        margin-bottom: 0;
        margin-top: 0.1em;
        font-family: Verdana;
		font-variant: small-caps;
        font-size: 11px;
        font-weight: bold;
        }

        #tablist li{
        list-style: none;
        display: inline;
        margin: 0;
        background: transparent;
        }

        #tablist li a{
        padding: 1px 0.05em;
        margin-left: 0px;
        border-width: 2px;
		border-style: ridge;
		border-color: #F0F0F0;
        border-bottom: none;
        background: transparent;      
        }

        #tablist li a:link, #tablist li a:visited{
        color: navy;
        }

        #tablist li a.currentClass{
        background: #EEEEF9;
        position: relative;
	    top: 0px;
        left: 0px;
        }

        #tablist li a.noncurrentClass
        {			
		position: relative;
	    top: 0px;
        left: 0px;
        }
            
        #tabcontentcontainer{
        position: absolute;
	    top: 0px;
        left: 0px;
        }

        .tabcontent{
        display:none;
        } 
        
        .tablistClass
        {
		position: absolute;
	    top: 32px;
        left: 1px;
        }
              
/*--#tablist2--*/        
        
        #tablist2{
        padding: 1px 0;
        margin-left: 0;
        margin-bottom: 0;
        margin-top: 0.1em;
        font-family: Verdana;
		font-variant: small-caps;
        font-size: 11px;
        font-weight: bold;
        }

        #tablist2 li{
        list-style: none;
        display: inline;
        margin: 0;
        background: transparent;
        }

        #tablist2 li a{
        padding: 1px 0.05em;
        margin-left: 0px;
        border-width: 2px;
		border-style: ridge;
		border-color: #F0F0F0;
        border-bottom: none;
        background: transparent;      
        }

        #tablist2 li a:link, #tablist2 li a:visited{
        color: navy;
        }

        #tablist2 li a.currentClass{
        background: #EEEEF9;
        position: relative;
	    top: 0px;
        left: 0px;
        }

        #tablist2 li a.noncurrentClass
        {			
		position: relative;
	    top: 0px;
        left: 0px;
        }
        
        #tabcontentcontainer2{
        position: absolute;
	    top: 0px;
        left: 0px;
        width: 220px;
        }

        .tabcontent2{
        display:none;
        } 
        
        .tablistClass2
        {
		position: absolute;
	    top: 32px;
        left: 90px;	/*--shifted--*/
        }
            
/*--stylesTabStrip--*/
    #dhtmltooltip{
    position: absolute;
    left: -300px;
    width: 50px;
    border: 1px solid black;
    padding: 2px;
    background-color: #EEEEF9;
    color: navy;
    font-size: 11px;
    font-family: Georgia, Arial;
    visibility: hidden;
    z-index: 303;
    }

    #dhtmlpointer{
    position:absolute;
    left: -300px;
    z-index: 302;
    visibility: hidden;
    }
    
    #fixedtipdiv{
    position:absolute;
    padding: 2px;
    border:1px solid black;
    font:normal 12px Georgia;
    line-height:18px;
    z-index:301;
    }

/*--stylesWebLinks--*/
#sidedropmenudiv{
position:absolute;
border-bottom-width: 0;
font:normal 14px Verdana;
line-height:18px;
z-index:550;
}

#sidedropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#sidedropmenudiv a:hover{ /*background-color: #FFFFFF;*/
}

.posNavListClass 
{	position:absolute;
	top: 40px;
	left: 0px;
}

.itemsNavListClass 
{	position:relative;
	top: 2px;
	left: 1px;
	list-style-type: square;
	width: 180px;
	color: Navy;
	border-width: medium;
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-variant: normal;
	font-style: normal;
}

.linksContainerInfoClass
{	position:absolute;
	top: 50px;
	left: 10px;
	color: Navy;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-variant: normal;
	font-style: normal;
}

.homeInfoClass
{	position:relative;
	top: 0px;
	left: 0px;
}

.linkTitleInfoClass
{	position:relative;
	top: 0px;
	left: 5px;
	color:Blue;
	font-family: Eurostile, Verdana, Arial;
	text-decoration: underline;
}

.tsC
{
	color:Blue;
	font-family: Eurostile, Verdana, Arial;
}

.bookmarkC
{	position:absolute;
	top: 606px;
	left: 10px;		
}

.lkTitleSubC
{	position:relative;
	top: 0px;
	left: 5px;	
}

.lkSubC
{	position:relative;
	top: 0px;
	left: 5px;
}

.linkTitleWebClass
{	position:relative;
	top: 0px;
	left: 0px;
	color:Blue;
	font-family: Eurostile, Verdana, Arial;
	text-decoration: underline;
}

.divBlogFaqClass
{	position:absolute;
	top: 39px;
	left: 156px;
	color: Navy;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Arial;
}

.divBlogMenu1C
{	position:absolute;
	top: 5px;
	left: 3px;
	color: Navy;
	font-size: 10px;
	font-family: Verdana, Arial;
	border-width: 3px;
	border-color: Navy;
	font-weight: bold;
}

.divPopularityC
{	position:absolute;
	top: 45px;
	left: 5px;
	color: Navy;
	font-size: 9px;
	font-family: Verdana, Arial;
	border: 0px;
	font-weight: normal;
	margin-top: 3px;
}

.divPopularityC a:visited{color: navy;}

.divPopTickersC
{	position:absolute;
	top: 45px;
	left: 5px;
	width: 160px;
	height: 52px;
	color: Navy;
	font-size: 9px;
	font-family: Verdana, Arial;
	border: 1px ridge blue;
	font-weight: normal;	
	padding:4px;
}	

.divPopTickersC a:visited{color: navy;}

.divBlogTitle1Class
{	position:absolute;
	top: 8px;
	left: 5px;
	color: Navy;
	font-size: 12px;
	font-family: Verdana, Arial;
	font-weight: bold;
}

.divWebTitle1Class
{	position:absolute;
	top: 12px;
	left: 5px;
	color: Navy;
	font-size: 10px;
	font-family: Verdana, Arial;
}

.divBlogTitle2Class
{	position:absolute;
	top: 30px;
	left: 5px;
	color: Navy;
	font-size: 10px;
	font-family: Verdana, Arial;
}

.divBlogTitle3Class
{	position:absolute;
	top: 60px;
	left: 5px;
	color: Navy;
	font-size: 10px;
	font-family: Verdana, Arial;
}

.divBlogTitle4Class
{	position:absolute;
	top: 122px;
	left: 5px;
	color: Navy;
	font-size: 11px;
	font-family: Verdana, Arial;
}

.linksContainerBlogClass
{	position:absolute;
	top: 135px;
	left: 1px;
	color: Navy;
	font-size: 9px;
	font-family: Arial;
	font-variant: normal;
	font-style: normal;
}

.divWebTitle2Class
{	position:absolute;
	top: 45px;
	left: 5px;
	width: 166px;
	color: Navy;
	font-size: 10px;
	font-family: Verdana, Arial;
	font-weight: bold;
}

.divWebTitle3Class
{	position:absolute;
	top: 75px;
	left: 5px;
	width: 136px;
	color: Navy;
	font-size: 9px;
	font-family: Verdana, Arial;
	font-weight: normal;
	border: 2px ridge #F0F0F0;
	padding: 2px;
}

.linksContainerWebClass
{	position:absolute;
	top: 85px;
	left: 1px;
	color: Navy;
	font-size: 10px;
	font-family: Arial;
	font-variant: normal;
	font-style: normal;
}

.frWebClass
{	position:absolute;
	top: 54px;
	left: 1px;
	width: 193px;
	height: 545px;
	background-color: #E8E8E8;
	background-image: url(../Images/Icons/pageBgShort2.gif);
	background-repeat: repeat-y; 
	z-index: 34;
}


.frBlogsClass
{	position:absolute;
	top: 54px;
	left: 1px;
	width: 193px;
	height: 550px;
	background-color: #E8E8E8;
	background-image: url(../Images/Icons/pageBgShort2.gif);
	background-repeat: repeat-y; 
	z-index:33;
}

.frNewsClass
{	position:absolute;
	top: 54px;
	left: 1px;
	width: 193px;
	height: 550px;
	background-color: #E8E8E8;
	background-image: url(../Images/Icons/pageBgShort2.gif);
	background-repeat: repeat-y; 
	z-index: 41;
}	

.rankBlogClass
{	position:relative;
	top: 3px;
	left: 0px;
}

.linkBlogClass
{	position:relative;
	top: 0px;
	left: 0px;
}

.homeBlogClass
{	position:relative;
	top: 0px;
	left: 0px;
}

.lkBlogC
{	position:relative;
	top: 0px;
	left: 10px;
}

.settingOffClass
{
	font-weight: normal;	
}

.settingOnClass
{
	font-weight: bold;	
}

/*--chromestyle--*/
#chromemenu{
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border: 0px solid #BBB;
width: 100%;
background-color: #EEEEFF;
margin-left: 0;
padding-left: 0;
margin: 0;
float: left;
font-family: Verdana, Arial;
font-variant: small-caps;
font-size: 11px;
font-weight: bold;
}

#chromemenu ul li{
display: inline;
}


#chromemenu ul li a{
float: left;
color: Navy;
font-weight: bold;
font-family: Arial;
font-variant: normal;
font-size: 10px;
padding: 1px 16px 1px 1px;  /* menu size attributes determined here */
text-decoration: none;
/*background: url(divider.gif) center right no-repeat;*/ /*Theme Change here*/
}

#chromemenu ul li a:hover{
color: Red;
}

#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

#chromemenu{
}

#chromelogin:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromelogin ul{
border: 0px solid #BBB;
width: 100%;
background: url(chromebg2.gif) center center repeat-x; /*Theme Change here*/
margin-left: 0;
padding-left: 0;
margin: 0;
float: left;
font-family: Verdana, Arial;
font-variant: small-caps;
}

#chromelogin ul li{
display: inline;
}

#chromelogin ul li a{
float: left;
color: Navy;
font-weight: bold;
font-family: Verdana, Arial;
font-variant: small-caps;
font-size: 11px;
padding: 1px 16px 1px 1px;  /* menu size attributes determined here */
text-decoration: none;
background: url(divider.gif) center right no-repeat; /*Theme Change here*/
}

#chromelogin ul li a:hover{
color: Red;
}

#chromelogin ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

#chromelogin{
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*Theme Change here*/
border-bottom-width: 0;
font-family: Verdana, Arial;
line-height:12px;
background-color: #EEEEFF;
width: 185px;
visibility: hidden;
z-index:499;
}

.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*Theme Change here*/
padding: 2px 0;
text-decoration: none;
font-size: 12px;
font-family: Verdana, Arial;
color: Navy;
}

.dropmenudiv a:hover{ /*Currently selected highlight*/
background-color: #D2D2D6;
}

/* ticker popularity */
.ptC
{   color: Blue;
    font-size: 14px;
	font-family: Arial;
	font-weight: normal;
}

.ptiC
{   color: Navy;
    font-size: 8px;
	font-family: Arial;
	font-weight: normal;
}

.ptcC
{
	position: absolute;
	width: 165px;
	color: Blue;
	font-family: Arial;
	font-weight: normal;
}

div.pcC {
  /*border: 1px solid #ccc; */
  width: 85px; 
  margin: 0 5px 0 2px;
  padding: 0px;
  float: left; 
  background: #D2D2D6;
}

div.pcC div {
  background-color: #0022AA; 
  height: 3px;
  font-size: 3px;
}

div.pcC2 {
  /*border: 1px solid #ccc; */
  width: 85px; 
  margin: 0 5px 0 2px;
  padding: 0px;
  float: left; 
  background: #D2D2D6;
}

div.pcC2 div {
  background-color: #0044DD;  
  height: 3px;
    font-size: 3px;
}

div.pcC3 {
  /*border: 1px solid #ccc; */
  width: 85px; 
  margin: 0 5px 0 2px;
  padding: 0px;
  float: left; 
  background: #D2D2D6;
}

div.pcC3 div {
  background-color: #0066FF;
  height: 3px;
    font-size: 3px;
}

div.pcC4 {
  /*border: 1px solid #ccc; */
  width: 85px; 
  margin: 0 5px 0 2px;
  padding: 0px;
  float: left; 
  background: #D2D2D6;
  
}

div.pcC4 div {
  background-color: #9999FF;
  height: 3px;
    font-size: 3px;
}