﻿* { 
    zmargin: 0; 
} 
html, body 
{
	text-align: center;
	height: 100%;
	background-color: #666666;
    background-image: url(/images/greyBack.gif); 
}
body, td, p 
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

h1
{
    font-family:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;   
	font-size: 12pt;
	color: #bb0000; 
}
h2{
	font-size: 9pt;
	color: #444444;
}
input
{
    font-size: 12px;
}
a:link {
	color: #000080; 
	text-decoration: none; 
}
a:active {
    text-decoration: none;
}
a:visited {
	 color: #000080; 
	 text-decoration: none; 
}
a:hover {
	color: #ee0000; 
	text-decoration: none; 
}
#mainContainer
{
    width: 750px;
	background-image: url(/images/mainPanBack.gif); 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 8px auto -51px; /* the bottom margin is the negative value of the footer's height */
	_margin: 8px auto -51px; /* for ie6?*/
}

* + html #mainContainer  /* for ie7 - not in use - no different*/
{
    margin: 8px auto -51px;
    }

#contWrap2
{
    padding:1px 6px 1px 6px;
}
#PanelTop
{
	background-image: url('/images/mainPanTop.gif'); 
	background-repeat: no-repeat;
	height: 8px;
	font-size: 1px;
}
#header
{
    background-image: url('/images/titleBan.gif');
    height: 83px;
    background-repeat: no-repeat;
	margin-left: 25px;
	width:746px;
}
#header
{
    text-align: -moz-right
}
#topmenu
{
    z-index: 3;
    background-image: url('/images/butGlas.gif');
    height: 20px;
	margin-left: 2px;
	margin-right: 2px;
	font-family: arial;
}
#bcrumb
{
    z-index: 3; 
    padding-top: 1px;
    font-family: Arial;
    font-size: 11px;
    text-align: left;
    background-color: #dddddd;
    height: 16px;
	margin-left: 2px;
	margin-right: 2px;
}
#mainCol
{
    margin: 0px 2px 0px 2px;
    text-align: left;
    width: 746px;
}
#leftcol
{
    background-image: url(/images/leftBack.gif);
    text-align: left;
    width: 185px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	float:left;
}
.lch2
{
    color: #333333;
    padding-top: 4px;
    padding-left: 4px;
    font-weight:bold;
	font-size: 9pt;
	     xxborder: dashed 1px #ff0000;
}
#whatson
{
    background-repeat:repeat-y;
    padding-left: 3px;
    padding-top: 3px; 
    margin: 0;
}
#weatherlinks
{
    background-image: url(/images/leftfootfade.gif); 
    padding-left: 3px;       
}
#leftcol h1
{
    color: #333333;
	font-size: 10pt;
	background-color: #ffffff;
	border: solid 1px #aaaaaa;
	width: 172px;
	padding:0px 0px 0px 3px;
}
#leftcol .links
{
    zzzpadding-top: 6px; 
    list-style: none;
    text-indent: -24px;
}
#leftcol p
{
    font-size: 8pt;
    text-indent: 10px;
}

#leftcol .whatson
{
    text-indent: 12px;
    color: #000080; 
    cursor:help;
}
#rightcol
{
    padding-left: 6px;
    zpadding-top: 6px;
    text-align: left;
}
#adminContent, adminContent table
{
	padding:1px 6px 1px 6px;
    font-size: 8pt;
    text-align: left;
}
#footerPush {
	height: 51px; /* .push must be the same height as the floating footer */
}
#footer
{
	background-image: url(/images/mainPanBot.gif);
	background-repeat: no-repeat;	
		background-color: #222222;
	height: 51px;
	font-size: 8pt;
	width: 750px;
	margin: 0 auto;
	color: #dddddd;
	font-family: Arial;
}
#footText
{
    padding-top:3px;
}
#usersOnline
{
    position: absolute;
    left:auto;
    top: 20px;
    color: #333333;
}
.hideme
{
    display:none;
}
.formHelper
{
    font-size: 8pt;
    color: #444444;
}
.mmStatic
{
    font-size: 11px;
    border: 1px solid #999999; 
}

#loginbox
{   
    display: block;
    float: right;
    width:150px;
    height: 50px;
    font-family:Arial;
    font-size: 8pt; 
    color: #666666;
    margin: 12px 35px 0px 0px;
}
#welcomebox
{
	display: block;
    float: right;
    width:150px;
    height: 50px;
    font-family:Arial;
    font-size: 8pt; 
    color: #666666;
    margin: 8px 35px 0px 0px;
    
}
#loginbox td
{
    font-size: 8pt;
    font-family:Arial;
    padding-bottom:2px;
    _padding-bottom:0px; /*ie6*/
}
* + html #loginbox td /*ie7*/
{
    padding-bottom:0px;
}

