﻿html 
{
	background-color: #003399;
	background-image: url('../../imgs/bodybg.jpg');
	background-repeat: repeat-x;
	}

body 
{
	width:900px;
	margin:auto;
	font-family:Georgia;	
}

a
{
	text-decoration:none;	
}

a:hover,a:visited
{
	text-decoration: none;
	color:Blue;
}

/***HEADER***/
.header
{
	background-image: url('../../imgs/headerbg.png');
	background-repeat: no-repeat;
	/*width:900px;*/
	width:100%;
	height: 201px;
	/*margin:auto;*/
	
}

#headerdate
{
	position:absolute;
	margin-left: 20px;
	margin-top: 20px;
	color:Yellow;
	font-size:15px;
}

/***FOOTER***/
.footer
{		
	margin-left:10px;
	width:100%;	
	overflow:hidden;
	display:inline-block;	
	color:White;
	font-family:Arial;
}
.footer a
{
	color:Yellow;	
}

.contentfooter
{	
	/**width:100%;	**/
}

#contactinfo
{
		position:absolute;
		color:White;
		font-family: Arial;
		font-size:14px;
		margin-top:40px;
		margin-left:40px;
}

#contactinfodir
{
	position:absolute;
		color:White;
		font-family: Arial;
		font-size:14px;
		margin-top:40px;
		margin-left:280px;
}

#contactinfopub
{
	position:absolute;
		color:White;
		font-family: Arial;
		font-size:14px;
		margin-top:100px;
		margin-left:280px;
}

.pagehead
{
	color:#336699;
	background-color:#FFDE00;
}

.pagehead span
{
	padding:5px;
	background-color:#FFF;
	margin-left:25px;
}
.subhead
{
	color:#666666;
}

#footernav
{		
		text-align:center;
		position :absolute;
		color:White;
		font-family: Arial;
		font-size: 12px;
		margin-left:75px;
		clear:both;
		
}

.footernav a
{
	color:Yellow;
}

/***NAVIGATION***/
.adminNav
{
	list-style:none;
	font-size:11px

}
.adminNav li
{
	padding:3px;
	border-bottom: dashed 1px #CCC;
}

#navigation
{
	width:900px;
	position:absolute;
    font-size:18px;	
    background-image:url('../../imgs/navbg.jpg');
    background-repeat: repeat-x;
    font-family:Arial;
    font-size:14px;
    height:30px;
}
#navwrapper
{
	margin-top:6px;
	margin-left:10px;	
	
}

#navwrapper a
{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

#navwrapper a:hover
{
	color:Yellow;
	
}


ul#menu
{
	list-style-type:none;
	width:auto;
	/*position:relative;*/	
	display:block;
	margin-top:5px;
}

ul#menu li
{
	display:block;
	float:left;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding-right:15px;
}
	
ul#menu li a:hover
{	
	color:Yellow;			
}
	

ul#menu li a.current
{
	color:Yellow;
	display:block;
	float:left;
}

/**LOGIN BOX***/
#loginbox
{
	position:absolute;
	margin-top:5px;
	margin-left:750px;
	font-size:15px;
	font-family:Arial;
	color:Yellow;
	font-weight:bold;
}

.loginform
{	
	/**margin-top:50px;
	margin-left:200px;**/
	
}
#loginbox a
{
	color:#FFFFFF;
	text-decoration:none;
}
                    
/***CONTAINERS***/
#contentwrapper{
width:100%;
background-color:#FFFFFF;
background-image: url('../../imgs/contentbottombg.png');
background-repeat:repeat-x;
background-position:bottom;
}

#contentsingle
{
	width:893px;
	padding: 5px;
	min-height:450px; 
height:auto !important;
height:450px;
}

#contentcolumn
{
	
	width:683px;
	float:left;
		min-height:450px; 
height:auto !important;
height:450px;

}

#rightcolumn{
	width:215px;
	float:left;			
	border-left: solid 1px #999;
	min-height:450px; 
	height:auto !important;
	height:450px;
}
                    
/***CONTENT***/
.logo
{
	font-size: 35px;
	top:100px;
	margin-left:5px;	
	position:absolute;
	color:White;
	text-transform:uppercase;
}
.logo a:hover
{
	text-decoration:none;
}
.slogan
{
	font-size: 16px;
	font-style:italic;
	top:140px;
	margin-left:440px;	
	position:absolute;
	color:Yellow;	
}
#searchbox
{
	width:100%;
	background-image: url('../../imgs/homesearch.png');
	background-position:center center;
	background-repeat:no-repeat;
	height:158px;
}
#searchboxcontrol
{
	top:30px;
	margin-left:330px;
	color:#FFFFFF;
}
.searchcontroltxt
{
	width:100px;
}

/***Controls***/
.button span
{
	padding:3px;
	border: solid 1px #000000;
	background-image: url('../../imgs/buttonback.jpg');
	background-repeat: no-repeat;
	background-color:#FFFFFF;	
	font-size:12px;
	height: 16px;
	color:#000;
	font-weight:bold;
}
.button span:hover
{
	background-image: url('../../imgs/buttonbackhover.jpg');
	background-repeat: no-repeat;
	background-color:#FFFFFF;	
}

/***CHART***/
.hidden
{
    display:none;
}

