@import url("css/variations/stylesheetwidget.css");
@import url("../../Containers/GoodDNN-LightBlue/LightBlue06.css");

/************************** NEW STYLES FOR DIV LAYOUT *****************************************/

.wrapper {width: 100%; }

#HeaderWrapper	{
	/*display:block;
	margin: auto!important; */
	width: 100%;
	background-color: #1C4E69;
	
	max-width: 100%!important; 

}

#CountyMenuDiv	{
	width: 680px!important;
	height: 37px; 
	padding:0px; margin:0px; background:url(images/LightBlue_r5_c7.jpg);
	float:left;
}

#footer1	{
	width:34px; 
	float:left;
}
#footer2	{
	float:left;
	background:url(images/LightBlue_r14_c6_dark.gif);
	white-space:nowrap;
	width:252px; 
	float:left;
	height: 47px; 
	padding-top: 30px; 
}

#footer3	{
	width:67px; 
	float:left;
	height: 77px; 
}
#footer4	{
	float:left;
	height: 77px;
	width: 625px; 
	background:url(images/LightBlue_r14_c15_dark.gif); 
	vertical-align:bottom;	
}

#footer4_1	{
	height: 22px;
	float:none;
	text-align:left;
	padding-top: 10px; 
}

#footer4_2	{
	height: 22px;
	width: 375px;
	float:left;
	padding-top: 15px;
}

#footer4_3	{
	
	float:right;
	height: 22px;
	width: 250px; 
	padding-top: 15px;	
}

#footer5	{
	 float:right;
	 width:34px;	 
	 height: 77px; 
}

.slideshow img{width: 100%!important; margin:0px!important;}
 
/************************** NEW STYLES FOR DIV LAYOUT *****************************************/


/**************** banner mobile ***********************/

#countybannermobile	{width: 300px; margin-left: auto; margin-right:auto;}
/**************** banner mobile ***********************/

/* ************* vertical menu ******************************* */	
#dnn_SaviMenu2_TitleRow {display:none;}

.VerticalMenu, #dnn_SaviMenu2_tblVerticalMenu	{	
	width: 100%;	
}

.VerticalMenu .txt	{
	
}

/* ************* vertical menu ******************************* */

PageWidth {
	width: 1012px;
	margin-left: auto;
	margin-right: auto;
}

