@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFF;
	background-image: url(../images/topBodyBG.gif);
	background-repeat: repeat-x;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

a {
	outline: none;
}

a:link {
  color: #464646; 
  font-weight: bold;
  text-decoration: none; 
}

a:visited {
  color: #8e8e8e; 
  text-decoration: none; 
}

a:hover {
  text-decoration: underline; 
}

a:active {
  color: #9999CC; 
  text-decoration: underline;
 }

 .blueprint {
    float: right;
    padding-right: 11px;
 }
 
#nav ul{
	margin: 0px;
	padding: 0px;
}
#nav ul.horizontal_list li{
	float: left;
	list-style: none;
	padding-top: 5px;
}

#nav ul.horizontal_list a {
	text-decoration: none;
	color: #FFF;
	font-size: 15px;
	padding-right: 0px;
	padding-left: 32px;
	font-weight: bold;
}

#nav ul.horizontal_list a:hover {
    color: #d2c100;
}

/* LogOn Screen */
form[action*="LogOn"] {
    width: 500px;
    margin: auto;
}

/* User Form */
.create-user-form > .field-container, .edit-location-form > .field-container {
    width: 50%;
}

/* Currently Selected Item Styles */
#admin-index a.admin-link,
#sample-list a.admin-link,
#sample-create a.admin-link,
#sample-edit a.admin-link,
#asset-list a.admin-link,
#asset-create a.admin-link,
#asset-edit a.admin-link,
#user-list a.admin-link,
#user-edit a.admin-link,
#user-access a.admin-link,
#user-delete a.admin-link,
#location a.admin-link,
#sample-search a.search-link,
#sample-searchresults a.search-link,
#sample-details a.search-link,
#home-help a.help-link {
    color: #d2c100 !important;
}

#footer {
	background-image: url(../images/bottomFooterBG.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	height: 342px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}

#footer a {
	color: #d2c100;
	text-decoration: none;
	font-weight: normal;
}

#footer a:hover {
	text-decoration: underline;
}

#copyRight {
	width: 200px;
	float: left;
	padding: 10px;
}

#contactInfo {
	width: 510px;
	float: right;
	text-align: right;
	padding: 10px;
}

#mainContainer {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	height: 162px;
	background-image: url(../images/headerBG.jpg);
	background-repeat: no-repeat;
}

#logo {
	height: 44px;
	width: 212px;
	float: left;
	margin-top: 115px;
}

.refineryHeader {
	height: 40px;
	background-image: url(../images/refinaryHeaderBG.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	letter-spacing: .10em;
	font-size: 18px;
	margin-bottom: 10px;
}

.refineryImage {
	padding-top: 20px;
	float: left;
}

.refineryInfo {
	float: right;
	width: 329px;
	padding-top: 5px;
}

.usernameAndPass {
	padding-top: 7px;
}

.username {
}

.headline {
	padding: 10px;
}

.searchField {
	height: 37px;
	background-image: url(../images/searchBG.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.search-header > h2 {
    float: left;
}

.search-filter {
    float: right;
}

.clear {
	clear: both;
}
#tagline {
	background-image: url(../images/bgUnderHeader.jpg);
	background-repeat: no-repeat;
	height: 62px;
	margin-bottom: 40px;
}
.refineries {
	padding-bottom: 50px

}
#footerWrapper {
	background-image: url(../images/bottomBodyBG.gif);
	background-repeat: repeat-x;
	height: 417px;
	padding-top: 75px;
	background-color: #464646;
	clear: both;
}

#nav {
	height: 24px;
	width: 265px;
	float: right;
	margin-top: 135px;
	background-image: url(../images/navBG.png);
}

.clear-float
{
    clear: both;
}

.list-inline {
    margin-left: 0;
    padding-left: 0;
}

.list-inline li{
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
}

/** Form Specific **/
.field-container
{
    margin-bottom: 15px;
}

.form-body {
    width: 60%;
}

.field-password-group > div {    
    width: 50%;
}

/* LogOn */
form[action*="LogOn"] > .field-container {
    width: 65%;
    margin-right: auto;
    margin-left: auto;
}

/* Sample Tabs */
form[action*="Sample"] .field-container {
    width: 50%;
}

.field-input.delete,
.field-input.submit {
    display: inline-block;
    width: 49%;
}

.field-input.submit > input,
.field-input.submit > a {
    display: inline-block;
    width: auto;
}

.input-validation-error
{
    border: solid 2px #990000;
}
.field-validation-error
{
    color: #990000;
    font-weight: bold;
    padding: 10px;
}
.button-container
{
    text-align: left;
}

