/* Reset All Built In Browser Styles */
* {margin:0;padding:0}

/* Site Wide Settings*/
body {padding: 0 0 20px;color:#333;font:75%/1.7 tahoma,verdana,arial,sans-serif;background-color:#01334A;}
html {text-align:left}

/* Text Styles */
.disabled{color: Silver;}
.highlight {color:#E17000}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#666;font-size:9px}
.help{border: black 1px solid; padding: 7px;margin: 7px;font-weight: normal;color:#000; background-color: #ff9;}
.controlbuttons{border: #ddd 1px solid; padding: 3px;margin: 0;font-weight: normal;color:#000; background-color: #f2f2f2;height:25px}
.DataLabel{width:155px}

h1{font-size:225%;font-weight:bold;}
h2{font-size:180%;font-weight:bold;}
h3{font-size:150%;font-weight:bold;}
h4{font-size:125%;font-weight:bold;}
h5{font-size:115%;font-weight:bold;}
h6{font-size:85%;font-weight:bold;}

p {padding:5px 0;}
option {padding:0 5px 0}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:350px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

blockquote, pre {font-family:Lucida Console, monospace;}
	blockquote {margin-left:20px;padding-left:7px;border-left:4px solid #CCC;line-height:150%;font-size:11px }
	pre {font-size:10px}

ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: 0.5em .5em 1.5em}
	ol li {margin-left: 1.4em;padding-left: 0;background: none;}
	ol li li{margin-left: 1.4em;padding-left: 0;background: none;}
	ol li li li{margin-left: 1.4em;padding-left: 0;background: none; list-style-type: lower-roman}
	ol li li li li{margin-left: 1.4em;padding-left: 0;background: none; list-style-type: lower-alpha}
	li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites2.gif") no-repeat 0 0}

hr { margin:10px 0;border: 0;color: #9E9E9E;background-color: #9E9E9E;height: 1px;width: 100%;}

/* Div Styles */
.featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;
			 background: #f6f6f6 url("images/featurebox_permit.gif") no-repeat 100% 100%}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {
	 margin: 0 0 .3em;border-bottom: 1px solid #363;color:#363}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}
	.featurebox a {font-weight:bold}

.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;	
	background:#fff}
	.thumbnail img {border: 1px solid #000}
	
.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 0 7px;border: 1px solid #ddd;height:30px}
 .pagination p {text-align:right;width:50%;float:right}
 .pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {
  text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
 .pagination p a:hover {background:#363;color:#fff}
 .pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
 .pagination * {margin:0}
 .pagination h4 {float:left}
 .input submit{text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
 .input submit:hover{text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #363}

.button {color:#363; font-weight: bold;background-color:#FFF;display: inline;border:1px solid #363;padding:1px 5px;text-align: center;cursor:pointer;}
.button:hover {color:#fff;background-color:#363;}
.button .btndisabled{color:#999; font-weight: bold;background-color:#e2e2e2;display: inline;border:1px solid #CCC;padding:1px 5px;text-align: center;cursor:pointer;}


.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#e2e2e2}
.ajax__calendar .ajax__calendar_dayname  {background-color:#fff}
.ajax__calendar .ajax__calendar_container * {background-color:#fff;font-weight:normal;padding:0px;border:0}

/* TABLES */
.table1 {border: 2px solid #ddcfae;border-collapse:collapse;width:100%;}
 .table1 td {background-color: #e2e2e2;border: 1px solid #fff;}
 .table1 th {text-align:left;border: 1px solid #fff;}
 .table1 thead th, table1 tfoot th {color:#fff;font-size:145%;background-color:#363;}
 .table1 tbody th {color:#fff;font-size:105%;background-color:#91ab59;}
 .table1 tbody th.sub {font-size:100%;color:#000;background-color:#cc9;}
 .table1 a:visited {color:Black} 
 .sortbutton {border-width:0px;float:right;padding-top:5px;}
 .table1 tbody th.selectedrow, .table1 tbody td.selectedrow {background-color:#ddcfae;color:#c00;font-size:100%;padding-left:4px}
 .table1 thead th,.table1 tbody td, .table1 tbody th, .table1 tbody th.sub, .table1 tfoot td{padding:4px}
			
/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {
 background: transparent url("images/sprites2.gif") no-repeat 5px -500px;padding-left:21px}
	a.morelink:hover {background: transparent url("images/sprites2.gif") 5px -400px}
	.morelink span {position:absolute;left:-9999px;width:900px}
		
/* button style for standard HTML buttons */
.StandardButton{padding:0 5px;font-weight: normal;background: #ddd;color: #000;}

/*Layout*/

.StandardWidth { width:860px; }
.FullHeight { height:100%; }
.FullWidth { width:100%; }
.OuterTableBoxed { background: url(layout/boxed-bg.gif) repeat top left #dbdbdb;margin-left:auto;margin-right:auto;}
.OuterTDBoxed { padding:15px 0 15px 0; }

.ContentPanesTD { width:auto; height:100%; vertical-align: top; padding:0; }
.Dotted { background: url(layout/dotted2.gif) repeat top left; }
.LogoRow { height:1px; padding: 0 10px 0 7px; }
.LogoTD { width:1px; padding:0; }
.BreadcrumbsRow { height:41px; background: url(layout/bread-bg.gif) repeat top left; padding:0; }
.SpaceBar { height:10px; padding:0; }
.BreadcrumbsTD { height: 41px; width: 100%; background: url(layout/bread-bg-l.gif) no-repeat top left; color:#a1a1a1;  
 vertical-align: middle; padding: 0 20px 0 17px; }
.SearchTD { width:10px; vertical-align: top; text-align: right; height: 41px;
 background: url(layout/search-bg.gif) no-repeat top right; padding: 0 7px 0 0; }

.FooterRow { height:36px;}
.FooterTable { height:36px; background: url(layout/footer-bg-grad.gif) #01344A repeat-x top left; }
.FooterTL { height:5px; background: url(layout/footer-bg-tl.gif) no-repeat top left; }
.FooterTR { height:5px; background: url(layout/footer-bg-tr.gif) no-repeat top right; }
.FooterBL { height:5px; background: url(layout/footer-bg-bl.gif) no-repeat bottom left; }
.FooterBR { height:5px; background: url(layout/footer-bg-br.gif) no-repeat bottom right; }

.BoxTable { height:100%; }
.BoxTL { width:11px; height:11px; background: url(layout/box-tl.gif) no-repeat bottom left; }
.BoxT { height:11px; background: url(layout/box-t.gif) repeat-x bottom left; }
.BoxTR { width:11px; height:11px; background: url(layout/box-tr.gif) no-repeat bottom right; }
.BoxL { width:11px; background: url(layout/box-l.gif) repeat-y top left; }
.BoxM { background: #FFF; }
.BoxR { width:11px; background: url(layout/box-r.gif) repeat-y top right; }
.BoxBL { width:11px; height:11px; background: url(layout/box-bl.gif) no-repeat top left; }
.BoxB { height:11px; background: url(layout/box-b.gif) repeat-x top left; }
.BoxBR { width:11px; height:11px; background: url(layout/box-br.gif) no-repeat top right; }

.MenuHeight { height:36px; }
.MenuTD {  background: url(layout/nav-bg.gif) repeat-x top left; padding: 0 10px 0 10px; }
.MenuLeft { width:5px; background: url(layout/nav-bg-l.gif) no-repeat top left; }
.MenuRight { width:8px; background: url(layout/nav-bg-r.gif) no-repeat top left; }
.LoginTD { width: 100%; vertical-align: middle; text-align: right; padding: 0 0 8px 0; }
.CopyrightRow { height:20px; padding: 0 10px 0 10px; vertical-align: bottom; }

.LeftPane { padding: 7px; width: 25%;background-color:#E2E2E2;border:1px solid #CCC;}
.ContentPane { padding: 0 7px 0 7px; }
	.ContentPadding {padding:5px}
.FooterPane { width: 100%; height: 26px; padding: 0 7px 0 7px; vertical-align:middle; }

/*  Specific Link Styles  */
/*.LOGIN, a.LOGIN:link, a.LOGIN:visited, a.LOGIN:active {color: #939393; background: url(layout/ico-login.gif) no-repeat bottom right;  
	font-weight:bold; text-decoration: none; height:17px; padding: 0 25px 0 0; margin: 0;display:block}
	a.LOGIN:hover { background:  url(layout/ico-login-over.gif) no-repeat bottom right; color: #444;}*/

.login, .login:visited {
 background-image: url(images/btn_login.gif);
 background-repeat: no-repeat;
 background-position: left center;
 padding:20px 0 20px 60px;
 text-decoration:none;
 display:block;
 font-size:140%
}
.login:hover{
 background-image: url(images/btn_login_hover.gif);
 background-repeat: no-repeat;
 background-position: left center;
 padding:20px 0 20px 60px;
}
.login:active{
 background-image: url(images/btn_login_active.gif);
 background-repeat: no-repeat;
 background-position: left center;
 padding:20px 0 20px 60px; }


.USER, a.USER:link, a.USER:visited, a.USER:active { color: #939393; background:  url(layout/ico-register.gif) no-repeat bottom left;  font-weight:bold; text-decoration: none; height:17px; float:right; padding: 2px 0 0 25px;  margin: 0 0px 0 16px; }
	a.USER:hover { background:  url(layout/ico-register-over.gif) no-repeat bottom left; color: #444;}

.DATE, a.DATE:link, a.DATE:visited, a.DATE:active { color: #939393; text-decoration: none; float:right; }
	a.DATE:hover { color: #c1c1c1;}

.BREADCRUMBS, a.BREADCRUMBS:link, a.BREADCRUMBS:visited, a.BREADCRUMBS:active { color: #8f8f8f; text-decoration: none; font-weight:bold;}
	a.BREADCRUMBS:hover {color: #F00;}

.FOOTER { color:#aaa;}
	a.FOOTER:link, a.FOOTER:visited, a.FOOTER:active {color:#aaa; font-weight:bold; text-decoration:none; }
	a.FOOTER:hover {color:#777;}

.Footer_Links, a.Footer_Links:link, a.Footer_Links:visited, a.Footer_Links:active { color: #FFF;font-weight:bold;
 text-decoration: none; }
	a.Footer_Links:hover {color:#EEE;}

.SearchButton {background:transparent;padding: 15px 12px 7px 12px; cursor: hand; font-size:1px; margin:0;}

/* LINKS */
a,a:link,a:link,a:link,a:hover {text-decoration:underline;cursor:pointer} 
a:link {color:black} 
a:visited {color:black} 
a:hover,a:active {color:#069} 

/* FORMS */

input, select {font-family: arial,tahoma,verdana,sans-serif}
fieldset {border: none}
label {padding: 5px 0}
label br {clear:left}

/* FORMS - general classes 
input.f-submit {padding: 1px 3px;background:#CCC;color:#fff;font-weight:bold;font-size:96%}*/

/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
.f-wrap-1 {width:98%;padding: .5em .5em;background: #f6f6f6 url("images/featurebox_permit.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;
	z-index:1}
	.f-wrap-1 fieldset {width:auto;margin: 0 1em}
	.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#363}
	.f-wrap-1 label {clear:left;float:left;width:100%;}
		
	/* hide from IE mac \*/
	.f-wrap-1 label {float:none}
	/* end hiding from IE5 mac */
	
	.f-wrap-1 label input, .f-wrap-1 label textarea, .f-wrap-1 label select {float:left;margin-left:10px;}
	
	.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
	.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;
	width:.3em;height:.3em}
	.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;top:.4em;right:.4em;left:auto;width:13em;text-align:right;float:right;padding-top:-200px}
	.f-wrap-1 div.req b {color:#c00;font-size:140%}
	.f-wrap-1 label textarea.f-comments {width: 20em}
	.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
	.f-wrap-1 input.f-submit {margin: 0 0 0 10px; }
		.f-submit {padding: 2px 0px /*!important; padding: 0 20px;*/}
		.f-name {margin: 2px 2px}
		
	.f-wrap-1 .f-checkbox-wrap, .f-wrap-1 .f-radio-wrap {clear:left;float:left;width:32em;border:none;
		margin:0;padding-bottom:.7em}
	.f-wrap-1 .f-checkbox-wrap b, .f-wrap-1 .f-radio-wrap b {float:left;width:8em;line-height: 1.7;
		display:block;position:relative;padding-top:.3em}
	.f-wrap-1 .f-checkbox-wrap , .f-wrap-1 .f-radio-wrap {float:left;width:13em;margin: 3px 0 0 10px}
	.f-wrap-1 .f-checkbox-wrap label, .f-wrap-1 .f-radio-wrap label {float:left;width:13em;border:none;
		margin:0;padding:2px 0;margin-right:-3px}
	.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
	.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;
		background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
	.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;
		display:block;width:auto;float:none;line-height:1.3}
	.req {color:#c00;font-size:100%;font-weight:normal;}
	
/*-- textbox used for search    --*/
.SearchBox { height:21px; background: transparent; width: 174px; color: #666; padding: 4px 4px 0px 4px; 
	border: 0px solid #FFF; cursor:text;}

/* --------- Icon Styles --------- */
.doc {
	background-image: url(icons/page_white_word.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 20px;
}
.email {
	background-image: url(icons/email.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 20px;
}
.img {
	background-image: url(icons/image.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 20px;
}
.xls {
	background-image: url(icons/page_white_excel.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 20px;
}
.pdf {
	background-image: url(icons/page_white_acrobat.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 20px;
	line-height:18px;
}
.htm {
	background-image: url(icons/page_white_code.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 20px;
}
.jpg {
	background-image: url(icons/page_white_picture.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 20px;
}
.txt {
	background-image: url(icons/page_white_text.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 20px;
}
.ppt {
	background-image: url(icons/ppt.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 20px;
}
.vcard {
	background-image: url(icons/vcard.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 20px;
}
.video {
	background-image: url(icons/film.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 20px;
}
.web {
	background-image: url(icons/page_white_world.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 20px;
}
.BlueBullet {
	background-image: url(icons/bullet_blue.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 5px 20px;
}
.RedBullet {
	background-image: url(icons/bullet_red.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 5px 20px;
}
.GreenBullet {
	background-image: url(icons/bullet_green.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 5px 20px;
}
.LeftBullet {
	background-image: url(icons/bullet_arrow_left.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 5px 20px;
}
.Dotted {
    border-bottom:1px dotted #01344A;
}

.navLink, .navLink:visited {background-color:#FFF;border:#000 1px solid;color:#FFF;font-weight:bold;padding:3px;margin:0;text-decoration:none;text-align:center;}
	.navLink a:hover {background-color:#C00;}
	
/*- Menu Tabs --------------------------- */

    #tabs {
      float:left;
      width:100%;
      background:transparent;
      font-size:93%;
	  font-weight:bold;
      line-height:normal;
	  border-bottom:1px solid #24618E;
      }
    #tabs ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("layout/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("layout/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
     #tabs a:hover span {
      color:#FFF;
   background-position:100% -42px;
      }
    #tabs a:link.activetab, #tabs a:visited.activetab, #tabs a:hover {
      background-position:0% -42px;
      }
 #tabs a.activetab span 
 {color:#999;
	}

/* Menu Tabs2 */
    #tabs2 {
      float:left;
      width:100%;
      background:transparent;
      font-size:93%;
	  font-weight:bold;
      line-height:normal;
      }
    #tabs2 ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
      }
    #tabs2 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs2 a {
      float:left;
      background:url("layout/tableft2.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs2 a span {
      float:left;
      display:block;
      background:url("layout/tabright2.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs2 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs2 a:hover span {
      color:#FFF;
      }
    #tabs2 a:hover {
      background-position:0% -42px;
      }
    #tabs2 a:hover span {
      background-position:100% -42px;
      }

/* Containers */

/*Blue Container*/

.BlueBarFrame {
	width: 100%;
	height: 100%;
	border:3px #FFF double;
}
.WhiteTitle11px {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	padding:0 5px;
}
.dnnTitleBlack12px_e008v1 {
	font-size: 12px;
	font-weight: bold;
	color: #333;
}
.dnnTitleWhite12px_e008v1 {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
/* CornerBR, CornerBRBox_W, CornerLB, CornerLBBox_W, CornerTL, CornerTLBox_W, Frame2, Frame2Box_W, Frame, 
   FrameBox_W */
.dnnTitleColorDark12px_e008v1 {
	font-size: 12px;
	font-weight: bold;
	color: #0F4173;
}
/* Title */
.dnnTitleColor14px_e008v1 {
	font-size: 14px;
	font-weight: bold;
	color: #01334A;
}
.Bg_White_e008v1 {
	background-color: #FFF;
}
.Bg_Gray_e008v1 {
	background-color: #E6E8EB;
}
.Blue_Bar {
	background-color: #01334A;
}
.Bg_ColorLight_e008v1 {
	background-color: #79a9c7;
}
.Bg_ColorDark_e008v1 {
	background-color: #0F4173;
}
.BottomGap_e008v1 {
	font-size: 10px;
	height: 13px;
}

/*Red Container CSS */
.Td_Title_e008v17 {
	font-size: 10px;
	height: 23px;
}
.RedTitleWidth {
	font-size: 10px;
	width: 100%;
	height: 100%;
}
/* Bar, Bar_B, BarBox, BarBox_B_W, BarBox_G, BarBox_L, BarBox_L_G, BarBox_W, BarCornerTL, BarCornerTLBox_W, 
   BarFrame, BarFrame_B, BarFrameBox_B_G, BarFrameBox_B_W, BarFrameBox_G, BarFrameBox_W, Header, Header_B, 
   HeaderBox, HeaderBox_C_G, HeaderBox_G, HeaderBox_W, HeaderCornerBR, HeaderCornerBR_B, HeaderCornerBRBox, 
   HeaderCornerBRBox_B_W, HeaderCornerBRBox_W */
.WhiteTitle11px7 {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
/* Icon, IconBox, IconBox_C_G, IconBox_G, IconBox_W, IconCornerBR, IconCornerBRBox, IconCornerBRBox_W, 
   IconCornerTL, IconCornerTLBox, IconCornerTLBox_G, IconCornerTLBox_W, LineH, LineHBox_G, LineHBox_W, 
   LineV, LineVBox_G, LineVBox_L_G, LineVBox_W */
.dnnTitleBlack12px_e008v17 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
/* Box, BoxFrame */
.dnnTitleWhite12px_e008v17 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
/* CornerBR, CornerBRBox_W, CornerLB, CornerLBBox_W, CornerTL, CornerTLBox_W, Frame2, Frame2Box_W, Frame, 
   FrameBox_W */
.dnnTitleColorDark12px_e008v17 {
	font-size: 12px;
	font-weight: bold;
	color: #800E0E;
}
/* Title */
.RedTitle {
	font-size: 12px;
	font-weight: bold;
	color: #9D3131;
}
.GreenTitle {
	font-size: 12px;
	font-weight: bold;
	color: #363;
}
.Bg_White_e008v17 {
	background-color: #FFFFFF;
}
.Bg_Gray_e008v17 {
	background-color: #E6E8EB;
}
.Blue_Bar7 {
	background-color: #9D3131;
}
.Bg_ColorLight_e008v17 {
	background-color: #d68676;
}
.Bg_ColorDark_e008v17 {
	background-color: #800E0E;
}
.BottomGap_e008v17 {
	font-size: 10px;
	height: 13px;
}