/***GRID***/
/* mouseover row style */
.datagrid tr .rowstyle:hover{ background-color:#FFDE00; }
.datagrid tr .alternatingrowstyle:hover{ background-color:#FFDE00; }
.rowstyle
{
	font-size:12px;
	font-family:Verdana;
}
.rowstyle td
{
	padding:3px;
}
.alternatingrowstyle{
    background-color:#f9f9f9;
    font-size:12px;
    font-family:Verdana;
}
.alternatingrowstyle td
{
	padding:3px;
}
.headerstyle{
    background-color:#e5e5e5;
    height:23px;
      font-size:11px;
    text-transform:uppercase;
}
.headerstyle th {
    border:1px solid #bbbbbb;
    padding-left:5px;
    text-align:left;
}  
.headerstyle a {
    color:black;
  
}    
.sortalternatingrowstyle{
    background-color:#e5e5e5
}
.sortrowstyle{
    background-color:#f0f0f0
}
.sortascheaderstyle{
    background:#c5c5c5 url(imgs/sort_asc.gif) no-repeat scroll right center;
    padding-left:5px;
}
.sortdescheaderstyle{
    background:#c5c5c5 url(imgs/sort_desc.gif) no-repeat scroll right center;
    padding-left:5px;
}   
.pagerstyle{
    color:#444444;
    background-color:#e5e5e5;
    font-size:x-small;
    text-align:right;
} 
.pagerstyle select{
    font-size:x-small;
}  
.previous{
    background:transparent url(imgs/previous.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
}
.next{
    background:transparent url(imgs/next.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
}  
.gotopage{
    font-size:x-small;
    width:20px;
}


/*** DETAILS GRID ***/
.detail
{
	font-family:lucida grande,arial,helvetica,sans-serif;
	font-size:11px;
	background-color:#fff;
	border:solid 2px #000;
	padding:4px;
}
.detail .foot
{
	
	text-align:right;
	padding:8px;
}

/* table style */
.detailgrid
{
	border:solid 1px #ad9e87;
}

/* cell styles */
.detailgrid td
{
	cursor:default;
	height:20px;
    color:#000;
	padding:2px 8px;	
}


/*** PERSON POPUP PREVIEW***/
#personPopupContainer   
{   
    position:absolute;   
    left:0;   
    top:0;   
    display:none;   
    z-index: 20000;   
    font-size:12px;
    font-family:Verdana;
}   
  
.personPopupPopup   
{   
}  
 
#personPopupContent   
{   
    background-color: #FFF;   
    min-width: 175px;   
    min-height: 50px;   
}   
  
.personPopupPopup .personPopupImage   
{   
    margin: 5px;   
    margin-right: 15px;   
}   
  
.personPopupPopup .corner    
{   
    width: 19px;   
    height: 15px;   
}    
       
.personPopupPopup .topLeft    
{   
    background: url(imgs/balloon_topLeft.png) no-repeat;   
}   
       
.personPopupPopup .bottomLeft    
{   
    background: url(imgs/balloon_bottomLeft.png) no-repeat;   
}   
       
.personPopupPopup .left    
{   
    background: url(imgs/balloon_left.png) repeat-y;   
}   
       
.personPopupPopup .right    
{   
    background: url(imgs/balloon_right.png) repeat-y;   
}   
       
.personPopupPopup .topRight    
{   
    background: url(imgs/balloon_topRight.png) no-repeat;   
}   
       
.personPopupPopup .bottomRight    
{   
    background: url(imgs/balloon_bottomRight.png) no-repeat;   
}   
       
.personPopupPopup .top    
{   
    background: url(imgs/balloon_top.png) repeat-x;   
}   
       
.personPopupPopup .bottom    
{   
    background: url(imgs/balloon_bottom.png) repeat-x;   
    text-align: center;   
}  
.personPopupResult
{
	font-size:10px;
}
.personPopupResult label
{
	font-weight:bold;
}

.popuptitle
{
	font-size:15px;
	font-weight:bold;
	width:90%;
	background-color:#e5e5e5;
	padding:3px;
	color:Gray;
	border:solid 1px #CCC;
}

/***Modal Popup***/
TR.updated TD
{
   background-color:#FFDE00;
}
.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;        
	}

/*** File Upload Progress Indicator ***/
.vista .ajax__progress_indicator
{
    background-image:url(imgs/vista.gif);
}    
.vista .ajax__progress_outer
{
	text-align:left;
	border-top-color:#B2B2B2;
	border-bottom-color:#B2B2B2;	
}
.vista .ajax__progress_inner
{
	border-left-color:#B2B2B2;
	border-right-color:#B2B2B2;
	background-image:url(imgs/vista_bg.gif);
}

/*** File Upload ***/
 .upload
        {
        	width: 400px;
            border: solid 1px #004792;
            margin: 10px 0px;
            padding: 10px 25px;
            background-color: #F0F8FF;
        }
        .upload H3
        {
        	margin:0;
        	padding-bottom:5px;
        	font-size:14px;
        }        
        .upload IFRAME
        {
        	text-align:center;
        	vertical-align:middle;
        	border-style:none;
        	margin:0px;
        	width:100%;
        	height:35px;
        }
        #status, .commands{ height:25px; line-height:25px; }
        .upload .commands{ float:right; }
        .hidden { display:none; }        
        #status { float:left; }
        #status.error{ color:Red;}
        #status.info{ color:#333;}
        #status.success{ color:green;}


