body {
	font-size:12px;
	background-color: #5C5F62 ;
}

.btn {
color: #333;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
font-size: 11px;
font-weight: 400;
text-shadow: 0 -1px #6f6f6f;
height:36px;
padding-top:8px;
}

.btn:hover {
color: #980000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
font-size: 11px;
font-weight: 400;
text-shadow: 0 -1px #6f6f6f;
}

.success-message {
	margin-top:20px;
}
.training-error {
  background-color: rgb(242, 222, 222) !important
}

div.fileselect {
  display: block;
  width: 65%;
  margin-left: auto; margin-right: auto;
}
.percent2 { position:absolute; display:inline-block; top:85px; left:48%; color:#333333 }

span.label-block {
  display: block;
}

.small_text {
	font-size:9px;
}
.table {
width: 100%;
margin-bottom: 0px;
}
td.stat_date {
text-align:center;
}
.table td .complete_icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	margin-left:13px;
	vertical-align: text-top;
	text-align:center;
	background-image: url("../images/complete.png");
	background-repeat: no-repeat;
}

#status_tracker .input-append, .input-prepend {
margin-bottom: 0px;
}

#status_tracker .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover {
font-size: 12px;
}
#status_tracker input[type="text"] {
	padding:0px 10px;
	width:65px;
}

#shop_profile .input-append, .input-prepend {
margin-bottom: 0px;
}

#shop_profile .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover {
font-size: 12px;
}
#shop_profile input[type="text"] {
	padding:0px 10px;
}

.survey_contact .input-append, .input-prepend {
margin-bottom: 0px;
}

.survey_contact .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover {
font-size: 12px;
}
.survey_contact input[type="text"] {
	padding:0px 10px;
}

#shopContacts hr {
	margin: 5px 0 0 0;
	border: 0;
	border-top: 1px solid #CDCDCD;
	border-bottom: 0px solid #CDCDCD;
}

.shop_contacts {
	background-color:#FFFFFF;
	border-color: #FFFFFF;
}
.shop_contacts .input-append, .input-prepend {
margin-bottom: 0px;
}

.shop_contacts .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover {
font-size: 12px;
}
.shop_contacts input[type="text"] {
	padding:0px 10px;
}

.info select {
	padding:0px 0px;
}
.info select, input[type="file"] {
height: 22px;
line-height: 22px;
width:150px;
}

#historyWidget {
	max-height:332px;
	overflow: auto;
    overflow-x: hidden;
}
.thumbnails>li.alpha {
	margin-left:0px;
}
.thumbnails>li.omega {
	margin-right:0px;	
}
#header {
background-color: #222121 ;
background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#222121 ), to(#222121 ));

/*background-color: #990000 ;
background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#990000 ), to(#990000 ));*/

}

#header h1 {
background: url("../images/Mercedes-Benz-logo.png") no-repeat scroll 0 0 transparent;
height: 51px;
left: 15px;
line-height: 600px;
overflow: hidden;
position: relative;
top: 14px;
width: 191px;
}
#selectFilter {
	width:210px;
}
#selectDealer {
	width:300px;
}
#selectState {
	width:110px;
}
#selectGroup {
	width:110px;
}
#content-header .rom  h1 {
margin-top: 0px;
margin-left: 0px;
}
#user-nav {
position: absolute;
right: 10px;
top: 5px;
z-index: 30;
margin: 0;
}
.text-error {
color: #990000;
}
.well2 {
	padding: 10px;
	background-color:#F9F9F9;
	min-height: 25px;
	margin-top:5px;
	border: 0px solid #e3e3e3;
	border-top: 1px solid #AAAAAA;
	margin-bottom: 10px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.05);
	box-shadow: inset 0 0px 0px rgba(0,0,0,0.05);
}

.wellblue {
	color: #3a87ad;
	padding: 2px;
	background-color:#d9edf7;
	min-height: 20px;
	margin-top:0px;
	border: 1px solid #bce8f1;
	margin-bottom: 5px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.05);
	box-shadow: inset 0 0px 0px rgba(0,0,0,0.05);
}

.wellred {
	color: #b94a48;
	padding: 5px;
	background-color:#f2dede;
	min-height: 25px;
	margin-top:5px;
	border: 1px solid #eed3d7;
	margin-bottom: 10px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.05);
	box-shadow: inset 0 0px 0px rgba(0,0,0,0.05);
}

.wellgreen {
	color: #468847;
	padding: 5px;
	background-color:#dff0d8;
	min-height: 25px;
	margin-top:5px;
	border: 1px solid #d6e9c6;
	margin-bottom: 10px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.05);
	box-shadow: inset 0 0px 0px rgba(0,0,0,0.05);
}