.loginbut
{
   font-size: 11px;
   width:30px;
   height: 18px;
   background-color: #dddddd; 
   border: 1px solid #999999; 
   font-family: Arial;
   color: #000080;
   cursor: pointer;
   
}
.loginInput
{
   height: 11px;
   font-size: 11px;
   background-color: #ffffff; 
   border: 1px solid #999999; 
}
.loginCheck
{
   height: 8px;
   width: 6px;
}

#loginbox A:link {
	COLOR: #000080; TEXT-DECORATION: none; 
}
#loginbox A:active {
	TEXT-DECORATION: none;
}
#loginbox A:visited {
	 COLOR: #616161; TEXT-DECORATION: none; 
}
#loginbox A:hover {
	COLOR: #EE0000; TEXT-DECORATION: none;
}

#formtable
{
   text-align: center;
}
#adminTbl
{
    font-family:Arial;
    font-size: 10px;
    padding: 1px;
}
.tblGen1
{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-align: left;
	margin-left: 60px;
}
.tblGen1 td
{
    border-bottom: 1px solid #CCCCCC;
    padding: 2px 2px 2px 2px;
    vertical-align: top;
}
.tblGen2
{
	margin-left: 10px;
	margin-right: 10px;
}
.tblGen3
{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-align: left;
	margin-left: 10px;
	width:97%;
}
.tblGen3 td
{
    border-bottom: 1px solid #CCCCCC;
    padding: 2px 2px 2px 2px;
    vertical-align: top;
}
.tblGen4
{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-align: left;
}
.tblGen4 td
{
    border-bottom: 1px solid #CCCCCC;
    padding: 2px 2px 2px 2px;
    vertical-align: top;
}
.tblCal
{
    padding: 1px 1px 1px 1px;
    font-size: 9pt;
    width: 746px;
	border : 1px solid #CCCCCC;
	text-align: left;
}

.cCal1
{
	border-top: 1px solid #CCCCCC;
	padding-top: 2px;
	    	padding-bottom:2px;
}
.cCal2
{
    color: #BB0000;
}
.cCal3
{
   	padding-bottom:2px; 
}
.cCal4
{        
    border-top: 1px solid #CCCCCC;
    color: #BB0000;
}
.cCalMoB
{
    font-weight:bold;
    background-color : #EEEEEE;
	border-top: 1px solid #CCCCCC;
}
.cCalMo
{
    color: #666666;
    background-color : #EEEEEE;
	border-top: 1px solid #CCCCCC;
}

.hsmenuon {
	FONT-FAMILY: Trebuchet MS, Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	cursor: hand;
	font-size: 11px;
}
.hsmenuoff {
	FONT-FAMILY: Trebuchet MS, Arial, Helvetica, sans-serif;
	background-color: #EEEEEE;
	font-size: 11px;
	color: #444444;
}

.smenuon {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	cursor: hand;
	font-size: 8pt;
	color: #444444;
}
.smenuoff {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	background-color: #EEEEEE;
	font-size: 8pt;
	color: #666666;
}
.smenusel {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	font-size: 8pt;
	color: #CC0000;
}

.qlink A:link {
	COLOR: #000080; 
	TEXT-DECORATION: none;
}
.qlink A:active {
	TEXT-DECORATION: none; 
}
.qlink A:visited {
	 COLOR: #000080; 
	 TEXT-DECORATION: none;
}
.qlink A:hover {
	COLOR: #EE0000; 
	TEXT-DECORATION: none;
}
/* serious admin grid view hack */
#ctl00_MainContent_gvwUsers table
{
    width: 100%;
   zbackground-color: #EEEEEE;
}
/* for swaps */
    .modalPopup
    {   background-color: #eeeeee;
        border-width: 1px;
        border-style: solid;
        border-color: Gray;
        padding: 3px;
        xwidth: 350px;  }
    .modalBackground
    {   background-color: Gray;
        filter: alpha(opacity=50);
        opacity: 0.5; }
    .hidden {   display:none; }
    .dutyPopTbl { 	padding:1px;	width:100%;  }
    .dutyPopBtn1 {   font-size: 10px; }
    .dutyPopRowOn {   background-color: #ffffff;  }
    .dutyPopRowOff  { }
    .dutyPopRowOnRej  {  background-color: #ffffff; color: Gray;  }
    .dutyPopRowOffRej  {  color: Gray;  }
    .dutyPopPan { padding: 1px; }