/****************************
* Global Styles				*
****************************/
.tipsy { font-family: Verdana; padding: 5px; font-size: 11px; opacity: 0.8; filter: alpha(opacity=95); background-repeat: no-repeat;  background-image: url(images/tipsy/tipsy.gif); }
  .tipsy-inner { padding: 10px 15px 10px 15px; background-color: #001; color: white; max-width: 215px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

.external
{
	padding: 6px 0px 2px 22px;
	background: url('/images/icons/icon-external.png') left 5px no-repeat;
}

.usercount
{
	display: none;
	visibility: hidden;
}


.hidden
{
	text-align: center;
}

.hidden a
{
	color: #fff;
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.hidden a:focus
{
    position:static; 
    width:auto;
    height:auto;
}

.pdf
{
	background: url('/images/icons/icon-pdf.png') no-repeat left center;
	padding: 2px 0px 2px 20px;
	font-weight: normal;
}

.youtube
{
	background: url('/images/icons/icon-youtube.png') no-repeat 10px center;
	padding: 2px 0px 2px 20px;
	font-weight: normal;
}

dt.pdf
{
	padding: 4px 0px 4px 20px;
}

.floatleft
{
	float: left;
	margin-right: 10px;
}

.floatright
{
	float: right;
	margin-left: 10px;
}

.searchbutton
{
	background: #5969ca url('images/leftcolumnheader.png') repeat-x 0px -5px;
	border: 1px solid #ccc;
	color: #fff;
	padding: 5px 10px;
	cursor: pointer;
}

.searchbutton:hover
{
	background-color: #3949aa !important;
}

.centertext,
.centertext p,
.tablebox .centertext
{
	text-align: center !important;	
}

.lefttext
{
	text-align: left !important;
}

.righttext
{
	text-align: right !important;
}

.boldred
{
	color: red;
	font-weight: bold;
}

.clear
{
	clear: both;
}

.thumbnail,
.imgborder
{
	padding: 2px;
	text-align: center;
	position: relative;
	border: 1px solid #ccc;
	
}

.thumbnail a
{
	color: #333;
}
.thumbnail a:hover
{
	color: #666;
}

.thumbnail img
{
	display: block;
	border: 1px solid #eee;
}

.thumbnail a span
{
	border: 1px #ccc solid;
	background: #fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;

	font-style: italic;
	display: block;
	width: 150px;
	height: 15px;
	text-align: center;
	position: absolute;
	bottom: 6px;
	left: 20px;
}

.thumbnail a:hover span
{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}


.album
{
	width: 165px;
	text-align: center;
}

/****************************
*	Document List			*
****************************/
dd.doclist
{
	padding: 0px;
}

dd.doclist ul
{
	margin: 0px;
}

.doclist ul
{
	list-style-type: none;
	list-style-image: none;
	margin: l0px 0px 10px 0px !important;
	margin-left: 0px;
	padding: 0px;
	border: 2px solid #d4ddff;
}

.doclist ul li
{
	padding-top: 10px;
	height: 26px;
	clear: both;
	background-color: #f0f0ff !important;
	background-image: none !important;
	vertical-align: middle;
	border: none !important;
}

.doclist ul .alt
{
	background-color: transparent !important;
}

.doclist ul li a,
.doclist ul li span
{
	display: block;
	font-size: 1em;
	font-weight: normal;
	padding-left: 20px;
}

/****************************
*	Tabs					*
****************************/
#maincol ul.tabs
{
	height: 22px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}

#maincol ul.tabs li
{
	background: none;
	text-align: center;
	float: left;
	height: 100%;
	padding: 0px;
	border: none;
	line-height: normal;
}

#maincol ul.tabs li a
{
	outline: none !important;
	text-decoration: none;
	color: #99b;
	padding: 2px 13px;
	width: auto !important;
	margin-right: 5px;
	display: block;
	font-size: 1.25em;
	font-weight: normal;
	outline: none;
	border-bottom: 2px solid #99b;
}

#maincol ul.tabs li a:hover
{
	color: #55b;	
	border-bottom: 2px solid #55b;
}

#maincol ul.tabs a.current,
#maincol ul.tabs a.current:hover
{
	margin-top: 0px;
	color: #00339f;
	display: inline-block;
	border-bottom: 3px solid #00339f;
}

#maincol ul.tabs a.current:hover
{
	background: #fff;
}

.tab
{
	height: 100%;
	padding: 0px;
	clear: both;
	overflow: hidden;
}

.tab .allnews
{
	font-size: 1em;
}

.tab ul
{
	margin-bottom: 40px;
}

.tab ul li
{
	margin-right: 50px;
	background-position: 5px 10px;
}

.tab ul li ul
{
	margin: 0px;
	font-size: .9em;
}

.tab ul li ul li
{
	font-size: .8em !important;
	font-weight: normal !important;
	background-position: 5px 7px;
}	

.border
{
	background: transparent url('images/recentbg.png') repeat;
	clear: both;
	border: 2px solid #4468C3;
	padding-left: 10px;
	position: relative;
	overflow: hidden;
}

/************************************
* Accordion: DL						*
************************************/
dl.accordion
{
	border: 1px #ccc solid;
	width: auto;
}

dl.accordion dt
{
	color: #036;
	background: #c3ccef none;
	padding: 2px 0px 2px 10px;
	margin: 0px;
	border-bottom: 1px solid #ccccdd;
	cursor: pointer;
}

dl.accordion .selected
{
	background: #d4ddff;
}

dl.accordion dd
{
	padding: 10px;
	margin: 0px;
}

dl.accordion dd ul
{
	padding: 0px 0px 0px 15px;
	margin: 0px;
}

/************************************
* TABLEBOX							*
************************************/
.tablebox
{
	width: 500px;
	margin: 0px auto;
	margin-bottom: 20px;
	color: #026;
	border-collapse: separate !important;
	border: none !important;
}

.tablebox caption
{
	font-size: 1.5em;
	font-weight: bold;
	margin: auto;
	margin-left: -1px;
	border: 1px solid #99a;
	background: #dedefe;
	color: #036;
	padding: 5px 0px 3px 0px;
	font-weight: normal;
}


.tablebox .footer
{
	padding-right: 10px;
	text-align: right;
}

.tablebox td
{
	padding: 6px 4px 6px 10px;
	background: #e9e9fe;
}

.tablebox .alt td
{
	background: #efefff;
}

.tablebox .highlight td
{
	background: yellow;
	font-weight: bold;
}

.tablebox td .bullet
{
	background: url('images/bullet.gif') no-repeat left center;
	padding-left: 10px;
}

.thleft th
{
	font-size: 1.2em !important;
	vertical-align: top;
	padding-top: 3px !important;
	padding-bottom: 5px !important;
	padding-right: 5px !important;
	border-bottom: 1px solid #556077;
}

.thleft td
{
	padding-top: 5px !important;
}


	
.tablebox th, .tablebox .alt th
{
	font-weight: bold;
	height: 20px;
	font-size: 1.1em;
	text-align: left;
	padding: 5px;
	color: #fff;
	background: #304196 repeat scroll 0 0;
	border: 1px solid #6090c0;
}

.tablebox th a, .tablebox .alt th a
{
	color: #fff;
}

.tablebox th.centertext
{
	text-align: center;
}	

.tablebox p
{
	font-size: 1em;
	margin: 0px 0px 7px 0px;
}

.tablebox strong
{
	font-size: 1.1em;
}

.tablebox .repimage
{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	border: 1px solid black;
}

.tablebox .borderleft
{
	border-left: 2px solid #444;
}

.tablebox a
{
	margin-bottom: 2px;
	text-decoration: none;
}

#rightcol .tablebox ol, #rightcol .tablebox ul
{
	font-size: 1em;
}

.tablebox ol li, .tablebox ul li
{
	margin-bottom: 3px;
}

.tablebox .pager table td
{
	background: #fff;
	padding: 3px;
	margin: 5px;
	
}

/* street closures */
.streetclosed td
{
	background: #fff8f8 !important;
	border: 1px solid #ecc !important;
	color: #900;
}

.streetopen td
{
	background: #e9fee9 !important;
	border: 1px solid #cec !important;
	color: #090;
}

.streetwillclose td
{
	background: #fff !important;
	border: 1px solid #ccc !important;
	color: #000;
}

/****************************************
* Announcement Box						*
****************************************/
#rightcol .announcement
{
	background: #051551 no-repeat;
	width: 150px;
	height: 150px;
	float: right;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	padding: 50px 20px 8px 10px;
	text-align: center;
}

#rightcol .announcement h2
{
	text-align: center;
	color: #cc0000;
	margin: 0px;
	font-size: .9em;
	margin-bottom: 3px;
}

#rightcol .announcement p
{
	font-size: .9em;
	color: #333;
	text-align: center;
	margin: 3px auto;
}

#rightcol .announcement a
{
	color: #051551;
	font-size: .8em;
}

/****************************************
* EMPHASIS BOX							*
****************************************/
.emphasisbox,
.emphasiscenter
{
	width: 600px;
	margin: 0px auto 15px auto;
	padding: 5px;
	border: 1px solid #dedede;
}

.emphasisbox div,
.emphasiscenter div
{
	display: block;
	background: #e9e9e9;
	padding: 15px;
}

.emphasisbox div p,
.emphasiscenter div p
{
	margin: 0px;
}


/* sidebar for google map */
#side_bar
{
	padding-top: 100px;
	color: Black;
	text-align: right;
}

/****************************************
* Forms									*
****************************************/
fieldset
{
	padding: 10px 0px 10px 20px;
	margin-bottom: 20px;
}

fieldset legend
{
	font-size: 1.3em;
	font-weight: bold;
}

fieldset h2
{
	margin-top: 20px !important;
	clear: both;
}

fieldset label
{
	width: 125px;
	margin-right: 10px;
	font-size: 1.1em;
	padding-bottom: 5px;
	display: block;
	font-weight: bold;
}

.error { color: #fff; font-weight: bold; padding: 5px 10px; }
.success { color: #fff; font-weight: bold; padding: 5px 10px; }

fieldset .radio label
{
	float: none;
	display: inline;
}

fieldset p
{
	margin-top: 5px;
	clear: both;
	
}

fieldset p span
{
	font-size: 1.1em;
	margin-bottom: 10px;
}

fieldset textarea
{
	overflow: hidden;
}

fieldset hr
{
	width: 75%;
	margin: 20px 0px;
	text-align: left;
}

.checkbox
{
	width: auto;
}

.checkbox label
{
	clear: none;
	float: none;
	width: auto;
}
	
.checkbox input
{
	float: left;
	margin-bottom: 15px;
}

/************************
* Modal Windows			*
************************/
/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background-image:url(/css/images/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:470px;       
    
    
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:40px 55px 55px 55px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(/css/images/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
 
 
/* black */ 
div.overlay.black { 
    background:url(../img/overlay/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(../img/overlay/petrol.png) no-repeat !important; 
    color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}


.overlay .wrap
{
	height: 470px;
	padding-right: 20px;
	overflow: auto;
}

/****************************
* SITEMAP					*
****************************/
.RadTreeView_Vista ul li ul li
{
	background: none;
}

/****************************
* LIGHTBOX					*
****************************/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}