html {
    background-color: #EDEFEF;
}

body{
    padding: 0;
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
}

#topbar{
    margin: 0;
    padding: 0;
    background-color: #0d0d0d;
    height: 34px;
}

#topbar-inner{
    padding: 4px;
    color: #c9dcd8;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
}

#topbar-inner a{
    text-decoration: none;
    border: none;
    color: #CDD9D7;
}

#small-brown-sofa{
    float: left;
    border: none;
}

#topsofa{
    font-size: 20px;
    margin-left: 55px;
}

#top-left-quote{
    padding: 0;
    margin: 0;
    position: absolute;
    top: 20px;
    left: 0px;
}
h1#front{
    padding: 0;
    margin: 0 0 0 30px;
    position: absolute;
    left: 10px;
    top: 0;
    color: white;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 34px;
}

h2{
    margin-top: 0;
    padding: 0;
    color: #c15f18;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 19px;
}

h2#slogan{
    padding: 0;
    margin: 10px 0 0 30px;
    position: absolute;
    left: 10px;
    top: 40px;
    color: #736353;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 18px;
}

h3{
    margin-top: 0;
    padding: 0;
    color: #c15f18;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 14px;
    clear: both;
}

#bottom-right-quote{
    padding: 0;
    margin: 0;
    position: absolute;
    top: 100px;
    left: 285px;
}

#toppane, #toppane-tight{
	position: absolute;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #cdd9d7;
}

#toppane{
    height: 220px;    
}

#toppane-tight{
    height: 180px;
}

#toppane-inner, #toppane-inner-tight{
    padding: 0;
	position: absolute;
    width: 800px;
	left: 50%;
	margin-left: -400px;
	margin-right: 0;
}

#toppane-inner{
    margin-top: 40px;
}

#toppane-inner-tight{
    margin-top: 20px;
}

#big-brown-sofa{
    float: right;
    padding: 0;
    margin: 0;
}

#menubar, #menubar-tight{
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    width: 100%;
    height: 34px;
    background-color: #5a4a3d;
}

#menubar{
    top: 254px;
}

#menubar-tight{
    top: 214px;
}

#menubar-inner{
    padding: 0;
    position: absolute;
    width: 800px;
    height: 34px;
    left: 50%;
    margin-left: -400px;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    color: white;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 12px;
}
.menuitem{
    float: left;
    padding: 0;
    margin: 0;
    height: 34px;
    width: auto;
}

 a.menu-link{
    padding: 9px 12px;
    height: 16px;
    width: auto;
    margin: 0;
    text-decoration: none;
	display: block;
	color: white;
    font-size: 12px;
}

* html a.menu-link{
    width: 1px; /*ie6 needs a width but will never get too tight*/
}

a.menu-link:link, a.menu-link:visited{
    background-color: #5a4a3d;
}

a.menu-link:hover{
    background-color: #736354;
}

a.selected{
    color: #dc792f;
}

#main, #main-tight{
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    width: 100%;
    background-image: url(../images/main_gradient.jpg);
    background-repeat: repeat-x;
    background-color: #cdd9d7;
}

#main{
    top: 288px;
}

#main-tight{    
    top: 248px;
}

#content{
    padding: 0;
    margin: 0;
    position: relative;
    color: #736353;
}

#content-inner{
    padding: 0;
    position: relative;
    left: 50%;
    margin-left: -400px;
    margin-right: 0;
    font-size: 13px;
    margin-top: 55px;
    margin-bottom: 0;
    width: 800px;
}

#content-left, #content-mid, #content-right, #bottom1, #bottom2, #bottom3{
    padding: 0;
    position: relative;
    width: 30%;
    float:left;
}

* html #content-right{
    width: 29%;
}

#content-left, #content-mid, #left-of-support{
    margin: 0 3% 0 0;
}

#left-of-support{
    padding: 0;
    position: relative;
    width: 60%;
    float:left;
    margin-right: 5%;
}

* html #content-left, * html #content-mid{
    margin: 0 2% 0 0;
}

#bottom1, #bottom2{
    width: 31%;
    margin: 0 2% 0 0;
}

