body {
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    color: #333333;
    margin: 0px;
    padding: 0px;
    top: 0px;
    line-height: 16px;
    /*	background:#555555 url("images/background_grad1.jpg") top repeat;
	*/ text-align: center;
}
	
	table {
		font-family:  Arial,Verdana,sans-serif;
		font-size:11px;
		color: #333333;
	}
	
	a:link, a:visited {
		color:#333333;
	}
	
	a:hover {
		color:#004517;
	}
	
	.title 
	{
		margin: 20px 0px 5px 0px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}

	.errmsg 
	{
		width: 100%;
		background-color: #ffdddd;
		color: #600000;
		font-size: 12px;
		font-weight:bold;
		text-align: center;
		padding: 20px 0px 20px 0px;
	}

	.okmsg {
		width: 100%;
		background-color: #ddffdd;
		color: #006000;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		padding: 20px 0px 20px 0px;
	}


	.subtitle 
	{
		margin: 5px 0px 20px 0px;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
	}

	.brands 
	{
		margin: 5px 0px 20px 0px;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
	}

	.datetitle 
	{
		margin: 5px 0px 5px 0px;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
	
	.whotitle 
	{
		margin: 5px 0px 5px 0px;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
	
	#site_info {
		position:relative;
		font:normal 10px Verdana, sans-serif;
		background-color: #333333;
		clear: both;
		width:100%;
		font-size: 10px;
		color: #CCCCCC;
		padding: 10px 0px 10px 0px;
	}

	#site_info p {
		margin: 5px 20px 5px 20px;
		text-align: center;
	}

	#site_info a {
		position:relative;
		color: #CCCCCC;
	}

table.singledata {
   background-color: #ddffdd;
   color: #333333;
   width: 420px;
   font: 12px arial;
   margin:5px;
   padding:2px;
}

td.singledata1 
{
	width:150px;
}

td.singledata2
{
	width:150px;
	text-align: right;
	white-space: nowrap;
}

table.singledataseparator {
   background-color: #ddffdd;
   color: #333333;
   width: 420px;
   font: 12px arial;
   font-weight: bold;
   margin:15px 5px 5px 5px;
   border-top: solid 1px #ddffdd;
   padding:2px;
}

td.singledataseparator1
{
	width:200px;
	font-weight: bold;
	text-align: left;
}

td.singledataseparator2
{
	width:100px;
	text-align: right;
	white-space: nowrap;
	font-weight: bold;
}
td.multipledata1 
{
	width:200px;
	padding: 2px 2px 2px 2px;
	text-align: left;
	border-bottom: solid 1px #ffffff;
	padding-left: 10px;
}
td.graph
{	
	vertical-align: middle;
	text-align: right;
	border-bottom: solid 1px #ffffff;
	width:100px;
}

td.multipledata2
{
	padding: 2px 2px 2px 2px;
	text-align: right;
	width:10px;
	border-bottom: solid 1px #ffffff;
	padding-right: 10px;
}


table.login table.view
{
	text-align:center;
   background-color: #dddddd;
   color: #333333;
   width: 260px;
   font: 12px/15px arial;
   margin:5px;
   padding:0px;
}

th.login td.viewtitle {
   background-color: #006600;
   color: #ffffff;
   margin:10px;
   padding:10px;
}

td.login td.view {
   background-color: #dddddd;
   color: #333333;
   margin:5px;
   padding:5px;
}

table.choosedate {
   background-color: #dddddd;
   color: #333333;
   width: 260px;
   font: 12px arial;
   margin:5px;
   padding:0px;
}

th.choosedate {
		font-weight: bold;
		color: #333333;
		text-decoration: none;
		height:14px;
		top:0px;
		font-size: 12px;
		background:repeat-x url("images/background_menu1.jpg");
		padding: 5px 10px 5px 10px;
		margin:0px 0px 0px 0px;
}

td.choosedate {
   background-color: #dddddd;
   color: #333333;
   padding: 2px 5px 2px 5px;
}

td.panel {
   background-color: #ffffff;
   color: #333333;
   margin:5px;
   padding:5px;
}

