* {
	padding:0;
	margin:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
}

div.clear-both {
	clear:both;
	font-size:0;
}

a:link, a:visited {
	color:#236DE8;
}

div.container {
	width:800px;
	margin:25px auto;
}

div.header {
	height:95px;
	position:relative;
}

h1.globecarLogo {
	width:300px;
	height:82px;
	background:url(images/globecar.jpg) 0 0 no-repeat;
	position:absolute;
	left:0;
	top:0;
}

h1.globecarLogo span {
	display:none;
}

h2.smcLogo {
	background:url(images/smcLogo.jpg) 0 0 no-repeat;
	width:100px;
	height:67px;
	position:absolute;
	right:0;
	bottom:0;
}

h2.smcLogo span {
	display:none;
}

h3.title {
	font-size:28px;
	font-weight:normal;
	color:#FDA518;
	position:absolute;
	left:190px;
	bottom:0;
}

p.intro {
	margin:25px 0;
	font-size:16px;
	color:#999;
}

div.box {
	padding:15px;
}

div.left.box {
	float:left;
	width:360px;
}

div.right.box {
	float:right;
	width:360px;
}

h4.subtitle {
	font-size:28px;
	font-weight:normal;
	color:#236DE8;
	margin:15px 0;
	padding:0 0 10px;
}

h5.subtitle {
	font-size:18px;
	font-weight:normal;
	color:#808080;
	margin:15px 10px;
	padding:0 0 10px;
	border-bottom:1px dotted #333;
}

div.field {
	margin:0 0 5px;
}

div.field label {
	display:block;
	float:left;
	width:150px;
}

div.field input {
	border:1px solid #999;
	padding:2px 3px;
	width:200px;
	float:right;
}

div.photo1 {
	float:left;
	width:305px;
}

div.photo2 {
	float:left;
	width:305px;
}

p.damageText {
	margin:15px 0;
}

table.damageInfo th {
	background:#CCC;
	padding:3px 10px;
	vertical-align:bottom;
	text-align:center;
}

table.damageInfo td {
	padding:5px 5px;
}

table.damageInfo.viewDamageInfo td,
table.partsForm.viewPartsForm td {
	vertical-align:top;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}

table.damageInfo.viewDamageInfo,
table.partsForm.viewPartsForm {
	border-bottom: 1px solid #CCC;
	border-left:1px solid #CCC;
}

table.damageInfo input.textbox {
	border:1px solid #CCC;
	padding:2px 3px;
	width:100px;
}

table.damageInfo input.partProblem {
	width:200px;
}

table.partsForm {
	margin:20px 0;
}

table.partsForm th {
	background:#CCC;
	padding:3px 10px;
	vertical-align:bottom;
	text-align:center;
}

table.partsForm td {
	padding:5px;
}

table.partsForm input {
	border:1px solid #CCC;
	padding:2px 3px;
	width:98%;
}

table.partsForm .partReq {
	width:150px;
}

.noParts {
	width:80px;
}

div.submit {
	background:#FDA518;
	padding:5px 10px;
}

td.repairTime {
	width:140px;
}

td.repairTime input {
	width:100px;
}

td.repairCodes {
	width:145px
}

td.repairCodes input {
	width:100px
}

td.subCodes input {
	width:100px
}
.custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 2px 3px;
  }
  
select.repairTime {
	width:135px;
}

div.spacer20 {
	height:20px;
}

div.loginform {
	width:300px;
	margin:20px 0 0 ;
}

div.loginform label {
	display:block;
	float:none;
}

div.loginform .field {
	margin:0 0 10px 0;
}

div.loginform .field input {
	float:none;
}

div.leftColBox {
	float:left;
	width:47%;
	padding:10px;
}

div.rightColBox {
	float:right;
	width:47%;
	padding:10px;
}

div.rightColBox p {
	margin:15px 0;
}

a.forgottenButton {
	display:block;
	width:150px;
	padding:5px;
	background:#236DE8;
	color:#FFF;
	text-decoration:none;
}

div.loginSubmit {
	margin:15px 0;
}

div.loginSubmit input {
	padding:5px 10px;
}

div.footer {
	margin:20px 0;
	padding:15px 0;
	border-top:1px solid #333;
}

a.logout {
	display:block;
	position:absolute;
	top:0;
	right:0;
	color:#236DE8;
}

div.login_box p {
	margin:15px 0;
}

div.login_box .text_box {
	padding:2px 3px;
	border:1px solid #999;
	width:200px;
}

div.success {
	background:url(/images/icons/tick-success.png) no-repeat 10px 5px #BFFFBF;
	border-bottom:2px solid #5BAD27;
	border-top:2px solid #5BAD27;
	color:#064A2B;
	font-weight:bold;
	padding:5px 5px 5px 40px;
	margin:0 0 15px;
}

div.failed{
	background:url(/images/icons/cross-fail.png) no-repeat 10px 5px #FFAEAE;
	border-bottom:2px solid #F00;
	border-top:2px solid #F00;color:#F00;font-weight:bold;padding:5px 5px 5px 40px;margin:0 0 15px;}
div.notice { background:url(/images/icons/information.png) no-repeat 10px 5px #FBF9EE;border-bottom:2px solid #FCEFA1;border-top:2px solid #FCEFA1;color:#333;font-weight:bold;padding:5px 5px 5px 40px;margin:15px 0 15px;}
table.table {margin:15px 0 0;}

table.submittedForms {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}

table.submittedForms td {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:3px;
}

table.submittedForms th {
	background:#CCC;
	padding:3px;
	text-align:left;
}

ul.listImages {
	list-style:none;
}

ul.listImages li {
	float:left;
	margin-right:20px;
}

body.viewFormPage label {
	font-weight:bold;
}

div.menu {
	background:#8BABFE;
	margin:15px 0 0;
}

ul.menu {
	list-style:none;
}

ul.menu li {
	float:left;
}

ul.menu a:link,
ul.menu a:visited {
	color:#FFF;
	display:block;
	float:left;
	padding:8px 10px;
	text-decoration:none;
}

ul.menu a:hover {
	background:#236DE8;
}

ul.menu li.logout,
ul.menu li.logout a{
	float:right;
}

div.logout {
	position:absolute;
	top:0;
	right:0;
}

.addUser .field {
	margin:0 0 5px 0;
}

.addUser .field select {
	float:right;
	width:208px;
}

.addUser .field .checkbox {
	width:auto;
	float:none;
}

.addUser .field label {
	display:block;
}

label.error {
	display:none !important;
}

select.error, input.error {
	border:1px solid #F00 !important;
}

div.field.status {
	background:#EEE;
}

ul.statusList {
	list-style:none;
	width:100px;
	float:left;
}

ul.statusList li {
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}

ul.statusList li a {
	font-weight:normal;
	display:block;
}