#content-right{
    margin: 0;
}

#cross-platform{
    padding: 0;
}

#demo-chart{
    margin: 0 0 0 80px;
    padding: 0;
}

* html #demo-chart{
    margin: 0;
}

#footer{
    position: relative;
    float: left;
    clear: both;
    margin: 10px 0 0 0;
    padding: 0;
    background-color: #736354;
    width: 100%;
    height: 70px;
}

#footer-inner{
    position: absolute;
    left: 50%;
	margin-left: -400px;
	margin-right: 0;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 4px;
    width: 800px;
    color: white;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 12px;
}

#bottom3 a{
    color: white;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
}

#bottom3 a:link, #bottom3 a:visited{
    text-decoration: none;    
}

#bottom3 a:hover{
    text-decoration: underline;
}

.left-dl{
    width: 58px;
    float: left;
}

.mid-dl{
    width: 300px;
    float: left;
    margin-left: 20px;
}
.right-dl{
    float: left;
    margin-left: 20px;
}
a {
    color: #5A4A3D;
    font-weight: bold;
    font-size: 13px;
}

.planned {
    background-color: #736354;
    color: white;
    font-weight: normal;
    font-size: 11px;
    padding: 1px 4px 1px 6px;
}
a img {
    border: none;
}

.emphasis{
    color: #c15f18;
    font-weight: bold;
}

#psal-logo{
    position: absolute;
    left: 500px;
    bottom: 3px;
}

.clear-both{
    clear: both;
}

.float-right{
    float: right;
    padding-left: 10px;
}

/*Poll*/

.sf-poll-form{
	margin: 0;
	padding: 0;
}

.sf-poll{
	position: relative; /*so z-index works as expected on children*/
	padding: 0;
	margin: 0;
	font-size: 11px;
}

.sf-poll-inner{
	padding: 0px 6px;
}

.sf-poll-question{
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 6px 0px;
	margin: 0;
}

.sf-poll-item{
	position: relative;
	padding: 0;
	margin: 0;
}

.sf-poll-input{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 25px;
	height: 25px;
	padding: 0;
	margin: 0;
	z-index: 2;
}

.sf-poll-bar-background{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 19px;
	padding: 0;
	margin: 0;
	z-index: 0;
}

.sf-poll-bar-sliding-cover{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 19px;
	padding: 0;
	margin: 0;
	z-index: 1;
}

.sf-poll-label{
	position: absolute;
	top: 1px;
	left: 26px;
	height: 25px;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	z-index: 2;
}

.sf-poll-details{
	position: absolute;
	top: 21px;
	left: 0px;
	height: 25px;
	padding: 0;
	margin: 0;
}

.sf-poll-details-inner{
	padding: 0px 13px;
	font-size: 13px;
}

.sf-poll-buttons-bottom{
	margin: 0;
	padding: 0;
}

#sf-poll-vote-button{
	float: left;
}

#sf-poll-view-details-button{
	float: right;
}

.sf-poll-msg{
	padding-top: 6px;
	font-size: 12px;
	font-weight: bold;
}

#filler {
    height: 300px;
    font-size: 19px;
}

#filler a{
    font-size: 19px;
}

#filler h2 {
    font-size: 30px;
}

#help td{
    width: 200px;
    text-align: center;
}

#help th{
    text-align: center;
    font-weight: bold;
}

#toc, #toc a {
    font-size: 16px;
    font-weight: bold;
    color: #5A4A3D;
}

#toc ul {
    list-style-image: url(../images/sofa_bullet.gif);
    list-style-type: circle;
}

#toc li {
    margin: 8px 0px;
}

.code{
    font-weight: bold;
}

.downloads{
    font-weight: bold;
    font-size: 22px;
}

#support-tbl{
    width: 65%;
    vertical-align: top;
    float: left;
}

#endorsements{
    width: 30%;
    margin-left: 10px;
    float: left;
}

#support-tbl th{
    vertical-align: top;
    color: white;
    background-color: #5A4A3D;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 5px;
    margin: 0;
}