/* Sample Tabs */


.field-input.submit {
    text-align: right;
}
.login-button-container
{
    text-align: left;
    
}

/* LogOn Screen */
form[action*="LogOn"] .login-button-container {
    width: 65%;
    margin: auto;
}

form[action*="LogOn"] .login-button-container input[type="submit"] {
    width: 30%;
}

/** Sample Details **/
#sample-header 
{
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    width: 100%;
    float: left;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px;
    margin-bottom: 10px;
}
#sample-number
{
    float: left;
    margin: 10px;
}
#sample-status
{
    float: right;
    margin: 10px;
}
#photo-asset-table td img
{
    cursor: pointer;
}

#sample
{
}

#sample .sample-inner-container
{
    width: 33%;
    float: left;
}

#sample .sample-inner-container .field-label
{
    font-weight: bold;
}

/** Sample Key **/
.sample-key
{
    float: right;
    margin-top: 20px;
    border: solid 3px #000000;
}
.sample-key-title
{
    font-weight: bold;
}
.sample-key-item,
.sample-key-item-first
{
    float: left;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    margin-left: 10px;
    width: 60px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.sample-key-item-first
{
    margin-left: 0;
}

/** Asset Assignment styles **/
.asset-assignment
{
    width: 100%;
}
.current-assets
{
    width: 50%;
    float: left;
}
.available-assets
{
    width: 50%;
    float: right;
}

/** SimpleModal styles **/
.simplemodal-wrap {
    overflow: hidden !important;
}
.simplemodal-overlay
{
    background-color: #000000;
    cursor: wait;
}
.simplemodal-container
{
    border: solid 3px #000000;
    background-color: #ffffff;
    width: 600px;
    height: 55% !important;
    overflow: hidden;
    padding: 10px;
    top: 50px !important;
}

.simplemodal-container a
{
    color: #D2C100 !important;
    

}

a.simplemodal-close {
    display: block;
    text-align: right;
    position: relative;
    color: #000 !important;    
}

a.simplemodal-close:hover {
    cursor: pointer;
}

a.simplemodal-close:before {
    content: "X";
    position: absolute;
    right: 0;    
}

.button-container
{
    padding: 20px 20px 40px 0px;
}

.button-container .field-input > input, .button-container .field-input > input + a {
    display: inline-block;
    width: auto;
}
/** Generic styles **/
.clear-float
{
    clear: both;
}
.filter-field-container
{
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}

.filter-field-container.divBoiler {
    margin-right: 0;
}

/** Sample List **/
input, select, textarea {
    display: block;
    width: 100%;
}

input[type="checkbox"], label[for="IsInspector"] {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.simplemodal-container input, .simplemodal-container select, .simplemodal-container textarea {
    width: 99%;
}

/** LogOn **/

form[action*="LogOn"] .field-container.remember-me .field-input > input[type="checkbox"], form[action*="LogOn"] .field-container.remember-me .field-input > label {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.search-sample {
    width: 525px;
}

.divCondition {
    width: 175px;
}

.divUnit {
    width: 76px;
}

.divCondition select {
    width: 48%;
    display: inline-block;
    margin-right: 12px;
}

.divElevation {
    width: 450px;
   
}

.divSystem {
    margin-right: 0;
    width: 435px;
}

.button-row {
    float: none;
    margin: 20px 0 30px;
}

.button-row input {
    margin: 0 auto;
    width: 80px;
}

.search-filter .button-row {
    float: left;
    margin: 17px 0 0;
}

#assets-pager a
{
    font-weight: bold !important;
    color: #000 !important;
}

.current-page
{
    color: #888 !important;   
}

#assets-pager a, .current-page
{
    padding: 5px !important;
}

.photo-asset
{
    width: 150px;
    float: left;
    clear: right;
    height: 170px;
    padding: 15px;
    margin-bottom: 10px;
    text-align: center;   
}

.asset-name
{
    padding: 5px;
}

.photo-asset a
{
    margin-left: -20px !important;
    text-align: center;   
}

.photo-container
{
    width: 128px;
    height: 128px;
}

.photo-container img
{
    max-width: 128px;
    max-height: 128px;
}

.clear
{
    margin: 0;
    padding: 0;
    line-height: 0;
    clear: both;
}

#assets-pager
{
    padding: 20px;
}

.t-toolbar, .t-grouping-header, .t-widget .t-pager-wrapper, .t-grid-footer, .t-widget .t-status {
    overflow: hidden;
}