td.panelshout {
    background-color: white;
    color: #000000;
    width: 100%;
    margin: 20px;
    padding: 5px;
}

td.panellabel {
    background-color: white;
    color: #000000;
    width: 100%;
    margin: 20px;
    padding: 5px;
}

td.panellogin {

   background-color: white;
   color: #000000;
   width: 100%;
   margin:20px;
   padding:5px;
}


td.panelshouttitle {
   background-color: #ffccaa;
   border: none;
   font-weight: bold;
   text-align: center;
   color: #ffffff;
   margin: 20px;
   padding:10px 5px 10px 5px;
}

table.multipledata {
   background-color: #ddffdd;
   color: #333333;
   width: 420px;
   font: 12px/15px arial;
   margin:5px;
   padding:2px;
}

td.multipledatatitle {
		font-weight: bold;
		color: #333333;
		text-decoration: none;
		height:24px;
		top:0px;
		font-size: 12px;
		background:repeat-x url("images/background_menu1.jpg");
		padding: 5px 10px 5px 10px;
		margin:0px 0px 0px 0px;
}

th.multipledata a {
   background-color: #006600;
   color: #ffccaa;
   margin:5px;
   padding:5px;
}

	.menu_draw {
		position:relative;
		color:#eeeeee;
		border-bottom: 1px solid #999999;
		
			padding: 0px 0px 0px 0px;
		
		margin:0px;
		width:100%;
		height:auto;
		overflow: hidden;
		background: #666666;
	}
	
	.menu_draw h4 {
		margin: 5px 15px 5px 15px;
		font-size: 13px;
		border-bottom: 1px dotted #DDDDDD;
	}

#menu_bar {
    position: relative;
    font: bold;
    color: #999999;
    border-bottom: 1px solid #999999;
    text-align: center;
    padding: 5px 0px 4px 0px;
    margin: 0px;
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
}
	
	#menu_bar p {
		position:relative;
		font:bold 12px Arial,sans-serif;
		color:#333333;
		padding: 0px 5px 0px 5px;
		margin: 0px;
		vertical-align:middle;
		background:none;
	}
	
		.menu_draw a:link, .menu_draw a:visited {
		color:#eeeeee;
		text-decoration:none;
	}
	
	.menu_draw a:hover {
		color:#ffffff;
		text-decoration:underline;
	}
	
	#top {
		position:relative;
		top: 0px;
		left: 0px;
		width:100%;
		height:120px;
		padding:0px;
		margin:0px;
		text-align:center;
		background: center  url("images/top_menu.jpg");
        background-repeat: repeat-x;
        background-color: #ffffff;
        background-size: cover;
		font-size:12px;
	}
	
	#wrapper {
		position:relative;
		background:#FFFFFF;
		padding:0px;
		margin:0 auto;
		top:-12px;
	/*	width: 1025px;
        min-width: 825px;
	*/

	}

