* { padding:0; margin:0; outline:0; }
body {
	/*background:url(../images/footer.png);*/
	background:#FFF;
	font-family: Verdana, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#000000;
	min-width:1300px;
}
input, textarea, select { font-family: Verdana, sans-serif; font-size:13px; }
textarea { overflow:hidden;color:#000000;font-size:11px; }
.textarea {
    width: 740px !important;
    height: 100px !important;
}

.field { border:solid 1px #d3cfc7; background:#fff; padding:5px; }
.small-field { border:solid 1px #d3cfc7; background:#fff; padding:3px 1px; font-size:11px; }

.checkbox { width:13px; height:13px; vertical-align:top; position:relative; top:2px; }

.field:focus { color:#000; border-color:#857b42;}

a img { border:0; }

a { color:#ba4c32; text-decoration: underline; cursor:pointer; }
a:hover { color:#8d341f; text-decoration: none;}

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center !important; }

h1{ font-size:22px; line-height:24px; color:#fff; font-weight: normal;}
h1 a{ color:#fff; text-decoration: none; }
h2 { font-size:15px; font-weight: normal; }
h3 { font-size:12px; line-height:14px; font-weight: normal; }
h3 a{ text-decoration: none; }



.shell { min-width:1300px; margin:0 auto; }
.shell_1200 { width:1200px; margin:0; }

#header { height:126px; min-width:1300px; background:url(../images/header.png); white-space:nowrap; }
#header h1{ float:left; display:inline; padding-top:0px; }

#header2 { height:126px; min-width:1200px; background:url(../images/header.png); white-space:nowrap; }
#header2 h1{ float:left; display:inline; padding-top:0px; }

#top-navigation { float:right; white-space:nowrap; color:#fff; padding-top:15px; }
#top-navigation a{ color:#fff; }
#top-navigation span{ color:#dca598; }
#top { height:88px; }
#top a{ color:#FFFFFF; }
#top a:hover{ color:#CCCCCC; }


/*#navigation { height:36px; border-bottom:solid; border-bottom-color:#89B7D3; border-bottom-width:3px;}*/
#navigation { height:36px;}
#navigation ul#tabs{ list-style-type: none; float: left; display: inline-block;}
#navigation ul#tabs li{ float:left; display:inline; margin-right:2px; position: relative;}
#navigation ul#tabs li a,
#navigation ul#tabs li a span { float:left; height:36px; background: #89B7D3; padding:0 0 0 0px; border-radius: 6px 6px  0px 0px;
			-webkit-border-radius: 6px 6px  0px 0px;
			-moz-border-radius:  6px 6px  0px 0px; 
			-khtml-border-radius:  6px 6px  0px 0px;}
#navigation ul#tabs li a span { padding:0 6px 0 6px;}
#navigation ul#tabs li a { line-height:36px; color:#fff; text-decoration: none; }

#navigation ul#tabs li a.active,
/*#navigation ul#tabs li a:hover { background:#ffffff; color:#000000;}*/
#navigation ul#tabs li:hover a { background:#ffffff; color:#000000;}

#navigation ul#tabs li a.active span,
/*#navigation ul#tabs li a:hover span{ background:#ffffff;}*/
#navigation ul#tabs li:hover a span{ background:#ffffff; color:#000000;}

#navigation ul#tabs li a.active { color:#000; }

#navigation ul#tabs li ul{display: none; position: absolute; left: -1px; top: 38px; background: #fff; border: 1px solid #89B7D3; border-top: 0px; margin: 0px; padding: 0px; z-index: 100; width: 200px;}
#navigation ul#tabs li ul li{margin: 0px; display : block; background: #fff; display: block; float:none; border: none; margin: 0px; padding: 0px 0px;}
#navigation ul#tabs li ul li a {background : transparent; color: #555555; display: block; padding: 0px 15px; cursor: pointer; text-decoration:none; margin: 0px; border-radius: 0px 0px  0px 0px; margin: 0px;  width: 170px;;
								border-bottom: 1px solid #89B7D3;}

#navigation ul#tabs li ul li a:hover{background:#89B7D3;color: #FFFFFF;text-decoration: none;}
#navigation ul#tabs li:hover ul{display: block;}
#navigation ul#tabs li:hover{border-bottom: 2px solid #fff;}
#navigation ul#tabs li:hover a{background-position:0 bottom; color:#000000;}
#navigation ul#tabs li:hover a span{ background-position:right bottom;}

#navigation ul#tabs li ul li.last-child a {border-bottom: 0px solid #89B7D3;}

#container { padding:20px 0;}

.small-nav { color:#978b48; padding-bottom:20px; }
.small-nav a{ color:#6f6636; }


#main {}
#content { float:left; width:750px; }
#content2 { float:left; width:100%; }
#content_right { float:right; width:825px; }
#sidebar { float:left; width:350px; }


.table {}
.table th{ background:#fffdfa url(../images/th.gif) repeat-x 0 0; color:#000000; text-align: left; padding:7px 10px; border-bottom:solid 1px #d2d1cb;}
.table td{ background:#fbfcfc;  border-bottom:solid 1px #e0e0e0; padding:8px 10px; }
.table tr.odd td{ background:#f8f8f8; }
.table tr:hover td{ background:#fff9e1; }
.table a.ico{ }

.table_optimized {}
.table_optimized th{ background:#fffdfa url(../images/th.gif) repeat-x 0 0; color:#000000; padding:8px 4px 8px 4px; border-bottom:solid 1px #d2d1cb; text-align:center;}
.table_optimized td{ background:#fbfcfc;  border-bottom:solid 1px #e0e0e0; padding:8px 4px 8px 4px; text-align:center; }
.table_optimized tr.odd td{ background:#f8f8f8; }
.table_optimized tr:hover td{ background:#fff9e1; }
.table_optimized a.ico{ }

.box { background:#fbfcfc; height:100%; padding:1px; margin-bottom:20px; margin-left:10px; margin-right:10px; }
.box-head { background:#89B7D3; height:32px; color:#fff; padding: 0 10px; line-height:32px; white-space:nowrap; border-bottom:solid 1px #fff; }
.box-head .right{ padding-top:5px; line-height:13px;}
.box-head .right label,
.box-head .right input { float:left; }
.box-head .right label { padding:4px 0 0 0;}
.box-head .right input { margin-left:5px;}

.pagging { height:20px; padding:8px 10px; line-height:19px; color:#949494; }
.pagging a{ background:url(../images/pagging.gif) repeat-x 0 0; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#949494; margin-left:5px;  }
.pagging a:hover { border-color:#d5d5d5; background:#89B7D3; color:#fff; }
.pagging span{ float:left; margin-left:5px; padding-top:2px; }


a.ico { color:#9d9c9a; font-size:10px; text-decoration: none; padding:0 0 0 14px; background-repeat:no-repeat; background-position:0 0; }
a.ico:hover { color:#333;}
a.del { background-image:url(../images/del.gif)}
a.edit { background-image:url(../images/icon_edit.png); margin-left:8px;}


.form { padding:15px 10px 15px 30px; }
.form label{ display:block; font-weight: bold; font-size:13px; padding-bottom:4px; }
.form label span{ color:#000000; font-weight: normal;}
.form .field { display:block; }
.form .inline-field .field { display:inline;}
.form .req { font-size:13px; float:right; white-space:nowrap; color:#000000;  }
.form p{ padding-bottom:15px; }

.size1 { width:716px; }
.size2 { width:80px; }
.size3 { width:120px; }
.sizelogin { width:250px; }
textarea.size1 { height:180px; }

.buttons { text-align: left; padding:10px; padding-left:30px;background:#eee; border-top:solid 1px #e0e0e0; }
.buttons .button{ margin-left:3px;}

.box-content { padding:10px; }

.sort { border-top:solid 1px #e0e0e0; padding-top:10px; margin-top:15px;   }
.sort label{ display:block; font-weight: bold;}
.sort .field{ display:block; margin-top:5px; }
.sort select.field{ width:203px; }


.box-content p { padding-top:10px; }
.select-all{}
.select-all label{ text-decoration: underline; padding-left:4px; }

.add-button,
.add-button span { float:left; height:26px; background:url(../images/add-button.gif) no-repeat 0 0; padding:0 0 0 28px; }
.add-button span { background-position:right 0; padding:0 10px 0 0; }
.add-button { font-weight: bold; font-size:12px; color:#747474; text-decoration: none; line-height:26px; }
.add-button:hover { color:#333;}


#footer { height:44px; min-width:1300px; background:url(../images/footer.png); line-height:44px; color:#fff;}
#footer a{ color:#fff; }


.msg { position:relative; padding-right:0px; margin-bottom:10px; }
.msg p{ padding:9px 10px 9px 40px; font-size:12px; background-repeat:no-repeat; background-position:10px 5px;}
.msg a.close{ font-size:0; line-height:0; position:absolute; top:0; right:0; width:34px; height:34px; background:url(../images/close.gif); text-indent: -4000px;}

.msg-ok p{ background-color:#fffac2; border:solid 1px #dbd6a2; color:#5e5c40; background-image:url(../images/msg-ok.gif); }
.msg-admin p{ background-color:#FFCC99; border:solid 1px #dbd6a2; color:#5e5c40; padding-left:10px; line-height:20px;}
.msg-error p{ background-color:#f3c598; border:solid 1px #e8b084; color:#ba4c32; background-image:url(../images/msg-error.gif);  }
.msg-error-red p{ background-color:#F78181; border:solid 1px #FA5858; color:#ffffff; background-image:url(../images/msg-error.gif);  }
.msg-help p{ background-color:#FFFF00; border:solid 1px #FF9900; color:#fff; background-image:url(../images/msg-help.gif);  }

.msg-error-csv{ padding:9px 10px 9px 40px; border:solid 1px #e8b084; color:#ba4c32; background-position:10px 5px;background-color: #f3c598; background-image:url(../images/msg-error.gif); background-repeat: no-repeat; }
.msg-error-csv *{ background-color: #f3c598; color:#ba4c32;}
.msg-error-csv ul{ padding:2px 0px 0px 15px; margin: 0px; background: #f3c598; list-style: square;}
.msg-error-csvul ul li{ background: none; }
.msg-error-csv ul ul{ padding:2px 0px 0px 15px; margin: 0px; background: #f3c598; list-style: circle;}

/*** CSS3 ***/
.box { -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0 0 6px #978f6c; -webkit-box-shadow: 0 0 6px #978f6c;}
.box-head { -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }

.field, .button { -moz-border-radius:4px; -webkit-border-radius:4px; }
.small-field, .button, .pagging a { -moz-border-radius:3px; -webkit-border-radius:3px; }

.msg p { -moz-border-radius:6px; -webkit-border-radius:6px; }

.red_font
{
	color:#FF0000;
	font-weight:normal;
	font-size:11px;
}
.textbox
{
	border-style:solid;border-width:1px;border-color:#A9A9A9;
	height:21px;
	background-color: #FFF;
}
.textbox_1
{
	width:200px;
	color:#000000;
	font-size:11px;
	height:20px;
	border-style:solid;border-width:1px;border-color:#A9A9A9;
}
.textbox_2
{
	width:100px;
	color:#000000;
	font-size:11px;
	height:20px;
	border-style:solid;border-width:1px;border-color:#A9A9A9;
}
.rowspace
{
	height:10px;
}
.rowspace5px
{
	height:5px;
}
.textbox_3
{
	width:180px;
	color:#000000;
	font-size:11px;
	height:20px;
	border-style:solid;border-width:1px;border-color:#A9A9A9;
}
.textbox_4
{
	width:700px;
	color:#000000;
	font-size:11px;
	height:20px;
	border-style:solid;border-width:1px;border-color:#A9A9A9;
}

.textbox_5
{
	width:1000px;
	color:#000000;
	font-size:11px;
	height:20px;
	border-style:solid;border-width:1px;border-color:#A9A9A9;
}

.dropdown
{
	color:#000000;
	font-size:11px;
	height:22px;
}
.tblcell
{
	padding:3px;
	}
	
.video_title
{
	color:#000000;
	font-size:13px;
}

/*
#dataselection ul li{ float:right; display:inline; margin-right:8px; padding-bottom:7px;}
*/

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

.home-icon {
width: 100px; height:90px;
border: 1px solid #ccc;
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 5px;
text-decoration: none;
text-shadow: #fff 0 1px 0;
text-align: center;
float: left;
margin: 0px 20px 20px 0;
display: block;
color: #585858;
font-size: 13px;
font-family: Arial;
font-weight: normal;

}

.home-icon:hover {
border: 1px solid #000;
color: #000;
}

.dataselection { display:inline; padding-top:10px; padding-bottom:10px; padding-left:10px; }
.dataselection .left {float:left;}
.dataselection .right {float:right;}

.addrow_bttn
{
	background-color:#CCCCCC; padding:2px 5px 2px 5px; border-color:#999999; border-style:solid;border-width:1px; color:#000;font-size:10px; min-height:18px;min-width:80px;text-align:center;
}

/* SAVE and SUBMIT button */
.button {
	 background:#eee url(../images/button.gif) repeat-x 0 0; border:solid 1px #000; color:#000; font-size:12px; padding:5px 20px 5px 20px; cursor:pointer; line-height:14px !important; 
}
.button:hover { color:#000; border-color:#585858; }
.button { -moz-box-shadow: 0 0 2px #999999; -webkit-box-shadow: 0 0 2px #999999;}

/* SMALL BUTTON FOR TAB AND HEADER BACKGROUND */
.button_small {
	 background:#FAFAFA url(../images/button.gif) repeat-x 0 0; border:solid 1px #999999; color:#000; font-size:12px; padding:2px 10px 2px 10px; cursor:pointer; line-height:12px !important; 
}
.button:hover { color:#000; border-color:#000; }
.button { -moz-box-shadow: 0 0 2px #999999; -webkit-box-shadow: 0 0 2px #999999;}


a.button {
background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #ffffff));
filter: progid:DXImageTransform.Microsoft.gradient (startColorStr='#ffffff', EndColorStr='#dbdbdb');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorStr='#ffffff', EndColorStr='#dbdbdb')";
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 8px;
text-decoration: none;
text-shadow: #fff 0 1px 0;
float: left;
margin: 0 10px 0 0;
display: block;
color: #000;
line-height: 14px;
font-size: 14px;
font-weight: normal;
border: 1px solid #979797;

}

a.button:hover {
background-image: linear-gradient(to bottom, #ffffff, #89B7D3);
background-image: -o-linear-gradient(top, #ffffff, #89B7D3);
background-image: -moz-linear-gradient(top, #ffffff, #89B7D3);
background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #ffffff),color-stop(1, #89B7D3));
filter: progid:DXImageTransform.Microsoft.gradient (startColorStr='#ffffff', EndColorStr='#eeeeee');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorStr='#ffffff', EndColorStr='#eeeeee')";
color: #000;
display: block;
}

a.button:active {
background-image: linear-gradient(to bottom, #89B7D3, #89B7D3);
background-image: -o-linear-gradient(top, #89B7D3, #89B7D3);
background-image: -moz-linear-gradient(top, #89B7D3, #89B7D3);
background-image: -moz-linear-gradient(top, #89B7D3, #89B7D3);
background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #89B7D3),color-stop(1, #89B7D3));
filter: progid:DXImageTransform.Microsoft.gradient (startColorStr='#ffffff', EndColorStr='#eeeeee');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorStr='#ffffff', EndColorStr='#eeeeee')";
text-shadow: 0px -1px 0 rgba(255, 255, 255, 0.5);
margin-top: 0px;

-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
a.button.active {
background-image: linear-gradient(to bottom, #89B7D3, #89B7D3);
background-image: -o-linear-gradient(top, #89B7D3, #89B7D3);
background-image: -moz-linear-gradient(top, #89B7D3, #89B7D3);
background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #89B7D3),color-stop(1, #89B7D3));
filter: progid:DXImageTransform.Microsoft.gradient (startColorStr='#ffffff', EndColorStr='#eeeeee');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorStr='#ffffff', EndColorStr='#eeeeee')";
text-shadow: 0px -1px 0 rgba(255, 255, 255, 0.5);
margin-top: 0px;

-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

a.button.icon {
padding-left: 5px;
}

a.button.icon span{
padding-left: 25px;
/*background: url(../images/icons.png) no-repeat 0 -4px;*/
}

a.button.icon.add span {
background-position: 0px -36px;
background: url(../images/icon-add-new2.png) no-repeat;
}

a.button.icon.add-gray span {
background-position: 0px -36px;
background: url(../images/icon-add-gray.png) no-repeat;
}

a.button.icon.delete-gray span {
background-position: 0px -36px;
background: url(../images/icon-delete-gray.png) no-repeat;
}


a.button.icon.folder span {
background-position: 0px -36px;
background: url(../images/icon_folder.png) no-repeat;
}

a.button.icon.files span {
background-position: 0px -36px;
background: url(../images/icon-files.png) no-repeat;
}

a.button.icon.systemdata span {
background-position: 0px -36px;
background: url(../images/icon-systemdata.png) no-repeat;
}

a.button.icon.dealerdata span {
background-position: 0px -36px;
background: url(../images/icon-dealerdata.png) no-repeat;
}

a.button.icon.alldata span {
background-position: 0px -36px;
background: url(../images/icon-alldata.png) no-repeat;
}

a.button.icon.excel span {
background-position: 0px -36px;
background: url(../images/icon-excel.png) no-repeat;
}

a.button.icon.welcomenote span {
background-position: 0px -36px;
background: url(../images/icon-welcomenote.png) no-repeat;
}

a.button.icon.email span {
background-position: 0px -36px;
background: url(../images/icon-email.png) no-repeat;
}

a.button.icon.import span {
background-position: 0px -36px;
background: url(../images/icon-import2.png) no-repeat;
}

a.button.icon.category span {
background-position: 0px -36px;
background: url(../images/icon-category.png) no-repeat;
}
a.button.icon.pre-survey span {
background-position: 0px -36px;
background: url(../images/icon-pre-survey.png) no-repeat;
}
a.button.icon.business-hrs span {
background-position: 0px -36px;
background: url(../images/icon-business-hrs.png) no-repeat;
}
a.button.icon.appmt-status span {
background-position: 0px -36px;
background: url(../images/icon-appmt-status.png) no-repeat;
}
a.button.icon.tech-status span {
background-position: 0px -36px;
background: url(../images/icon-tech-status.png) no-repeat;
}
a.button.icon.service-call span {
background-position: 0px -36px;
background: url(../images/icon-service-call.png) no-repeat;
}

a.button.icon.add2 span {
background-position: 0px -36px;
background: url(../images/icon-add-black-color.png) no-repeat;
}

a.button.icon.payment span {
background-position: 0px -36px;
background: url(../images/icon-payment.png) no-repeat;
}

a.button.icon.settings span {
background-position: 0px -36px;
background: url(../images/icon-settings.png) no-repeat;
}

a.button.icon.history span {
background-position: 0px -36px;
background: url(../images/icon-history.png) no-repeat;
}

a.button.icon.back span {
background-position: 0px -36px;
background: url(../images/icon-back.png) no-repeat;
}
.cancel {
    background: #eee url(../images/button.gif) repeat-x 0 0;
    border: solid 1px #000;
    color: #000 !important;
    font-size: 12px;
    text-decoration: none;
    border-radius: 4px;
    padding: 5px 20px 5px 20px;
    cursor: pointer;
    line-height: 14px !important;
}