/* ------------------------ Global Formatting -------------------------- */

table,td,p,div,span
		{	font-size:12px;
			font-family:verdana, 'sans serif';
			padding:0px;
			margin:0px;
			border:0px;
			border-collapse:collapse;
			text-align:left;
			color:#000000;
			vertical-align:top;
		    }

body 	
		{	background-color:#2c76df;
		    background-image:url(../images/background.gif);
		    background-repeat:repeat-y;
	  		text-align: center; /* for IE */ 
            margin:0px; 
	 	    }

img 	
		{	border: 0;
		    }
		    
h1
        {   font-family: Arial, Sans-Serif;
            color: #000000;
            font-weight: bold;
            font-size: 22px;
            margin-top:-5px;
            margin-bottom:10px;
            }
            
h2
        {   clear:left;
            width:99%;
            height:24px;
            padding-left:10px;
            margin-bottom:8px;
            margin-top:0px;
            line-height:24px;
            background-image:url(../images/header.gif);
            font-family: Arial, Sans-Serif;
            font-weight: bold;
            font-size:14px;
            }
            
h3
        {   font-family: Arial, Sans-Serif;
            font-weight: bold;
            font-size: 16px;
            color:#000000;
            margin-bottom: 10px;
            }
            
hr
        {   height:1px;
            color:#d7d7d7;
            margin-top:5px;
            margin-bottom:10px;
            }
            
/*------------------------ Container ----------------------------*/

.Container
        {   width:97%;            
            min-width:946px; /* This width must be set in conjunction with .MinWidth and .IEContainer */
            margin: 0 auto;
	        text-align:left;
            } 
            
* html .MinWidth 
        {   padding-left:946px;
            }
        
* html .IEContainer 
        {   margin-left:-946px;
            position:relative;
            } 
        
/*\*/
* html .MinWidth, * html .IEContainer, * html .Layout  
        {   height:1px;
            }
/**/             
            
/*-------------------------- Header ------------------------------*/
    
.Header
        {   width:100%;  
            height:60px;
            margin-top:-10px;          
            }
            
.Logo
        {   width:185px;
            height:60px;
            background-image:url(../images/background_tl.gif);
            background-repeat:no-repeat; 
            }
            
.Menu
        {   padding-left:30px;
            width:100%;
            height:60px;
            background-image:url(../images/background_tr.gif);
            background-repeat:no-repeat;
            background-position:right;    
            }
            
.MenuTable
        {      
            }
            
.MenuCell
        {   padding-top:29px;
            padding-right:2px;
            line-height:25px;
            } 
            
.Logout
        {   text-align:right;
            width:100%;
            height:23px;
            z-index:1;
            position:relative;         
            }                          
    

/*-------------------------- Body ---------------------------------*/

.Body
        {   width:100%;
            background-color:#ffffff;
            padding-bottom:20px;
            }
            
.BodyContent
        {   margin-top:-22px;
            padding:20px;
            }  

.Control
        {   margin-bottom:35px;
            }
            
.FieldLabel
        {	float:left;
			font-weight:bold;
			margin-right:10px;
            }
            
.FieldValue
        {	float:left;
			margin-right:15px;
            }        
  
.InputText
		{	font-weight:bold;
			}                

.InputField
		{
			}
	
.OtlkHeader /* This contains the drop down group list */
        {   height: 29px;
	        padding-top:2px;
	        padding-bottom:2px;
            }
            
.OtlkHeaderItem /* This contains the column title text */
        {   padding-left: 7px;
	        padding-top:3px;
	        font-size:13px;
	        font-weight:bold;
            }
            
.OtlkObject
        {   width:95.5%;
            }
            
.OtlkItem   /* This contains each user row */
        {   padding-left: 7px;
	        border-bottom: solid 1px #f5f5f5;
	        padding-bottom:4px;
	        padding-top:4px;
	        font-family:Sans-Serif;
	        font-size:12px;
            }