#main {
    /*border-left: 1px solid #FFFFFF;
		border-right: 1px solid #FFFFFF;*/
    /*		width: 1015px;*/
    margin: 0 auto;
    background: #FFFFFF;
    padding: 0px 5px;
    font-size: 12px;
    text-align: left;
}
	
	#menu_bar a.menuLink:link, #menu_bar a.menuLink:visited {
		position:relative;
		display:inline;
		text-align:center;
		vertical-align:middle;
		border-left: 1px solid #666666;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
		height:24px;
		top:0px;
		background:repeat-x url("images/background_menu1.jpg");
		padding: 5px 10px 5px 10px;
		margin:0px 0px 0px 0px;
        line-height: 26px;
	}
	
	#menu_bar a.menuLinkHL:link, #menu_bar a.menuLinkHL:visited {
		position:relative;
		display:inline;
		text-align:center;
		vertical-align:middle;
		border-left: 1px solid #666666;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
		height:24px;
		top:0px;
		background:repeat-x url("images/background_menu1_hl.jpg");
		padding: 5px 10px 5px 10px;
		margin:0px 0px 0px 0px;
	}
	
	#menu_bar a.menuLink:hover, #menu_bar a.menuLinkHL:hover {
		text-align:center;
		vertical-align:middle;
		color: #DDDDDD;
		background:repeat-x url("images/background_menu1_hover.jpg");
		height:24px;
		top:0px;
		font-weight: bold;
	}
	
	#menu_bar a.menuLinkEnd:link, #menu_bar a.menuLinkEnd:visited {
		position:relative;
		display:inline;
		text-align:center;
		vertical-align:middle;
		font-weight: bold;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		color: #333333;
		text-decoration: none;
		background:repeat-x url("images/background_menu1.jpg");
		height:24px;
		top:0px;
		padding: 5px 10px 5px 10px;
		margin:0px 0px 0px 0px;
	}
	
	#menu_bar a.menuLinkEnd:hover {
		text-align:center;
		vertical-align:middle;
		color: #DDDDDD;
		background:repeat-x url("images/background_menu1_hover.jpg");
		height:24px;
		top:0px;
		font-weight: bold;
	}

	selectedMenu {
		text-align:center;
		vertical-align:middle;
		color: #ffffff;
		background:repeat-x url("images/background_menu1_hover.jpg");
		height:24px;
		top:0px;
		font-weight: bold;
	}
	
	#main_pane {
		position:relative;
		height:auto;
		margin: 0px;
		padding: 0px;
		text-align:left;
	}
	
	#main_content {
		position:relative;
		margin:5px 0px;
		height:auto;
		text-align:left;
		padding:5px;
		
		border: 1px solid #CCCCCC;
		z-index:1;
	}
	
	#main_content p {
		padding: 0px;
		margin: 2px 0px 2px 5px;
	}
	
	#main_content p.article {
		padding: 2px 5px 2px 5px;
		margin: 2px 5px 2px 0px;
	}
	
	#main_content p.article_pull_out {
		padding: 2px 5px 2px 5px;
		margin: 5px 25px 5px 25px;
		width:400px;
		font-style:italic;
		color:#666666;
		text-align:center;
	}
	
	#main_content h1 {
		padding: 0px 0px 2px 0px;
		margin: 7px 0px 3px 0px;
		color:#333333;
		font-size:16px;
		border-bottom: 1px #97BC9A solid;
	}
	
	#main_content h2 {
		padding: 3px 3px 3px 0px;
		margin: 7px 0px 5px 0px;
		font-size:14px;
		color:#004517;
		border-bottom:1px solid #CCCCCC;
	}
	
	#main_content h2.article {
		margin: 15px 5px 15px 5px;
		padding: 5px 0px 5px 0px;
		color:#004517;
		font-size:22px;
		line-height:20px;
		border:none;
	}
	
	#main_content h3 {
		background-color:inherit;
		padding: 3px 5px 3px 5px;
		margin: 5px 0px 3px 0px;
		font-size:14px;
		text-align: left;
		color:#004517;
		border-bottom:1px solid #CCCCCC;
	}
	
	#main_content h3.article {
		margin: 5px 5px 0px 5px;
		padding: 5px 0px 0px 0px;
		color:#004517;
		font-size:14px;
		background-color:#FFFFFF;
		border:none;
	}
	
	#article_images {
		position:relative;
		text-align:center;
	}
	
	#article_images img {
		position:relative;
		margin: 3px;
	}
	
	#main_content h4 {
		padding: 3px 5px 3px 0px;
		margin: 2px 0px 0px 0px;
		font-size:13px;
		font-weight: bold;
		color:#004517;
	}
	
	#search {
		height: 30px;
		margin: 5px 0px 5px 0px;
	}
	
	form {
		margin:0px;
	}
	
	.input 
	{
	width:300px;
	}
	
	.text_box {
		margin-top:0px;	
		padding:3px;
		border: 1px #AAAAAA solid;
		font-size:14px;
		font-weight: bold;
		height:25px;
		color: #666666;
		vertical-align:middle;
	}
	
	form input.button {
		width:auto;
		padding: 3px 10px 3px 10px;
		height:25px;
		vertical-align:middle;
	}


