/* Global Styles
---------------------------------------------- */
html {
background:#000;
}
h1 {
text-align:left;
color:#fff;
width:100%;
padding-left:5px;
}
a:link,
a:visited {
color:#0F67A1; 
}
a:hover {
color:#fff; 
}

/* Header Region
----------------------------------------------- */
#header {
position:relative;
margin:0;
padding:0;
top:0;
left:0;
background:#000;
}
/* Login 
---------------------------------------------------------------- */
.loginbox,
.loginbox-top {
margin:0 auto;
text-align:center;
width:500px;
}
.loginbox-top {
padding-top:9em;
}
.loginbox .bt {
background:url("box2.png") no-repeat scroll 100% 0 transparent;
height:17px;
margin:0 2px 0 18px;
display:block;
}
.loginbox .bb {
background:url("box2.png") no-repeat scroll 100% 100% transparent;
height:14px;
margin-left:13px;
width:486px;
display:block;
}
.loginbox .i1 {
background:url("borders.png") repeat-y scroll 0 0 transparent;
padding:0 0 0 12px;
}
.loginbox .i2 {
background:url("borders.png") repeat-y scroll 100% 0 transparent;
padding:0 12px 0 0;
}
.loginbox .i3 {
background:none repeat scroll 0 0 #FFFFFF;
display:block;
margin:0;
padding:1px 10px;
}
.loginbox h1 {
color:#CC0000;
font-size:150%;
}
.loginbox td {
border:none;
}
.loginbox td input {
font-size:100%;
}

/* Dashboard */
#dashboard {
width:929px;
margin:0 auto;
}
#dashboard-intro {
padding-top:1em;
width:939px;
margin:0 auto;
text-align:center;
}
#dashboard-intro h1 {
display:none;
}
#dashboard-intro .ownerinfo {
}
#dashboard-header {
background:url(images/dashboard-header.png) no-repeat;
height:180px;
background-position:center top;
}
#dashboard-header-inner {
height:180px;
width:100%;
}
#dashboard-logo {
background:url(images/rpm-logo.png);
background-position:left center;
background-repeat:no-repeat;
margin-left:2em;
height:100%;
width:330px;
float:left;
}
#dashboard-message-center {
background:url(images/message-center.png) no-repeat;
background-position:center center;
height:100%;
width:525px;
float:left;
margin:1.2em 0 0 2em;
}
ul.message-center {
height:62px;
margin:2.5em 0 0 0;
padding:0 10px;
list-style:none;
}
ul.message-center li {
height:62px;
width:72px;
margin:0;
text-align:center;
}
ul.message-center li.top3 {
background:url(images/top3.png)no-repeat;
}
ul.message-center li.top4 {
background:url(images/top4.png)no-repeat;
}
ul.message-center li.top5 {
background:url(images/top5.png)no-repeat;
}
ul.message-center li.top6 {
background:url(images/top6.png)no-repeat;
}
ul.message-center li.top7 {
background:url(images/top7.png)no-repeat;
}
ul.message-center li.top8 {
background:url(images/top8.png)no-repeat;
}
ul.message-center li.top9 {
background:url(images/top9.png)no-repeat;
}
.message-bar {
background:none repeat scroll 0 0 #1A1A1A;
height:2.2em;
margin:0.75em 1em 0;
}
#dashboard-content{
background:url(images/dashboard-content.png);
background-repeat:repeat-y;
height:591px;
background-position:center top;
}
#dashboard-content-inner {
}
#dashboard-footer {
background:url(images/dashboard-footer.png) no-repeat;
height:25px;
background-position:center bottom;
}
#ui-dashboard1 {
float:none;
margin:0 auto;
}
.ui-dashboard {
background-position:center top;
background-repeat:no-repeat;
}

