body 
{
    /*overflow:none;
    _overflow:none;*/
    height:100%;
    margin:0px;
    padding:0px;
    margin-bottom:1px;
    background:url(Images/background.jpg) top left;
    text-align:center; /*hack for ie < 5.5*/
}


h1
{
    font-family:Georgia;
    /*font-size:22px;*/
    font-size:22px;
    color:#222222;
    font-weight:normal;
    margin:0;
    padding:0;
}

    h1 a {color:#222222; text-decoration:none}
    h1 a:hover {color:#222222; text-decoration:underline}
    /*h1.top {font-size:33px}*/
    h1.top {font-size:36px}
    
h2
{
    font-family:Arial;
    font-weight:normal;	
    font-size:18px;
    margin:0;
    padding:5px 0 6px 0;
}

h3
{
    font-family:Arial;
    font-size:13px;
    margin:0;
    padding:0 0 5px 0;
}

input.btn {color:#363636; font: bold 11px Arial,helvetica,sans-serif; background-color:#D8D8D8;
           filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#D8D8D8',EndColorStr='#979797');   
           }
           
input.textbox {width:160px; font-family:Verdana; font-size:10px;}

img{border:0}

#container
{
    overflow:auto;
    
    width:950px;
    height:auto;
    background-color:#fff;
    background:#fff /*url(Images/containerBackground.gif) repeat-y*/;
    display:block;
    text-align:left; /*hack for ie < 5.5*/
    margin:0 auto;
}

    #header
    {
        float:left;
        padding-top:20px;
        padding-left:3px;
        background:url(Images/headerBackground.gif) repeat-x top left;
        height:126px;
        width:947px;
        overflow:hidden;
    }

	#header .logoText{float:left; font-size:10px; font-family: Arial; color:#595959; letter-spacing:-1px; width:160px; text-align:center; margin-left:8px; margin-top:6px; border-top:solid 1px #6A6A6A; border-bottom:solid 1px #6A6A6A}
    
        #header #bannerDiv{float:right; width:750px; height:120px; margin-right:7px; _margin-right:4px}
        #header #logoDiv {float:left; width:170px; height:98px; margin-left:3px; margin-top:1px;}
        #header #logoDiv a img{ border:0}
        
    #menuHolder 
    {   
        height:71px;
        float:left;
        width:950px;
        /*background-color:Aqua;*/
    }

    .ticker{background:url(Images/tickerBackground.gif) repeat-x;}
    .ticker b{ color:#4E2614}
    .ticker a{color:#4E2614; padding:0px}
    
    #rootmenuHolder
    {
        background:url(Images/rootmenuBackground.gif) repeat-x 4px -5px; 
        width:947px; 
        float:left;
        height:19px;
        padding-left:3px;
    }
        
    #rootmenu
    {
        
        height:19px;
        width:700px;
        font-family: Verdana, Georgia, Arial;
        font-size:11px;
       	/*font-weight:bold;*/
        display:inline;
    }
    
        #rootmenu ul {margin:0; padding:0;}
        #rootmenu li {list-style:none; float:left; margin:0 0 0 2px;}
        #rootmenu a {color:#fff; background:url(Images/rootmenuTopLeftBack.jpg) left top no-repeat; text-decoration:none; padding-bottom:5px; padding-left:10px;}
        #rootmenu a span {background:url(Images/rootmenuTopRightBack.jpg) right top no-repeat; padding-bottom:5px; padding-top:2px; padding-right:10px}
        #rootmenu a, #rootmenu a span {display:block; float:left}
        /* Hide from IE5-Mac \*/
        #rootmenu a, #rootmenu a span {float:none}
        /* End hide */
        #rootmenu a:hover {background:url(Images/rootmenuTopLeftBackOn.jpg) left top no-repeat;}
        #rootmenu a:hover span {background:url(Images/rootmenuTopRightBackOn.jpg) right top no-repeat;}
        
        #rootmenu .current a  {background:url(Images/rootmenuTopLeftBackCurrent.jpg) left top no-repeat;}
        #rootmenu .current a span  {background:url(Images/rootmenuTopRightBackCurrent.jpg) right top no-repeat;}

        
    #menu
    {
        _margin-top:-7px;
        float:left;
        height:49px;
        width:950px;
        background:url(Images/menuBackground.gif) repeat-x top;
        font-family: Verdana, Georgia, Arial;
        font-size:11px;
        color:#fff;
	    letter-spacing:0px;
    }
        #menu ul {margin:3px 0 0 5px; padding:0; list-style:none;}
        
        #menu li {float:left; margin:0 10px 0 0; padding:0;}
        
        #menu a.link {color:White; text-decoration:none; display:block; padding:3px 10px;}
        
        #menu #ctl00_ctl03_current{background:#4D4D4D url(Images/menuTopRightBack.gif) no-repeat right top;}
        #menu #ctl00_ctl03_current a{background:url(Images/menuTopLeftBack.gif) no-repeat left top;}
        
        #menu #ctl00_ctl03_subCurrent{background:url(Images/menuSubRightBack.gif) no-repeat right top;}
        #menu #ctl00_ctl03_subCurrent a{background:url(Images/menuSubLeftBack.gif) no-repeat left top;}

                
    #rankingMenu
    {
        float:left;
        height:19px;
        font-family:Verdana;
        font-size:11px;
        width:550px;
    }
        #rankingMenu a {color:#fff; text-decoration:none; width:114px; display:block; text-align:center; vertical-align:middle;}
        #rankingMenu ul {padding:0; margin:0 0 0 0; list-style:none;}
        #rankingMenu li {background:url(Images/rankingButtonBack.jpg) no-repeat top; float:left; margin:0 2px 0 0; height:18px; width:114px;}
        
        #rankingMenu .current {background:url(Images/rankingButtonBackOn.jpg)}
        #rankingMenu a:hover {background:url(Images/rankingButtonBackHover.jpg); width:114px; height:18px; display:block;}
        
    #Searchresult{/*background:url(../Images/monthlyBackground.gif) repeat-x bottom #6F6F6F;*/ background:url(../Images/body-background_99cd77a.png) bottom; position:absolute; z-index:10000; top:210px; margin-left:675px; border-bottom:1px solid #000; border-top:1px solid #696969; border-right:1px solid #424242; border-left:1px solid #424242; padding:6px;}
    #Searchresult a{ color:#fff; text-decoration:none;} #Searchresult a:hover{color:#61C7FF; border-bottom:1px solid #61C7FF}
    
    #main
    {
        background:url(Images/mainBackGround.gif) repeat-y top;
        float:left;
        width:934px;
        margin-left:8px;
        _margin-left:4px; /*IF <=IE 6*/
        margin-top:6px;
        margin-bottom:10px;
    }

        #main #content{float:left; position:relative; padding-left:2px; width:620px; background:url(Images/contentBackgroundTop.gif) repeat-x top left; }
        #main #list{ margin-left:5px; float:right; position:relative; padding-left:5px; width:300px; border-left:solid 1px #D0D0D0;}
        /*.ads {float:right; position:relative; width:300px; width:255px; border-left:solid 1px #D0D0D0; }*/
        /*.ads .topAdLink img{padding-bottom:5px;}*/
        
        #main #ContentPlaceHolder1_ctl01_ctl01_rankingToolBar{width:600px; background:url(Images/statToolBarBack.gif) repeat-x bottom}
        #main #chartToolBar {float:left; height:20px; width:495px; background-color:#5B5B5B; padding-bottom:5px; _padding-bottom:0px; padding-left:10px; background:#656565 url(Images/rankingLine.gif) repeat-x top; font-family:Georgia; font-size:11px; color:#fff}
        #main #chartToolBar td {background:url(Images/rankingLineVert.gif) repeat-y left;}
        
        
        #main #statSpecialDiv {float:left; padding-top:2px; background:url(Images/rankingLine.gif) repeat-x top;}
        #main #ctl00_ContentPlaceHolder1_ctl00_ctl01_statSpecialGridView .alternative { border-top:solid 1px #FFD1A9; border-bottom:solid 1px #FFD1A9;}
        #main #ctl00_ContentPlaceHolder1_ctl00_ctl01_statSpecialGridView .item {padding-left:7px;}
        #main #ctl00_ContentPlaceHolder1_ctl00_ctl01_statSpecialGridView td {border:0; border-right:solid 1px #fff; padding:3px 0 3px 0; font-family:Arial; font-size:12px; font-weight:bold; /*text-decoration:underline;*/}
	    #main #ctl00_ContentPlaceHolder1_ctl00_ctl01_statSpecialGridView td a{font-family:Arial; color:#272727; text-decoration:none }
	    #main #ctl00_ContentPlaceHolder1_ctl00_ctl01_statSpecialGridView td a:hover{text-decoration:underline }
        #main #ctl00_ContentPlaceHolder1_ctl00_ctl01_statSpecialGridView th {padding-left:7px; padding-right:5px; text-align:left; height:21px; border:0; background:#656565 url(Images/rankingLineVert.gif) repeat-y left}
        #main #ctl00_ContentPlaceHolder1_ctl00_ctl01_statSpecialGridView th a {color:#fff; font-family:Arial, Georgia; font-size:11px; font-weight:bold; text-decoration:none}

        #main #ctl00_ContentPlaceHolder1_ctl01_ctl01_statSpecialGridView .alternative { border-top:solid 1px #FFD1A9; border-bottom:solid 1px #FFD1A9;}
        #main #ctl00_ContentPlaceHolder1_ctl01_ctl01_statSpecialGridView .item {padding-left:7px;}
        #main #ctl00_ContentPlaceHolder1_ctl01_ctl01_statSpecialGridView td {border:0; border-right:solid 1px #fff; padding:3px 0 3px 0; font-family:Arial; font-size:12px; font-weight:bold; /*text-decoration:underline;*/}
	    #main #ctl00_ContentPlaceHolder1_ctl01_ctl01_statSpecialGridView td a{font-family:Arial; color:#272727; text-decoration:none }
	    #main #ctl00_ContentPlaceHolder1_ctl01_ctl01_statSpecialGridView td a:hover{text-decoration:underline }
        #main #ctl00_ContentPlaceHolder1_ctl01_ctl01_statSpecialGridView th {padding-left:7px; padding-right:5px; text-align:left; height:21px; border:0; background:#656565 url(Images/rankingLineVert.gif) repeat-y left}
        #main #ctl00_ContentPlaceHolder1_ctl01_ctl01_statSpecialGridView th a {color:#fff; font-family:Arial, Georgia; font-size:11px; font-weight:bold; text-decoration:none}


        /*#main .mainSeperator {float:left; margin-left:10px; background:url(Images/mainSeperatorBack.gif) repeat-x; height:3px; width:480px;}*/
        #main #ctl00_ContentPlaceHolder1_ctl01_statInfo {float:left; font-family:Arial; font-size:12px; padding-bottom:10px; width:580px;}
        #main #ctl00_ContentPlaceHolder1_ctl01_statInfo td { padding-top:15px;}
        #main #ctl00_ContentPlaceHolder1_ctl01_statInfo ul {margin:0; padding:0; list-style-type:square}
        #main #ctl00_ContentPlaceHolder1_ctl01_statInfo li { padding-right:10px; display:inline; list-style-type:square}
        #main #ctl00_ContentPlaceHolder1_ctl01_statInfo a{ font-family:Georgia; font-size:13px; color:#0085CF}
        
        #main #mainSeperator
        {
            float:left;
            margin-top:14px;
            font-family:Arial;
            font-size:12px;
            color:#333333;
            line-height:18px;
	    width:619px;
	    _width:616px;
        }
        
        #main #mainSeperator h2
        {
            font-family:Georgia;
            font-size:11px;
            line-height:normal;
	        font-weight:bold;
        }

	    #main #mainSeperator img{padding-bottom:4px}
        #main #mainSeperator .mainSeperatorHead {margin: 0; padding: 0 0 0 18px; height:18px; background: url(Images/largeListCube.gif) no-repeat top left;}
        #main #mainSeperator .mainSeperatorHead h2 {background: url(Images/largeListBack.gif) repeat-x top left; padding:3px 0 0 4px; color:#fff; height:18px; font-family:Georgia; font-weight: bolder; font-size: 10px; }
        
        #annualHolder{float:left;}
        #annualHolder a{color:#009CF2;color:#1C1C1C; text-decoration:none}
        #annualHolder a img{ border:none}
        #annualHolder .alpha{font-family:Georgia; padding:0; margin:0; font-size:22px; padding-top:10px; float:left;}
        #annualHolder .alpha li{display:inline; padding:0 0 0 3px}
        #annualHolder .alpha a{color:#009CF2; background:url(Images/searchBorder.gif) repeat-y left; padding-left:3px}
        #annualHolder h2{font-family:Georgia; padding:0; margin:0; margin-top:5px; font-size:12px; font-weight:bold; color:#404040;}
        #annualHolder .infoHolderPanel{padding:3px 0 10px 5px; display:none}
        #annualHolder .newsPanel{ display:block; padding:5px 5px 5px 10px; width:auto; min-height:70px /*background:#6E6E6E url(annualBackground.gif) repeat-x bottom*/}
        #annualHolder .newsPanel ul {padding-left:20px;  margin-top:5px; margin-left:0px; font-family:Arial; color:Black; font-size:12px; font-weight:normal}
        #annualHolder .newsPanel a{ text-decoration:none; color:#323232 /*color:#8BD6FF*/}
        #annualHolder .newsPanel a:hover{text-decoration:underline}
        #annualHolder .annualList{ float:left;}
        #annualHolder .annualList a:hover{text-decoration:underline}
        
        
        .archiveTable .dateColumn{padding-top:10px; width:115px; background:#6E6E6E url(Images/monthBlockBackground.gif) bottom repeat-x; font-family:Georgia; font-size:17px; color:#F5F5F5}
        .archiveTable .listColumn{background-color:#; width:470px; padding:10px}
        .archiveTable ul{margin:0; padding-left:20px; font-family:Arial; color:Black; font-size:12px; font-weight:bold}
        .archiveTable ul li{ padding-bottom:3px;}
        .archiveTable a{ text-decoration:none; color:#303030}
        .archiveTable a:hover{ text-decoration:underline}
        
        #sendMail{float:left; clear:both; padding:10px; padding-top:26px; background-color:#4D4D4D; background:#4D4D4D url(Images/arrowPyramid.gif) no-repeat top left; width:495px; font-family:Georgia; font-size:11px; color:#fff}
        
    #footer
    {
        overflow:hidden;
        clear:left;
        float:left;
        font-family:Georgia;
        font-size:12px;
        color:#fff;
        height:156px;
        width:920px;
        background:#4C4C4C url(Images/footerBackground.png) repeat-x top;
        padding:15px;
    }
        #footer h1 {color:#fff;}
        #footer ul {list-style:none; padding:0; margin:0; margin-left:4px; margin-top:4px}
        #footer ul li{padding-top:3px;}
	#footer h1 a{color:#fff; text-decoration:none; background:none; padding:0; margin:0; font-size:inherit; font-family:georgia; _font-size:22px;}
	#footer a.footerImg{background:none; padding:0; margin:0; border:none}
        #footer a {color:#F07D18; font-family:Arial; font-size:11px; text-decoration:none; background:url(Images/linkArrow.gif) no-repeat left; padding-left:9px}
        #footer a.rss {background:url(Images/feed-icon-14x14.png) no-repeat left; padding-left:17px; margin-top:10px;}
        #footer a:hover {text-decoration:underline;}
        #footer .left {float:left; width:188px; height:138px; background:url(Images/rankingLineVert.gif) repeat-y right; padding:8px 10px 10px 10px}
        #footer .middle {float:left; width:188px; height:138px; background:url(Images/rankingLineVert.gif) repeat-y right; padding:8px 10px 10px 10px} 
        #footer .right {float:right; width:200px; height:138px; padding:15px 50px 0 0px; color:#fff}
        #footer .orange {color:#F07D18; font-weight:bold;}

/***********************************************
* Cool DHTML tooltip script II- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/    
#dhtmltooltip
{
    font-family:Arial;
    text-align:left;
    font-size:14px;
    position: absolute;
    left: -300px;
    min-width:50px;
    max-width:300px;
    width: auto;
    border: 1px solid black;
    padding: 10px;
    background-color: lightyellow;
    visibility: hidden;
    z-index: 1000;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer
{
    position:absolute;
    left: -300px;
    z-index: 1001;
    visibility: hidden;
}

/****************CLASSES****************/

.seperator{float:left; width:99%; height:3px; background:url(Images/seperatorGreyTop.gif) repeat-x top}
.seperator.flip{background:url(Images/seperatorOrangeTop.gif) repeat-x top}

.news
{
    margin:0 auto;
    /*width:580px;*/
    width:99%;
    overflow:hidden;
    padding-top:10px;
    padding-bottom:5px;
}
    .news a img{border:0}
    .news .newsInfo {font-family:Georgia; font-size:11px; color:#444; padding-top:3px}
    .news .newsInfo a{font-size: 11px; color:#444444; text-decoration:underline;}
    .news .newsInfo .date {color:#F07D18; font-weight:bold;}
    .news .newsIntro{font-family:Arial; font-size:12px; color:#333333; padding-top:9px; float:left; line-height:16px;}
    .news .newsIntroRead{font-family:Arial; font-weight:bold; float:left; color:#000; float:left; width:100%; clear:both; font-size:12px;}
    .news .newsIntro .group{color:#0085CF; /*color:#55839D;*/ font-weight:; font-size:11px; font-family:Georgia; padding-right:2px;}
    .news .newsIntro .group a{color:#0085CF; /*color:#55839D;*/}
    .news .newsText{font-family:Arial; font-size:12px; float:left; margin-top:10px; clear:both; line-height:16px;}
    .news .newsText a {font-family:Arial; font-size: 12px; color:#F07D18; text-decoration:none;}
    .news .newsText img{padding:10px}
    .news .newsFunctions{font-family:Georgia; font-size:12px; color:#E87C1F; padding-top:7px; padding-bottom:3px; vertical-align:middle;}
    .news .newsFunctions a{text-decoration:none; color:#E87C1F}
    .news .newsFunctions img{border:0;}
    
.copyright{font-family:Arial; font-size:10px; float:left;} 
.copyright a{color:#F07D18; text-decoration:none;}

.monthlyIndex
{
    float:left;
    font-family:Arial;
    color:#fff;
    font-size:12px;
    font-weight:normal;
    
    margin-top:8px;
    border:solid 2px #AAAAAA;
    width:284px;
    height:40px;
    background:url(Images/monthlyBackground.gif) repeat-x bottom;
    padding:6px;
}

    .monthlyIndex a{color:#fff; font-size:12px;}

.rankingList
{
    float:left;
    width:99%;
    font-family:Arial;
    font-size:12px;
    margin-top:5px;
}
    .rankingList td{ height:18px;}

    .rankingList h3
    {
        font-size:14px;
        font-weight:bold;
        margin:0;
        padding:0 0 3px 0;
    }

    
.smallListBox
{
    float:left;
    margin-top:8px;
    width:300px; /* ems so it will grow */
    height:auto;
    font-family:Georgia;
}

    .smallListBox h3
    {
        background:url(Images/listDot.gif) repeat-x 0px 15px;
        margin:0;
        padding:0 0 5px 0;
        font-size:11px;
        font-family:Georgia;
        font-weight:bold;
        color:#444;
    }

.smallListBoxHeadLeft
{
    margin: 0;
	padding: 0;
	height:21px;
	background: url(Images/smallListCube.gif) no-repeat left;
}
    .smallListBoxHeadLeft.green{background: url(Images/smallListCubeGreen.gif) no-repeat left;}
    .smallListBoxHeadLeft.red{background: url(Images/smallListCubeRed.gif) no-repeat left;}

    .smallListBoxHeadLeft h2
    {
        margin:0 0 0 21px;
	    background: url(Images/smallListBack.gif) repeat-x top left;
	    padding:3px 0 0 4px;
	    /*padding: 5px 20px 5px;*/
	    color:#fff;
	    height:18px;
	    font-family:Georgia;
	    font-weight: bold; 
	    font-size: 11px; 
	    width:275px;
    }

.smallListBoxHead
{
	margin: 0;
	padding: 0;
	height:21px;
	background: url(Images/smallListCube.gif) no-repeat right;
}

.smallListBoxHead h2
{
    margin:0;
	background: url(Images/smallListBack.gif) repeat-x top left;
	padding:3px 0 0 4px;
	/*padding: 5px 20px 5px;*/
	color:#fff;
	height:18px;
	font-family:Georgia;
	font-weight: bold; 
	font-size: 11px; 
	width:275px;
}

.smallListBoxBorder
{
    width:275px;
    padding:1px;
    border-left:solid 1px #F07D18;
    border-bottom:solid 1px #F07D18;
    border-right:solid 1px #F07D18;
}

.smallListBoxBorderEvo
{
    float:left;
    padding:1px;

    border-left:solid 1px #B5B5B5;
    border-bottom:solid 1px #B5B5B5;
    border-right:solid 1px #B5B5B5;

    /*border-left:solid 1px #FFCEA4;
    border-bottom:solid 1px #FFCEA4;
    border-right:solid 1px #FFCEA4;*/
}
	.smallListBoxBorderEvo a{color:#F4F4F4}

.smallListEvolution
{
    width:296px;
    /*padding:4px;
    background: url(Images/evoFade.gif) repeat-x bottom;*/
}
    .smallListEvolution tr {height:22px;}
    .smallListEvolution td {padding:0 4px 0 8px}
    .smallListEvolution tr td.alt {border-bottom:solid 1px #D4D4D4; border-top:solid 1px #D4D4D4;}
    .smallListEvolution a{color:#000; font-size:12px; text-decoration:none} .smallListEvolution a:hover{ border-bottom:1px solid #000}
    .smallListEvolution a img { border:solid 1px #4C4C4C}

    #topListButtons {padding-bottom:3px; padding-top:2px; background:url(Images/topListmenuBackground.gif) repeat-x bottom; list-style-type:square; height:15px;}
    
    #topListButtons a {color:#EAEAEA; padding:2px; font-size:10px; text-decoration:none; padding-right:5px; padding-left:5px;}
    #topListButtons img {text-decoration:none; border:0;}
    #topListButtons .none{background:none;}
    #topListButtons .current{font-size:10px; color:#404040; background:url(Images/listCurrentBack.gif) repeat-x bottom;}
    #topListButtons ul{ font-family:Arial, Verdana; font-size:12px; font-weight:800; padding:0 2px 0 0; margin:0; display:inline;}
    #topListButtons ul li{display:inline}
    
    .companyNewsRow { height:0px; background:url(Images/topCompanynews.gif) repeat-x bottom; display:none }
    .companyNewsRow .companyNewsContainer{ width:100%; float:left; padding-bottom:7px; display:none; }

.largeListBox
{
    float:left;
    margin-top:8px;
	width:619px; /* ems so it will grow */
	height:auto;
}

    .largeListBox h3
    {
        background:url(Images/listDot.gif) repeat-x 0px 25px;
        margin:0;
        padding:5px 0 10px 0;
        font-size:17px;
        font-family: Georgia, Arial;
        font-weight:normal;
        color:#303030;
    }

.largeListBoxHead
{
	margin: 0;
	padding: 0 0 0 18px;
	height:18px;
	background: url(Images/largeListCube.gif) no-repeat top left;
}

.largeListBoxHead h2
{
	background: url(Images/largeListBack.gif) repeat-x top left;
	padding:3px 0 0 4px;
	color:#fff;
	height:18px;
	font-family:Georgia;
	font-weight: bold; 
	font-size: 10px; 
}

.listBoxBody
{
    float:left;
    font-family:Arial;
    font-size: 12px;
    color:#F07D18; 
}
    .listBoxBody .alternative{background-color:#FFE7D2; border-top:solid 1px #FFD1A9; border-bottom:solid 1px #FFD1A9;}
    .listBoxBody .dottedBack{background:url(Images/borderDot.gif) repeat-x bottom}
    .listBoxBody tr {vertical-align:middle; height:20px}
    .listBoxBody a {font-family:Arial, Georgia; font-size: 11px; color:#303030 /*color:#F07D18*/; text-decoration:none;}
    .listBoxBody a:hover {text-decoration:underline;}
    .listBoxBody .listFooter{ /*background:url(Images/listFooterBackground.gif) repeat-x top;*/ padding-top:2px; padding-left:2px; text-align:right}
    .listBoxBody .listFooter a:hover {text-decoration:none;}
    .listBoxBody .listFooter a img {border:solid 1px #4C4C4C}

.smallListBoxBody
{
    font-family:Arial;
	font-size: 12px;
	color:#F07D18; 
}

    .smallListBoxBody .alternative{background-color:#FFE7D2; border-top:solid 1px #FFD1A9; border-bottom:solid 1px #FFD1A9;} 
    .smallListBoxBody tr{vertical-align:middle; height:20px;}

    .smallListBoxBody a {font-family:Arial, Georgia; font-size: 12px; color:#303030 /*color:#F07D18*/; text-decoration:none;}
    .smallListBoxBody a:hover {text-decoration:underline;}
    .smallListBoxBody .listFooter{ background:url(Images/listFooterBackground.gif) repeat-x top; padding-top:2px; padding-right:2px; height:20px; text-align:right}
    
.rankingSeperator {height:2px; float:left; background:url(Images/rankingLine.gif) repeat-x left}
.rankingSort {background-color:#5D5D5D; float:right; padding:7px 7px 7px 14px; background:url(Images/rankingLineVert.gif) repeat-y left top}

.box { 
  background: #4C4C4C; 
}

.box a{ color:#F07D18}
.box .altNote{ background:url(Images/borderDotNote.gif) repeat-x bottom;}

.boxtop { 
  background: url(Images/Box/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 5px; 
  background: url(Images/Box/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(Images/Box/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 5px; 
  background: url(Images/Box/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 10px 10px 10px 10px;
}
.tnarrow {background:#F1F1F1 url(Images/Box/dotBorder.gif) 0 0 repeat-x; width:auto;}
.t {background:#F1F1F1 url(Images/Box/dotBorder.gif) 0 0 repeat-x; width:auto;}
.b {background:url(Images/Box/dotBorder.gif) 0 100% repeat-x}
.l {background:url(Images/Box/dotBorder.gif) 0 0 repeat-y}
.r {background:url(Images/Box/dotBorder.gif) 100% 0 repeat-y}
.bl {background:url(Images/Box/blBorder.gif) 0 100% no-repeat}
.br {background:url(Images/Box/brBorder.gif) 100% 100% no-repeat}
.tl {background:url(Images/Box/tlBorder.gif) 0 0 no-repeat}
.tr {background:url(Images/Box/trBorder.gif) 100% 0 no-repeat; padding:15px}


.displayNone
{ display:none}

.centerCharts
{
    width:500px;
    text-align:center;
}

.comment {font-family:Arial; font-size:12px}
.comment .tophead{ font-family:Georgia; font-size:18px}
.comment .item{font-family:arial; font-size:12px; width:560px; background:url(Images/borderDotComment.gif) repeat-x bottom; /*border-bottom:solid 1px #979797;*/ padding:7px 5px 5px 5px}
.comment .title{color:#F07D18; font-weight:bold;}
.comment .postInfo{color:#919191;}

.modalBackground
{
    background-color:#0F0F0F;
    filter:alpha(opacity=98);
    opacity:0.98;
}

.ModalWindow
{
    position:absolute;
    top:-1000px;
    z-index:60;
}

.popup 
{
    font-family:Arial;
    font-size:12px;
    width:300px;
    z-index:60;
}

.popuptitle 
{
    background:#3E3E3E;
    font-size:16px;
    color: white;
    font-weight: bold;
    height: 20px;
    padding: 10px;
}

.popupbody 
{
    background: #ddd;
    padding: 5px;
    text-align: center;
}

.logout{ position:relative; bottom:22px; left:588px; font-size:11px; font-family:Verdana; color:#888888}

#popup {top: 120px; left: 300px; }

a.ovalbutton{
background: url('Images/btnLeft.png') no-repeat top left;
display: block;
float: left;
font: bold 12px arial; /* Change 13px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 23px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
margin-left:3px;
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #fff; /*button text color*/
}

a.ovalbutton span{
background: url('Images/btnRight.png') no-repeat top right;
display: block;
padding: 4px 8px 4px 2px; /*Set 11px below to match value of 'padding-left' value above*/
color:#fff;
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
}

/*ACTIVE Button*/
a.ovalbuttonCurrent{
background: url('Images/btnLeft.png') no-repeat bottom left;
display: block;
float: left;
font: bold 12px arial; /* Change 13px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 23px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
margin-left:3px;
text-decoration: none;
}

a:link.ovalbuttonCurrent, a:visited.ovalbuttonCurrent, a:active.ovalbuttonCurrent{
color: #fff; /*button text color*/
}

a.ovalbuttonCurrent span{
background: url('Images/btnRight.png') no-repeat bottom right;
display: block;
padding: 4px 8px 4px 2px; /*Set 11px below to match value of 'padding-left' value above*/
color:#fff;
}

a.ovalbuttonCurrent:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbuttonCurrent:hover span{ /* Hover state CSS */
background-position: bottom right;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%; padding-top:5px; float:left; clear:both;
}

/*Gallery*/

.clear {
	clear:both
}

#gallery 
{
	position:relative;
	height:410px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:30px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}