table.inputform {
   background-color: #ddffdd;
   width: 420px;
   font: 10px/15px arial;
   margin:5px;
   padding:2px;
}

th.inputform {
   background-color: #006600;
   color: #ffffff;
   margin:5px;
   padding:5px;
}

th.inputform a {
   background-color: #006600;
   color: #ffccaa;
   margin:5px;
   padding:5px;
}


#errorbox {
   background-color: #990000;
   font: 14px/18px arial bold;
   color: #ffffff;
   width: 500px;
   text-align: center;
   margin:5px;
   padding: 5px 10px 5px 10px;
}

#infobox {
   background-color: #ddffdd;
   font: 14px/18px arial bold;
   color: #333333;
   width: 400px;
   text-align: center;
   margin:5px;
   padding: 5px 10px 5px 10px;
}


input.fileinput
{
	font:12px/20px arial, helvetica, sans-serif;
  	background-color:#ffff99;
}

table.inputform {
   background-color: #ddffdd;
   font: 10px/15px arial;
}

th.inputform {
   background-color: #006600;
   color: #ffffff;
}

#errorbox {
   background-color: #990000;
   font: 14px/18px arial bold;
   color: #ffffff;
   width: 400px;
   text-align: center;
}

#infobox {
   background-color: #ddffdd;
   font: 14px/18px arial bold;
   color: #333333;
   width: 400px;
   text-align: center;
}

table.resultslist {
   border: solid 1px #999999;
   padding: 5px;
   background-color: #ddddff;
   font: 14px/20px arial;
}

td.resultslist {
   padding: 5px;
}

.paragraphhead {
   margin-top: 10px;
   font: 18px/30px arial;
   margin-bottom: 5px;
}

.paragraph {
   font: 14px/20px arial;
}

.title{
   margin-top: 10px;
   margin-bottom: 10px;
   font-size: 24px/30px;
   text-decoration: underline;
}

li.panel 
{
   margin-left: -25px;
   list-style-type: square;
   padding: 5px;
}


.subtitle{
   font-size: 18px/30px;
   margin-bottom: 5px;
}

.photo {
   margin-top: 20px;
   border: solid 1px #999999;
   background-color: #ffffaa;
   padding: 3px;
   width:80px;
}

img
{  border-style: none;
}

table.page
{
    width: 100%;
}

