@import url("css/menu.css");

/* 
======================================================
Skin styles for CountyGov Skin - Modified 11/17/2010
======================================================
*/  

/* Home Page styles */
.sk_home_page_master {
   margin:auto;
   width:950px;
   background-color: transparent;
   border-right: #7994cb 1px solid; 
   border-top: #7994cb 1px solid; 
   border-left: #7994cb 1px solid; 
}

.sk_home_page_header {
  width: 950px;
  height: 130px;
  background-image: url(images/GC_Montage_950.jpg);
   border-right: solid 1px #7994cb;
}

.sk_home_page_footer {
	width: 950px;
	height: 25px;
	background-image: url(images/Menu_dkGreen.jpg);
	border-right: solid 1px #185333;
	border-left: solid 1px #18533;
	clear:both;
}

 #sk_home_page_searchbar{
    width:340px; 
    float:right;
	text-align: right;
	padding-right: 14px;
	margin-right: 3px;
}

#sk_home_page_navbar {
   float: left;
}

.sk_navbar
{
   background-image: url(images/Menu_dkGreen.jpg); 
   width: 950px;
   border-top: solid 1px black;
   border-left: solid 1px #7994cb;
   border-right: solid 1px #7994cb;
   height:29px;
   padding-top:3px;
}


/* End Home Page Styles */

/*Dept Page Styles */	
.sk_dept_page_master {
   width:950px;
   background-color: transparent;
   border-right: #7994cb 1px solid; 
   border-top: #7994cb 1px solid; 
   border-left: #7994cb 1px solid; 
   border-bottom: #7994cb 1px solid; 
}

.sk_dept_page_header {
  width: 950px;
  height: 100px;
  background-image: url(images/DeptHeaderBkgrnd.jpg);
}

.sk_dept_header_image {
  width: 450px;
  height: 100px;
  background-image: url(images/DeptHeader.gif);
}

.sk_dept_page_footer {
	width: 950px;
	height: 20px;
	background-image: url(images/Menu_dkGreen.jpg);
	font-family: arial, tahoma;
	color: #ffffff;
    font-style: normal;
    font-size:.9em; 
	border-top: solid 1px #185333;
}	
/* End Dept Page Styles */


/* Admin Page Sytles */
.sk_admin_page_header {
	width: 950px;
	background-image: url(images/Menu_dkGreen.jpg);
	font-family: arial, tahoma;
	color: #ffffff;
    font-style: normal;
    font-size:18px; 
}	

/* End Admin Page Styles */

.controlpanel
 {
	width: 950px;
	background-color: #ffffff;
}

.sk_toppane 
{
    vertical-align:top;
    display: block;
	width: 100%;
	background-color: transparent;
}
.sk_leftpane 
{
   	vertical-align:top;
	min-width: 5%;
	background-color: transparent;
	padding-left: 1px;
	padding-right:3px;
	padding-top:2px;
}

.sk_contentpane
 {
    min-width: 30%;
	width: 99%;
	overflow: auto;
    vertical-align:top;
	background-color: transparent;
	padding-left:5px;
	padding-right:5px;
}

.sk_rightpane 
{
   	min-width:5%;
	vertical-align:top;
	background-color: transparent;
	padding-left:3px;
	padding-right:4px;
	padding-top:2px;
}
  
.sk_bottompane
 {
   display: block;
   width: 100%;
   background-color: transparent;
   padding-top: 6px;
}

.sk_legal
{
   float:left; 
   text-align:left; 
   padding-left:8px; 
   padding-top:4px; 
   padding-bottom: 4px;
   width:750px;
   font-family: helvetica, arial, tahoma;
   color: #ffffff;  
   font-size: .9em;
 }
 
 .sk_login
 {
   float:right; 
   text-align:right; 
   padding-right:8px; 
   padding-top:4px; 
   padding-bottom: 4px;
   width:150px;
   font-family: helvetica, arial, tahoma;
   color: #ffffff;  
   font-size: .9em;
 }
 
 .sk_date
 {
   text-align:right; 
   background-color:transparent; 
   margin-right:4px;
 }
 

.sk_firstcolumnpane, .sk_secondcolumnpane, .sk_thirdcolumnpane, .sk_fourthcolumnpane  {
    max-width: 230px;
	vertical-align: top;
    background-color: transparent;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
}

.clear{
 clear:both;
 margins 0;
 padding 0;
 }
 

.docpane {
   width: 165px;
   background-color: transparent;
   padding-left: 4px;
   padding-right: 4px;
   padding-top: 2px;
}

.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
}
.TreeViewMenu_Header {
	background-image: url(images/gradient_LtBlue.jpg);
}
.Head {
   font-family: Arial, Garamond, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}