.GridChild
        {   margin:4px;
	        padding:4px;
	        text-align:center;
	        float:left;
            }
            
.InItem
        {   background-color:#00D800;
            }
            
.UnavailableItem
        {   background-color:#FFFFA4;
        	}
        	
.OutItem
        {   background-color:#f0f0f0;
	        color:#555555;
            }
            
.RemoteItem
        {   background-color:#69CFFF;
            }            

.PanelItem
        {   background-color:#ffffff;
	        background-image:url(../images/panelbg.gif);
	        background-repeat:repeat-x;
	        border:solid 1px #c8c8c8;
	        padding:15px;
	        padding-left:30px;
            }
            
.OtlkTitle
        {   background-image:url(../images/toppanelbar.gif);
	        background-repeat:repeat-x;
            }
            
.DayPanel
        {   float:left;
	        width:350px;
	        height:150px;
	        border:solid 1px #c8c8c8;
	        background-image:url(../images/toppanelbar.gif);
	        background-repeat:repeat-x;
	        background-color:#F2F4F5;
	        margin:2px;
	        padding:2px;
            }
            
.ContextMenuContainer
        {   width:100%;
            text-align:right;
            margin-bottom:-10px;
            }
            
.ContextMenu
        {   position:absolute;
	        border:solid 1px #bebebe;
	        background-image: url(../images/buttons/context_background1.gif);
	        padding-left: 8px;
	        padding-right: 15px;
	        padding-bottom:12px;
	        width:200px;
	        margin-left:-109px;
            }
            
.ContextMenuHeader
        {   text-align: right;
            padding-top: 4px;
            padding-bottom:2px;
            }
            
.ContextMenuItemOff
        {   padding-bottom:12px;
            }                        
            
.ImageButton
        {   float:left;            
            margin-right:15px;
            }

        
.ImageButtonLeftOff
        {   background-image: url(../images/buttons/button_left_off.gif);
            width:13px;
            height:18px;
            float:left;
            }
            
.ImageButtonCenterOff
        {   background-image: url(../images/buttons/button_center_off.gif);
            height:18px;
            line-height:16px;
            font-size:11px;
            font-weight:bold;
            float:left;
            }
            
.ImageButtonRightOff
        {   background-image: url(../images/buttons/button_right_off.gif);
            width:13px;
            height:18px;
            float:left;
            }                                             

.ImageButtonDisabledLeft
        {   background-image: url(../images/buttons/button_left_off.gif);
            width:13px;
            height:18px;
            float:left;
            }
            
.ImageButtonDisabledCenter
        {   background-image: url(../images/buttons/button_center_off.gif);
            height:18px;
            line-height:16px;
            font-size:11px;
            font-weight:bold;
            float:left;
            }
                                    
.ImageButtonDisabledRight
        {   background-image: url(../images/buttons/button_right_off.gif);
            width:13px;
            height:18px;
            float:left;
            }   

/*--------------------- Positive/Negative Messages -----------------------*/

.PositiveMessage
        {   width:450px;
            background-color:#3dd244;
            border:solid 1px #00a600;
            color:#ffffff;
            font-size:11px;
            font-weight:bold;
            padding:8px;
            margin-top:8px;
            margin-bottom:8px;            
            }
            
.NegativeMessage
        {   width:450px;
            background-color:#dd1818;
            border:solid 1px #af0000;
            color:#ffffff;
            font-size:11px;
            font-weight:bold;
            padding:8px;
            margin-top:8px;
            margin-bottom:8px;            
            } 
                        
/*---------------------------Validation -------------------------------*/

.Valid
        {   width:100%;
            padding:30px;
            padding-top:50px;
            padding-bottom:70px;
            background-color:#00c400;
            background-image:url(../images/valid.gif);
            background-repeat:repeat-x;
            font-size:14px;
            color:#ffffff;
            }
            
.Invalid
        {   width:100%;
            padding:30px;
            padding-top:50px;
            padding-bottom:70px;
            background-color:#ed0000;
            background-image:url(../images/invalid.gif);
            background-repeat:repeat-x;
            font-size:14px;
            color:#ffffff;
            }            