td {border: 0px solid blue;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

.Headerdarkbg
{
	
}
.menuContainer
{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 2px;
	padding-bottom: 3px;
	}

.topleftPane {
	padding-top: 10px;
	padding-left: 10px; 
	padding-right: 10px;
	padding-bottom: 0px; 
	
	width:220px; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	
	border: 0px solid black;
}

.topcenterPane
{	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	
	width:572px; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	
	border: 0px solid black;
}

.toprightPane
{	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	
	width:220px; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	
	border: 0px solid black;
}
	
.leftPane {
  padding-top: 7px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 3px;
  width: 180px!important;
  vertical-align: top;
}

.contentPane {
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 3px;
	vertical-align:top;
}

.rightPane {
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 3px;
	width: 180px!important;
	vertical-align:top;
}

.leftPane2 {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.rightPane2 {
	padding-top: 10px;
	padding-left: 10px;
	padding-right:10px;
	padding-bottom: 10px; 
}

.bottomPane {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.bottomPane2 {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	display:none; 
}

/************************* new custom search (this is from the skin.css file on the test server) *********************/
.gsc-input-box{height: auto !important}
.cse .gsc-control-cse, 
.gsc-control-cse{
    background-color: transparent!important; 
    border: none !important;
}
.gsc-search-button{
    position: relative;
    top: 1px !important;
}
input.gsc-search-button{
    background-color: #2e6e90 !important;
    border: none !important;
    width: 13px !important;
    height: 13px !important;
    padding: 10px !important;
}

#googlesearchCell {
    background: rgba(0, 0, 0, 0) url("images/LightBlue_r5_c7.jpg") repeat scroll 0 0;
    display: table-cell;
    float: right;
    left: 0;
    padding-left: 40px;
    position: relative;
    width: 292px !important;
}

table.gsc-search-box { /* position & size of search box on  menu  */

	position:relative; 
    /*top: -16px!important;*/ /*added to postion google search*/
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 12px;
    padding-top: 6px !important;
}

.mobile-search {
    background-color: #14394d;
    box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.8) inset;
    display: none;
    height: 50px;
}
/************************* END new custom search ( could be global in skin or defaultskin.css ) *********************/

body
{	background-color: #D6C1A1;
	line-height: 14px; 
 /*CFC6B7;*/
}

.pagebg
{
	background-color: #F5EFE7; /*#F1EFE8;*/
}
.HeaderBg
{
	background: url(Images/bannerdark970.jpg) no-repeat;
}


/*-------- gray bread crumb --------*/
.gray_top_left {padding:0px; margin:0px; background:url(images/lt.png) no-repeat top left; height:18px;}
.gray_top_right {padding:0px; margin:0px; background:url(images/rt.png) no-repeat top right; height:18px;}

.gray_bg
{
	background-color: silver;
}
.gray_content {padding:0px 11px 0px 11px; }

.gray_bottom_left {padding:0px; margin:0px; background:url(images/lb.png) no-repeat top left; height:18px;}
.gray_bottom_right {padding:0px; margin:0px; background:url(images/rb.png) no-repeat top right; height:18px;}

A.headerlink:link {
	color : White;
	text-decoration : underline;
}

A.headerlink:visited  {
	color : White;
	text-decoration : underline;
}

A.headerlink:active {
	color : White;
	text-decoration : underline;
}
.BreadcrumbLabel
{
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}
.BreadcrumbBar
{	padding:0px;
    padding-left: 10px;
    padding-top: 12px;
    padding-bottom: 8px;
	width:600px!important;
	max-width:600px!important;
	vertical-align:top;
}

.Breadcrumb2, A.Breadcrumb2:link, A.Breadcrumb2:visited, A.Breadcrumb2:active
{
	color: #003366;
	font-weight: normal;
	text-decoration: underline;
}

SPAN.Breadcrumb2
{
    color: #595959;
    font-weight: normal;
    text-decoration: none;
}

A.Breadcrumb2:hover
{
	color: #333366;
	font-weight: normal;
	text-decoration: none;
}

.IWant {
		height:25px; 
		padding:0px;
		padding-right: 6px;
		padding-top: 0px;
    	padding-bottom: 0px; 
		margin:0px; 
		vertical-align: top;
		width: 290px; 
		   
		}
		
.topcenterpane {
	/*width:440px; 
	padding-left: 10px; 
	vertical-align:top;*/}

.center {text-align:center;}

.centered {margin-left: auto; margin-right: auto;}

.blueborder {border:1px solid #1C4E69;}

/*planning  */
#quicklinks {list-style-image: url(http://www.co.santa-cruz.ca.us/images/bluesquare.gif); border-right: #1c4e69 1px solid; position:relative; left: -10px; margin:0px; padding:0px;  margin-top:10px; width:240px; }

#quicklinks li {margin:0px; padding:0px; margin-left:40px; text-indent:-25px; line-height:15px; padding-bottom:8px;}

/* Event calendar (homepage) */
.Event {min-width:270px; } /* width of calendar itself   &*/
.EventTodayDay {color: #990000; }

.EventDay {padding-top: 7px; padding-bottom: 7px;  font: bold 10px verdana; width: 14%; height: 14px; } /* regular day numbers */

.EventDayHeader { border-color: #000000; color:#112211;  font-weight:bold; margin:0px; padding:0px;}

.EventDayScroll a{font-weight:bold;  font-size: 2px; border: 0px solid gray; background-color: #eeeeee; position:relative; top:-1px; padding: 3px; display:none;}
.EventDayScroll div{display:block; position:absolute; z-index: 1;}
.EventSelectedDay { padding-top: 7px; padding-bottom: 7px; background-color: #ffefef;}

.EventSelectedDay a, .EventSelectedDay a:link, .EventSelectedDay a:visited, .EventSelectedDay a:hover, .EventSelectedDay a:active{
font: bold 9px verdana;
}

.EventOtherMonthDay { padding-top: 7px; padding-bottom: 7px;}
.EventWeekendDay { padding-top: 7px; padding-bottom: 7px;}
.EventDayEvents { padding-top: 7px; padding-bottom: 7px; }

.EventDayEvents, .EventDayEvents td {
font-family:Verdana;
border: 2px solid #990000;
background-color: #ffefef;
padding-top: 7px; 
padding-bottom: 7px;
}

/* event day settings */
.EventDayEvents a, .EventDayEvents a:link, .EventDayEvents a:visited, .EventDayEvents a:hover, .EventDayEvents a:active{
font: bold 9px verdana;
color:#1C4E69;
}

.EventNextPrev {border:0px solid black; }

.EventNextPrev td {border:0px solid black; }

.EventSelector{border:0px solid black;}

.EventTitle td{border:0px solid black;}

.EventTitle {border:0px solid black; }


#dnn_ctr947_Events_EventDay_lstEvents {border:1px solid black;}


/**************************   MAIN CALENDAR WIDTH ************************************/
#dnn_ctr947_Events_EventMonth_EventCalendar {border:2px solid #333333;  margin:0px; padding:0px; width:460px;}/*  */
#dnn_ctr947_Events_EventMonth_EventCalendar td{   }

#dnn_ctr947_Events_pnlEventsModule {border:0px solid black;   }

#dnn_ctr947_Events_EventMonth_pnlDateControls {border:0px solid black; }
#dnn_ctr947_Events_EventMonth_pnlDateControls  a{font-size:10px; font-weight:bold; color:#990000;}


#dnn_ctr947_Events_pnlEventsModule {background-color: #F5EFE7;}
#dnn_ctr1442_Events_pnlEventsModule {background-color: #F5EFE7;}


#dnn_ctr1442_Events_EventDay_lstEvents {border:1px solid black;}

/**************************   MAIN CALENDAR WIDTH in new portal ************************************/
#dnn_ctr1442_Events_EventMonth_EventCalendar {border:2px solid #333333;  margin:0px; padding:0px; width:260px;}/*  */
#dnn_ctr1442_Events_EventMonth_EventCalendar td{   }

#dnn_ctr1442_Events_pnlEventsModule {border:0px solid black;   }

#dnn_ctr1442_Events_EventMonth_pnlDateControls {border:0px solid black; }
#dnn_ctr1442_Events_EventMonth_pnlDateControls  a{font-size:10px; font-weight:bold; color:#990000;}

#dnn_ctr993_Events_EventMonth_EventCalendar {border:2px solid #333333; border-top:2px solid #333333; margin:0px; padding:0px;}/*  */
#dnn_ctr993_Events_EventMonth_EventCalendar td{ width:28px;}

#dnn_ctr993_Events_pnlEventsModule {border:0px solid black;}

#dnn_ctr993_Events_EventMonth_pnlDateControls {border:0px solid black; }
#dnn_ctr993_Events_EventMonth_pnlDateControls  a{font-size:10px; font-weight:bold; color:#990000;}

.CommandButton {color:#990000;}

.calheader {border:0px solid black; padding:0px; margin-left:0px; width:99%; }

.eventlistheader {border:0px solid black; padding:0px; margin:0px; width:99%;  font-size: 12px; font-weight: bold; font-family: Verdana; color:#1c4e69;  }

.calendarbottom {border:0px solid black; border-top: 0px solid black; padding:0px; margin:0px; background-color: #f5efe7; }

.h1left  {font: bold 18px Verdana, Tahoma, Arial, Helvetica;  margin:10px 0; text-align:left; color:#1c4e69;}
.h1left  a{font: bold 18px Verdana, Tahoma, Arial, Helvetica;  margin:10px 0; text-align:left;}

.h1leftt  {font: bold 18px Verdana, Tahoma, Arial, Helvetica;  margin:10px 0; text-align:left; color:#1c4e69;}
.h1leftt  a{font: bold 18px Verdana, Tahoma, Arial, Helvetica;  margin:10px 0; text-align:left;}


/* horizontal savi menu - must take these rules OUT of DesktopModules/SaviMenu/module.css to get these to work 
must check all other skins which use Savi menu (hsa.css, planninghome.css, planning.css, general_services.css)*/
.HorizontalMenuBar 
{
    font-weight:bold;
	font-size:12px ;
	font-family:Arial, Helvetica, sans-serif;
	z-index:2000;
}

.HorizontalMenu tr.mi
{
    padding: 8px 20px 8px 12px;
	background-color:#F8FAFF;
	z-index: 1000;
	
	font-weight:bold;
	font-size:12px ;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#375162;
	line-height:2em;
	text-transform:none; 
}

.HorizontalMenu td{ /* text size for dropdowns from savi menu */
	font-weight:bold;
	font-size:12px ;
	line-height: 12px!important;
	font-family:Arial, Helvetica, sans-serif;
	z-index:2000;
	} 

/*Horizontal Mneu - for all pages with this menu . must override in local css files ! importsnt*/
.HorizontalMenuBar 
{
    margin: 0 21px 0 9px; 
    /*background : url(images/LightBlue_r5_c7.jpg) top left;*/
    background-color: #778877;
    height:31px;
	padding:0px;
	font-weight:bold;
	font-size:12px ;
	font-family:Arial, Helvetica, sans-serif;

}
/*--------- dnn menu style ----------*/
/* main menu td */
.HorizontalMenu 
{
	font-weight:bold; /*font:bold 12px arial;*/
	text-align:left;
	color:#FFFFFF;
	background-color: #778877;
	cursor:pointer;
	background-color:transparent;
	width:100%;
	white-space:nowrap;
}

/* Main Menu Normal */
.HorizontalMenu .root
{	
	font-weight:bold;
	text-align:left;
	padding: 8px 10px 8px 10px;
	margin-right:1px;
	margin-top:0px; 
	white-space:nowrap;
	height:39px;
	line-height:31px;

}


/* Main menu hover */
.HorizontalMenu .hov
{
    color: #C8E6F1;
    background-color: #0e2633;/*#334433;  hover bg */
    white-space: nowrap;
    height: 31px;
    line-height: 31px;
}

/* Main menu selected */
.HorizontalMenu .sel, .HorizontalMenu .bc 
{}

.HorizontalMenu table{ /* drop down */
	border:1px solid #1c4e69;
	z-index: 20!important;
	} 


#tblNavigationMenu  div/*dnn_SCCInternetMenu_NavigationMenun0Items*/

{
	z-index: 22!important;
}


/* SUB Menu Normal *//* drop down */
.HorizontalMenu tr.mi
{
    padding: 8px 20px 8px 12px;
	background-color:#F8FAFF;
	font-weight:bold;
	text-align:left;
	color:#375162;
	line-height:2em;
	text-transform:none; 
	z-index: 1000;
	font-size: 11px; 
}

.HorizontalMenu tr.mi td{/* drop down */
	padding: 4px 4px 4px 4px; !important;
	text-transform:none;
	color:#1c4e69;
	border-bottom:1px solid #1c4e69 !important;
}

/* SUB Menu hover & selected */
.HorizontalMenu tr.hov  
{color:#FFFFFF;
	background-color: #000000;
}

.HorizontalMenu tr.hov td{
	color:#FFFFFF;
	line-height: 1px !important;
	margin:0px !important;
	padding:0px 4px !important;
	
	font-size:12px !important;
	line-height: 0px!important;
}


.HorizontalMenu tr.sel, .HorizontalMenu tr.bc{
}

.HorizontalMenu tr.sel td, .HorizontalMenu tr.bc td{
}

	
	/*  event list below the calendar.... */
	
#dnn_ctr970_Events_EventList_gvEvents
	{
	    border:1px solid black;
	    width:460px; /****************** width of event list *************************/
		
	 }
	 
	 
#dnn_ctr1443_Events_EventList_gvEvents
	{
	    border:1px solid black;
	    width:270px; /****************** width of event list *************************/
		position:relative; left:-70px!important;
	 }
	   
.ListHeader
	{ margin:0px; 
	padding:0px; font-size: 12px; 
		border:0px solid black;
	 	background-color: #778877;
	    text-align:center;
		padding:4px;
		width:50%;	
		/*min-height: 25px; 
		height: 25px; */
		
	 } 

th#dnn_ctr970_Events_EventList_gvEvents {}

#dnn_ctr970_ContentPane,  #dnn_ctr970_ModuleContent,  {
	border:0px solid black;
	margin:0px; padding:0px; 	
}

#dnn_ctr970_Events_pnlEventsModule div {
	border:0px solid red;
}

th#dnn_ctr1443_Events_EventList_gvEvents {}

#dnn_ctr1443_ContentPane,  #dnn_ctr1443_ModuleContent,  {
	border:0px solid black;
	margin:0px; padding:0px; 	
}

#dnn_ctr1443_Events_pnlEventsModule div {
	border:0px solid red;
}

.ListDate, td#dnn_ctr970_Events_EventList_gvEvents 
	{
	    text-align:center;
		padding:4px;
		width:50%;
	 }
	 
.ListDate, td#dnn_ctr1443_Events_EventList_gvEvents 
	{
	    text-align:center;
		padding:4px;
		width:50%;
	 }


.ListDate span{	 
white-space: nowrap;

}
	 
.ListHeader a:link, .ListHeader a:visited, .ListHeader a:hover, .ListHeader a:active	
	{
		font: bold 10px verdana; 
	 	color:#ffffff;
	}
			 
.ListTitle a:link, .ListTitle a:visited, .ListTitle a:hover, .ListTitle a:active	
	{
		font: bold 10px verdana; 
	 	
	}
	
.ListTitle {
		font: bold 10px verdana; 
	 	text-align:left;
	}
	
.ListDate {
	width: 70px;
	padding-left: 5px;
	padding-right:5px;
		font:10px arial; 
		text-align:left;
	 	
	}
.ListDataGrid{margin-top:0px;}
	    
#dnn_ctr970_Events_EventList_gvEvents td
	{
	    border-top:1px solid #cccccc;
	}
	
#dnn_ctr970_Events_EventList_EventIcons_btnAdd /**** icon for add event  */
	{
	   visibility:hidden;
	}
	
#dnn_ctr1443_Events_EventList_gvEvents td
	{
	    border-top:1px solid #cccccc;
	}
	
#dnn_ctr1443_Events_EventList_EventIcons_btnAdd /**** icon for add event  */
	{
	   visibility:hidden;
	}
	
	#dnn_ctr962_ContentPane {
	
	}
	
	#dnn_ctr962_ModuleContent {
	
	}
	
	#dnn_ctr962_IFrame_htmIFrame {
		z-index:-0;
	}
    #__dnnVariable {
		z-index:10000000000000; 
		
	}
	
.zero {margin:0px; padding:0px; float:left; text-align:right; }
.homebtn {margin:0px; padding:0px;  padding-bottom: 5px;  }

.homebtn2 {margin:0px; padding:0px;  padding-bottom: 30px; padding-left: 5px; padding-right: 5px;  }
  
 #dnn_ctr1443_Events_pnlEventsModule div{border: 0px solid black!important; width:130px;!important;  }
  
 #dnn_ctr1443_Events_EventDetails_pnlEventsModuleDetails{width: 270px!important;}
  
 #dnn_ctr1443_Events_EventDetails_pnlEventsModuleDetails div{}
 
 #dnn_ctr1443_Events_EventDetails_pnlEventsModuleDetails span{ font-size: 11px!important; width: 50px !important; max-width: 50px!important;}
 
/*#dnn_ctr1443_Events_UP table{position:relative!important; left:-13%!important; }*/

 #dnn_ctr1443_Events_UP td{ }
 
 #dnn_ctr1443_Events_EventDetails_divEventDetails3 div{font-size: 11px!important; }
 
 #dnn_ctr1443_Events_EventDetails_divEventDetails3 td{width:10px;!important; }
 
 #dnn_ctr1443_Events_EventDetails_divEventDetails3  a {font-size: 10px!important; }
 
 #dnn_ctr1443_Events_EventDetails_divEventDetails1 table{border: 2px solid black!important; border-bottom:1px solid black!important; width: 260px !important; text-align:center!important; position:relative!important; left:-54%!important; background-color: #778877; }
 /*header row of list of upcoming events table */
 
 
 #dnn_ctr1443_Events_EventDetails_divEventDetails1 span{color: #ffffff!important; } 
 
 #dnn_ctr1443_Events_EventDetails_divEventDetails3 table{border: 2px solid black!important; border-top:0px!important; width: 260px !important;  position:relative!important; left:-54%!important;  }/* body of event list */
 
#dnn_ctr1443_Events_EventDetails_divEventDetails4 table{ border: 2px solid black!important; border-top:0px!important; width: 260px !important; position:relative!important; left:-54%!important;}

#dnn_ctr1443_Events_EventDetails_divEventDetails4 td{font-size: 10px!important; }

#dnn_ctr1443_Events_EventDetails_lblvEventExport td{font-size: 11px!important; border: 0px solid black!important; width: 260px !important;}



#dnn_ctr1443_Events_pnlEventsModule{border: 0px solid black!important; width: 260px !important;}


#dnn_ctr1443_Events_EventDetails_lblvEventExport { font-size: 8px!important; border: 0px solid black!important; position:relative!important; left:-22%!important;}
#dnn_ctr1443_Events_EventDetails_cmdvEvent{ font-size: 11px!important; border: 0px solid black!important; position:relative!important; left:-22%!important;}

#mainnews {width: 700px!important;}

.bgfix {}/*background: url(http://www.co.santa-cruz.ca.us/images/bluesquare.gif) no-repeat scroll 0px 6px;*/

#mainnav { left: -10px;
   
    margin: 10px 0 0;
    padding: 0px;
    position: relative;
    width: 300px; list-style-image: url(http://www.co.santa-cruz.ca.us/images/bluesquare.gif);}

#mainnav li{ list-style-type:none; line-height: 15px;
    margin: 0 0 0 40px;
    padding: 0 0 8px;
    text-indent: -25px;
	
	color: #1c4e69;}

/*planning  */
#quicklinks {list-style-image: url(http://www.co.santa-cruz.ca.us/images/bluesquare.gif); border-right: #1c4e69 1px solid; position:relative; left: -10px; margin:0px; padding:0px;  margin-top:10px; width:240px; }

#quicklinks li {margin:0px; padding:0px; margin-left:40px; text-indent:-25px; line-height:15px; padding-bottom:8px;}


#poplinks{
border-left: 0px solid #1C4E69;
    left: -10px;
    list-style-image: url("../../images/bluesquare.gif");
    margin: 10px 0 0;
    padding: 0 0 0 10px;
    position: relative;
	width:100%;

}
	
	#poplinks li {
    line-height: 15px;
    margin: 0 0 0 40px;
    padding: 0 0 8px;
    text-indent: -25px;
}


#homenews {margin:0px; padding:0px; margin-left:10px; padding-left: 10px; padding-right: 5px;  margin-right:5px; margin-top:10px; list-style-image: url(../../images/bluedisc.gif); width:420px;}

#homenews li{margin:0px; padding:0px; margin-left:10px; text-indent:-25px; line-height:15px; padding-bottom:8px; color:#1c4e69;}


/**********************************************homepage quick links menu***********************************************/


/*#cssm1 *  { padding:0; margin: 0;    

	background-color: #d6d6d6; 
	width:246px!important;
	white-space:normal;			 
	margin-right: 4px!important;	
	text-align:left;
     }
	 
#cssm1 {  
	z-index: 0; 
	margin: 0 auto; 
	float: left; 
	line-height: 16px; 
	background-color: #D6D6D6 !important;
    border: 2px solid #AAAAAA !important;
    color: #1C4E69 !important;
    cursor: pointer;
    display: block;
    font: bold 13px arial!important;
    text-align: left;
    width: 246px !important;	
	}
	
#cssm1 a { display: inline-block!important; 
			border: 0px solid #fff;  
			text-decoration: none; 
			padding-top:3px!important; 
			padding-bottom: 3px; color: #1C4E69; 
			width:240px!important;}

#cssm1 a:hover { display: inline-block!important; 
					background: #1c4e69; 
					color: #C8E6F1;
					text-decoration: none!important; 
					width:240px!important;  }
					
					
#cssm1 ul { border:0px solid #333333; /margin-left: 0px; 
	}
#cssm1 ul li, #cssm1 ul li ul li  {list-style-type:none; display:inline; line-height: 0px!important; height:0px!important;  }

#cssm1 ul li { width: 240px!important; 
   }

#cssm1 ul li a{ width: 238px!important;  font: bold 13px arial!important;
   }
#cssm1 ul li ul li a{ font: bold 12px arial!important; 
	width: 238px!important;
	padding-bottom: 4px;
    padding-left: 3px !important;
    padding-right: 0px !important;
    padding-top: 0px;}

#cssm1 ul li ul, #cssm1:hover ul li ul, #cssm1:hover ul li:hover ul li ul{ 
	display:none;
	list-style-type:none; 	

	background-color: #d6d6d6 !important;
    border: 2px solid #AAAAAA !important;
    color: #1C4E69 !important;
    cursor: pointer;
   
    font-family: arial !important;
    font-size: 11px !important;
    font-weight: bold;
    text-align: left;
    width: 246px !important;
	
	position: relative; left: 0px; 
	}
	
#cssm1 ul li ul li ul, #cssm1:hover ul li ul li ul, #cssm1:hover ul li:hover ul li ul li ul{ 
	display:none;
	list-style-type:none; 

	background-color: #d6d6d6 !important;
    border: 2px solid #AAAAAA !important;
    color: #000000!important;
    cursor: pointer;
   
    font-family: arial !important;
    font-size: 11px !important;
    font-weight: bold;
    text-align: left;
    width: 246px !important;
	}
	
	#cssm1 ul li ul li ul li, #cssm1:hover ul li ul li ul li, #cssm1:hover ul li:hover ul li ul li ul li{ 
	
	list-style-type:none; 

	background-color: #d6d6d6 !important;
   
    color: #000000!important;
    cursor: pointer;
   
    font-family: arial!important;
    font-size: 11px!important;
    font-weight: bold;
    text-align: left;
    width: 240px!important;
	}
	
	#cssm1 ul li ul li ul li a{ font: bold 12px arial!important; 
	width: 230px!important;
	padding-bottom: 4px;
    padding-left: 3px !important;
    padding-right: 0px !important;
    padding-top: 0px;}
	
#cssm1:hover ul, #cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul { 
	display:block; 
	}

#cssm1:hover ul li:hover ul  { 
	position: absolute;
	margin-left: 240px;
	margin-top: -40px;
	z-index:100000000000000 !important;
	}
	
#cssm1:hover ul li:hover ul li:hover ul { 
	position: absolute;
	margin-left: 240px;
	margin-top: -100px;!important;
	}
	
.ocd{ 
	position: absolute;
	margin-left: 240px;
	margin-top: -30px!important; 
	}	
	*/
	
.placeholder {
	
	
}



#qlinks *  {  font: bold 13px arial!important;
	padding: 0px; 
	margin:0px;
    }

#qlinks {  /*position:absolute;*/	
	width: 200px!important;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	
	background-color: #D6D6D6 !important;
	z-index:18!important;  
    border: 2px solid #AAAAAA !important;    	
	}