.menutop,
.menubottom {
display:none;
}
.cb li {
margin:0;
}
/* Calendar
----------------------------------------------- */
#calendar2 {
width:100%;
margin:0 auto;
}
table#calendartable {
width:50%;
margin:0 auto;
}
#nameofform td {
border:1px solid #CCCCCC;
font-family:verdana;
font-size:18px;
font-weight:bold;
text-align:right;
}
/* Header Elements
----------------------------------------------- */
.headerelements {
float:left;
/*width:100%;*/
width:auto;
margin:0 auto;
background: none #369;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-khtml-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
border-color:#000;
border-style:solid;
border-width:1px 1px 1px 0;
}
ul.pagemenu,
#dateselect {
/*background:#0F67A1;*/
}

ul.pagemenu, ul.shadetabs2 {
list-style:none outside none;
margin:0;
float:left;
clear:both;
padding:3px 0 0 0;
}

/*#graphselection {
list-style:none outside none;
margin:0;
float:left;
clear:both;
padding:3px 0 0 0;
}*/

ul.pagemenu li,
ul.shadetabs2 li {
float:left;
/*border-left:1px solid #1175AE;
border-right:1px solid #0D5995;*/
}
ul.pagemenu li a:link,
ul.pagemenu li a:visited,
ul.shadetabs2 li a:link,
ul.shadetabs2 li a:visited {
display:block;
padding:.5em;
text-decoration:none;
font-weight:normal;
color:#fff;
}
ul.pagemenu li a:hover,
ul.shadetabs2 li a:hover {
}
#dateselect {
text-align:center;
float:left;
padding:.5em;
}

/* Content Region
----------------------------------------------- */
body {
margin:0;
width:100%;
background:#131C25;
}
#content {
min-height:650px;
}

#tcontent1 {
background:#353D45;
padding:1em 0;
float:left;
width:100%;
border-bottom:1px solid #444;
overflow:hidden;
}			
#tcontent2 {
clear:both;
/*float:left;*/
width:100%;
padding:1em 0;
}
#tcontent2 td h2,
.shopinfo h2 {
background:#000;
padding:0.25em;
text-align:center;
}
#tcontent2 h2 {
padding:0.25em;
text-align:center;
}

#tcontent2 h3 {
/*background:#d0d0d0;*/
background:none transparent
padding:.1em;
text-align:center;
/*border:1px solid #ddd;*/
/*width:980px;*/
margin:0 auto;
color:#f60;
}
.i1,
.i2,
.i3 {
padding:0;
background:none;
}
.bt,
.bb {
display:none;
}

/* Announcements 
----------------------------------------------- */
h3.ui-accordion-header {
background:#ddd;
}

/* Tables
-------------------------------------------------------------- */

table {
/*width:980px;*/
margin:0 auto;
font-family:Verdana, Geneva, sans-serif;
}
tr { }
td, th {text-align:center; font-size:10px; padding:1px;}
td.notlost {background:#C9E5CB; color:#016133;}
td.lost {background:#FAC6CE; color:#9C1C1F;}

th {background:#333; color:#d0d0d0; border:1px solid #444;}
th a:link, th a:visited {
	color:#ff9;
}

table input {
font-size:10px;
font-family:Verdana, Geneva, sans-serif;
}


/* thead */
thead tr#tableheader1,
thead tr#tablefooter1 {
background:#0F67A1;
color:#FFFFFF; 
}
thead tr#tableheader1 th,
thead tr#tablefooter1 th {
border-right:1px solid #0D5995;
border-left:1px solid #1175AE;
background:none;
}
thead tr#tableheader2,
thead tr#tablefooter2 {
}
thead tr#tableheader2 th,
thead tr#tablefooter2 th {
}
thead tr#tableheader3,
thead tr#tablefooter3 {
}
thead tr#tableheader3 th,
thead tr#tablefooter3 th {
}
thead tr#tableheader4,
thead tr#tablefooter4 {
}
thead tr#tableheader4 th,
thead tr#tablefooter4 th {
}
/* tbody */


