﻿/**********************************************************************
	*
	* Filename:       Global.css
	* Project:        osborn-eng.com/Styles
	* Description:    Global website stylesheet
	*
**********************************************************************/

/* FORMS */
form { margin:0px; padding:0px; }

/* FORM CONTROL STYLES */
input[type='text'], input[type='password'], input[type='file'], textarea { width:300px; margin:0px; padding:2px; font-size:14px !important; border:1px solid #c0c0c0; }
input[type='file'] { width:75%; border-width:0px; }
input:disabled { cursor:not-allowed !important; color:#808080 !important; background:none #f5f5f5 !important; border-width:1px !important; }
textarea { width:90% !important; }
textarea.SmallTA { width:300px !important; }
select { min-width:120px; margin:0px; padding:2px; font-size:12px !important; font-weight:bold !important; }
input[type='checkbox'] { margin:0px; padding:0px; vertical-align:middle; }
th label, td label { font-weight:bold; font-size:11px; }
img.IconAuth { width:48px; height:48px; padding:10px; margin:5px 10px 10px 0px; vertical-align:middle; border-width:0px; background-color:#FFFFFF; }
input[type='text'].SmallTextBox, input[type='password'].SmallTextBox { width:150px !important; }
input[type='text'].date { width:100px !important; }
.FormNote { font-size:11px; font-weight:bold; }
th span.FormNote, td span.FormNote { padding-left:5px; }

/* FORM ERRORS */
label.FormErrorMessage, div.FormErrorMessage , p.FormErrorMessage  { color:red; font-size:11px; font-weight:bold; }
label.FormErrorMessage { padding-left:5px; }
input[type='text'].FormErrorMessage, input[type='password'].FormErrorMessage, textarea.FormErrorMessage, select.FormErrorMessage { border-color:red !important; }
div.FormErrorMessage { padding-top:5px; }

/* STANDARD FORM TABLE */
.FormTable { clear:right; width:100%; margin:0px; padding:0px; border-collapse:collapse; border-spacing:0px 0px; }
.FormTable caption { padding:10px 0px 5px 0px; font-size:16px; font-weight:bold; color:#2d6e95; text-align:left; }
.FormTable thead th { width:auto !important; font-weight:bold; background:url( /lib/images/WebGridHeaderBG.jpg ) repeat-x #dedee6 !important; border:1px solid #c0c0c0 !important; }
.FormTable th, .FormTable td { padding:6px 6px 6px 6px; text-align:left; vertical-align:middle; border:1px solid #DCDCDC; }
.FormTable th { width:20%; background-color:#F5F5F5; font-weight:bold; }
.FormTable th em { margin:0px; padding:0px 2px 0px 0px; font-family:monospace; font-weight:normal; }
.FormTable td em { color:#c0c0c0; }
.FormTable td { width:80%; background-color:#FFFFFF; }
.FormTable td span, .FormTable td div, .FormTable caption span { padding-left:5px; font-size:11px; font-weight:bold; }
.FormTable td div { padding:5px 0px 0px 0px !important; }
.FormTable td label { padding-left:5px; }
.FormTable tbody tr.Row0 { background-color:#ffffff; }
.FormTable tbody tr.Row1 { background-color:#f1f1f1; }
.CenteredFormBox { width:700px; margin:0px auto; }
.CenteredFormBox .FormTable th { width:25%; }
.CenteredFormBox .FormTable td { width:75%; }

/* NOTIFICATION MESSAGES */
.NotificationMessage { padding:5px 10px 5px 25px; margin:0px 0px 15px 0px; font-weight:bold; background:no-repeat 5px 5px #F5F5F5; border:1px dotted; }
.NotificationMessage.Big { padding:15px 20px 15px 50px; background-position:10px 12px !important; }
td.NotificationMessage { padding-left:25px !important; }
	.Confirm { color:#00CC00; background-image:url( /lib/images/icons/iconSelect16.png ); border-color:#00CC00; }
	.Confirm span { color:#00CC00; font-weight:bold; font-style:italic; }
	.Big.Confirm { background-image:url( /lib/images/icons/iconSelect32.png ) !important; }
	.Confirm a { font-weight:bold; }
	.Error { color:#CC0000; background-image:url( /lib/images/icons/iconError.png ); border-color:#CC0000; }
	.Big.Error { background-image:url( /lib/images/icons/iconError32.png ) !important; }
	.Error a { font-weight:bold; color:blue; }
	.Notify { color:#000000; background-image:url( /lib/images/icons/iconDetails16.png ) !important; border-color:#DCDCDC; }
	.Big.Notify { background-image:url( /lib/images/icons/iconDetails32.png ) !important; }
	.Notify a { font-weight:bold; }

/* ERROR DISPLAY PAGE */
.ErrorDisplayBox { width: 600px; margin:20px auto; }
.ErrorDisplayBox h1 { margin:0px; padding:4px 4px 4px 20px; color:#FFFFFF; border: 1px dotted red; background-color:#CC0000; }
.ErrorDisplayBox div.ErrorContent { padding:20px; border:1px solid #CC0000; background-color:#f5f5f5; }
.ErrorDisplayBox div.ErrorMessage { padding:5px 0px 5px 40px; margin:0px 0px 15px 0px; font-size:16px; font-weight:bold; color:#CC0000; background:url( /lib/images/icons/iconError24.png ) no-repeat 5px 0px; }
.ErrorDisplayBox p { line-height:18px; font-size:12px; font-weight:bold; }
.ErrorDisplayBox div.ErrorNote { float:right; padding-top:2px; font-size:11px; font-weight:bold; }
.ErrorDisplayBox div.FormButtons { padding-top:5px; }

/* TOOLS */
.ui-datepicker { width:200px !important; }
