﻿/*
body {
    font: 68% Tahoma, Arial, Sans-Serif;
	color: #6b695a;
	text-align: center;
	margin: 0px;
	padding: 0px;

}
*/



#mainContent {
    text-align:left;
    margin: 0 auto;
    width: 900px;
    padding-top:15px;
}

.formLeft {
    float:left;
    width:120px;   
    text-align:left;
    line-height:20px;
    margin-bottom: 7px;
    
}

.formRight {
    float:left;
    width:700px;
    text-align:left;
    margin-bottom: 7px;
}

.formFont {
    font-weight:bold;
}

.formTitle {
    background:#cccccc; 
    color:#000; 
    padding:5px;
    font-size: 12px;
}

.formPostInfo {
    margin-top:1px; 
    background:#cccccc; 
    color:#000; 
    padding:2px 5px; 
    font-size:12px;
}

.formBody {
    background: #ccc;
    padding: 10px 5px;
}
.clear {
    clear:both;
}

br {
    clear:both;
}

.left {float:left;}
.right {float:right;}
/* -------------------------------------------------------------- 
     Structure
-----------------------------------------------------------------*/

.sideNav { float: left; width: 142px; }
.contentBox { float: left; width: 610px; border-left: 1px solid #c9c9c9; padding-left: 15px; }
#dateNav { margin-top: 25px; background: #789ab9; text-align: center; padding: 5px 2px 2px 2px;}
.yearBox { padding-bottom: 9px; }
.monthBox { background:#fff; padding:3px 0;}
.repeaterHeader {height: 21px; border:1px solid #b5b5b6; margin: 12px 0 10px 0; background: url(/images/chart_of_the_day/archive_bg.jpg) repeat-x;}
.repeaterHeader .headerFont {font-size: 11px; color: #363636; text-transform:uppercase; line-height: 21px;}

.itemBox { padding: 0 0 20px 12px;}
.itemBox .title { color:#055daf; font-weight:bold; width: 420px;}
.itemBox .info { text-align:center; width:150px; font-size: 8pt; font-family: Verdana; color: #7f7f7f; padding: 5px 0 10px 0;}
p {padding-top: 12px;}