td.infobox 
{
    background-color: #ddddff;
    width: 100%;
    padding: 10px;
    color: #333399;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

td.errorbox
{
    background-color: #ffdddd;
    width: 100%;
    padding: 10px;
    color: #993333;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

table.statusbox
{
    display: none;
    width: 100%;
}

td.statusbox
{
    border-bottom: solid 1px #e0e0e0;
    width: 840px;
    background-color: #ddddff;
    color:#333399;
    padding: 10px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

td.msgbox 
{
    background-color: #ddffdd;
    width: 100%;
    padding: 10px;
    color: #339933;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

table.listbox, table.addbox
{
    text-align: left;
    margin: 20px 0px 0px 0px;
    border: solid 1px #dddddd;
    padding: 5px;
    background-color: #f0fff0;
    font: 11px/14px arial;
}


td.addbox, td.listbox, td.addboxleft, td.addboxright, td.addboxboth, td.listboxbold, td.listboxtitle, td.addboxtitle, th.listboxtitle, th.addboxtitle
{
    margin: 0px;
    padding: 2px 5px 2px 5px;
    border-bottom: solid 1px #dddddd;
}

td.viewtitle 
{
    font-weight: bold;
    padding: 5px 5px 10px 5px;
}

td.addboxtitle, td.listboxtitle,th.listboxtitle,th.addboxtitle
{
    height: 24px;
    font-weight: bold;
    border: solid 1px #999999;
    background-color: #999999;
    color: #ffffff;
}

td.listboxbold 
{
    font-weight: bold;
}

input[type="text"].addbox, select.addbox  
{
    width: 200px;
    font: 11px/14px arial;
    height: 1.6em;
}

input[type="text"].addbox {
    padding-left: 2px;
}

table.fullpanel {
    border: solid 1px #ffffff;
    min-width: 100%;
    width: 100%;
}

td.panelheader {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: solid 1px #333333;
    background-color: #ffffff;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
td.panelheader2 {
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 7px;
    border-bottom: solid 1px #333333;
    background-color: #ffffff;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}

table.report
{
    background-color: #ffffff;
}

td.reportheader 
{
    background-color: #999999;
    color: White;
    font-weight: bold;
    padding: 2px 2px 2px 2px;
}

td.report
{   
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-right-style: dashed;
    border-right-width: 1px;
    border-right-color: #cccccc;
    padding: 2px 5px 2px 5px;
}

td.right {
    text-align: right;
}

.combolist {
    display: block;
    width: 200px;
    font: 11px/14px arial;
}

.comboinput {
    display: block;
    width: 200px;
    font: 11px/14px arial;
}

li.cd-videostats-list, li.cd-videostats-list a {
    line-height: 2em;
    text-decoration: none;
    list-style-type: circle;
}

li.cd-videostats-list a:hover {
    text-decoration: underline;
}

table.capreport {
    background-color: white;
    white-space: nowrap;
}

body.capreport {
    color: #ffffff;
}

body.capreport a {
    color: #ffffff;
}

td.capreport-old {
    color: #aaaaaa;
}

.video_responsive {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    height: 0;
}

.video_responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.container-admin {
    width: 100% !important; 
}

.container-dealer {
    min-width: 100%;
}

.container-dealer-fullwidth {

}

table.whiteleft {
    min-width: 100%;
}

td.whiteleft {
}

li.panel {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.addbox {
}

.listbox {
    padding: 0.2em;
    margin: 0.2em;
    line-height: 1.4em;
    border: solid 1px white;
    min-height: 2em;
}

.addboxfield {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.25em;
    padding-top: 0.25em;
    margin: 0.2em;
}

.addboxvalue {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.25em;
    padding-top: 0.25em;
    margin: 0.2em;
}


td.make-me-taller {
    line-height: 2em;
}

.make-me-blue {
    background-color: #0580C4;
}

.cdadmin-menu {
    width: 100%;
    padding-top: 0px;
    margin-top: -5px;
    margin-bottom: -5px;
}

.login-div {
    font: Lato;
    font-size: 1.2em;
    line-height: 1.4em;

}

.login-header {
    margin-bottom: 2em;
    border-bottom: solid 1px #dddddd;
}

.login-container {
    width: 100%;
    padding-top: 2em;
    border: solid 1px #dddddd;
    margin-bottom: 1em;
    border-radius: 5px;
}

.login-container > button {
}

.login-button {
    padding-top: 1em;
    padding-bottom: 1em;
}

.cdadmin-login-panel {
    padding-top: 1em;
}

textarea {
    min-width: 200px;
    resize: both !important;
}

select.multiaddbox {
    height: 6em !important;
}

.login-div > input {
    width: 100%;
}

.break-here-please {
    margin-left: -1px;
    font-size: 1px;
}

.menuLink, .menuLinkHL {
    line-height: 1.6em;
}

.no-break {
    white-space: nowrap;
}

span.msgok {
	font-weight: bold;
	color: #009900;
}

span.msgoops {
	font-weight: bold;
	color: red;
}

.box169 {
	border: solid 1px #dddddd;
	padding: 2px;
}

.box169 img {
		border: solid 3px white;
		margin-top: 2px;
		width: 100%;
}

td.width-400 {
	min-width: 300px !important;
}

.drop_zone {
	width: 100%;
	height: 120px;
	padding: 10px;
	border: 3px dashed #ccc;
	text-align: center;
	line-height: 100px;
}

button.uploadBtn {
	border: solid 1px #808080;
	border-radius: 2px;
	font-size: 12px;
	padding: 5px;
}

.whitetext {
	color: white;
}

a.whitetext {
	color: white;
}

td.listbox.yesno {
	color: red;
}

.datauploadtitle {
	padding-top: 20px;
}

.datauploadunpack {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 1px #eeeeee;
}

.datauploaddir {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 1px #eeeeee;
}