﻿*{
	margin: 0;
	padding: 0;
}
body
{
	background: #ffff;	
	padding:  1px; 
	font-family: Arial, Sans-Serif;
}

a
{
	color: #33c;
	font-weight: bold;
}

img
{
	display: block;
}

h2,
p
{
	padding: 0 0 20px;
}

h2
{
	font-size: 15px;
}

p
{
	line-height: 1.5;
}
/*Layout Classes....*/
.header
{
    border: solid 2px #d0d1cb;
     height: 80px;
     vertical-align: middle;
     text-align: center;
     padding: 5px;
     background: #efebdf;
  
}

.middle
{ 
    border-left: solid 2px #d0d1cb; 
    border-right: solid 2px #d0d1cb;  
    vertical-align: top;
    text-align: left;
}

.footer
{
	font-size:12px;
    border: solid 2px #d0d1cb;
     height: 30px;
     vertical-align: top;
     text-align: left;
     padding: 5px; 
      background: #efebdf; 
}

/******With Left Column Visible*****/
.content
{
    padding: 5px;
    margin: 0px;
    /*border: dotted 1px red;*/
}
.left
{
    float: left;
    text-align:left;
    vertical-align:top;
    padding:0px;
    margin:0px;
   
}


/*****With Left Column invisible****/
.leftInv
{
    width: 0%;
    margin: 0px;
    padding: 0px;
    display: none;
    
}

.right
{
     padding: 5px;
    border: solid 2px #d0d1cb;
    border-bottom-width: 0px;
    text-align: left;
    vertical-align:top;
    /*width: 100%;*/
}

#divRight
{
    float: left;
    border-left: solid 2px #d0d1cb;
    padding: 0px;
}

/*******image backgrounds *******/
#divToggle
{   
    position: absolute;
    left:25px;
    top: 105px;
    z-index:100;
}
#divWelcome
{
    position: absolute;
    left:50px;
    top: 65px;
    z-index:100;	
    font-size:12px;
}
#divWait
{
    background: #e7fabb url(../images/wait.gif) center no-repeat; 
    background-position: 15px 50%; /* x-pos y-pos */ 
    font-size:24px;
    text-align: left; 
    padding: 70px 20px 5px 80px; 
    border: 2px solid #4f602a;  
    
    
    z-index: 100;    
     width: 300px;
     height: 150px;
     position:absolute;
     left: 500px;
     top: 150px;
    
    
}
/***********IFrames**********************************/
iframe
{
	margin: 0px;
	padding: 0px;
    
}

.column
{
	
	width: 100%;
}

/*********GRIDVIEW*************************/

.gridView2 { width:100%; background-color:#fff; font-size:11px; border:1px solid #7e817b; margin-bottom:15px;}
.gridView2 td { padding:3px 10px;}
.gridView2 tr.alt { background-color:#ebebe7;}
.gridView2 caption {

	font-weight:bold;
	text-align:left;
	padding:8px 0px 6px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform:uppercase;
	color: #54585b;
	background-image:url(../images/table1_th_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#f7f8eb;
	border-bottom: 1px solid #7e817b;
}
.gridView2 tr.subhead th {
	background-color:#fcfcbd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	text-transform:capitalize;
	color:#54585b;
	padding:5px 10px;
}
.gridView2 th.sort a { text-decoration:underline;}

.gridView2Header a:link, .subhead a:visited, .subhead a:active { text-decoration:none;}
.gridView2Header a:hover{ text-decoration:underline;}
.gridView2Header a.sort { text-decoration:underline;}