#qlinks a, #qlinks a:link, #qlinks a:active, #qlinks a:visited {	
	display: inline-block!important; 	
	padding-top:5px!important; 
	padding-bottom:5px!important; 
	color: #1C4E69; 
	}

#qlinks a:hover {
	background-color: #1c4e69; 
	color: #C8E6F1;
	text-decoration: none!important; 	
	}

#qlinks ul {}

#qlinks ul li { list-style-type:none!important; display:inline!important;  }

#qlinks ul li a,	#qlinks ul li a:link, #qlinks ul li a:active, #qlinks ul li a:visited {width: 196px!important;  }
      
#qlinks ul li ul li  {list-style-type:none!important; display:inline!important;   
}

#qlinks ul li ul li a{ font: bold 12px arial!important; padding-left: 2px;}		

#qlinks ul li ul, #qlinks:hover ul li ul, #qlinks:hover ul li:hover ul li ul{ 
	display:none;
	list-style-type:none; 	
	background-color: #d6d6d6!important;  
    border: 2px solid #aaaaaa !important;
    color: #1C4E69 !important;
    cursor: pointer;
    width: 250px !important;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	
	}

#qlinks ul li ul li ul li a{ 
	}
	
#qlinks:hover ul, #qlinks:hover ul li:hover ul, #qlinks:hover ul li:hover ul li:hover ul { 
	display:block; 
	/*padding:0px!important;*/
	}

