﻿
    body {
	    /*
        margin: 0px;
	    background: #C0C0C0 url(images/background_main.jpg) repeat-x left top;
	    font: 0.7em Verdana,Arial,Helvetica,sans-serif;        
        */
    }
    
    #outerdiv
    {        
        width: 980px;
        height: 500px;
        margin-left: auto;
        margin-right: auto;
    }    
    
    #headerbar{        
        top: 0px;
        background-color:#EAC117;
        background-image: url(/FinalImages/FinalGradientHeader.JPG); /*Paths are relative. So forward slash is used*/
        background-repeat: repeat-x;        
        width: 100%; 
        height: 31px;        
    }    
    
    .headerbar-date
    {
        font-size:8pt;
        font-family:arial;
        /*font-weight:bold;*/
        color:#FFFFFF;        
        position:absolute;
        margin-left:5px;
        margin-top:7px;        
    }
    
    .headerbar-Login
    {
		font-size:10pt;
        font-family: Tahoma;
        /*font-weight:bold;*/
        color:#FFFFFF;        
        position:absolute;
        left: 946px;
		top: 22px;
	}  
    #header {
        /*background-color:#C0C0C0;*/
        /*background-image: url(/uptimelubadmin/NewImages1/HeaderImage.gif);*/ /*Paths are relative. So forward slash is used*/
        background-image: url(/NewImages1/HeaderImage.JPG);
        /*background-repeat: repeat-x; */
        border-bottom: solid 3px #DCDCDC;       
	    width: 100%;
	    height: 172px;	    
    }

    #left-column
    {
        float:left;
        text-align: center;
        margin-bottom:10px;
        /*
        border-right: black 1px solid; 
        border-top: black 1px solid; 
        border-left: black 1px solid; 
        border-bottom: black 1px solid;
        */
        width: 24%; 
        height: 60%;
    }
    
    #left-outer
    {
		left: 0px; 
        top: 0%;
        position:relative;
        margin-left:0px; margin-right:auto; /*Centers Div box horizontally in Firefox */
        /*background-image:url(/FinalImages/TOALlogo.JPG);
        background-repeat:no-repeat;*/
        /*
        border-right: black 1px solid; 
        border-top: black 1px solid; 
        border-left: black 1px solid; 
        border-bottom: black 1px solid;
        */
        width: 180px; 
        height: 150px;
    }
    
    #left-inner
    {
        top: -2%;
        position:relative;
        margin-left:auto; margin-right:auto; /*Centers Div box horizontally in Firefox */
        background-image:url(/FinalImages/TOALlogo.JPG);
        background-repeat:no-repeat;
        /*
        border-right: black 1px solid; 
        border-top: black 1px solid; 
        border-left: black 1px solid; 
        border-bottom: black 1px solid;
        */
        width: 170px; 
        height: 140px;
        float:left;
    }
    
    #left-navbar
    {
		background-image:url(/FinalImages/FinalLeftMenu.jpg);
        background-repeat: no-repeat;
        margin-top:30px;
        margin-left:3px; margin-right:auto; /*Centers Div box horizontally in Firefox */
        margin-bottom: 2%;
        text-align: left;
        float:left;
        width: 94px; 
        height: 30px;
        color:White;
        font-weight:bold;
        font-size:14px;
		
        /*margin-top:2%;
        margin-left:auto; margin-right:auto; /*Centers Div box horizontally in Firefox 
        margin-bottom: 2%;
        text-align: left;
        width: 85%; 
        height: 30px;*/
    }
    
    #left-logo
    {
        margin-top:5%;
        margin-left:auto; margin-right:auto; /*Centers Div box horizontally in Firefox */
        padding-top:auto;
        /*background-image:url(/FinalImages/TOALlogo.JPG);
        background-repeat:no-repeat;*/
        /*
        border-right: black 1px solid; 
        border-top: black 1px solid; 
        border-left: black 1px solid; 
        border-bottom: black 1px solid;        
        */
        width: auto; /* 85%; */
        height: auto;
        /*border-bottom:2px solid #EEEEEE;
        border-left: 2px solid #EEEEEE;
        border-right:2px solid #EEEEEE;
        border-top:2px solid #EEEEEE;*/
    }
    
    #right-column
    {
        float:right;
        margin-bottom:10px;
        text-align: left;
        /*
        border-right: black 1px solid; 
        border-top: black 1px solid; 
        border-left: black 1px solid; 
        border-bottom: black 1px solid;        
        */
        width: 74%; 
        height: 60%;
    }
    
    #right-outer
    {
		left: -102px; 
		top: 19%;
        position:relative;
        margin-left:auto; margin-right:auto; /*Centers Div box horizontally in Firefox */      
        width: 400px; 
        height: 200px;
    }
    
    #right-loginbox-header
    {
        background-color:#F4F4F4;
        /*background-image: url(/NewImages1/gradient-login.png); /*Paths are relative. So forward slash is used*/
        background-image: url(/FinalImages/FinalLoginHeader.JPG);
        /*background-repeat: repeat-x;*/
        text-align:left;
        width: 96%; 
        height: 14%;
    }
    
    .right-loginbox-header-text
    {
        font-weight:bold;
        font-size:small; 
        color:#FFFFFF;
        position:absolute;  
        /*margin-left:0%;
        margin-top:10%;*/
        left:3%;
        top:2%;
        bottom:3%;
        font-family:Tahoma;
     }
    
    #right-loginbox-body
    {
		background-image:url(/FinalImages/FinalLoginBG.png);
		background-repeat: no-repeat;
        background-color:#F7F7F7;
        /*border-bottom:2px solid #EEEEEE;
        border-left: 2px solid #EEEEEE;
        border-right:2px solid #EEEEEE;*/
        width:96%;
        height:98%;
    }
    
    #copyright
    { 
        float:left; 
        font-size: small;
        font-weight :bold ;
        font-family:Tahoma;     
        background-color:#FFFFFF;
        text-align:center;
        margin-bottom:1%;
        width: 100%; 
        height: 10px; 
    }
        
    #footerbar
    {
        bottom: 0px;  
        float:left;      
        background-color:#EAC117;
        background-image: url(/NewImages1/Footer.jpg); /*Paths are relative. So forward slash is used*/
        background-repeat: repeat-x; 
        width: 100%; 
        height: 15px; 
    }
    
  /* Styling for HTML Table element*/        
           
  CAPTION.MYTABLE
  {
     background-color:#8080ff;
     color:white;
     border-style:solid;
     border-width:2px;
     border-color:black;
  }

  TABLE.MYTABLE
  { 
     font-family:arial;
     font-size:10pt;
     background-color:#F4F4F4;
     width:90%;
     /*
     border-style:solid;
     border-width:1px;
     border-color:black;
     */
     margin-top:5%; margin-left: 4%; 
  }

  TH.MYTABLE
  {
     font-size:10pt;
     color:white;
  }

  TR.MYTABLE
  { 
  }

  TD.MYTABLE
  {  
     font-size:10pt;
     background-color:#F4F4F4;
     color:#000000;
     border-style:solid;
     border-width:1px;
     text-align:center;
  }
    
  .FIRSTCOLUMNCELLS
  {
     font-size:10pt;
     background-color:#F4F4F4;
     color:#000000;
     /*
     border-style:solid;
     border-width:1px;
     */
     height: auto;
     text-align:left;
     width:120px;
     margin-left:20px;
  }  
    
  .SECONDCOLUMNCELLS
  {
     background-color:#F4F4F4;
     color:#000000;
     text-align:right;
     width: 251px;
     height: 25px;
  }      
  
  .SECONDCOLUMNBUTTONCELL
  {
     background-color:#F4F4F4;
     color:#000000;
     text-align:right;
     width: 251px;
  } 

  .COLUMNMESSAGECELL
  {   
     background-color:#F4F4F4;
     color:#000000;
     text-align:left;
  } 
      
  .RegularButton 
  {
		border:0;
        background-color: Transparent ;
        background-image:url(/FinalImages/FinalBtLogin.JPG);
        background-repeat: no-repeat;
        color:#FFFFFF;
        /*font-weight:bold;*/
        font-size:small;
        width:75px;
		height:18px;
		display:block;
		font-family:Tahoma;
		float:right;
		margin-right:20px;
		margin-top:10px;
  }  
  
  .MenuButton 
  {
		border:0;
        background-color:#FFFFFF;
        background-image:url(/FinalImages/FinalLeftMenu.jpg);
        background-repeat: no-repeat;
        /*color:#FFFFFF;*/
        font-weight:bold;
        font-size: smaller;
        color :White;
        width:93px;
		height:22px;
		display:block;
		font:TimesNewRoman;
	    
  }  
  
  .MessageLabel
  {
    color:#FF0000;
    font:Tahoma;
    width:100%;
    height:auto;
  }
    
  /* Styling for ASP.NET Text boxes*/     
  .Login-textbox
  {
       width:150px;
       margin-left:100px;
  }
  
  .Pwd-textbox
  {
       width:150px;
       margin-left:80px;
  }
  
  #MenuButton 
  {
		border-width:0pt;
		border-color:white;
        background-color: white;
        background-image:url(/FinalImages/FinalLeftMenu.jpg);
        background-repeat: no-repeat;
        /*color: Highlight;*/
        font-weight:bold;
        font-size: 12px;
        width:93px;
		height:22px;
		/*display:block;*/
		font-family:Tahoma;
	    text-align:right; 
	    text-decoration:none;
  }
