﻿.toppanel 
{
    background-color:#009999;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#00D5D5;
    font-family:Century Gothic;
	font-size:20px;	 
	font-weight:bold;
	color:#CCFFFF;    
}

  .bottompanel
 {
    background-color:#009999;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#00D5D5;
    font-family:Century Gothic;
	font-size:11px;	 
	color:#CCFFFF;        
 }
 
.bodycolor 
{
    background-color:#009999;    
    margin-left:0px;
    margin-top:0px;
    margin-right:0px;
    
}
.leftpanel
 {
     font-family:Century Gothic;
	 font-size:12px;	 
	 color:#242424;
     background-color:#E4E4E4;  
 }
 
 .rightpanel
 {         
     font-family:Century Gothic;
	 font-size:12px;
	 color:#242424;
     background-color:#F0F0F0;
     border-left-style:solid; 
     border-left-width:3px; 
     border-left-color:#009999;              
 }

a:visited
{
    color: #242424;
}

a:link
{
    color: #242424;
}

a:hover
{
    color: #242424;
}

.leftpanel
 {
     font-family:Century Gothic;
	 font-size:12px;	 
	 color:#242424;
     background-color:#E4E4E4;  
     border-bottom-style:solid;
     border-bottom-width:1px; 
     border-bottom-color:#999999;     
 }
 
 .rightpanel
 {         
     font-family:Century Gothic;
	 font-size:12px;
	 color:#242424;
     background-color:#F0F0F0;
     border-left-style:solid; 
     border-left-width:2px; 
     border-left-color:#009999;             
     border-bottom-style:solid;
     border-bottom-width:1px; 
     border-bottom-color:#999999;     
 }
  
  .bottompanel
 {
     font-family:Century Gothic;
	 font-size:11px;	 
	 color:#CCFFFF;        
 }
 
.box_shade
{
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:#EDF4E2;
	border-left-color:#EDF4E2;
	border-right-color:#EDF4E2;
	border-bottom-color:#EDF4E2;
	border-radius:5px;
	box-shadow: 1px 1px 3px #000000;
	background-color:#C1E0FF;
	font-family:Century Gothic;
	font-size:12px;
	color:#242424;
}

.box_inside
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:#666666;
	border-left-color:#666666;
	border-right-color:#666666;
	border-bottom-color:#666666;
	background-color:#F0F0F0;
	border-radius:3px;
	font-family:Century Gothic;
	font-size:12px;
	color:#242424;
}

.box_heading {
	box-shadow: 0px 4px 6px -2px #FFFFFF inset;
	border-radius:3px;
	height:30px;
	background-color:#B6CDF0;
	font-family:Century Gothic;
	font-size:18px;	
	color:#462144;
}

.labelcaption   
{    
    font-size: 11px;
    font-family: Century Gothic,Arial, Helvetica, Verdana, sans-serif ;   
    font-weight: normal;
    color:Black;
}

.labelCompanyName   
{    
    font-size: 20px;
    font-family: Century Gothic,Arial, Helvetica, Verdana, sans-serif ;   
    font-weight: bold;
    color:floralwhite;
}

.button
{
   border-top: 1px solid #b4fafa;
   background:  #336699;
   background: -webkit-gradient(linear, left top, left bottom, from(#336699), to(#9DA7B2));
   background: -webkit-linear-gradient(top, #336699, #9DA7B2);
   background: -moz-linear-gradient(top, #336699, #9DA7B2);
   background: -ms-linear-gradient(top, #336699, #9DA7B2);
   background: -o-linear-gradient(top, #336699, #9DA7B2);
   padding: 4px 15px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #e4f7f7;
   font-size: 14px;
   font-family:'Comic Sans MS' Bold;
   text-decoration: none;
   vertical-align: middle;	
}

.button:hover {
   border-top-color: #336699;
   background: #336699;
   color: #ffffff;
   font-size: 14px;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
input[type=text]
{
    border:1px solid #456879;
	border-radius:4px;
	font-size: 12px;
    font-family: Century Gothic,Arial, Helvetica, Verdana, sans-serif;
	height: 18px;
	text-transform:uppercase;
}

input[type=select]
{
    border:1px solid #456879;
	border-radius:4px;
	font-size: 12px;
    font-family: Century Gothic,Arial, Helvetica, Verdana, sans-serif;
	height: 18px;
	text-transform:uppercase;
}
input[type=textarea]
{
    border:1px solid #456879;
	border-radius:4px;
	font-size: 12px;
    font-family: Century Gothic,Arial, Helvetica, Verdana, sans-serif;
	height: 22px;
	text-transform:uppercase;
}
input[type=text]:focus, textarea:focus,select:focus
{
    background-color: #FFFACD;
    border: 1px solid #ccc;
}

.rounded_corners
{
    border: 2px solid #A1DCF2;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: scroll;
}
    
.Grid 
{
    background-color: #fff; 
    margin: 0px 0px 0px 0px; 
    border: solid 1px #055959; 
    border-collapse:collapse;
    font-family:Century Gothic; 
    color: #242424;
}
      
.Grid td
{
    padding: 2px;
    border: solid 1px #c1c1c1; 
}
      
.Grid th  
{
    padding : 4px 2px;
    color: #fff;
    background: #055959;
    border-left: solid 1px #525252;
    font-size: 0.9em; 
}
          
.Grid .alt 
{
    background: #055959; 
}

 .button_search
{
    
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 0px 0px; /* equivalent to 'top left' */
    border: none; /* assuming we don't want any borders */
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 16px; /* make this the size of your image */
    width:16px;
    padding-left: 0px; /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

 .popstyle
{    
    display: none;
	font-size: 12px;
    font-family: Century Gothic,Arial, Helvetica, Verdana, sans-serif;	
}