#qlinks:hover ul li:hover ul  { 
	position: absolute!important;
	left: 240px!important;
	margin-top: -20px; 
	
	
	/*left: 0px; 
	margin-left: 240px!important;
	margin-top: -40px;
	*/
	}
	
#qlinks:hover ul li:hover ul li:hover ul { 
	
	}
/************************************************************
	#dnn_ctr1435_ContentPane
	#dnn_ctr1435_HtmlModule_lblContent
	.DnnModule-1435
	
	**************/
	
#dnn_ctr1435_ContentPane {border: 0px solid black; width: 250px!important;}	
#dnn_ctr1435_HtmlModule_lblContent	 {border: 0px solid black; width: 250px!important;}	
.DnnModule-1435 {border: 0px solid black; width: 250px!important;}	
	
	
#relinfo *  {  
	font: bold 13px arial!important;
	padding: 0px; 
	margin:0px;
    }

#relinfo {  	
	position:absolute; 
	background-color: #D6D6D6 !important;
	z-index:18!important;  
    border: 2px solid #AAAAAA !important;  
	width: 200px!important;  	
	}

#relinfo a, #relinfo a:link, #relinfo a:active, #relinfo a:visited {	
	display: inline-block!important; 	
	padding-top:3px!important; 
	padding-bottom:3px!important; 
	color: #1C4E69; 
	}