/* Snapshot */
.ataglance, .ataglancenographs {
background-image:url(images/graph-bg.gif);
background-repeat:repeat-x;
background-position:center bottom;
background-color:#fff;
text-align:center;
width:980px;
margin:0 auto;
padding:.5em 0;
border:1px solid #bbb;
}
.ataglance {
	height:550px;
}
.ataglancenographs {
	margin-bottom:10px;
}
.ataglance ul, .ataglancenographs ul {
margin:0 0 0 1em;
padding:0;
list-style:none;
float:left;
font-size:85%;
text-align:left;
}
.ataglance ul { width:150px; height:350px; }
.ataglance ul li, .ataglancenographs ul li {
background:#fff;
}
.ataglancenographs ul li {
	float:left;
	margin: 5px;
	border:1px solid #000;	
}
.ataglance ul h2, .ataglancenographs ul h2 {
color:#fff;
background:#0F67A1;
} 
.ataglance ul h2 {
	text-align:left !important;
	padding:.5em 0 .5em 2em !important;
}
.ataglancenographs ul h2, .ataglancenographs ul h3 {
	padding:5px !important;	
}
.ataglance ul h3, .ataglancenographs ul h3 {
color:#000;
background: #fff!important;
width:auto !important;
border:none !important;
}
.ataglance ul h3 {
	text-align:left !important;
	padding:.5em 0 .5em 2em !important;
}
.ataglance .graph1,
.ataglance .graph2{
float:right;
text-align:center;
padding:0 1em;
}
.ataglance img {
border:1px solid #777;
}


/* Alternating row background styles */
tr.even,
tr.even td,
td {
  background-color: #fff;
  border-bottom: 1px solid #bbb;
  border-left:1px solid #bbb;
}

tr.shaded,
tr.shaded td,
td.shaded {
  background-color: #ddd;
  border-left:1px solid #ccc;
}


/* Graph Tables */
.graph {
/*background-image:url(images/graph-bg.gif);
background-repeat:repeat-x;
background-position:center bottom;
background-color:#fff;*/
text-align:center;
/*width:980px;*/
margin:0 auto;
padding:.5em 0;
/*border-top:1px solid #000;
border-bottom:1px solid #000;*/
}
.graph img {
border:1px solid #777;
}

/* RO Tracking */
#crt-form {
float:left;
background:#fff;
}
.closingratio {
float:left;
padding-left:10px;
}
.closingratio ul {
	list-style:none;
	padding:0;
	margin:0;
}
.closingratio h3 {
	background:none transparent !important;
	color:#fff;
	border:0 !important;
	width:auto;
}

/* Footer Region
----------------------------------------------- */
.copyright {
background:#000;
clear:both;
padding-top:1em;
padding-bottom:1em;
margin-top:1em;
}
.copyrightcontainer {
	width:910px;
	margin:0 auto;	
}
.sponsors {
	padding: 5px;	
}

.swgraphimg, .tgraphimg {
	margin:0 auto;
	text-align:center;
}
.swcomparetable table, .techcomparetable table{
	width:900px !important;
}
.counter {
	margin:0 auto;	
}
.typeselect, .timeselect {
	float:left;margin-left:10px;
}
.onespacer {
	clear:both;
	height:1px;	
}
.selectcontrols {
	float: left;
	background: none #353D45;
	border-width: 1px 1px 1px 0;
	border-style:solid;
	border-color:#444;
	padding: 5px;
	margin-bottom:15px;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-khtml-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
.selectcontrols a:link, .selectcontrols a:visited {
	color:#ff9;
}
.counter {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	width:900px;
	height:3px;
	clear:both;
}
#techreporttable, #servicewritertable {
	clear:both;
	margin-top:10px;	
	margin-bottom:10px;	
}
#techreporttable table, #servicewritertable table{
	width:auto !important;
}
table#footetable1, table#tablefooter2 {
width:100% !important;
}
#servicewritertable #footertable1 {
	width:100% !important;
}
.totalscell {
	padding:0;	
	background:none transparent;
	border:0;
}
#swselection {
	float:left;
	margin-left:10px;	
}
#pagelayout {
	float:left;	
	padding:5px;
}
.choosemonth {
	display:none;	
}
.duplicatero {
	position:absolute;
	float:left;
	z-index:99;
	width:50%;
	margin:0 25%;
	border:1px solid #000;
	background:none #333;
	color:#fff;
	top:100px;
	padding:20px 0;
	left:0;	
	font-weight:bold;
}
.duplicatero td {
	border:0;
	background:none transparent;
}
.duplicatero table {
	margin:0 auto;
}