.wellyellow {
	color: #6B5227;
	padding: 5px;
	background-color:#fcf8e3;
	min-height: 25px;
	margin-top:5px;
	border: 1px solid #fbeed5;
	margin-bottom: 10px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.05);
	box-shadow: inset 0 0px 0px rgba(0,0,0,0.05);
}

#logo {
	text-align:center;
	color:#EEEEEE;
	font-weight:normal;
}
#logo img {
width: 191px;
height: 51px;
margin: 0 auto;
display: block;
}
#loginbox {
height: 210px;
background: #ffffff;
box-shadow: 0 0 4px #000000;
border-radius: 7px;
overflow: hidden !important;
text-align: center;
position: relative;
}

#loginFooter  {
border-top: #CCC solid 0px;
padding-top:15px;
font-size:11px;	
text-align:center;
color:#EEEEEE;
font-weight:normal;
}
#footer  {
	border-top: #CCC solid 1px;
	padding-top:10px;
	font-size:11px;
	margin-top:15px;
}
#content {
padding-bottom: 10px;
}
label, input, button, select, textarea {
font-size: 11px;
font-weight: normal;
line-height: 20px;
}

.dealer_name {
	color: #AAAAAA;
	text-shadow: 0 1px 0 #666666;
	font-size: 12px;
	font-weight: bold;
	/*padding: 5px 0 5px 15px;*/
	padding: 0px 0 5px 0px;
	
	margin: 0;
}
#search {
position: absolute;
z-index: 25;
top: 6px;
left: 220px;
/* width:100%; */
}

#shop_count{
height:20px;
margin-left:10px;
padding-bottom:5px;
}

.access_code_search {
top: 10px;
left: 230px;
}


#sidebar {
font-size: 14px;
}

#survey select {
width: 100%;
background-color: #fff;
border: 1px solid #ccc;
}
#survey textarea {
width: 98%;
height:75px;
background-color: #fff;
border: 1px solid #ccc;
line-height:14px;
}

#survey .complete_icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	vertical-align: text-top;
	background-image: url("../images/complete.png");
	background-repeat: no-repeat;
}

#survey .not_complete_icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	vertical-align: text-top;
	background-image: url("../images/not_complete.png");
	background-repeat: no-repeat;
}

#survey .hide {
display:none;
}
#survey .show {
display:block;
}
.accordion {
margin-bottom: 1px;
}
.widget-box {
margin-bottom:0px;
}

.widget-title .section_status {
color: #666666;
text-shadow: 0 1px 0 #ffffff;
font-size: 11px;
font-weight: bold;
padding-top:9px;
padding-right:10px;
margin: 0;
}

.widget-title .section_status .tooltip {
font-weight: normal;
color: #FFFFFF;
text-shadow: 0 0px 0 #ffffff;
}

.widget-title-selected .section_status {
color: #CCCCCC;
text-shadow: 0 0px 0 #ffffff;
font-size: 11px;
font-weight: bold;
padding-top:9px;
padding-right:10px;
margin: 0;
}

#survey.container-fluid .row-fluid:first-child {
margin-top: 0px;
}

.activity-list li a:hover {
background-color: #AAAAAA;
color:#333333;
}
.nColor {
	/*background-color:#F5F5F5;*/
}
.ynRadio {
	
}

.preview
{
width:200px;
border:solid 1px #dedede;
padding:10px;
}
#preview
{
color:#cc0000;
font-size:12px
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
border-color: #990000;
outline: 0;
outline: thin dotted 9;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #990000;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #990000;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #990000;
}

.percent { position:absolute; display:inline-block; top:55px; left:48%; color:#333333 }

.widget-title h5{
	 text-overflow: ellipsis;
	 -o-text-overflow: ellipsis;
	 -ms-text-overflow: ellipsis;
	 overflow: hidden;
}

.widget-title-selected {
background-color: #333333;
background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#333333), to(#666666));
background-image: -webkit-linear-gradient(top, #333333 0%, #666666 100%);
background-image: -moz-linear-gradient(top, #333333 0%, #666666 100%);
background-image: -ms-linear-gradient(top, #333333 0%, #666666 100%);
background-image: -o-linear-gradient(top, #333333 0%, #666666 100%);
background-image: -linear-gradient(top, #333333 0%, #666666 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#666666',GradientType=0 );
border-bottom: 1px solid #CDCDCD;
height: 36px;
}
.widget-title-selected h5 {
color: #CCCCCC;
text-shadow: 0 0px 0 #ffffff;
float: left;
font-size: 12px;
font-weight: normal;
padding: 12px;
line-height: 12px;
margin: 0;
}

#surveyImages li {
	margin:1px;
}
#miscImages li {
	margin:1px;
	position:relative;
	display: inline-block;
}

#miscImages li .btn-mini {
padding: 0px 4px;
font-size: 9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 0px solid #ccc;
}

.action-required {
	border-right:5px solid #990000;
}

.question-required {
	border-right:5px solid #990000;
}


.question-list li {
	background-color:transparent;
	border-bottom: 0px dotted #AEBDC8;
	list-style: disc outside none;
	padding: 2px;	
}

.question-footnote {
	border-top: 0px solid #A4A4A4;
	font-size:11px;
	margin-top:15px;
	padding-top:5px;
	line-height:14px;
}

#lockedMessage {
	margin-top:15px;
	margin-bottom:10px;
}
#footnote {
	font-size:11px;
	padding-left:5px;
}

.nav {
margin-bottom: 0px;
margin-left: 0;
list-style: none;
}

#surveyStatus {
	position:absolute;
	right:25px;
	top:130px;
}