#support-tbl td{
    vertical-align: top;
    padding: 5px 10px;
}

.support-category{
    text-align: center;
    background-color: #E97629;
    color: white;
    font-weight: bold;
}

.support-blank{
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}

.paypal-label{
    padding: 5px 0px;
}

#endorsements-narrow{
    width: 50%;
}

.endorsement{
    display: block;
    background-image: url(../images/top_left_quote.gif);
    background-position: top left;
    background-repeat:no-repeat;
}

.endorsement-inner{
    background-image: url(../images/bottom_right_quote.gif);
    background-position: 60% 92%;
    background-repeat:no-repeat;
}

.endorsement-text{
    font-weight: normal;
    padding: 35px 0px 15px 35px;
}

.endorsement-name{
    font-style: italic;
    font-weight: normal;
    margin: 5px 0px;
    padding: 0;
}

.endorsement-org{
    font-weight: bold;
    margin: 5px 0px;
    padding: 0;
}


.datatable th {
    padding: 6px;
}

.datatable td {
    background-color: white;
    text-align: right;
    vertical-align: top;
    padding: 6px;
}

.total { font-weight: bold; }
.exp { color: red; }

.button {
	background-color: #ddd;
	border: 1px solid black;
	padding: 1px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.heading-highlight{
    background-color: #1e7f2c !important;
}
    /* Tool tip connector arrows */
    .dijitTooltipBelow-defbrown {
	
	    padding-top: 13px;
    }
    .dijitTooltipAbove-defbrown {
	
	    padding-bottom: 13px;
    }
    .tundra .dijitTooltipBelow-defbrown .dijitTooltipConnector {
	
	    top: 0px;
	    left: 3px;
	    background: url("../sofastats_report_extras/tooltipConnectorUp-defbrown.png") no-repeat top left !important;
	    width:16px;
	    height:14px;
    }
    .dj_ie .tundra .dijitTooltipBelow-defbrown .dijitTooltipConnector {
	
	    background-image: url("../sofastats_report_extras/tooltipConnectorUp-defbrown.gif") !important;
    }
    .tundra .dijitTooltipAbove-defbrown .dijitTooltipConnector {
	
	    bottom: 0px;
	    left: 3px;
	    background:url("../sofastats_report_extras/tooltipConnectorDown-defbrown.png") no-repeat top left !important;
	    width:16px;
	    height:14px;
    }
    .dj_ie .tundra .dijitTooltipAbove-defbrown .dijitTooltipConnector {
	    background-image: url("../sofastats_report_extras/tooltipConnectorDown-defbrown.gif") !important;
    }
    .dj_ie6 .tundra .dijitTooltipAbove-defbrown .dijitTooltipConnector {
	    bottom: -3px;
    }
    .tundra .dijitTooltipLeft-defbrown {
	    padding-right: 14px;
    }
    .dj_ie6 .tundra .dijitTooltipLeft-defbrown {
	    padding-left: 15px;
    }
    .tundra .dijitTooltipLeft-defbrown .dijitTooltipConnector {
	
	    right: 0px;
	    bottom: 3px;
	    background:url("../sofastats_report_extras/tooltipConnectorRight-defbrown.png") no-repeat top left !important;
	    width:16px;
	    height:14px;
    }
    .dj_ie .tundra .dijitTooltipLeft-defbrown .dijitTooltipConnector {
	    background-image: url("../sofastats_report_extras/tooltipConnectorRight-defbrown.gif") !important;
    }
    .tundra .dijitTooltipRight-defbrown {
	    padding-left: 14px;
    }
    .tundra .dijitTooltipRight-defbrown .dijitTooltipConnector {
	
	    left: 0px;
	    bottom: 3px;
	    background:url("../sofastats_report_extras/tooltipConnectorLeft-defbrown.png") no-repeat top left !important;
	    width:16px;
	    height:14px;
    }
    .dj_ie .tundra .dijitTooltipRight-defbrown .dijitTooltipConnector {
	    background-image: url("../sofastats_report_extras/tooltipConnectorLeft-defbrown.gif") !important;
    }