/*------------------------Primary Info Grid ----------------------------*/

.Grid
        {   border-color:#ffffff;
            }
            
.GridHeaderItem
        {   margin-top:25px;   
            background-color:#cadffd;         
            background-image:url(../images/primary_grid_header.gif);
            background-repeat:no-repeat;
            background-position:top right;
            padding-left:5px;
            padding-right:5px;
            text-align:center;
            font-weight: bold;
            font-size:12px;
            line-height:23px;
            height:24px;
            }
            
.GridItem
        {   background-image: url(../images/primary_grid_line.gif);
            background-repeat:repeat-y;
            background-position: top right;
            background-color:#d7d7d7;
            padding-left:10px;
            padding-right:10px;            
            height:27px;
            line-height:25px;            
            }
                        
.GridAltItem
        {   background-image: url(../images/primary_grid_line_alt.gif);
            background-repeat:repeat-y;
            background-position: top right;
            background-color:#e8e8e8;
            padding-left:10px;
            padding-right:10px;
            height: 27px;
            line-height:25px;
            }           

/*------------------------Secondary Info Grid ----------------------------*/

.SGridHeaderItem
        {   background-image:url(../images/secondary_grid_header.gif);
            background-repeat:no-repeat;
            background-position:right;
            font-weight:bold;
            font-size:11px;
            text-align:center;
            padding-left:5px;
            padding-right:5px;
            line-height:25px;
            height: 27px;
            }
           
.SGridItem
        {   background-image: url(../images/secondary_grid_line.gif);
            background-repeat: no-repeat;
            background-position: top right;
            padding-left:10px;
            padding-right:10px;
            text-align:center;            
            line-height:26px;
            height: 27px;     
            }

.SGridAltItem
        {   background-image: url(../images/secondary_grid_line_alt.gif);
            background-repeat: no-repeat;
            background-position: top right;
            padding-left:10px;
            padding-right:10px;
            text-align: center;
            line-height:26px;
            height: 27px;
            }                      
/* ------------------------------ Footer ---------------------------------- */ 

.Footer
        {   width:100%;
            height:40px;            
            }
            
.FooterTable
        {   width:100%;            
            }
            
.FooterLeft
        {   float:left;
            width:50%;
            padding-top:8px;
            background-image:url(../images/background_bl.gif);
            background-repeat:no-repeat; 
            font-size:10px;
            color:#ffffff;
            } 
            
.FooterRight
        {   float:right;
            width:50%;
            padding-top:8px;
            background-image:url(../images/background_br.gif);
            background-repeat:no-repeat;
            background-position:top right;
            text-align:right;
            font-weight:bold;
            font-size:10px;
            color:#ffffff;
            }                       
            
/* ---------------------------- Link Styles ------------------------------- */   

a:link    
		{	
		    }
		
a:visited 
		{	
		    }
		
a:active  
		{	
		    }
		
a:hover   
		{	text-decoration: none;
		    }
		    
.MenuCell a:link
        {   text-decoration:none;
            }
            
.MenuCell a:visited 
        {   text-decoration:none;
            }
            
.MenuCell a:active
        {   text-decoration:none;
            }
            
.MenuCell a:hover
        {   text-decoration:none;
            }  
            
.ImageButtonCenterOff  a:link
        {   color:#000000;
            text-decoration:none;
            }
            
.ImageButtonCenterOff  a:visited 
        {   color:#000000;
            text-decoration:none;
            }
            
.ImageButtonCenterOff  a:active
        {   color:#000000;
            text-decoration:none;
            }
            
.ImageButtonCenterOff  a:hover
        {   color:#000000;
            position:relative;top:1px;left:1px;
            text-decoration:none;
            }          