.approval {
	border:1px solid #000000;
	background-color: #333333;
	color:#EEEEEE;
	padding:3px;
	margin-bottom:5px;
}
.rejected {
	border:1px solid #000000;
	background-color: #990000;
	color:#EEEEEE;
	padding:3px;
	margin-bottom:5px;
}

.action-item {
	/*border:1px solid #000000;
	background-color: #333333;
	color:#EEEEEE;
	padding:3px;
	margin-bottom:15px;*/
}
.space-left {
	margin-left:20px;
}
.space-right {
	margin-left:20px;
}
.top-10 {
	margin-top:10px;
}
.verify_textarea {
	margin-top:5px;

}

.accordian-inverse {
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #363636;
background-image: -moz-linear-gradient(top,#444,#222);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#444),to(#222));
background-image: -webkit-linear-gradient(top,#444,#222);
background-image: -o-linear-gradient(top,#444,#222);
background-image: linear-gradient(to bottom,#444,#222);
background-repeat: repeat-x;
border-color: #222 #222 #000;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff222222',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.widget-title-inverse h5 {
color: #ffffff;
text-shadow: 0 1px 0 #666666;
float: left;
font-size: 12px;
font-weight: bold;
padding: 12px;
line-height: 12px;
margin: 0;
}

.widget-title .section_status_inverse {
color: #ffffff;
text-shadow: 0 1px 0 #666666;
font-size: 11px;
font-weight: bold;
padding-top:9px;
padding-right:10px;
margin: 0;
}

.red-text {
	color:#da4f49;
}

.bold-text {
	font-weight:700;
}

#sidebar > ul > li.red {
border-top: 1px solid #4E4E4E;
background-color: #990000;
color:white;
text-decoration: blink;
border-bottom: 1px solid #393939;


}

#sidebar > ul > li.active.red {
background-color: #750000;
background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#750000), to(#750000));
background-image: -webkit-linear-gradient(top, #750000 0%, #750000 100%);
}

#sidebar > ul > li.red a {
color:white;
text-decoration: blink;

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

#browser {

	display:none;
}
	.widget-title h5{
		 text-overflow: ellipsis;
		 -o-text-overflow: ellipsis;
		 -ms-text-overflow: ellipsis;
		 overflow: hidden;
		 white-space: nowrap;
		 width:300px;
	}
	#survey textarea {
	width: 96%;
	height:75px;
	background-color: #fff;
	border: 1px solid #ccc;
	line-height:14px;
	}
/* Styles */
}
@media (max-width: 480px) {
#header {
	height:80px;
}
#header h1 {
background: url("../images/Mercedes-Benz-logo.png") no-repeat scroll 0 0 transparent;
height: 51px;
left: 0px;
line-height: 600px;
overflow: hidden;
position: relative;
top: 14px;
width: 191px;
}
#header h5 {
	text-align:center;
	color:#EEEEEE;
	font-weight:normal;
	padding-bottom:10px;
	position: relative;
	font-size:12px;
}
	.widget-title .buttons {
	float: right;
	}
	.section-label{
	display:none;
	}
	.section-status{
	float:right;
	}  
	.widget-title h5{
		 text-overflow: ellipsis;
		 -o-text-overflow: ellipsis;
		 -ms-text-overflow: ellipsis;
		 overflow: hidden;
		 white-space: nowrap;
		 width:190px;
	}
	#survey textarea {
	width: 200px;
	height:75px;
	background-color: #fff;
	border: 1px solid #ccc;
	line-height:14px;
	}

	#user-nav > ul {
	left:97%;

	position: absolute;
	}
	#user-nav {
	position: absolute;
	right: 10px;
	top: 75px;
	z-index: 20;
	margin: 0;
	}	
}
/* ETHAN'S CSS */


#content-header h1.red {
	color:#990000;
}

#survey input[type=text] {
	min-width: 206px;
	width: 350px;
}