body { font-family:Calibri, Arial; font-size:15px; background-color:#fff; color:#333; margin:0; padding:0;}

/* Layout Divs */
#wrapper{ width:100%;}
#header{ width:100%; background-image:url("../pics/headerBG.png"); background-repeat:repeat-x;}
#mainContent{ position:relative; top:-80px;}
#adminContainer{ width:90%; margin:auto;}
#addObject{ width:500px; margin:auto;}
#tabs{ width:80%; margin:auto; padding:10px;}

/* General Styles */
a{  color:#666; text-decoration:none;}
a:hover{ text-decoration:underline;}
.title{ font-size:18px; font-weight:bold; color:#551939;}
.title2{ font-size:15px; font-weight:bold; color:#666; text-decoration:underline;}
label{ width:112px; float:left; display:block; padding-top:3px;}
#longLabel label{ width:160px; float:left; display:block; padding-top:3px;}
.center{ margin:auto; text-align:center;}
.left{ text-align:left;}
.right{ text-align:right;}
.message{ font-weight:bold; color:#ff0000;}
.clear{ clear:both;}
.textBox { width:130px;}
/*
h1{ font-size:20px; color:#666;}
h2{ font-size:22px; color:#666; text-align:center;}
*/
.hide{ display:none;}
.show{ display:inherit;}
.alert{ color:#ff0000; font-weight:bold;}
.50{ width:50%;}
.adminTitleContainer{ font-size:17px; border-bottom: solid 1px #999; width:100%; text-align:left; padding-bottom:5px;}
.prodCode{font-size:18px; width:70%; text-align:left; color:#551939;}
hr{ width: 98%;}
.lnkViewDocs{ font-size:14px; color:#666;}
.lnkBack{ margin:auto; width:20em;}
.alignCenter98{ margin:auto; width:98%;}
.boldUnderline{ text-decoration:underline; font-weight:bold;}
.underline{ text-decoration:underline;}
.bold{ font-weight:bold;}

/* Font Styles */
.adminTitle{ font-size:26px; color:#666; text-decoration:underline;}
.title{ font-size:20px; color:#666;}
.smallTitle{ font-size:17px; color:#666; text-decoration:underline; font-weight:bold;}

/* Table Styles */
.general{ border: solid 1px #ccc;}
.admin{  border: solid 1px #ccc; border-spacing:0px; width:90%; margin:auto;}
.admin th{ background:url("../pics/trHeadingBG.png") repeat-x; color:#fff; height:30px; text-align:left; padding:4px; border-bottom:sold 1px #666; font-size:14px;}
.colHolder{ width:100%;}
.colHolder tr{ vertical-align:top;}
.colHolder td.left{ width:19%;}
.colHolder td.middle{ width:65%;}
.colHolder td.right{ width:19%;}
.cpTable{ border: solid 1px #ccc; padding:2px; width:100%;}
.cpTable tr{ height:35px;}
.trHeading{  background:url("../pics/trHeadingBG.png") repeat-x; color:#000; height:30px; text-align:left; margin-left:5px; font-size:15px; font-weight:bold;}

.documentDisplay{ margin: auto; width: 98%; border: 1px solid #666;}
.documentDisplay th.title{ font-size: 22px; width: 150px; text-align: left;}
.documentDisplay th.add{ width: 50px; text-align: left;}
.documentDisplay tr.colHeading{ background:url("../pics/trHeadingBG.png") repeat-x; color: #fff; font-size: 17px;}
.documentDisplay tr.alternate{ background-color: #eee;}
.admin tr.alternating{ background-color: #eee;}
.admin td{ padding: 5px;}

.streamDisplay{ margin:auto; width:98%; border:1px solid #666;}
.streamDisplay th.tbltitle{ font-size:20px; width:70%; text-align:left; color:#666;}
.streamDisplay th.add{ width:50px; text-align:left;}
.streamDisplay tr.colHeading{ background:url("../pics/trHeadingBG.png") repeat-x; color:#fff; font-size:13px; font-weight:bold; text-decoration:underline;}
.streamDisplay tr.alternate{ background-color:#eee;}
.streamDisplay td.smallCenter{ width:4%; text-align:center;}
.streamDisplay td.midSize{ width:10%;}
.streamDisplay td.normal{ width:15%;}
.streamDisplay td.normalCenter{ width:15%; text-align:center;}
.streamDisplay td.Red{ color:Red; font-weight:bold; }
.streamDisplay td.Green{ color:Green; font-weight:bold; }
.streamDisplay td.Amber{ color:#ffa500; font-weight:bold; }

.trDisplay{ margin:auto; width:98%; border:1px solid #666;}
.trDisplay tr.colHeading{ background:url("../pics/trHeadingBG.png") repeat-x; color:#000; height:20px; font-size:14px; font-weight:bold; }
.trDisplay tr.colHeading2{ background:url("../pics/trHeadingBG.png") repeat-x; color:#000; height:20px; font-size:15px; font-weight:bold; }
.trDisplay td.lights{ width:5%; text-align:center;}
.trDisplay td.stats{ width:15%;}
.trDisplay td.normal{ width:50%;}
.trDisplay td.Red{ color:Red; font-weight:bold; vertical-align:middle; height:55px; }
.trDisplay td.Green{ color:Green; font-weight:bold; vertical-align:middle; height:55px; }
.trDisplay td.Amber{ color:#ffa500; font-weight:bold; vertical-align:middle; height:55px; }

.userDisplay{ margin:auto; width:70%; border:1px solid #666;}
.userDisplay th.tbltitle{ font-size:20px; width:70%; text-align:left; color:#333;}
.userDisplay tr.colHeading{ background-color:#666; color:#fff; font-size:14px; font-weight:bold; text-decoration:underline;}

.actionDisplay{ margin:auto; width:90%; border:1px solid #666;}
.actionDisplay tr.colHeading{ background:url("../pics/header.png") repeat-x; height:30px; color:#fff; font-size:14px; font-weight:bold; text-decoration:underline;}
.actionDisplay tr.alternate{ background-color:#eee;}
.actionDisplay td.smallCenter{ width:4%; text-align:center;}
.actionDisplay td.normal{ width:15%;}
.actionDisplay td.large{ width:75%;}
.actionDisplay td.normalCenter{ width:15%; text-align:center;}

.auditDisplay{ margin:auto; width:90%; border:1px solid #666; clear:both;}
.auditDisplay tr.colHeading{height:30px; font-size:14px; font-weight:bold; text-decoration:underline; }
.auditDisplay th.normal{ width:12%;}
.auditDisplay td.normal{ width:12%;}

.admin tr.alternating{ background-color:#eee;}
.admin td{ padding:5px;}

.admindt{ border: solid 1px #666; border-collapse:collapse; border-spacing:0px; width:90%; margin:auto; clear:both;}
.admindt th{ height:30px; text-align:left; padding:4px; border-bottom:sold 1px #666; font-size:14px;}


.reportHeader{ margin:auto; width:960px;}
.report{ margin:auto; width:960px; border:1px solid #666;}
.report th.add{ width:50px; text-align:left;}
.report tr.colHeading{ background-color:#666; color:#fff; font-size:16px; font-weight:bold; text-decoration:underline;}
.report tr.alternate{ background-color:#eee;}
.report td.smallCenter{ width:4%; text-align:center;}
.report td.midSize{ width:10%;}
.report td.normal{ width:15%;}
.report td.normalCenter{ width:15%; text-align:center;}
.report td.Red{ color:Red; font-weight:bold; }
.report td.Green{ color:Green; font-weight:bold; }
.report td.Amber{ color:#ffa500; font-weight:bold; }

/* Fieldsets */
#login fieldset{ margin:auto; background-color:#eee; width:20em; padding-left:5em;}
#login fieldset label{ display:block; width:100%; font-weight:bold;}

/* Menu Style */
.topMenu{ text-align:right; top:-80px; position:relative;}
.topMenu ul{ margin: 0; padding: 0; list-style-type: none; }
.topMenu li{ display: inline; padding: 5px; }

/* JQuery Styles */
input.error { border: 1px solid red; }
label.error { float: none; color: red; vertical-align: top; width:100%;}
.ui-tabs .ui-tabs-hide { display: none; }
.js #tabs { display:none; }
div#ajaxLoading2{}
.loadingScreen .ui-dialog-titlebar-close { display: none; }

/* JQuery Modals */
#confirm {display:none;}
#alert {display:none;}
#confirm-overlay {background-color:#eee; cursor:wait;}
#confirm-container {height:170px; width:420px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; line-height:26px; text-align:left; background:#fff; border:2px solid #999;}
#confirm-container .header {height:30px; width:100%; background:url("../pics/header.png") repeat-x; color:#fff; font-size:1.1em; font-weight:bold; line-height:30px;}
#confirm-container .header span {padding-left:8px;}
#confirm-container .message {color:#333; margin:0; padding:12px 4px 12px 8px; font-size:1em;}
#confirm-container .buttons {width:160px; float:right; padding:10px 8px 0;} 
#confirm-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url("../pics/button.gif") repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-size:1.1em; position:absolute; top:-1px; left:400px; color:#ccc;}
#confirm-container a.modal-close:hover {color:#eee;}
#ui-datepicker-div{ z-index: 9999999;}