﻿body { background: #005094 url('Images/header_bg.jpg') repeat-x fixed; color:#333; margin:auto; padding: 0pt 20px; text-align: center; font-size: 8pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
body,td,a,p,.h,h1,h2,h3,div,form{font-family:tahoma, arial,sans-serif; padding:0px; margin:0px; font-size:10pt;}


#container {background: #005094 url('Images/container_bg.jpg') repeat-x fixed; margin:auto;padding-top:0px; text-align: left; width:1200px;height:900px;}

#master_container{margin:auto;padding-top:0px; text-align: left; width:1200px;min-height:900px;}

#master_header{margin:auto;padding-top:0px; text-align: left; width: 100%;min-height:188px;float:left;}

#master_inner_container
{
    background-color:White; 
    margin-top:10px;
    padding:0px; 
    text-align: left; 
    width: 100%;
    min-height:600px;
    float:left;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    -moz-box-shadow: 5px 5px 3px #0b2d43;
    -webkit-box-shadow: 5px 5px 3px #0b2d43;
    box-shadow: 5px 5px 3px #0b2d43;
}

#header
{
    color: #D2DCF3;
	width: 100%;
	float:left;
}

.divleft
{
    float:left;
    width:50%;
}

.divright
{
    float:right;
    width:50%;
    text-align:right;
}

#visitordiv
{
    z-index:10000;
    margin-top:0;
    margin-left:30px;
    background-image: url('Images/visitor.png');
    background-repeat:no-repeat;
    height:330px;
   
}

#visitordiv1
{
    z-index:10001;
    margin-top:0;
    background-image: url('Images/vms.png');
    background-repeat:no-repeat;
    
   
}

.login
{
    padding-left:20px;
    margin-top:34px;
    float:right;
    width:41%;
    text-align:right;
    background-image: url('Images/loginbg.png');
    background-repeat:no-repeat;
    height:330px;
}

.headerline
{
    position:absolute;
    margin-top:134px;
    background-color:#1f8bcf;
    height:8px;
    width:970px;
    margin-left:230px;
}

.footerline
{
    position:absolute;
    margin-top:390px;
    background-color:#095ba0;
    height:8px;
    width:1200px;
}

.innerContainer
{
     
    z-index:1000;
    margin-top:10px;
    background-color:#1f8bcf;
    height:800px;
    width:1200px;
  
}

.txtbox
{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height:20px;
    padding-left:2px;
    -moz-box-shadow: 5px 5px 3px #0b2d43;
    -webkit-box-shadow: 5px 5px 3px #0b2d43;
    box-shadow: 5px 5px 3px #0b2d43;
}


#contractor
{
    
    float:left;
    width:200px;
    height:218px;
    background-image: url('Images/contractor_bg.jpg');
    background-repeat: repeat-x;
    background-position:fixed;
    margin:40px;
    border-radius:25px;
    -moz-box-shadow: 5px 5px 3px #0b2d43;
    -webkit-box-shadow: 5px 5px 3px #0b2d43;
    box-shadow: 5px 5px 3px #0b2d43;
}

 #supplier
{
    
    float:left;
    width:200px;
    height:218px;
    background-image: url('Images/supplier_bg.jpg');
    background-repeat: repeat-x;
    background-position:fixed;
    margin:40px;
    border-radius:25px;
    -moz-box-shadow: 5px 5px 3px #0b2d43;
    -webkit-box-shadow: 5px 5px 3px #0b2d43;
    box-shadow: 5px 5px 3px #0b2d43;
}

 
#othervisitors
{
    
    float:left;
    width:150px;
    height:100px;
    background-image: url('Images/othervisitors_bg.jpg');
    background-repeat: repeat-x;
    background-position:fixed;
    margin:40px;
    border-radius:15px;
    -moz-box-shadow: 5px 5px 3px #0b2d43;
    -webkit-box-shadow: 5px 5px 3px #0b2d43;
    box-shadow: 5px 5px 3px #0b2d43;
}

 
#reports
{
    
    float:left;
   width:150px;
    height:100px;
    background-image: url('Images/reports_bg.jpg');
    background-repeat: repeat-x;
    background-position:fixed;
    margin:40px;
    border-radius:15px;
    -moz-box-shadow: 5px 5px 3px #0b2d43;
    -webkit-box-shadow: 5px 5px 3px #0b2d43;
    box-shadow: 5px 5px 3px #0b2d43;
}

#VisitorExit
{
    
    float:left;
    width:150px;
    height:100px;
    background-image: url('Images/visitor_exit_bg.png');
    background-repeat: repeat-x;
    background-position:fixed;
    margin:40px;
    border-radius:15px;
    -moz-box-shadow: 5px 5px 3px #0b2d43;
    -webkit-box-shadow: 5px 5px 3px #0b2d43;
    box-shadow: 5px 5px 3px #0b2d43;
}
 
 
 /* Floating Message Box */

 #floatMess
    {
        position: absolute;
        top: 5px;
        float: left;
        width: 95%;
        color: #000000;
        padding: 5px 5px 5px 25px;
        text-align: center;
        z-index:10000;
        margin-left:auto;
        margin-right:auto;
    }
    
.floatMessageSuccess
{
    width:30%;
    background-color:#ddfade;
    min-height:60px;
    border-radius:5px;
    border:1px solid #93c49f;
}

.floatMessageError
{
    width:30%;
    background-color:#feb8ca;
    min-height:60px;
    border-radius:5px;
    border:1px solid #f10945;
}