#relinfo a:hover {
	background-color: #1c4e69; 
	color: #C8E6F1;
	text-decoration: none!important; 	
	}

#relinfo ul {
	margin: 0px; 
    position: relative; 
	 
}

#relinfo ul li { list-style-type:none!important; display:inline!important; 

   
   
    }

#relinfo ul li a, #relinfo ul li a:link, #relinfo ul li a:visited, #relinfo ul li a:hover, #relinfo ul li a:active {width: 200px!important;  }
      
#relinfo ul li ul li  {list-style-type:none!important; display:inline!important; }

#relinfo ul li ul li a{ font: bold 12px arial!important; padding-left: 2px;}		

#relinfo ul li ul, #relinfo:hover ul li ul, #relinfo:hover ul li:hover ul li ul{ 
	display:none;
	list-style-type:none; 	
	background-color: #d6d6d6!important;  
    border: 2px solid #aaaaaa !important;
    color: #1C4E69 !important;
    cursor: pointer;
    width: 250px !important;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 	
	
	}

#relinfo ul li ul li ul li a{ 
	}
	
#relinfo:hover ul, #relinfo:hover ul li:hover ul, #relinfo:hover ul li:hover ul li:hover ul { 
	display:block; 
	/*padding:0px!important;*/
	}

#relinfo:hover ul li:hover ul  { 
	/*position: absolute!important;
	left: 240px!important;*/
	margin-top: -20px; 
	
	
	/*left: 0px; 
	margin-left: 240px!important;
	margin-top: -40px;
	*/
	}
	