#plratio {
	width:750px; height:350px; border:1px solid #444; float:left;margin-left: 10px;margin-bottom:10px;
}
#actualplratio {
	width:750px; height:150px; border:1px solid #444; float:left;margin-left: 10px;
}
#carshoursgraph {width:750px; height:300px; border:1px solid #444; float:left;margin-left: 10px;margin-bottom:10px;}
#salesgraph {width:750px; height:150px; border:1px solid #444; float:left;margin-left: 10px;margin-bottom:10px;}
#arograph {width:750px; height:150px; border:1px solid #444; float:left;margin-left: 10px;}
.dpgraphcontainer {width:750px;float:left;}
.cashflow input[type="text"] { width:70px;text-align:right;padding:0;margin:0;border:0;background:none #def; }
.cashflow td { text-align:left;text-align:right;padding:3px; }
.cashflow th { padding:3px; }
.cashflow .source {background:none #666;}
.cashflow .description {background: none #444;}
.instructions {
	width:50%; 
	border:1px solid #000; 
	background:none #666; 
	color:#fff; 
	padding:10px; 
	margin:10px auto; 
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); 
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5); 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	border-radius: 5px;
}
.matrix .nondealer {
	background:none #369;
	border:1px solid #000;
	padding:5px;
	color:#fff;
	font-size:1.5em;
	font-style:italic;
	text-transform:uppercase;
}
.matrix .dealer {
	background:none #930;
	border:1px solid #000;
	padding:5px;
	color:#fff;
	font-size:1.5em;
	font-style:italic;
	text-transform:uppercase;
}
.matrix .colhead {
	background:none #69c;
	border:1px solid #000;
	padding:5px;
	color:#fff;
	font-style:italic;
	text-transform:uppercase;
}
.matrix .dealercolhead {
	background:none #c63;
	border:1px solid #000;
	padding:5px;
	color:#fff;
	font-style:italic;
	text-transform:uppercase;
}
.matrix .range {
	background:none #ccc;
	padding:5px;
	text-align:right;
}
.matrix input {
	padding:4px 0px;
	width:98%;
	text-align:right;
}
.matrix table {
	width:100%;
}
.matrix .totalcostbox, .matrix .totalsoldbox, .matrix .totalgpbox {
	border:1px solid #000;
	padding:5px;
}
.matrix .totalcostbox {
	border:1px solid #000;
	background:none #c99;	
}
.matrix .totalsoldbox {
	border:1px solid #000;
	background:none #9c9;
}
.matrix .totalgpbox {
	border:1px solid #000;
	background:none #9cc;
}
.matrix .disclaimer {
	border:1px solid #000;
	background:none #444;
	padding:5px;
	font-size:1.5em;
	text-transform:uppercase;
	font-style:italic;
	color:#fff;
}
.matrix .disclaimertext {
	border:1px solid #000;
	background:none #666;
	padding:5px;
	font-size:1em;
	color:#fff;
}

#showchart {
	width: 900px; 
	height: 400px; 
	border: 1px solid rgb(68, 68, 68); 
	clear: both; 
	margin-top: 10px; 
	position: relative;	
}