@charset "UTF-8";

/*------- Errors ------ */

#admin .errors {
  color: #CC0000;
  font-weight: bold;
  font-size: 14px;
}

*{outline:none}

/* ------ Used by List, Edit & Display modes ------ */

body#admin {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/admin-bkgd.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #6B6B6B;
}

a:link, a:visited{
	color: #10A5B4;
	text-decoration: none;
}
a:hover {
	color: #C1D82F;
	text-decoration: underline;
}

a {
	color: #6B6B6B;
}

img {
	border: none;
}

#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	clear: both;
}

#container.padding {
	padding-top: 23px;
}



h1, h2, h3, h4, h5, h6 {padding:0; margin:0}

h1 {
	color: #00A0B0;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 0px;
	margin: 0px;
	padding: 20px 0 10px 0;
}

h2 {
	color: #00A0B0;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 10px;
}

h3 {
	font-size: 15px;
	color: #6B6B6B;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
}

h4 {
	font-size: 12px;
	color: #6B6B6B;
	margin: 0px;
	padding-top: 0px;
}


#logoadmin {
	background-image: url(../images/variquest-logo.jpg);
	height: 58px;
	width: 221px;
	margin-left: 30px;
}

#header {
	padding: 0 0 30px 0;
}

#maincontentarea {
	clear:both;
}

/* ------------ MAING NAVIGATION START ------------ */

ul#nav {
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	position: relative;
}

ul#nav li {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
}
ul#nav li a {
	height: 47px;
	display: block;
	line-height: 47px;
	padding-right: 20px;
	padding-left: 20px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
ul#nav li a:hover {
	background-image: url(../images/nav-hover.png);
	background-repeat: repeat-x;
}

/* -------------------- Main Navigation Active States -------------------- */

#products #solutionsnav, #training #resourcesnav, #dealer-locator #howtobuynav, #in-the-news #newsnav, #company #aboutnav {
	background-image: url(../images/nav-hover.png);
	background-repeat: repeat-x;
}

/* ------------ MAING NAVIGATION END ------------ */

select#subnav {
	width: 20em;
}

#admin .form-divider-generic {
  clear:both;
  font-size:1px;
  line-height:1px;
  height:1px;
  background-color:#e0d1a8;
}


#admin .form-divider-add {
  clear:both;
  font-size:1px;
  line-height:1px;
  height:1px;
  background-color:#dddddd;
}

#admin .form-divider-darker {
  clear:both;
  font-size:1px;
  line-height:1px;
  height:1px;
  background-color:#b1a585;
}

/* ------ List Mode ------ */

#admin div.form-list-container {
  background-color:#f8f4ea;
  background-image:url(/images/admin/background-editor-columns.png);
  background-repeat:repeat-y;
}


#admin ul.item-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display:block;
}

#admin ul.item-list li {
  background-color:#f8f4ea;
  background-image:url(/images/admin/background-editor-columns.png);
  background-repeat:repeat-y;
  display:block;
}

#admin span.ieListDisplayFix {
  font-size:1px;
  line-height:1px;
}

#admin .form-list-label {
  width: 130px;
  color: #741C1C;
  text-align: left;
  font-weight: bold;
  float: left;
}

#admin .form-list-label-padding {
  padding: 8px 0 8px 10px;
}

#admin .form-list-field {
  width:470px;
  float:left;
  color: #554A3B;
}

#admin .form-list-field-padding {
  padding: 10px 0 0 10px;
}

#admin .form-list-multi-field {
  background-color: #f5f1e2;
  padding: 10px;
  color: #554A3B;
}

#admin .form-list-bttn {
  width:50px;
  padding-top: 8px;
  text-align: center;
  float: left;
}

/* ------ Display Mode ------*/


#admin div.form-display-container {
  background-color:#f8f4ea;
  background-image:url(/images/admin/background-editor-columns.png);
  background-repeat:repeat-y;
}

#admin .form-display-label {
  width: 130px;
  color: #6B6B6B;
  text-align: left;
  font-weight: bold;
  float: left;
}

#admin .form-display-label-padding {
  padding: 8px 0 12px 10px;
}

#admin .form-display-field {
  width:470px;
  float:left;
  color: #554A3B;
}

