﻿*
{
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
    .search-box{
      border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
	width:100%;
	font: calibri,Arial,Helvetica,sans-serif;
	background-color: #ffffff;
}

#sitemap
{
    color:#081f40;
    width:97%;
    margin:auto;
	margin-top:15px;
	margin-bottom:15px;
    }
   #sitmap a
   {

color:Black;
       }
       
          #sitmap a:visited
   {

color:Black;
       }
.popupdiv { 
   /* background: #990000; */
    border-bottom: solid 2px #EEE; 
    padding: 50px 0; 
    text-align: center; 
    color: white; 
    top:160px;   
}​

.popupdiv.fixed
{
    position:fixed;
    left:0;
    top:0;
    color:black;
    border:1px;
    }
.popupdiv.fixed
{
    position:fixed;
    left:0;
    top:0;
    color:black;
    border:1px;
    }
    .transparentBox
{
    text-align:center;
    position:fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
     background-color:transparent;
    padding:20% 10% 20% 0%;
   
}

fieldset
{
    text-align:center;
    }
    legend
{
    text-align:center;
    }
form
{
width: 96%; 
margin:auto;
	border: 5px solid #ffffff;
	box-shadow: 0px 1px 3px rgba(0,0,0,.2);
	background-color:#fff;
min-height:75%;
   }
    
.box { background:#ffffff; width:97%; text-align:center;
       margin:auto;
       padding-bottom:20px; min-height:100%;
       }
body 
{
    background-color:#081f40;
	font-size: 13px;
	color: #000;
	width:100%;
	height:100%;
	font-family:calibri,Arial,Helvetica,sans-serif;
}

    input[type="submit"]{
border:1px solid #a5cc4a; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; min-width:95px;
 padding: 5px 5px 5px 5px; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.3);*/ margin-top:5px;
font-weight:bold; text-align: center; color: #FFFFFF; background:#a5cc4a;
 background-image: linear-gradient(top, #3BC4C4, #174D4D);
   }

 input[type="submit"]:hover{
 border:1px solid #767876; background-color: #081f40; color:#fff;
 background-image: linear-gradient(top, #2f9d9d, #0b2626);
 }

    input[type="text"], input[type="password"],select, textarea {
	width: 160px;
	color : #081f40;
	height:25px;
	 border: 1px solid #CCCCCC;
	padding:2px 4px;
}
    
    .checkBoxDiv
    {
        overflow: scroll;
         text-align: left;
          WIDTH: 200px; 
          HEIGHT: 200px; 
          border: 1px solid #CCCCCC;
        }
        
        input[type="text"]:focus, input[type="password"]:focus,select:focus, textarea:focus {
            border: 1px solid #081f40;
            background-color:#F5F5F5;
            color:#081f40;
        }
label{color : #081f40; 
    padding-left:3px;
    font-weight:normal;
    }
        input[type="checkbox"] {
            background: transparent;
            border: none;
            width: auto;
        }

td
{
    color:Black;
    font-size:12px;
    font-weight:bold;
    padding-top:2px;
    padding-right:3px;
    }
h2
{
    font-size: 1.10em;
	color: #000;
	width:25%;
	margin: 5px 2px 10px;
	/*position: relative;*/
	text-transform: uppercase;
	background: #e4e4e4;
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,.2);
	padding: 8px 2px 8px 5px;
	clear: both;
	text-align:left;
	
}
 
h2::before{
	display: block;
	width: 15px;
	height: 0px;
	position: absolute;
	bottom: -10px;
	left: -15px;
	content: "";
	border-bottom: 10px solid transparent;
	border-right: 10px solid #000;
}


.table {width:100%; background: #F5F5F5; overflow:scroll;border: 1px solid rgba(0,0,0,.3);box-shadow: 0px 1px 3px rgba(0,0,0,.2); -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;}	
.table th{ font-size:9pt; background:#081f40; padding:8px;border-bottom: solid 2px #081f40; margin:0px 10px 0px 10px;/*text-shadow: 0 1px 1px #F5F5F5;*/ color:#fff; text-align: center;}
.table td{ background-color:#fff; text-align:center; font-size:9pt; font-weight:normal; margin:5px;border-bottom:solid 1px #e0e0e0; color:#000000; border-right-color:#ffffff;}
.table tr.odd td{ background-color:#F5F5F5;color:#000000; font-weight:normal;}
.table tr:hover td{ background:#ededed;color:#777; }
.pagging {text-align:center; color:#949494; margin:auto; width:100%; }
.pagging a{ background:url(../Images/pagging.gif) repeat-x 0 0; text-align:center; height:20px;  padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#949494; margin-left:5px;  }
.pagging a:hover { border-color:#000000; background:#081f40; color:#fff; }

.accepted td{background-color:#78E075; color:Black;}
.declined td {background-color:#F26161; color:Black;}
.ammended td {background-color:lightblue; color:Black;}
.completed td {background-color:#E3C562; color:Black;}
.grdSelect td{background-color:#A1A5CC;color:Black;}
.grdUnSelect td{background-color:transparent; color:Black;}
.products td{ text-align:left;color:Blue;}
.agentAssigned td {background:#cf9e00; color:Black;}
.FixedHeader{position:absolute;}

#footer {
	margin: 20px 0 0 0;
	text-align: center;
	color: #757474;
}

#footer a {
	color: #757474;
}

.wrapper
{
	background:#a5cc4a; /* url('../Images/header_bg.png') repeat-x;*/
	border-bottom:solid 2px #a5cc4a;
    }
#header 
{
	margin: 0;
	padding: 0;
	height: 80px;
	position: relative;
	color: #FFFFFF;
	width:100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#logo {
	position: absolute;
	top: 15px;
	left: 25px;
	margin-right:50%;
	color:#9a1d30;
}

#logo a {
	text-decoration: none;
	color: #ffffff;
	text-shadow: 0 1px 1px #3E3E3E;
}

#logo h1 {
	font-size: 2.25em;
	color:#000000;
	height:20px;
}

#slogan 
{
    text-align:right;
	padding: 8px 0px 0 0px;
	position:absolute;
	right:20px;
	color:#9a1d30;
	top: 0;
}

#slogan h2 {
	color: #9a1d30;
	font-size: 1.25em;
	text-shadow: 0 1px 1px #3E3E3E;
}
.cleaner{clear:both; height:1px; }
#menu 
{
    -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px;border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px;border-top-right-radius: 5px;
	margin:auto;
	border: solid 2px #081f40;
	border-bottom:none;
	background:#081f40; /*url('../Images/menubackground.png') repeat-x;*/
	height: 44px; color:#fff;
	text-align:center;
	width: 97%; padding:0px;
}

#menu a {
	text-decoration: none;
	color: #fff;
	font-size: 1.2em;
	width:auto;
}

#menu a:hover
{
    color:#fff;
}
#menu ul 
{
	list-style-type: none;
	height: 40px; width:90%;
}
img[alt='Skip Navigation Links'] {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}

#menu ul li 
{
    border-right: 1px solid #fff;
	height:35px;
    padding: 9px 30px 0px 30px;
    color: #ffffff;    
    text-decoration: none;
    margin:0px;
    text-align:center; 
}

#menu ul li ul 
{
    min-width:200px;
	max-width:400px;
    margin-bottom:20px;
	margin-top:15px;
	height:auto;
	color:#ffffff !important;
	background:#081f40   repeat-x;
	list-style-type:square;
}
#menu ul li ul li 
{
    text-align:left;
    text-shadow:none;
    white-space:pre-line;
  color:#ffffff !important;
  padding:3px 0px 0px 10px !important;
  text-decoration:none;
  display:block;
  background:none;
}
#menu ul li ul li  a {
	text-decoration: none;
	color:#ffffff !important;
	font-size: 1.2em;
	width:auto;
	word-spacing:normal;
}

#menu ul li ul li  a:hover
{
    color:#081f40;
   text-decoration:underline;
   background:none;
   border:none;
}
#menu ul li ul li  a:visited
{
   text-decoration:underline;
   background:none;
   border:none;
}

#page-bottom {
	height:60px;
	background: #ededed;
	border-top: solid 2px #081f40;
	border-bottom: solid 1px #7E7E7E;
	border-left: solid 1px #7E7E7E;
	border-right: solid 1px #7E7E7E;
	width: 100%;
	color: #DCDCDC;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#page-bottom a {
	color: #4c4b4b;
}

#page-bottom h2, #page-bottom h3, #page-bottom h4 {
	color: #FFFFFF;
}

#page-bottom ul {
	list-style: none;
}

#page-bottom ul li {
	border-top: solid 1px #8F8F8F;
	padding: 15px 0 15px 0;
}

#page-bottom ul li.first {
	padding-top: 0;
	border-top: 0;
}

#page-bottom-content {
	width: 665px;
	float: left;
}

#page-bottom-sidebar {
	width: 200px;
	margin: 0 0 0 690px;
}

.login-box {
      border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
	width:333px;
	height: 352px;
	padding: 20px 76px 8px 0px;
	color: #ebebeb;
	font: calibri,Arial,Helvetica,sans-serif;
	background-color: #f2f2f2;
}
.login-box img {
	border:none;
}

.login-box h2 {
	font-size: 1.10em;
	color: #000;
	width:100%;
	margin: 5px 0 20px;
	position: relative;
	text-transform: uppercase;
	background: #F5F5F5;
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,.2);
	padding: 8px 2px 8px 5px;
	clear: both;
	text-align:left;
	opacity:0.8;
}


.login-box-name {
	float: left;
	display:inline;
	width:80px;
	text-align: right;
	padding: 14px 10px 0 0;
	margin:0 0 7px 0;
}

.login-box-field {
	float: left;
	display:inline;
	width:230px;
	margin:0;
	margin:0 0 7px 0;
}
.forgot 
{
    color: #000000;
    
}
.forgot:hover
{
      color:#081f40;  
}

.forgot:visited
{
      color:#081f40;  
}
.gridrowGreen
{
 background-color:#B1FB17;    
}
.gridrowRed
{
background-color:#FF2400;    
}