/*---------THIS IS THE OLD STUFF------------------*/
/*h1
{
font-size: 175%; 
}

h2
{
font-size: 125%; 
}

h3
{
font-size: 100%; 
}

ul
{
list-style: disc; 
}

ol
{
list-style: decimal; 
}

body
{
	height:100%;
	border:solid 2px #002D96;
	padding:3px;
	background-color: #DFE7FA;
	font-family: Verdana, arial, 'sans serif';
	font-size:12px;
}
.PageFrame
{
	height:100%;
	border:solid 1px #002D96;
	background-color:#FFFFFF;
}
.AppLogo
{
	float:left;
	background-image:url(../images/logo_small.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:191px;
	height:29px;
}
.BMLogo
{
	background-image:url(../images/bmlogo_small.gif);
	background-position:right top;
	background-repeat:no-repeat;
	margin-right:7px;	
	height:29px;
}
.OtlkObject
{
	width:100%;
}
.OtlkAppBar
{
	background-image:url(../images/otlkappbar.gif);
	background-repeat:repeat-x;
	font-family:Arial;
	font-weight:bold;
	font-size:13pt;
	color:#FFFFFF;
	padding-left:7px;
	height:29px;
}
.OtlkMenuRow
{
	width:100%;
	background-color:#D2DFFD;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 5px;
	border-bottom:groove 2px;
}
.OtlkMenuItem
{
	text-decoration:none;
	font-family:Sans-Serif;
	font-size:12px;
	padding-left:7px;
	padding-right:8px;
}
.OtlkHeader
{
	height: 29px;
	padding-left:10px;
	font-family:Sans-Serif;
	background-color:#E6E6E6;
	font-size:10pt;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom: groove 2px;
}
.OtlkHeaderItem
{
	border-right: groove 2px;
	padding-left: 7px;
	padding-bottom:2px;
	padding-top: 2px;
	border-bottom: groove 2px;
}
.OtlkItem
{
	padding-left: 7px;
	border-bottom: solid 1px #E6E6E6;
	padding-bottom:5px;
	font-family:Sans-Serif;
	font-size:10pt;
}
.OtlkPanel
{
	margin:2px;
	border:solid 1px #000000;
	font-size:12px;
	font-family:Verdana, Sans-Serif;
}
.OtlkTitle
{
	background-image:url(../images/toppanelbar.gif);
	background-repeat:repeat-x;
}
.OtlkSelection
{
	background-color:#DFE7FA;
	color:#000000;
}
.DayPanel
{
	float:left;
	width:350px;
	height:150px;
	border:solid 1px #000000;
	background-image:url(../images/toppanelbar.gif);
	background-repeat:repeat-x;
	background-color:#F2F4F5;
	margin:2px;
	padding:2px;
}



.PanelItem
    {   background-color:#ffffff;
	    background-image:url(../images/panelbg.gif);
	    background-repeat:repeat-x;
	    border:solid 1px #c8c8c8;
	    padding:15px;
	    padding-left:30px;
        }

.GridChild
{
	border-color:Black;
	border-style:solid;
	border-width: 1px;
	margin: 2px;
	padding: 2px;
	text-align:center;
	float:left;
}
.InItem
{
	background-color:#00D800;
}
.UnavailableItem
{
	background-color:#FFFFA4;
	
}
.OutItem
{
	background-color:#f0f0f0;
	color: #555555;
}
.RemoteItem
{
	background-color:#69CFFF;
}
 


/*--------- Links ---------*/

/*.OtlkMenuRow a:link {color: black; padding-left: 8px; padding-right: 9px;}
.OtlkMenuRow a:visited {color: black; padding-left: 8px; padding-right: 9px;}
.OtlkMenuRow a:active {color: black; padding-left: 8px; padding-right: 9px;}
.OtlkMenuRow a:hover {color: black; background: #e2eafd; padding-left: 7px; padding-right: 8px; padding-top: 1px; padding-bottom: 1px; border: 1px solid #eef6ff;}

a:link    		{color:black;}
a:visited 		{color:black;}
a:active  		{color:black;}
a:hover   		{color:black; text-decoration: none;}