#admin .form-display-field-padding {
  padding: 8px 0 8px 8px;
}

#admin .form-display-multi-field {
  background-color: #f5f1e2;
  padding: 10px;
  color: #554A3B;
}

#admin .form-display-bttn {
  width:50px;
  padding-top: 8px;
  text-align: center;
  float: left;
}

/* ------ Edit Mode ------*/

#admin div.form-edit-container {
  background-color:#f8f4ea;
  background-image:url(/images/admin/background-editor-columns.png);
  background-repeat:repeat-y;
}

#admin .form-edit-label {
  width: 130px;
  color: #741C1C;
  text-align: left;
  font-weight: bold;
  float: left;
}

#admin .form-edit-label-padding {
  padding: 8px 0 12px 10px;
}

#admin .form-edit-field {
  width:410px;
  float:left;
  color: #554A3B;
}

#admin .form-edit-field-padding {
  padding: 4px 0 0px 5px;
  white-space:nowrap;
  overflow:hidden;
}

#admin .form-edit-multi-field {
  background-color: #f5f1e2;
  padding: 10px;
  color: #554A3B;
}

#admin .form-edit-bttn {
  width:110px;
  padding-top: 8px;
  text-align: center;
  float: left;
}

/* ------ Add Mode ------*/


#admin div.form-add-container {
  background-color:#f5f5f5;
  background-image:url(/images/admin/background-editor-add.png);
  background-repeat:repeat-y;
}

#admin .form-add-label {
  width: 130px;
  color: #666666;
  text-align: left;
  font-weight: bold;
  float: left;
}

#admin .form-add-label-padding {
  padding: 10px 0 10px 8px;
}

#admin .form-add-field {
  width:470px;
  float:left;
  color: #554A3B;
}

#admin .form-add-field-padding {
  padding: 6px 4px 0 6px;
  overflow:hidden;
  white-space:nowrap;
}

#admin .form-add-multi-field {
  background-color: #f1f1f1;
  padding: 10px;
}

#admin .form-add-bttn {
  width:50px;
  padding-top: 8px;
  text-align: center;
  float: left;
}

#admin .form-divider-add {
  clear:both;
  font-size:1px;
  line-height:1px;
  height:1px;
  background-color:#dddddd;
}

#admin .busytext {
  color: #741C1C;
}

#admin div.errors, div.success, div.notice {
  margin: 0 0 10px 0;
  padding: 5px 10px;
  border: #FC6 2px solid;
  background-color: #FFC;
  width:70%;
}

#admin div.errors p {
  margin: 0;
}

#admin div.errors p em {
  color: #C00;
  font-style: normal;
  font-weight: bold;
}

#admin div.errors h2 {
  color: #C00;
  font-style: normal;
  font-weight: bold;
}

#admin .fieldWithErrors , .error_message {
  color: #C00;
  font-style: normal;
  font-weight: bold;
}

#admin div.success {
  border: #C6D880 2px solid;
  background: #E6EFC2;
}

#admin div.success p em {
  color: #529214;
  font-style: normal;
  font-weight: bold;
}

#admin div.notice {
  border: #FFD324 2px solid;
  background: #FFF6BF;
}

#admin div.notice p em {
  color: #817134;
  font-style: normal;
  font-weight: bold;
}

#admin #boxed_fields form {
  margin-bottom: 1.8em;
  padding: 0px;
}

#admin #boxed_fields fieldset {
  margin: 0px;
  padding: 0px;
}

#admin #boxed_fields input {
  color: #781351;
  background: #fee3ad;
  border: 3px solid #781351
}

#admin #boxed_fields .submit input {
  color: #000;
  background: #ffa20f;
  border: 2px outset #d7b9c9
}

#admin .button_floating_right {
  position:absolute;
  text-align:left;
  width:150px;
  margin-top: -25px;
  margin-left: 160px;
}

#admin .form_field {
  clear:both;
}

#admin .form_field_label {
  width:300px;
  float:left;
  text-align:right;
  padding:4px;
}

#admin .submission_buttons_and_waiting_image{
 margin:0px 0px 0px 160px
}

#admin .buttons .form_field{
 float:left;
 clear:right;
}