#relinfo:hover ul li:hover ul li:hover ul { 
	
	}
	
	
	
#tblNavigationMenu div{z-index: 100!important;} /* safari making county menu cover over quick liks  */
	
/******************Quick Links second menus***************************************/	
		
.level4 {	
	position:relative!important;  
	top: 300px!important;	
	z-index: 100!important;	
}

.agendas {	
	position:relative!important;  
	top: 320px!important;	
	z-index: 100!important;	
}


.links {	
	position:relative!important;  
	top: 410px!important;	
	z-index: 100!important;	
}

.lfa {	
	position:relative!important;  
	top: -110px!important;
	left: 10px!important;
	z-index: 100!important;	
}

.ocd{ 
	position:relative!important;  
	top: 50px!important;
	left: 10px!important;
	z-index: 100!important;	
	}
	
.ogd{ 
	position:relative!important;  
	top: -125px!important;
	left: 10px!important;
	z-index: 100!important;	
	}

.za{ 
	position:relative!important;  
	top: 450px!important;
	left: 10px!important;
	z-index: 100!important;	
	}
	
.bos{ 
	position:relative!important;  
	top: 70px!important;
	left: 10px!important;
	z-index: 100!important;	
	}
	
.fees {	
	position:relative!important;  
	top: 120px!important;	
}

