/* Global Styles */
* { margin:0; padding:0; }
body { background: url(images/body_background_3.gif) top left repeat-x; background-color: white;  font-family: arial,helvetica; font-size: 12px; color: #000;} /* #F9F5ea */
img { border: 0; }
a { color: #003f87; }
a:hover { color: #943d47; text-decoration: none;}
ul { list-style: none; }
label { display: block; }
h1,h2,h3,h4,h5 { color: #003f87; }
h1 { font-size: 22px;  }
h2 { font-size: 18px;  }
h3 { font-size: 16px;  }
h4 { font-size: 14px;  }
p.more { text-align: right; padding-right: 30px; margin-top: 10px;}
label { display: block; margin-top: 8px; margin-bottom:2px; color: #333; font-weight: bold; }
input, select, fieldset, textarea { border: 1px solid #aaa; font-size: 14px; }
input, textarea { padding: 2px 4px; font-size:13px; }
textarea { width: 75%; height: 100px; padding: 2px 4px;}
.submit { background-color: #943d47; border-width:1px; color:white; width: auto; padding: 2px 1px; margin-top: 10px; cursor:pointer;}
blockquote { padding-left:25px; }
hr { height:1px; color:#003f87; background-color:#003f87; border:0px; margin:10px 0px;}
caption { height:1px; line-height:1px; color:white; position:absolute; top:-100px;  }

@media screen 
{
	/* Global Container */		
	#container { position: relative; width: 760px; margin: 0 auto; background-color: #fff; border: #aaa solid 1px; border-top: 0;}

	/* Header Area and Search Box */
	#header { position: relative; height: 40px; width: auto; background-color: #003F87; }
	#headertext { width: 465px; height: 28px; float: left;  }
	#searchbox { width: 270px; padding-right: 10px; float: right; text-align: right; padding-top: 9px; }
	#search { border: 0; background-color: #fff; width: 156px; height: 16px; font-size: 13px; padding: 2px 2px; color:#888;}
	.search { border: 0; background-color: #fff; width: 156px; height: 16px; font-size: 13px; padding: 2px 2px; color:#888;}
	#searchlabelimg { margin-bottom: 1px; margin-right: 6px; }
	#searchbuttonimg { margin-bottom: -4px; margin-left: 4px; border:0; padding:0px;}
	.searchbuttonimg { margin-bottom: -4px; margin-left: 4px; }
	#searchform { display:inline; padding:0px; margin:0px;}
	#searchbox label 
	{
		position:absolute;
		left:0px;
		top:-500px;
		width:1px;
		height:1px;
		overflow:hidden;
	} 
	/* Global Nav */
	#globalnav { position: relative; height: 52px; width: auto; }
	#globalnav ul li { float: left; }
	.homenav {  background: url(images/head_bottom_pattern_1.gif); }
}

/* Home - Main Content */
#homecontent { position: relative;  }
#homecopy { float: left; min-height: 320px; height: auto !important; height: 320px; width: 450px;
			padding: 15px; background: url(images/home_content_background_1.jpg) bottom left no-repeat;}
#homecopy h2 { margin-top: 15px; margin-left: 20px;}
#homecopy p { font-size: 14px; color: black; line-height: 20px; margin-left: 20px; margin-bottom:8px;}
#homecopy .more { font-size: 18px;}

#homerightpane { float: right; width: 280px; background: url(images/right_pane_background_1.jpg) repeat-y; }
#homerightpane ul li { height: 31px; background: url(images/featured_background_1.jpg) top left no-repeat;
						font-size: 18px;  color: #003f87; font-weight: bold; padding-top: 12px; padding-left: 20px;}
#homerightpane ul li a { text-decoration: none;}
/* change the height and min-height here to change the height of the news section on the home page */
#news { min-height: 328px; height: auto !important; height: 328px; 
		padding:12px 20px 12px 20px;
		background: url(images/news_background_1.jpg) top left no-repeat; 
		font-size: 13px;}
#news h4 { margin-top: 12px; }

/* SubPage - Main Content */
#content { position: relative; height: auto; width: auto; background: url(images/subpage_background.jpg) top right repeat-y; }
#copy { color:black; }
#copy { position: relative; height: auto; padding: 15px 180px 15px 20px; min-height: 600px; height: auto !important; height: 600px; font-size: 15px; }
#copy h1,h2,h3,h4,h5 { color: #003f87; }
#copy h1,h2,h3 { margin-bottom:10px;margin-top:10px; }
#copy tr { font-size: 15px; line-height: 20px; }
#copy th { padding: 4px; }
#copy td { padding: 4px; }
#copy p { font-size: 15px; line-height: 20px; margin-bottom: 10px; margin-top:0px; }
#copy img { margin: 3px; border: 0px; display:inline; }
#copy ol { list-style-position:outside; float:none; margin:10px; }
#copy ul { list-style: disc outside; float:none; margin:10px; }
#copy li {  font-size: 15px; list-style-position:outside; margin:4px 0px 4px 15px; }
#copy fieldset { padding:0px 0px 8px 8px; margin-top:8px; }

@media screen 
{
	#subsectionlinks {  position:relative; float: right; border: 1px solid #003f87; margin: 10px 15px; }
	#subsectionlinks h2 { background-color: #003f87; color: white; padding: 4px; font-size: 10px; text-transform: uppercase; margin-top:0px;}
	#subsectionlinks ul { margin: 8px; }
	#subsectionlinks ul li { font-size: 16px; margin-bottom: 4px; list-style-type:none; margin-left:0px;}
}

/* Footer */
@media screen {
	#footer { clear:both; height: 22px; width: auto; background: url(images/footer_background_1.jpg) repeat-x; text-align: center;
				 border-top: 3px solid #943d47; font-size: 10px; color: #333; font-weight: bold; padding-top: 11px;}
	#footer a { color: #333; text-decoration: none; }
}
#copyright { text-align: center; color: #666; font: 10px Verdana, sans-serif; margin-top: 15px;}

/* Sub Page Background Images */
.backgroundphoto {background: url(images/subpage_background_photo_1.jpg) top right no-repeat; }
.backgroundphoto_mapsandavailability {background: url(images/subpage_background_photo_10.jpg) top right no-repeat; }
.backgroundphoto_supportandfaq {background: url(images/subpage_background_photo_9.jpg) top right no-repeat; }
.backgroundphoto_news {background: url(images/subpage_background_photo_6.jpg) top right no-repeat; }
.backgroundphoto_aboutus {background: url(images/subpage_background_photo_8.jpg) top right no-repeat; }
.backgroundphoto_contactus {background: url(images/subpage_background_photo_7.jpg) top right no-repeat; }

/* Search Results */
.searchhighlight { background:#E3F0FF; padding:0px 1px;}
#searchresults h1 { margin-bottom: 4px; }
#searchresults h2 { background-color: #f2e4bd; color: #333; padding: 2px 8px; margin-bottom: 4px; margin-top: 15px; }
#searchresults h3 { margin-left: -6px; font-size: 14px; }
#searchresults ul { margin-left: 6px; }
#searchresults ul li { margin-bottom: 4px; line-height: 145%; }
#searchresults p.more { font-size: 13px; font-weight: bold;}
#searchresults h2 { margin-left:0px; }
#searchresults ul { }
#searchresults ul li { list-style: none; font-size:12px; }
#searchresults li { list-style: none;  }

/* pagination for latest news & search results */
#pagenumbers
{
	display:inline;
	padding:20px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}
#pagenumbers label
{
	font-size:12px;
    font-weight:bold; 
    color: #003f87; 
    display:inline;
    margin:0px;
    padding-right:3px;
}
#pagenumbers li
{
	font-size:12px;
    font-weight:bold; 
    list-style: none;
    display: inline;
    margin: 0px 5px 0px 0px;
}
#pagenumbers ul
{
    list-style: none;
    text-align: left;
    white-space: nowrap;
    display:inline;
    margin:0px;
}
#pagenumbers a
{
    color: #003f87;
}
li.latestnewsprevnext { color:#888; }
li.searchresultsprevnext { color:White; }
li.searchresultsfirstlast { color:White; }
li.searchresultscurrentpagenumber { color:#333; }

/* commissioner report list */
h3.reportMonthListTitle { padding: 2px 2px 2px 2px; width:300px; text-decoration:none; font-size:13px; font-weight:bold; margin:0px;}
.reportMonthList { padding: 4px; display:block; }
.reportMonthList a { display:block; margin:8px; }
#reportyearlinks {  }
#reportyearlinks ol { list-style:none; margin:0px; }
#reportyearlinks li { font-size:13px; display:inline; font-weight:bold; margin:0px 0px 0px 1px; list-style:none; }
#reportyearlinks h2 { font-size:16px; margin-bottom:4px; }
#recentreports { font-size:13px; margin-top:4px; padding-top:6px; }
#recentreports ul { list-style:none; margin:0px; padding:0px; }
#recentreports li { font-size:13px; list-style:none; margin:0px 0px 8px 0px; padding:0px; }
#recentreports h2 { font-size:16px; margin-bottom:4px; }
#recentreports h3 {  font-size:13px; }


/* job list page */
#jobs h4 { margin-top:6px; margin-bottom:3px; }
#jobs th { padding:3px; }
#jobs td { padding:3px; }

/* online payment */
#onlinepaymentform {}
#onlinepaymentform label { }

/* fish counts page */
#fishcounts h4 { margin:6px 0px; }
#fishcounts th { padding:4px; padding-left:8px; }
#fishcounts td { padding:2px; }
.fishcountsfishtype { font-weight: bold; }

/* job details page */
#jobdetails {}
#jobdetails label { display:inline-block; width:100px; margin:3px 0px 0px 0px; font-weight:bold; }
#jobdetails h2 { margin-bottom:12px; }

/* report details page */
#reportdetailheader { font-size:15px; display:block; }

/* latest news */
h4.allnewstitle { margin:0px 0px 2px 0px; }
.allnewspostdate { font-size:12px; color:#777; }


/* service provider list */

#providerlist { clear:both; }
#providerlist img { padding:0px; margin:0px; border:0px; }
div.providerlogobox { width:200px;height:110px;line-height:110px;border:1px solid black;text-align:center;vertical-align:middle;}
div.providerlogobox img {  }

/* RSS Feed */
#feed { margin: 20px 0px 8px 0px; width: auto; position:relative; text-align: center; font-size:13px;  }
#feed small { margin-left: 6px; font-size:11px; }
#feed img { border: 0px; padding:0px; margin: 0px 2px -2px 0px; float: none; }

/* password recovery page */
#passwordrecovery { font-size:14px; }

/* "edit this page" link */
#editthispage { display:block; text-align:center; width:100px; margin:50px 50px; padding:10px; border:1px solid #003f87; background-color:#efefef; }

/* error message style */
.error { color:Red; font-weight:bold; }

/* printer-specific styles */
@media print 
{
	caption { display:none; }
	#container { position: relative; margin: 0 auto; background-color: #fff; }
	#subsectionlinks { display:none; }
	#header { display:none; }
	#globalnav { display:none; }
	#footer { display:none; }
}

/* Custom styles used in FreeTextBox editor, see support/ftb/ftb.css */
.defaultstyle { font-family: arial,helvetica; font-size: 15px; line-height: 20px; color: black; }
.imagecaption { font-size:12px; font-weight:bold; color:#333333; }
.subheading { font-size: 15px; font-weight:bold; color: #003f87; display:block; margin-top:-1px; }

/* isp pages */
#requestconnectionbox { padding:8px;border:1px solid #66a;text-align:center;width:157px;margin:20px 0px; }

/* service address search */
#serviceaddresssearchform label { width: 200px; }
#serviceaddresssearchform input { width: 250px; }
#serviceaddresssearchform input.submit { width: auto; }

#serviceaddresssearchresults { padding-top:20px; }
#serviceaddresssearchresults td {  }
#serviceaddresssearchresults th { font-weight:bold; text-align:left;  }
#serviceaddresssearchresults h4 { margin-top:13px; }

table#likelymatchestable { width:100%; }
table#probablematchestable { width:100%; }

td.serviceaddressmatch { }
tr.serviceaddressalternaterow { background-color: #efefff; }

#getconnectedserviceaddress { border:1px solid #ccc; padding:10px; width:300px; color:#669; margin-bottom:10px; }

#enduserrequestserviceaddress { border:1px solid #ccc; padding:10px; width:300px; color:#669; margin-bottom:10px; }

#enduserrequest input { width:250px; }
#enduserrequest input.submit { width: auto; }

#unservicedarearequest { margin-top:10px; padding:16px; border:1px solid #ccf; }
#unservicedarearequest h1 {  }
#unservicedarearequest h2 {  }
#unservicedarearequest h3 {  }
#unservicedarearequest h4 {  }
#unservicedarearequest p {  }
#unservicedarearequest {  }
#unservicedarearequest label { font-weight:normal; padding-right:4px; margin-top:0px;display:inline; width:100px; float:left; text-align:right; }
#unservicedarearequest input.unservicedform { float:left; width:250px; margin-bottom:6px;}
#unservicedarearequest textarea.unservicedform { float:left;  width:250px;}
#unservicedarearequest br { clear:left;  }

#searchresults h2 { display:none; }

#searchresults div.searchresultspacer 
{
	display:inline;height:1px;line-height:1px;font-size:1px;
}

#servicearealabel { margin:0px 10px 0px 0px; }
#servicearealist input { border-width:0px; margin:10px 5px 0px 0px; }
#servicearealist input.submit { border-width:1px; }
#servicearealist label { display:inline; color:#333; margin:0px 10px 0px 0px; }
#serviceareacategorylist { float:right; width:592px; margin:10px 10px 0px 0px; border:1px solid #ccc; padding:0px 8px 8px 8px; }
#serviceareacategorylist br { display:none; }
#serviceareacategorylist label { font-weight:normal; margin-right:16px; }
#serviceareacategorylist span { display:inline; float:left; font-size:14px; white-space:nowrap }
#servicearealist #serviceareacategorylabel { margin:28px 10px 0px 0px; float:left; }

#serviceareadetails { clear:both; } 
#serviceareadetails label { display:inline; width:70px; float:left; margin-top:0px; }
#serviceareadetails h4 { margin-bottom:5px;  }
#serviceareadetails input.serviceareadetails { float:left; width:250px; margin-bottom:6px;}
#serviceareadetails br { clear:left;  }

span.forminputhint { color:#666; font-size:12px; }

img.dccnPushPin
{
   margin-top:-22px !important;	
}


#serviceareacategorylegend 
{
	position:relative; 
	float: right; 
	border: 1px solid #003f87; 
	margin: 10px 15px; 
	background-color:#fff; 
	clear:both; 
	z-index:100;
}

#serviceareacategorylegend h4 
{
	background-color: #003f87; 
	color: white; padding: 4px; 
	font-size: 10px; 
	text-transform: uppercase; 
	margin-top:0px;	
}
#serviceareacategorylegend ul 
{
	margin: 8px; 
	background-color:#fff; 
}
#serviceareacategorylegend ul li { font-size: 14px; margin-bottom: 4px; list-style-type:none; margin-left:0px;}

.legendcolor 
{
	height:13px; 
	padding:0px 6px; 
	display:inline; 
	margin:1px 4px 1px 1px; 
	opacity:0.5; 
	filter: alpha(opacity = 50); 
	zoom:1;
}

.editthistext 
{
	border:1px solid #333;
	background-color:#eef;
	font-size:10px;
	padding:3px;
}

div.error p { color:Red; }


#selectservice input { width:auto; border:0px; }
#selectservice label { display:inline; font-weight:normal; float:none; }