.DeptHeader {
   font-family:  Arial, Garamond, Helvetica;
   font-size:  18px;
   font-weight: Normal;
   color: #ffffff;
}

 div.sk_breadcrumb {
    display: block;
	width: 80%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.sk_breadcrumb {
   cursor: pointer; 
   cursor: hand; 
   color: navy; 
   font-size: 8pt; 
   font-weight: normal;
   font-style: normal; 
   background-color: Transparent;
   font-family: helvetica, tahoma, arial; 
   white-space: nowrap;  
   padding: 0px 5px 0px 2px;
 }

 a.sk_breadcrumb:link{
    text-decoration: none;
    color: #000000;
}
a.sk_breadcrumb:visited{
  text-decoration: none;
  color: #000000;
}
a.sk_breadcrumb:hover{
  text-decoration: none;
  color: #000000;
  background-color:#fafab7;
 }
a.sk_breadcrumb:active{
  text-decoration: none;
  color: #000000;
}
 
.SearchObject{
  font-weight: bold;
  font-size: 8.5pt;
  color: #ffffff;
  font-family: Arial, Helvetica;
  text-decoration: none;
}
a.SearchObject:link{
    text-decoration: none;
    color: #ffffff;
}
a.SearchObject:visited{
  text-decoration: none;
  color: #ffffff;
}
a.SearchObject:hover{
  text-decoration: none;
  color: #000000;
  background-color:#fafab7;
  font-size:12px;
  padding:2px;
}
a.SearchObject:active{
  text-decoration: none;
  color: #ffffff;
}

/* The below classes will override classes in default.css */
.SkinObject{
 font-weight: normal;
 font-size: 9pt;
 color: #ffffff;
 font-family: helvetica, tahoma, arial;
 text-decoration: none;
}

a.SkinObject:link{
  text-decoration: none;
  color: #ffffff;
}

a.SkinObject:visited{
  text-decoration: none;
  color: #ffffff;
}

a.SkinObject:hover{
  text-decoration: none;
  color: #185333;
  background-color:#fafab7;
  font-size:.9em;
  padding:2px;
}

a.SkinObject:active{
  text-decoration: none;
  color: #003366;
}

.SkinObject1{
 font-weight: normal;
 font-size: 9.5pt;
 color: navy;
 font-family: tahoma, arial;
 text-decoration: none;
}

/*Current Date Object */
.CurrentDateObject
{
 font-weight: normal;
 font-size: 8.5pt;
 color: #navy;
 font-family: tahoma, arial;
 text-decoration: none;
 }

/* Announcement Module for Home Page */

.home_page_announcements_title{
 font-weight: bold;
 font-size: 13px;
 color: #0b3865;
 font-family: tahoma, arial;
 text-decoration: none;
 }

.home_page_announcements_description{
font-weight: normal;
 font-size: 11px;
 color: #000000;
 font-family: tahoma, arial;
 text-decoration: none;
 }
 
 /* column container */
.sk_colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.sk_colright, .sk_colmid, .sk_colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
	
}
.sk_col1, .sk_col2, .sk_col3 {
	float:left;
	position:relative;
	padding:0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	/*border: 1px dotted red;*/
}

/* 3 Column settings */
.sk_threecol {
	background:#transparent;		/* right column background colour */
}
.sk_threecol .sk_colmid {
	right:19%;			/* width of the right column */
	background:#transparent;	/* center column background colour */
}
.sk_threecol .sk_colleft {
	right:57%;			/* width of the middle column */
	background:#transparent;	/* left column background colour */
}
.sk_threecol .sk_col1 {
	width:51%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.sk_threecol .sk_col2 {
	width:24%;			/* Width of left column content (column width minus padding on either side) */
	left:25%;       	/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.sk_threecol .sk_col3 {
	width:20%;			/* Width of right column content (column width minus padding on either side) */
	left:78%;	/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* Used for Mouse Over effects */
 .thdrcell
  {
    background:#2F6A39;
    font-family:arial;
    font-size:11pt;
    font-weight:bold;
    padding:0px 18px 0px 8px;  
 }
         
 .tdatacell
 {
    padding: 0px 10px 0px 10px;
    background:transparent;
 }
         
 .dvhdr
 {
    background: #BAD2BD;
    font-family:arial;
    font-size:12pt;
    font-weight:bold;
	color: navy;
	text-align:center;
    border:1px solid #C8BA92;
    padding:5px;
    width:325px;
}
         
 .dvbdy
 {
    background:#FFFFFF;
    font-family:arial;
    font-size:10pt;
	color: navy;
	text-align:center;
    border-left:1px solid #BAD2BD;
    border-right:1px solid #BAD2BD;
    border-bottom:1px solid #BAD2BD;
    padding:5px;
    width:325px;
 }
 
 /*Override defaults */ 
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
a.CommandButton:link {
}

a.CommandButton:visited  {
}

a.CommandButton:hover    {
}
    
a.CommandButton:active   {
}

 /* text style used for most text rendered by modules */
.Normal
{
}

a.Normal:link
{
   line-height: 20px; 
   font-size: 11pt; 
   color:#9C0B02;
}

a.Normal:visited
{
  font-size: 11pt; 
  color:#9C0B02
}

a.Normal:hover
{
  font-size: 11pt;
  color:blue;
}

 a.Normal:active
{
  font-size: 11pt; 
  color:#15212F;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}


a:link 
  {
   line-height: 20px; 
   font-size: 11pt; 
   color:#9C0B02;
   text-align:left;
 }

a:visited
  {
   color:#9C0B02;
 }

a:hover 
{
 color:blue;
}

a:active 
 {
   color:#15212F;
}

/*Override defaults */