.sitedev {
	position:relative!important;  
	top: 220px!important;
}

/****************************************************************************************************************/
	
#homegis {
	position:relative!important; 
	top:440px!important; 
	}

.rttarrow {background-image:url(../../../2/County/Planning/rtarrow.gif);
    background-position: right center;
    background-repeat: no-repeat;
}	
/****************************************************************************************************************/
	
/*#dnn_ctr1398_ContentPane {display:block; z-index: -1!important;
	}
	
#dnn_ctr1443_ContentPane {display:block;}*/

.nounderline a:link{text-decoration:none!important; }
.nounderline a:hover {text-decoration:underline!important; }



.plncontainer { margin-left: auto; margin-right:auto;
    background-color: #D6E1D6;
    border: 2px solid #1C4E69;
	text-align:center;
	padding-bottom: 5px; 
	width: 250px;	
}

.plncontainer h2 {color: #990000; text-align:center; background-color: #ffffff; margin-top: 0px; border-bottom: 1px solid #1C4E69; padding-top: 5px; padding-bottom: 5px; line-height: 16px; }

.plncontainer p {color: #1C4E69; text-align:center; padding: 5px; font-weight:bold; font-family: verdana; font-size: 12px; }

#btnspln {position:relative; top: 6px; }

#plnhours {position:relative; top: 34px; }

#welcome { padding-left: 10px; padding-top: 20px; padding-bottom: 0px; margin-bottom: 0px; }

#welclick a{font-size: 16px!important;}

#energyupgrade {position:relative; top:60px; }

.DnnModule-1439 {height: 60px!important; }
/****************************************************************************************************/

.redithead {
	color: #990000;
	font-style: italic;
	font-weight: bold;
	font-size: 13px; 	
}

.bigbluelink {
	font-size: 16px!important; 
}

.PageWidth {
    margin-left: auto;
    margin-right: auto;
    width: 1012px;
}

.smallboldredtext { 
	color: #990000;
	font-weight:bold;
	font-size: 11px;
	line-height: 11px; 
}

.smallboldtext { 
	color: #333333;
	font-weight:bold;
	font-size: 11px;
	line-height: 11px; 
}

.smallboldtext a{ 
	
	font-weight:bold;
	font-size: 11px!important; 
	line-height: 11px; 
}


/********************************* assessor home ****************************************************/
#apnhome {
	width: 200px; 
	text-align:center; 
	background-color: #E6EFF9;
	padding: 5px 7px ;
	border: 1px solid #1C4E69;

	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 	
}

#assessormsg {
	width: 552px; 
}

