﻿.dummy {}
.ui-datepicker-month, .ui-datepicker-year
{
	width:49px !important;
}
/* ------------- savvy cms common styles --------------- */
html, body, form 
{
	margin: 0;
	padding: 0;
}
body {
	background: url(images/background-repeat.gif) repeat-y top left;
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 12px;
	color: #000000;
	padding: 0;
 }
body.small
{
	background: none;
}
td, .dataheading, .label, .colhead, .field {
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 12px;
	color: #000000; }
input, textarea, select {
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 12px;
}

A:link { text-decoration:none; color: #ce0000; }
A:visited { text-decoration:none; color: #ce0000; }
A:active { text-decoration:none; color: #ce0000; }
A:hover { color:#993300; text-decoration:underline; }

.databox
{
	PADDING: 0;
	BACKGROUND-COLOR: #ffffff;
	border-collapse: collapse;
	clear: both;
	width: 100%;
}
.databox td 
{
	border-bottom: 1px solid #bcbcbc;
	border-top: 1px solid #bcbcbc;
	vertical-align: top;
}

.dataheading, .pageheading, .heading
{
	FONT-SIZE: 13px;
	FONT-WEIGHT: bold;
	MARGIN: 0px;
	padding: 5px;
	BACKGROUND-COLOR: #ccc;
	COLOR: #ffffff;
	background-color: #ce0000;
	vertical-align: middle;
}
.dataheading .dataheading
{
	padding: 0px;
	background: none;
}

tr.colhead td, td.colhead, tr.row-last td {
	background-color: #f1f1f1;
	padding: 5px;
	border-bottom: 1px solid #bcbcbc;
	border-top: 1px solid #bcbcbc;
}
tr.colhead td
{
	background-color: #cccccc;
	font-weight: bold;
}

/* from here down, I don't think anything is needed - if it is then please move it */
.databackground
{
	BACKGROUND-COLOR: #ffffff;
}
.label
{
	BACKGROUND-COLOR: #ffffff;
	padding-left : 5px;
	padding-right : 5px;
	padding-top: 1px;
	padding-bottom: 1px;	
	/*height: 20px;*/
	width: 208px;
}
.labelbackground
{
	BACKGROUND-COLOR: #ffffff;
}
.field
{
	BACKGROUND-COLOR: #f6f6f6;
	border-top : 1px solid #ccc;
	padding-left : 5px;
	padding-right : 5px;
	padding-top: 2px;
	height: 20px;
}
.fieldbackground
{
	BACKGROUND-COLOR: #ffffff;
}

.toolbutton
{
	margin:2px;
	border:0px none;
	cursor:hand;
	line-height:19px;
}
.toolbutton_up 
{
	margin:1px;
	border:1px solid navy;
	background-color:#B5BED6;
	cursor:hand;
	line-height:19px;
}
.toolbutton_down
{
	margin:2px 0px 0px 2px;
	border:1px solid navy;
	background-color:#99ccff;
	background-color:#8492B5;
	cursor:hand;
	line-height:19px;
}
.Toolbar {
	/*height: 220px;*/
}
.RichEditor
{
	width: 500px;
	height: 200px;
	background: white;
	border: 1px solid #789CB8;
	padding-left: 4px;
}
.HtmlEditor
{
	width: 500px;
	height: 200px;
	font-family: courier new, courier, monospace;
}
.hint {
	font-size: 10px;
	color: #8492B5;
	width: 160px;
}
.numfield input { text-align: right; }

.pagingnavcurrent {
	font-weight: bold;
}
/*
.dataheading_pagingnav, .dataheading_pagingnav A, .dataheading_pagingnav A:visited, .dataheading_pagingnav A:link, .dataheading_pagingnav A:hover, .dataheading_pagingnav A:active{
	background-color: #318AAD;
	background: url(includes/images/dataheading-bg-black.gif) center;
	color: #FFFFFF;
}
*/
.row0 .field, .row-odd td {
	background-color: #ffffff;
	border-top: 0px;
}
.row1 .field, .row-even td {
	background-color: #f1f1f1;
	border-top: 0px;
}
.highlight .field {
	background-color: #ffffcc;
	border-top: 0px;
}
.negativeCurrency { color: red; }
.highlightRow td {
	background-color: #cccccc;
	border-top: 0px;
}
.dataheading a {
	color: #c2c2ff;
	text-decoration: underline;
	font-size: 11px;
}
.dataheading a:hover {
	color: white;
	text-decoration: underline;
	font-size: 11px;
}
.inactive, .inactive .field {
	color: #666;
}

/* Mike's new styles ----------------------------- 
note: most of the above it probably not used at all, so please move anything you know if moved below this line
*/

.colsort 
{
	padding-right: 14px;
}

.colsort.selected
{
}
.colsort.selected.ascending
{
	background-image: url(images/sort_up_white.png);
	background-position: right;
	background-repeat: no-repeat;
	font-weight: bold;
}
.colsort.selected.descending
{
	background-image: url(images/sort_down_white.png);
	background-position: right;
	background-repeat: no-repeat;
	font-weight: bold;
}

.row-odd td, .row-even td {
	padding: 5px;
	height: 20px;
}

tr.inactive td {
	color: #666;
}

.row-last .pagingnav-wrapper {
	float: right;
}
.dataheading .pagingnav-wrapper {
	font-weight: normal;
	color: #ddd;
	font-size: 10px;
	float: right;
}
.dataheading .pagingnav-wrapper a.pagingnav {
	font-weight: normal;
	color: #FFF;
	text-decoration: underline;
}
.dataheading .pagingnav-wrapper a.pagingnavcurrent {
	font-weight: bold;
}


/* savvy .net styles for admin */

BODY { margin: 0;  }
INPUT, SELECT, TEXTAREA { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: black; }
H1 { font-size: 25px; margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px solid #DDD; }
H2 { font-size: 14px; }

.svyAdmin { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; }
.svyAdmin H1.adminTitle { font-size: 20px;font-weight:bold;color:#551901; }
.svyLogo { float: right; }
.svyNotificationSuccess { color: green; }
.svyNotification { color: Red; }
.svyError { display: block; border: solid 1px red; color: Red; padding:  8px 8px 8px auto; margin-bottom: 10px; float: left; }
.svyEditFV { clear: both; }

label.error { color: #ff0000; margin: 5px 0; display: block; }
input.error, textarea.error { border: 1px dotted #ff0000; background-color: #f0dada; }

TABLE.svyLogin  { position: absolute; top: 100px; left: 50%; width: 305px; margin-left: -152px;}
.svyLogin TD { padding: 2px 5px !important; }

.login  { width: 280px;}
.login td { padding: 2px 5px !important; background-color:#F6F6F6; }

.svyAddNew { margin: 10px 0; }

/* List page title heading */
.titleHeading{border:1px solid #ccc;}
.titleHeading th{color:white;padding:5px;background:url(images/dataheading-bg-black.gif) 0 0 repeat-x; font-weight:bold; text-align:left;}
.titleHeading td{border:0;padding:0;}

/* gridview styles */
/*.AspNet-GridView { float: left; }*/
ul li {
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url('');
	font-weight:normal;
}
.svyList { border-collapse: collapse; width:100%;}
.svyList TD, .svyList TH { padding: 5px !important; font-size: 11px; float: none; }
.svyList TH { white-space: nowrap; }
.svyList .AspNet-GridView-Header A { color: black; font-weight: normal; text-align: left;text-decoration:underline; }
.svyList .AspNet-GridView-Header A:hover { text-decoration:none; }
.svyList .AspNet-GridView-Header TH { background-color: #ccc;background-image:none; color: black!important; font-weight: normal !important; text-align: left; }
.svyList .AspNet-GridView-Normal { background: #eeeeee; }
.svyList .AspNet-GridView-Normal .textblock { border-top:1px solid #ccc;border-bottom:1px solid #ccc;}

.svyList .AspNet-GridView-Alternate { background: white; }
.svyList .section { border-top:4px solid #929497; background-color:#e1e1e1;}
.right { text-align: right; }
.center { text-align: center; }
.left { text-align: left; }

/* highlighting - makes use of jquery in admin.master*/
tr.highlight td { background-color: #ccf3fb; }

.svyPager {  background: #eeeeee; text-align: right; padding: 5px 5px; }
.svyPager A { text-decoration: none; }
.svyPager A:hover { text-decoration: underline; }
.AspNet-GridView-Top { border-bottom: none; }
.AspNet-GridView-Bottom { border-top: none; }

/* edit pages */
.svyEdit { border-collapse: collapse; width: 100%; }
.svyEdit TD { padding: 5px; border-top: solid 1px #BCBCBC; border-bottom: solid 1px #BCBCBC; background: #f1f1f1; }
.svyEdit TH { height: 28px; padding:0 5px; white-space: nowrap; font-weight: bold; font-size: 13px; text-align: left; color: #fff; background-color: #CE0000; }
.svyEdit .label { background: white; vertical-align: middle; padding: 5px; border-right: 1px solid #bcbcbc; }
.svyEdit .label .note { color: #666666; font-size: 10px; }
.svyEdit INPUT, .svyEdit TEXTAREA, .svyEdit SELECT { font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; vertical-align: middle; }
/*.svyEdit INPUT[type='text'], .svyEdit TEXTAREA{width:530px;}*/
.svyEdit .svyText { width: 250px; }
.svyEdit .svyShortText { width: 30px; }
.svyEdit .svyMediumText { width: 60px; }
.svyEdit .svyNormalText { width: 120px; }
.svyEdit .svyDateText { width: 80px; }
.svyEdit .svyWideText { width: 500px; }
.svyEdit .svyDatePickerIcon { vertical-align: top; }
.svyEdit .svyDatePickerIcon IMG { vertical-align: middle; }
.svyEdit .svyGeoAddress { display: none; width: 300px; height: 300px; border: solid 1px black; margin: 10px; }
.svyEdit .help_text { font-size: 12px; display: none; padding: 2px 0 4px 0; }
.svyEdit .footer { padding: 9px; }
.svyEdit .mceEditor .mceToolbar { border-top: solid 1px #cccccc !important; border-bottom: solid 1px #cccccc !important; }
.svyEdit .mceEditor .mceToolbar .mceToolbar { border: none !important; }
.svyEdit .mceEditor .mceStatusbar { line-height: 20px; border-top: solid 1px #cccccc !important; border-bottom: solid 1px #cccccc !important;  }
.svyEdit .mceEditor .mceStatusbar DIV { color: #cccccc; padding-left: 3px; }
/* for sub tables we don't want borders or extra padding */
.svyEdit TD TD { padding: 2px !important; border: 0 !important; }
.svyEdit OL { margin: 0; padding: 0; list-style-position: inside; }
.svyEdit OL LI { padding: 2px 0; }
.svyEdit UL { margin: 0; padding: 0; }
.svyEdit UL.RatingOptions LI { float: left; width: 30px; }
.svyEdit UL.RatingOptions LI INPUT { vertical-align: bottom; margin-right: 3px; }
.svyHorizontalRadioList TD { vertical-align: middle; }
.svyScrollHeight { height: 200px; overflow: auto; }
.svyEdit TR.advancedOptions .label { font-style: italic; }
.svyEdit .section { border-top:4px solid #929497; }

.svyBreadcrumb { display: block; margin: 5px 0 15px 0; }

/* Calendar */
.svyCal { border: solid 1px black; }
.svyCalToday { color: black; background: #87b1f5; }
.svyCalSelector A { background: #FFCC66; }
.svyCalNextPrev A { font-size: 9pt; text-decoration: none; }
.svyCalDay { background: #cccccc; }
.svyCalSelected { font-weight: bold; background: #CCCCFF; }
.svyCalTitle { font-size: 9pt; font-weight: bold; color: white; background: #2a166f; }
.svyCalOtherMonth A { color: silver; }

/* NavTree */
.svyNavTree { width: 600px; margin: 0; padding: 0; background: #eeeeee; }
.svyNavTree LI { list-style-type: none; margin-left: 0; padding: 0; }
.svyNavTree A { display: block; padding: 5px 10px; text-decoration: none; }
.svyNavTree A SPAN { text-decoration: underline; }
.svyNavTree .link a { float: right;margin-left:5px;width:15px;text-align:right;font-weight:normal;font-size:10px;padding-left:0px;border:none; }
.svyNavTree .newpage a { float: right;margin-left:5px;width:15px;text-align:right;font-weight:normal;font-size:10px;padding-left:0px;border:none; }
.svyNavTree .sort_position { float: right;margin-left:5px;width:35px;text-align:right;font-weight:normal;font-size:10px; }
.svyNavTree .preview{float:right;margin-left:5px;font-weight:normal;font-size:10px;}

.svyNavTree LI A { padding-left: 10px; background:#939393; color: white; font-weight: bold; font-size: 12px; }
.svyNavTree LI UL { margin: 0; padding-left: 0; }
.svyNavTree LI UL LI A { padding-left: 30px; background: #bfbfbf; color: black; font-weight: normal; font-size: 11px; border-bottom: solid 1px #ccc;}
.svyNavTree LI UL LI UL LI A { padding-left: 50px; background: #e6e6e6; }
.svyNavTree LI UL LI UL LI UL LI A { padding-left: 70px; background: #fff; }

.svyNavTree .invisible A { color: Silver; background: white; font-weight: normal; font-size: 11px; }

/* highlighting - makes use of jquery in admin.master*/
.svyNavTree li a.highlight { background-color: #c2c2ff; } /* top level highlight */
/*.svyNavTree li li a.highlight { background-color: #c2c2ff; }*/

.address { width: 300px; }
.address_map { display: none; height: 300px; border: solid 1px #244a4f; }
#searchButton{font-size:8pt;height:10px;}

span.radio-list { display: block; padding: 2px 0 0 0; }

/* these are copied from the site.css for the mceEditor - add !important to everything except the margins */
.mceText { font-family: Arial, sans-serif!important; }
.mce_p .mceText { font-size: 12px!important; color: #999999!important; }


/* -------------------------------------------------------------------------------------------------------------------------------- */
/* these are copied from the site.css for the mceEditor - add !important to everything except margins, padding, line-height etc     */
/* -------------------------------------------------------------------------------------------------------------------------------- */
.mce_h1 .mceText { font-size: 28px!important; font-weight: bold!important; color: #a75b4e!important; margin: 0 0 7px 0; }
.mce_h2 .mceText { font-size: 14px !important; font-weight: bold !important; color: #1E3444 !important; margin: 0px 0 7px 0; line-height: 150%; }
.mce_h3 .mceText { font-size: 13px !important; font-weight: bold !important; color: #1E3444 !important; margin: 12px 0 3px 0; line-height: 150%; }
.mce_h4 .mceText { font-size: 12px !important; font-weight: bold !important; color: #1E3444 !important; margin: 12px 0 3px 0; line-height: 150%; }
.mce_h5 .mceText { font-size: 15px !important; font-weight: normal !important; color: #032969 !important; margin: 20px 20px 20px 20px; line-height: 150%; }
.mce_h6 .mceText { font-size: 11px !important; font-weight: normal !important; color: #666 !important; margin: 0 0 10px 0; line-height: 140%; }

.mceListBoxMenu H1 { font-size: 38px !important; font-weight: normal !important; color: #999999 !important; margin: 5px 0 11px 0; }
.mceListBoxMenu H2 { font-size: 16px !important; font-weight: bold !important; color: #cc0000 !important; margin: 0 0 2px 0; }
.mceListBoxMenu H3 { font-size: 14px !important; font-weight: normal !important; color: #0099ff !important; margin: 13px 0; }
.mceListBoxMenu H4 { font-size: 13px !important; font-weight: bold !important; color: black !important; margin: 13px 0 7px 0; }
.mceListBoxMenu H5 { font-size: 16px !important; font-weight: normal !important; color: #000066 !important; margin: 0 0 7px 0; }


/* Honda Styles */
td.simpleLeftNav 
{
    width: 160px;
    background: url(images/logo-extranet.jpg) no-repeat top left;
    background-color: #cc0001;
}
td.simpleLeftNav ul 
{
	margin: 120px 0 0 0;
	padding: 0;
	list-style-type:none;
}
td.simpleLeftNav ul li 
{
	display: block;
	border-bottom: 1px solid #cc0001;
	background-color: #940b15;
	margin: 0;
	padding: 0;
}
td.simpleLeftNav ul li a 
{
	text-decoration: none;
	display: block;
	padding: 8px;
	color: #fff;
	font-size: 11px;
}
td.simpleLeftNav ul li a:link,
td.simpleLeftNav ul li a:active,
td.simpleLeftNav ul li a:visited 
{
	text-decoration: none;
	color: #fff;
}
td.simpleLeftNav ul li a:hover 
{
	background-color: #a91524;
	text-decoration: none;
	color: #fff;
}
td.simpleLeftNav ul li strong 
{
	color: #fff;
	display: block;
	padding: 8px;
	background-color: #67090e;
}
td.simpleLeftNav ul li strong a,
td.simpleLeftNav ul li strong a:link,
td.simpleLeftNav ul li strong a:active,
td.simpleLeftNav ul li strong a:visited
{
	color: #fff;
	padding: 0;
	margin: 0;
	text-decoration: none;
}
td.simpleLeftNav ul li strong a:hover 
{
	color: #fff;
	text-decoration: underline;
	background-color: #67090e;
}

.pageContent
{
	/*width: 872px;*/
	padding-top: 20px;
	padding-left:13px;
	padding-right:10px;
	padding-bottom: 20px;
}
body.small .pageContent 
{
	width: 672px;
}

.clear 
{
	display: block;
	clear: both;
	float: none;
	font-size: 0px;
	height: 0px;
}

fieldset 
{
    border: 1px solid #ce0000;
    margin: 0 0 15px 0;
    padding: 10px;
    width: 100%;
}
fieldset legend 
{
    display: block;
    background-color: #ce0000;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    margin: 0 0 10px 0;
    cursor: pointer;
    width: 380px;
    padding-right: 200px;
}

.remove 
{
	text-align: right;
}
.remove img 
{
	border: 0;
}

div#impersonator 
{
	border: 1px solid #ce0000;
	border-bottom: 3px solid #ce0000;
	background-color: #f1f1f1;
	margin: 0 0 20px 0;
	padding: 8px;
	font-weight: bold;
	color: #ce0000;
}


#ajax-indicator
{
	float: right;
	margin: 15px 10px 0 0;
}

/** Autocomplete **/
.ac_results {
	padding: 0px;
	border: 1px solid #CE0000;
	border-bottom: 3px solid #CE0000;
	background-color: #ffffff;
	color: #000000;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	cursor: default;
	padding: 0;
	cursor: pointer;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}
.ac_results li table 
{
	border-collapse: collapse;
}
.ac_results li table.notFound td
{
	background-color: #a91524;
	color: #fff;
	font-weight: bold;
	border-bottom: 2px solid #000;
}
.ac_results li table td 
{
	padding: 5px;
	vertical-align: top;
	width: 50%;
}

.ac_loading {
	background: white url('images/ajax-loader.gif') right center no-repeat;
}

.ac_odd {
	background-color: #f1f1f1;
}

.ac_over {
	background-color: #ccf3fb;
}

.warning 
{
	font-weight: bold;
	color: #ce0000;
}
.info 
{
	font-weight: bold;
	color: #75b151;
}

tr.admin td.label,
table.admin td.label
{
	background-image: url(images/admin.png)!important;
	background-size: 8px 7px !important;
	background-repeat: no-repeat !important;
	background-position: 5px center !important;
	padding-left: 33px;
}
div.admin 
{
	display: block;
	background-image: url(images/admin.png) !important;
	background-repeat: no-repeat !important;
	background-position: 5px center !important;
	padding-left: 33px;
	padding-top: 5px;
	padding-bottom: 5px;
}