/* Generic interactive stylings
 * Ported from CEOs  
 */
body {
    font-family: Arial,"MS Trebuchet",sans-serif
}

.cbFormDataLink {
	display: none;
}

a, a:visited {
    color:#003366;
    text-decoration: none;
}

h2 {
    margin:10px 0px 3px 0px;
    color:#003366;
    font-family:Georgia,Times New Roman,Times,serif;
    font-size:32px;
    font-weight:400;
    line-height:32px;
}

.summary {
    margin-left:4px;
    width: 620px;
    border-bottom:1px solid #D3E1F9;
    padding-bottom: 10px;
}

#top {
	margin-bottom: 15px;
	width: 620px;
}

#leftbar {
	float: left;
	padding: 0px;
	width: 	180px;
	margin-left:0px;
}

#mainbar {
	float: left;
	border-left: 1px solid #D3E1F9;
	border-spacing:5px;
 	padding-left: 20px;
 	margin-bottom: 15px;
	width: 410px;
}

#sortArea {    
}

.groupstart {
    margin-top: 15px;
}

.sortCtl {
background: url('http://alt-legacy.coxnewsweb.com/palmbeachpost/news/1228clunkers/datatables/images/sort_both.jpg') no-repeat center left;
padding-left: 20px;
}

.sortCtl.sorted.asc {
background: url('http://www2.palmbeachpost.com/news/juvidrugs/images/sort_asc.jpg') no-repeat center left;
}
.sortCtl.sorted.desc {
background: url('http://www2.palmbeachpost.com/news/juvidrugs/images/sort_desc.jpg') no-repeat center left;
} 

.pagination {
    padding-left: 145px;
    padding-bottom: 25px;  
    font-size: 12px;
}

#pageNum {
    font-size: 11px;
}

.help {
    background: url('http://www2.palmbeachpost.com/for_jbeck/js/ceos/photos/question_mark.gif') no-repeat center right;
    padding-right: 20px;
    width: 15px;
    height: 15px;
    *padding-right:50px
}

.help.tight {
    padding-right: 11px;
}

.disabled {
    color: grey; font-size: 12px;
}

table {
    font-size: 13px;
}

table th {
    text-transform: uppercase;
    text-align: center;
    color: gray;
}


/* Utilities */
.right {
    float: right;
}
.left {
    float: left;
}
.clear {
    clear: both;
}


/* Each row */

.row {
    width: 410px;
    padding-bottom: 10px;
    border-bottom: 1px #bbb solid;
    margin-bottom: 10px;
}

.name {
    width: 155px;
}

.name h1 {
    font-size: 18px;
    margin: 0;
}

.name h4 {
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    margin: 0;
}

.name .detail {
    font-size: 14px;
    margin: 0;
}


/* Stats */
.stat {
    width: 110px;
    margin-top: 2px;
}

.stat .num {
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.stat .desc {
    color: #666;
    font-size: 12px;
    text-align: center;
}

.stat.feat {
    background-color: #ddf;
    padding: 2px;
}

.stat.feat.LOSE {
    background-color: #fdd;
}

.stat.feat.GAIN {
    background-color: #ccefcc;
}


/* Visual-comparison mode */

.compare_area {
    margin-top: 10px;
    margin-left: 5px;
}

.compare_area .stat {
    margin-top: 40px;
}

.visual_compare {
    width: 405px;
}

.visual_compare .title {
    font-size: 13px;
}

.visual_compare.key {
    width: 135px;
    font-size: 11px;
    border: solid thin #999;
    background-color: #eee;
    padding: 7px;
    margin: 10px;
}

.visual_compare.key .unit {
    border-color: #999;
}

.visual_compare.left {
    margin-right: 20px;
}

.visual_compare .unit {
    width: 12px;
    margin-right: 1px;
    height: 9px;
    background-color: #ccf;
    border: solid #efefef 1px;
    float: left;
}

.visual_compare .unit.red {
    background-color: #fcc;
}

.visual_compare .unit.green {
    background-color: #ccefcc;
}

.visual_compare .unit.burgendy {
    background-color: #663333;
}

.visual_compare .unit.last {
    border-right: none;
    margin-right: 0;
}

.visual_compare .unit.last.pickup {
    margin-right: 0;
}

.visual_compare .unit.first.pickup {
    border-left: none;
}