#assessormsg p {
	text-align:justify; 
	padding: 0px; margin:0px; 
	font-size: 14px; 
	line-height: 20px; 
}

#assessormsg a {	
	font-size: 14px; 
}

#assessormsg hr{
	color: #333333; 
	border-color: #666666; 
}

#newinfo { border: 1px solid black; padding: 5px; line-height: 16px!important; 
	}

#assessorcontent { line-height: 16px!important;  
	}
	

#homefooter	{
	margin-left: auto; 
	margin-right: auto;
	width: 800px; 
}
	
/************************************************* Assesso use codes disclaimer **********************************/

#disclaimerdiv {
	margin-left: auto; margin-right: auto; 
	border: 1px solid #1C4E69;
	font-weight: bold; 
	font-size: 15px;
	line-height: 20px; 
	padding: 5px; 
	width: 600px;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

#disclaimerdiv a, #disclaimerdiv a:link, #disclaimerdiv a:visited, #disclaimerdiv a:hover, #disclaimerdiv a:active{
	display:block;
	width: 200px; border: 0px solid black; 
	font-size: 14px; 
	margin-left: auto; margin-right: auto; 
	text-decoration: underline; 
	
}

#disclaimerdiv a:hover {
	display:block;
	width: 200px; border: 0px solid black; 
	font-size: 14px; 
	margin-left: auto; margin-right: auto; 
	text-decoration: none; 
	
}

.usecodetable	{
	border: 1px solid black; 
	width: 800px;
	margin-left: auto; 
	margin-right: auto; 
	
	border-collapse:collapse;
	
}

.usecodetable	td{
	color: #ffffff; 
	background-color: #c8e6f1;
}

.usecodetitle	{
	 color: #0D397C !important;
	 font: bold 14px verdana; 
	 height: 40px; 
	 padding-top: auto!important;
	 padding-bottom: auto!important;
	 line-height: 40px;
}

.seperator	{
	 height: 30px; 
}

.usecodesection	{
	background-color: #c8e6f1;
}

A:link {
    color: #000FBE; /*#0033CC;*/
    text-decoration: underline;
}

A:active, A:visited {
	color: #000FBE;/*094EB5; #000Faa;*/
	text-decoration : underline;
}

A:hover {
	color :#990000;
	text-decoration : none;
}

h1 {color:#0D397C!important;}
h2 {color:#0D397C!important;}

/*color: #3B5998; #4C66A4;*/

/* functions & responsibilities */
#areasofresp {margin-left: auto; margin-right: auto; height: 220px; border: 1px solid #1c4e69; padding: 5px; }
#responsibilities {width: 20%!important; float: left; line-height: 22px!important;  }

#descriptions {width: 80%!important; float: right;}

#assessordodont {width: 900px; margin-left: auto; margin-right: auto; height: 150px;}

#assessordont {float: right; width: 50%;}

#assessordo {float: left; width: 50%;}

/* exemptions */

#exemptionlist {
	font-weight: bold; color: #0D397C !important;
	float:left; 
	width:260px;
	margin-left: 100px; 
}

#exemptionlist2 {
	font-weight: bold; color: #0D397C !important;
	
	float:right;
	width:260px;
	margin-right: 360px; 
}

/*************** All Assessor forms **********************************/

.assessorlistsheader	{
	
	color:#0D397C;
	width: 100%; 
	background-color: #cccccc;
	font-weight: bold;
	font-size: 14px; 
	padding: 7px; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	margin-bottom: 10px; 
}

h2 a:link {font-size: 14px;
color: #000FBE; }

h2 a:visited {font-size: 14px;
color: #000FBE; }

h2 a:hover {font-size: 14px;
color: #990000; }

h2 a:active {font-size: 14px;
color: #000FBE; }