/************************************************
This is the custom style sheet, containing styles
that will be customized for each project.
************************************************/

/************************************************
Base font style and size set here
************************************************/
body
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	background:  #ffffff;
	text-align: left;
}

body,select,input,textarea, table
{
	font:12px/19px "Lucida Grande",Lucida,Verdana,sans-serif;
	color:#4d4d4d;
}

.survey_container span, .survey_container TABLE tr, .survey_container TABLE, .sr_topic label, .sr_topic span, .sr_descriptioncat, .sr_topic p, .sr_topic li, .sr_topic td{font-size: 12px !important;line-height:19px;}

a img{border: 0;}

a
{
	text-decoration:none;
	color:#00BDF3;
}

a:hover{text-decoration:underline;}

a[name], a[name]:hover
{
	color:#4d4d4d;
	text-decoration:none;
}

p{margin:0 0 1em 0;}

/***subtitle colors**/
.contentheader h2, .contentheader_banner h2{font-size:20px !important;color:#00bdf3;letter-spacing:-0.5px;}

.component_title, .survey_title, .rootnode a, .parentnode a, .staff_component_title, legend, .testimonial_text{color: #00bdf3;}

/**title colors**/
.contentheader h1, .contentheader_banner h1, .mainSpan_wrapper_review  .component_title_review, .mainSpan_wrapper_review .special_title
{color: #333333;}

.component_subtitle span, h3, h2{color: #333333;}

/** border color **/
.downloadmessage, .form_textarea, fieldset, .form_normaltextbox, .form_smalltextbox, .form_normaldropdown, .form_smalldropdown, .advanced_searchbox input.textfield, .listfaq, .staff_thumbnail_span img, td.facility_thumbnail img, .business_image_container IMG, .business_thumbnail_span IMG, .poll_result_answer table tr, #recaptcha_image, .slideshow_link, #recaptcha_response_field, .official_image, .official_info, .official_message_body, .official_bio, #cse-search-results, .resizable-textarea textarea 
{border:solid 1px #f0f0f0 !important;}
.form_button, .forecast_item{border:solid 2px #f0f0f0;}
.search_result, .search_result_alternate, .newsBlog .blog_title {border-bottom:solid 1px #f0f0f0;}
.search_features{border-bottom:solid 1px #f0f0f0;border-top:solid 1px #f0f0f0;}
.listtable td, .righttable td{border: 0 !important;border-bottom:solid 1px #e5edf5!important;}
div.sort_items, .followTwitter{border-top: 1px dashed #f0f0f0;border-bottom: 1px dashed #f0f0f0;}
hr{color: #f0f0f0;background-color: #f0f0f0;border: 0;}

 .listtable_pager a, .listcomponent_pager a,  .listfaq_pager a, .search .paging a
 {
 	background:#333333;
	border-bottom: 1px solid #333333;
	color:#c7c7c8 !important;
 }

/** background color **/
.downloadmessage, .listfaq, .listtable, .righttable
{background: #ffffff;}

/** header colors **/
.form_button, .slideshow_link
{
	background: #ffffff;
	color:#00bdf3;
}

.listtable th, .righttable th
{
	background:#e5edf5;
	color:#8596ab;
	text-transform: uppercase;
}

.listtable th a, .righttable th a, .slideshow_link a{color:#00bdf3;}

/** hover over color**/
.listtable tr:hover, .listtable tr.alt:hover, .righttable tr:hover, div.followTwitter:hover, .search_result_alternate, .search_features{background:#d9f5fd;color:#333333;}
.listtable tr:nth-child(even):hover{background:#d9f5fd;color:#333333 !important;}

.listtable_pager a:hover, .listcomponent_pager a:hover, .listfaq_pager a:hover, .search .paging a:hover
{
	background:#00bdf3;
	border-bottom: 1px solid #008eb6;
	color:#effbfe !important;
}

/* Default error reporting style */
.error_message
{ 
	color: #c60;
	font-weight:bold;
	margin-top: 10px;
	display: block;	
}

/* Use :after instead of clear:both because IE adds a space with clear:both */
.clearfix:after, .mainSpan:after, .dropshadow:after, .contentheader:after, .contentheader_banner:after, .content:after, .content_wrapper:after, .container:after, .width_container:after, .contentheader .title:after, .contentheader_banner .title:after, .home_collage:after, .home_columns:after, .home_buttons:after, .search_result:after, .search_result_alternate:after, .component_listitem:after, .blog_box_list:after, .sr_loginform_row:after, .footer:after, .title_left:after, .news_right ul li:after
{ 
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size: 0px;
}

.clearfix, .mainSpan, .dropshadow, .contentheader, .contentheader_banner, .content, .content_wrapper, .container, .width_container, .contentheader .title, .contentheader_banner .title, .title_right, .home_collage, .home_columns, .home_buttons, .search_result, .search_result_alternate, .component_listitem, .blog_box_list, .sr_loginform_row, .footer, .title_left, .news_right ul li
{display:inline-block;}

.clearfix, .mainSpan, .dropshadow, .contentheader, .contentheader_banner, .content, .content_wrapper, .container, .width_container, .contentheader .title, .contentheader_banner .title, .title_right, .home_collage, .home_columns, .home_buttons,  .search_result, .search_result_alternate, .component_listitem, .blog_box_list, .sr_loginform_row, .footer, .title_left, .news_right ul li
{display:block;}


/* Containing frame for the site */
.mainSpan_wrapper,
.mainSpan_wrapper_noleftnav,
.mainSpan_wrapper_review,
.mainSpan_wrapper_home
{
	background: #eff4f9 url(_gfx/cmn/body_bg_strip.png) 0 0  repeat-x;
	border-bottom: 1px solid #dde7f3;
}

.mainSpan{background:  url(_gfx/cmn/body_bg.gif) center 25px  no-repeat;}

.mainSpan_wrapper_home .mainSpan{background:  url(_gfx/cmn/body_bg_home.png) center 25px  no-repeat;}

/*********************************************
		WIDTH CONTAINER &
		CONTENT WRAPPERS
********************************************/

.width_container
{
	width: 900px;
	margin: 0 auto;
}

.content_wrapper{padding-bottom: 25px;position: relative;}

.mainSpan_wrapper_home .content_wrapper{padding-bottom: 0;}

/* Container for admin control panel */
.adminSpan
{
	width:200px;
	float:right;
	text-align:left;
	line-height: 0px;
}

form{padding: 0;margin: 0;}

#FrontEndForm{min-width: 900px;}

/*targets feedback iframe...*/
#FrontEndForm[onsubmit]{}

/************************************************
Header: contains search, top links, site logo 
************************************************/

/* Section 508 skip navigation menu */
.skipnav
{ 
    position:absolute; 
    top:0px; 
    left:0px; 
    z-index:10;
}

.skipnav img{float:left;}

.header_wrapper
{
	width: 900px;
	margin: 0 auto;
}

.header
{
	height: 119px;
	position: relative;
}

.header_left a.home_link
{
	width: 320px;
	position: absolute;
	top: 28px;
	left:0px;
	display:block;
	overflow: hidden;
	height: 75px;
	text-indent: -4000px;
}

.header_translate
{
	margin: 0;
	padding: 0 0 0 400px;
	list-style-type: none;
	float: right;
}

.header_translate li
{
	float: left;
	margin-right: 1px;
}

.header_translate li a
{
	width:69px;
	line-height:16px;
	font-size:8px;
	color:#fff;
	text-align:center;
	display:block;
	text-transform:uppercase;
	border-bottom: 1px solid #202020;
	background:#333333;	
}

.header_translate li a:hover, .header_translate li a.selected
{
	border-bottom: 1px solid #008eb6;
	background:#00bdf3;
	text-decoration: none;
}

.mainSpan .header_nav
{
	text-align: right;
	min-height: 17px;
	padding: 51px 9px 0 0;
	float: right;
	width: 350px;
}

.header_nav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
}

.header_nav ul li
{
	float: left;
	padding: 0 10px;
	background: url(_gfx/cmn/list_bullet.gif) 0 6px no-repeat;
}

.header_nav a{color:#4d4d4d;}

.header_nav a:hover
{
	text-decoration: none;
	color:#00bdf3;
}

/* Container for search field and go button */
.searchbox
{ 
	width: 212px;
	height: 25px;
	float: right;
	margin: 47px 0px 0 0px;
	clear: right;
}

.searchbox_textbox
{
	padding: 0px 0px 0px 10px !important;
	height:25px;
	width:179px;
	margin:0px;
	border: 0px solid #000000;
	float: left;
	font-size: 11px !important;
	line-height: 25px !important;
	background: url(_gfx/cmn/search_bg.gif) 0 0 no-repeat;
	color:#b1b1b2;
}

.searchbox_button{float: left;}

/************************************************
Left navigation 
************************************************/
.leftnav
{
	padding:41px 0px 0px 0px;
	float: left;
	width: 210px;
	line-height: 14px;
}

.leftnav a
{
	display:block;
	width: 210px;
	padding: 7px 0px;
	color: #4d4d4d;
	text-decoration:none;
	overflow: hidden;
	border-bottom: 1px solid #d8e3f1;
}

.leftnav_node_wrapper .leftnav_node a, .leftnav_node_wrapper .leftnav_node_iscurrent a{}

.leftnav_node_wrapper .leftnav_node_iscurrent a, .leftnav_node_wrapper_root .leftnav_node_iscurrent a{color:#00bdf3;}

.leftnav_node_wrapper .leftnav_node_haschildren a, .leftnav_node_wrapper_root .leftnav_node_haschildren a
{
	color:#00bdf3;
	font-size: 11px;
	text-transform: uppercase;
}

.leftnav a:hover, .leftnav .leftnav_node_wrapper:hover a, .leftnav .leftnav_node_wrapper_root:hover a
{
	color:#00bdf3 !important;
	text-decoration:none;
}

.leftnav a:hover span{background: url(_gfx/nav/arrow_right.gif) no-repeat right 1px;}

.leftnav a span{
	display: block;
	padding-right: 15px;
}

.leftnav_node_haschildren a span{}
.leftnav_node_iscurrent a span{background: url(_gfx/nav/arrow_right.gif) no-repeat right 1px;}
.leftnav_node_wrapper_root .leftnav_node_iscurrent a span{}
.leftnav_node_iscurrent a:hover span,  .leftnav_node_wrapper_root .leftnav_node_iscurrent a:hover span, .leftnav_node_iscurrent:hover a span{}
.leftnav_node_haschildren a:hover span, .leftnav_node_wrapper_root .leftnav_node_haschildren a:hover span, .leftnav_node_haschildren:hover a span{}


/************************************************
Content header:  page title, breadcrumb, printer friendly link
************************************************/
/* Page content container */
.mainSpan_wrapper .container, 
.mainSpan_wrapper_noleftnav .container, 
.mainSpan_wrapper_review .container
{ 
	float:left;
	width: 690px;
	min-height: 300px;
}

.banner_holder
{
	background: url(_gfx/int/banner_bg.gif) bottom no-repeat;
	padding: 23px 0px 6px 0px;
	margin-bottom: 10px;
}

IMG.deptbanner, .banner_holder IMG{display: block;}

.contentheader, .contentheader_banner{padding: 45px 0px 22px 20px;}

.breadcrumb_wrapper
{	
	line-height: 11px !important;
	font-size: 9px !important;
	text-transform: uppercase;
	padding: 2px 0px 1px 18px;
	background: url(_gfx/int/breadcrumb_arrow.gif) no-repeat 0 2px;
	position: absolute;
	top: 0;
	left: 0;
}

.breadcrumb a{}

.breadcrumb_last_item, .breadcrumb_last_item:hover{text-decoration:none;}

#share ul,
.sharebutton ul
{
	background-color:#fff;
	display:none;
	width:220px;
	border:1px solid #666;
	margin:0px;
	padding:0;
	list-style-type:none;
	float:left;
	position:absolute;
	z-index:1000;
	line-height: 18px;
}

#share div:hover ul, #share div.over ul,
.sharebutton div:hover ul, .sharebutton div.over ul{display: block;}

#share ul li, #share div:hover ul li, #share div.over ul li,
.sharebutton ul li, .sharebutton div:hover ul li, .sharebutton div.over ul li
{
	float:left;
	margin:0;
	padding:0;
	width:110px;
	position:relative;
}

#share li a,
.sharebutton li a
{
	text-decoration:none;
	color:#666;
	margin:4px;
	padding:0px 0px 0px 20px;
	display:block;
	font-size: 11px;
}

#share li a:hover,
.sharebutton li a:hover
{color:#000;}

.shareemail {background:url(_gfx/int/share/email.jpg) no-repeat 0 0;}
.sharefacebook {background:url(_gfx/int/share/facebook.jpg) no-repeat 0 0;}
.sharedel {background:url(_gfx/int/share/del.jpg) no-repeat 0 0;}
.sharegoogle {background:url(_gfx/int/share/google.jpg) no-repeat 0 0;}
.sharedigg {background:url(_gfx/int/share/digg.jpg) no-repeat 0 0;}
.sharetwitter {background:url(_gfx/int/share/twitter.jpg) no-repeat 0 0;}
.sharestumble {background:url(_gfx/int/share/stumble.jpg) no-repeat 0 0;}
.sharemyspace {background:url(_gfx/int/share/myspace.jpg) no-repeat 0 0;}
.sharelive {background:url(_gfx/int/share/live.jpg) no-repeat 0 0;}
.sharereddit {background:url(_gfx/int/share/reddit.jpg) no-repeat 0 0;}
.shareyahoo {background:url(_gfx/int/share/yahoo.jpg) no-repeat 0 0;}

.printer_friendly, .rss, .feedback, .font_size
{
	margin-left: 15px;
	float: right;
	display: inline;
	white-space: nowrap;
}

#share,
.sharebutton
{ cursor: pointer;margin: 10px 0;width: 156px;}

.printer_friendly a, .rss a, .sharelink a, .feedback a
{
	display: block;
    padding-left:9px;
	width: 147px;
	height:24px;
	font-size: 11px !important;
	line-height: 24px !important;
	color: #ffffff;
	text-transform: uppercase;
}

.rss a
{
    width:25px;    
}

.sharelink a{display: block;float: none;}
.sharelink a:hover{text-decoration: none;}

#FrontEndForm .font_size a
{
	font-size: 12px !important;
	line-height: 13px !important;
	color: #4a7e9e;
	display:inline;
	float: left;
	margin-left: 4px;
	outline: none;
}

.text_size{text-decoration: none;margin-right:6px!important}

.font_larger, .font_smaller
{
	text-indent: -4000px;
	overflow: hidden;
	width: 13px;
	height: 13px;
}

.font_larger{background: url(_gfx/int/font_plus.gif) 0 0px no-repeat;}
.font_smaller{background: url(_gfx/int/font_minus.gif) 0 0px no-repeat;}

.printer_friendly a{background: url(_gfx/int/print.gif) 0 0px no-repeat;}
.sharelink a
{
    background:url(_gfx/int/share/share.gif) 0 0px no-repeat;
    font-size: 14px;
    color: #c7c7c8;
    padding-left: 5px;
}
.rss a{background:url(_gfx/cmn/ico-rss.gif) 0 0px no-repeat;}
.feedback a{background:url(_gfx/int/feedback.gif) 0 0px no-repeat;padding-left:21px;}

.title_left{padding: 0px;/*add 12px top padding for breadcrumb*/}

.contentheader h1,
.contentheader_banner h1
{
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 32px !important;
	font-size: 28px !important;
	letter-spacing: -1px;
}

/** decoy sIFR styles**/
.sIFR-hasFlash h1{visibility: hidden;}

.contentheader h2,
.contentheader_banner h2
{
    padding:20px 0px 0px 0px;
    margin:0px;
	font-weight: bold !important;
	clear: both;
}

/************************************************
Content: main content area
************************************************/

.last_updated{display: none;}

/* Content: padding should be on content class NOT container */
.mainSpan_wrapper .content,
.mainSpan_wrapper_noleftnav .content,
.mainSpan_wrapper_review .content
{ 
	padding: 0px 0px 0 20px;
	width: 670px;
	overflow: hidden;
}

/************************************************
Content header and Content: No leftnav pages and review pages
************************************************/

.mainSpan_wrapper_noleftnav .container, .mainSpan_wrapper_review .container{width: 100%;}

.mainSpan_wrapper_noleftnav .content, .mainSpan_wrapper_review .content
{
	width: 900px;
	padding: 0px;
}

/* NoLeftNav pages */
.mainSpan_wrapper_noleftnav .banner_holder, .mainSpan_wrapper_noleftnav .deptbanner{display: none;}

.mainSpan_wrapper_noleftnav .contentheader, .mainSpan_wrapper_noleftnav .contentheader_banner{padding: 0px 0px 22px 0px;}

.mainSpan_wrapper_noleftnav .breadcrumb_wrapper{position: static;}

.mainSpan_wrapper_noleftnav .title_left
{padding-top: 10px;}

/* Review, error and home pages */
.mainSpan_wrapper_review .contentheader, .mainSpan_wrapper_review .contentheader_banner, .mainSpan_wrapper_home .contentheader
{display:none;}

/* Hide review title for all except .mainSpan_wrapper_review*/
.component_title_review{display:none;}
.mainSpan_wrapper_review .content{overflow:visible !important;}
.mainSpan_wrapper_review .important_alert_wrapper{display: none;}
.mainSpan_wrapper_review  .component_title_review, .mainSpan_wrapper_review .special_title
{
	display: block;
	font-weight: bold;
	position: relative;
	margin: 25px 0px 40px 0px;
	padding: 0;
	line-height: 32px !important;
	font-size: 28px !important;
	letter-spacing: -1px;
}

/**************************************************
Standard content styles
****************************************************/

.content textarea{width: 550px;}

.content input{line-height: 14px !Important;}
.content input[type=text],.content input[type=password]{width: 150px;}

.content fieldset{padding: 5px;}

.content iframe{border: 0;}

.content ul, .content ol
{
	padding-top:8px;
	padding-bottom:18px;
	padding-right:0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.content ul li, .content ol li{padding: 0px;}

.content ul ul, .content ol ol, .content ul ol, .content ol ul
{
	padding:0px;
	margin:2px 0 0px 30px;
}

.downloadmessage
{
	clear: both;
	text-align:center;
	width: 85%;
	margin: 10px auto;
}

.downloadmessage img{margin:0px 2px;}

.downloadmessage p
{
	font-size:90%;
	padding:5px 0px;
	margin:0px;
	line-height: 150%;
}

.paging{margin:10px 0;}

/************************************************
Footer
************************************************/

.footer_wrapper
{
	clear: both;
	width: 100%;
	float: left;
}

.footer
{
	width: 900px;
	margin: 0 auto;
	padding-bottom: 26px;
}

.footer p
{
	margin: 0;
	padding: 0;
}

.footer_text{clear: both;}

.footer_nav
{
	float: left;
	clear: left;
	font-size: 13px;
	padding-top: 47px;
}

.footer_nav a{margin-right: 17px;}

.footer_copy
{
	float: right;
	clear: right;
	font-size: 9px;
	text-transform: uppercase;
	background: url(_gfx/cmn/ico-footer.gif) right 38px no-repeat;
	padding: 49px 37px 0 0;
}

/************************************************
Department Home Page
************************************************/
.depthome_left
{
	width:455px;
	float: left;
	overflow: hidden;
	padding-bottom: 15px;
}

.mainSpan_wrapper_noleftnav .depthome_left{width: 681px;}

.depthome_right
{
	float:right;
	width:169px;
}

/************************************************
Department boxes
************************************************/
.depthome_right .news_box, .depthome_right .events_box
{
	float: right;
	width: 169px;
	margin: 0 0px 18px 0;
	position: relative;
	background: #fff !important;
	border:solid 1px #E0E8EC;
}

.depthome_right .box_title
{
	/*text-indent: -4000px;
	overflow: hidden;
    background: url(_gfx/int/news_title.gif) 0 0 no-repeat;*/
	height: 30px;
	font-size: 18px !important;
	font-weight:bold;
	color: #333333;
	background: none !important;	

}

.depthome_right .box_list
{
	/*background: url(_gfx/int/deptbox_bg.gif) 0 9px no-repeat;*/
	padding: 13px 12px 0px 14px;
	min-height: 120px;
}

.depthome_right ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 13px;
	font-size: 12px;
}

 .depthome_right ul li
{
	padding: 0px 0px 13px 0px;
	margin: 0px;
}

.depthome_right .news_box li a, .depthome_right .events_box h4
{
	color:#4f4f4f;
	text-decoration: none; 
	font-weight: bold;
}

.depthome_right li a:hover{text-decoration: underline;}

.depthome_right .box_bottomlink
{
	height: 20px;
	padding: 0px 12px 0 0;
}

.depthome_right .box_bottomlink a
{
	display: block;
	text-indent: -4000px;
	overflow: hidden;
	height: 12px;
	background: url(_gfx/int/deptbox_more.gif) 0 0 no-repeat;
	width: 52px;
	float: right;
}

/**** news box***/
.depthome_right .news_box .box_item_summary, .depthome_right .newsimg, .depthome_right .news_box .box_title a{display: none;}

/*****events box *****/
.depthome_right .events_box .box_title{background: url(_gfx/int/events_title.gif) 0 0 no-repeat;}

.depthome_right .events_box  .box_list
{
	padding: 12px 12px 0px 14px;
	min-height: 121px;
}

.depthome_right .events_box h4
{
	margin: 0;
	font-size: 12px;
}

.depthome_right .events_box a
{
	text-decoration: none;
	color:#00BDF3;
	line-height: 14px;
}

 .depthome_right .events_box ul li{padding: 0px 0px 11px 0px;}
 
 .depthome_right p{display:none;}
 
 .depthome_right .box_container
 {
     background:#fff;
     border:solid 1px #ECF1F3;
     margin: 0 0 10px 0;
  }
 
 /***********************************************
 Categories Page
 ************************************************/
 .sub_pages{padding-left: 20px;line-height: 17px;}
 
 .sub_pages ul
 {
    float:left;
 	margin: 0;
	padding: 0;
	list-style-type: none;
 }
 
.sub_pages ul li
 {
 	margin: 0;
	padding: 0 0 30px 20px;
	float: left;
	width: 210px;
}

.sub_pages ul li:first-child{padding-left: 0;}
  
.sub_pages ul li img
{
   		padding-bottom: 1px;
		border-bottom: 5px solid #333333;
		display: block;
		border-right: none;
		margin:0px;
}
 
 .sub_pages .newsimg { float:none;}
   
.sub_pages h6
{
   		font-size: 16px;
		letter-spacing: -0.5px;
		margin: 6px 0 15px 0;
		color:#00BDF3;
		padding: 0;
}

  .sub_pages .pageSummaryDark 
 {
    font-size:12px;
    display: block;
    font-weight:normal;
    letter-spacing: -0.5px;
    margin-top:10px;
	color:#4D4D4D;
 }
 
.sub_pages .pageSummary { display:none;}
 
 .dark_bg h6 { margin: 0px !important; letter-spacing: 0px !important;}
 
.sub_pages .dark_bg .subpage_title
{
	color:#ffffff;
	font-size: 16px;
	letter-spacing: -0.5px;
	margin: 0px 0 10px 0;
	padding-top: 6px;
	display: block;
	font-weight: bold;
}

.sub_pages .dark_bg li
{
	background: url(_gfx/int/subpage_bottom.gif) 20px bottom no-repeat;
	padding-bottom: 3px;
	margin-bottom: 25px;
}

.sub_pages .dark_bg li:first-child, .sub_pages .dark_bg li:first-child:hover{background-position: 0 bottom;}

.sub_pages .dark_bg li:hover{background: url(_gfx/int/subpage_bottom_over.gif) 20px bottom no-repeat;}
   
 .sub_pages .dark_bg img{border-bottom: 0;}
   
 .sub_pages .dark_bg .bottom_block
{
	  	display: block;
		background: #333333;
		padding: 5px 15px 1px 15px;
		color:#cccccc;
}

 .sub_pages .dark_bg .bottom_block:hover, .sub_pages .dark_bg li:hover .bottom_block
{
	background: #00bdf3;
	color:#bfeefc;
	text-decoration: none;
}

 .sub_pages .dark_bg .bottom_block .pageSummary 
 {
    color: #333333;
    font-size:12px;
    display: block;
    font-weight:normal;
    letter-spacing: -0.5px;
    margin: 0 0 6px;
	color:#cccccc;
 }
 
 .sub_pages a img
 {
    width:210px;
    height: 141px;
 }
 
 .dark_bg .pageSummaryDark{display:none;}

/***************************************************
News Page
***************************************************/
.news_title
{
	background: url(_gfx/int/news_logo.png) 0 0 no-repeat;
	text-indent: -4000px;
	overflow: hidden;
	height: 54px;
}

.news_left
{
	float: left;
	width: 440px;
	margin-right: 20px;
	position: relative;
	padding-bottom: 30px;
}

.news_left h3, .news_middle h3, .news_right h3
{
	font-size: 16px !important;
	letter-spacing: -0.5px;
	color:#4d4d4d;
	padding-bottom: 6px;
}

.news_left .news_sub, .news_middle .tweet_sub, .news_right .youtube_sub, .news_right .facebook_sub
{
	display: block;
	position: absolute;
	top: 2px;
	right: 0;
	background: url(_gfx/cmn/ico-rss.gif) right 0 no-repeat;
	padding-right: 19px;
	font-size: 9px;
	text-transform: uppercase;
	line-height: 17px;
}

 .news_middle .tweet_sub{background: url(_gfx/cmn/ico-twitter.gif) right 1px no-repeat;}
 .news_right .youtube_sub{background: url(_gfx/cmn/ico-youtube.gif) right 0px no-repeat;}
 .news_right .facebook_sub{background: url(_gfx/cmn/ico-facebook.gif) right 0px no-repeat;}

.news_left ul
{
	margin: 0;
	padding: 0 0 6px 0;
	list-style-type: none;
	float: left;
	width: 100%;
}

.news_left ul li
{
	margin: 0;
	padding: 0 0 16px 0;
	float: left;
	width: 100%;
}

.newsimg{float: left;}

.newsimg img
{
	border-right: 5px solid #d7e2f0;
	padding-right: 1px;
	margin: 3px 15px 0 0;
	display: block;
}

.news_left h4
{
	font-size: 16px;
	letter-spacing: -0.5px;
	color:#00bdf3;
	line-height: 18px;
	font-weight: bold;
	text-transform: none;
	margin: 0 0 9px 0;
	padding: 0;
}

.news_left ul p{margin: 0;}

.more_news
{
	border-left: 1px solid #cad9eb;
	padding: 0 0 0px 11px;
	margin: 0px 0 4px 0;
	clear: both;
}

.more_news h6
{
	font-size: 9px;
	text-transform: uppercase;
	color:#00bdf3;
	margin: 0px;
}

.more_news ul{float: none;}

.more_news ul li
{
	padding: 0 0 0 12px;
	background: url(_gfx/int/bullet.png) 0 7px no-repeat;
	float: none;
	width: auto;
}

.more_news ul li a{color:#4d4d4d;}

.more_news ul li a:hover
{
	color:#00bdf3;
	text-decoration: none;
}

.news_left  .box_bottomlink
{
	background: url(_gfx/int/breadcrumb_arrow.gif) 11px 0 no-repeat;
	padding: 0 0 0 29px;
	font-size: 9px;
	text-transform: uppercase;
}

.news_middle
{
	float: left;
	width: 210px;
	margin-right: 20px;
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 4px;
	background: url(_gfx/int/newsbox_bottom.gif) bottom left no-repeat;
}

.news_middle ul, .news_right ul
{
	margin: 2px 0 0 0;
	padding: 4px 0 0 0;
	list-style-type: none;
	background: url(_gfx/int/newsbox_top.gif) 0 0 no-repeat;
}

.news_middle ul li, .news_right ul li
{
	background:#e5edf5;
	margin-top: 1px;
	padding: 7px 20px 17px 20px;
	font-size: 11px;
	line-height: 14px;
}

.news_middle ul li:first-child, .news_right ul li:first-child{margin-top: 0;padding-top: 12px;}
.news_right ul li:first-child{padding-top: 14px;}

.news_middle ul li a, .news_right ul li a{color:#8596ab;}
.news_right ul li a{font-weight: bold;}

.news_right
{
	float: right;
	width: 210px;
	margin-bottom: 30px;
	padding-bottom: 4px;
	background: url(_gfx/int/newsbox_bottom.gif) bottom left no-repeat;
	position: relative;
}

.news_right ul li{padding: 8px 20px 11px 20px;}

.video_list
{
	background: url(_gfx/int/newsbox_bottom.gif) bottom left no-repeat;
	padding-bottom: 4px;
	margin-bottom: 20px;
}

.video_list img
{
	float: left;
	margin-right: 11px;
	margin-top: 3px;
	width: 90px;
	height: 54px;
}

.facebook_box{position: relative;}

.facebook_box p
{
	background: url(_gfx/int/newsbox_top.gif) 0 0 no-repeat;
	padding-top: 4px;
	margin: 0;
}

.facebook_box p a
{
	display: block;
	color:#8596ab;
	font-size: 11px;
	line-height: 14px;
	background:#e5edf5;
	padding: 12px 20px 20px 20px;
	min-height: 81px;
}

.news_bottom
{
	clear: both;
	width: 100%;
}

/************************************************
Home Page
************************************************/
.home_collage img{display: block;}

.home_collage
{
	height: 317px;
	width: 725px;
	z-index: 0;
	position: relative;
	float: left;
	padding: 0px;
	margin: 16px 0 0 -55px;
}


.home_collage .slideshow_master, .home_collage .slideshow_inner{z-index: 1;position: absolute;}

.home_collage .slideshow_post{z-index: 0;position: absolute;}

.important_alert_wrapper
{	
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	font-size: 9px !important;
	line-height: 11px!important;
	text-transform: uppercase;
	color:#ff9317;
}

.mainSpan_wrapper_home .important_alert_wrapper
{
	height: 11px;
	position: absolute;
	margin: 0;
	z-index: 1;
}

.mainSpan_wrapper_noleftnav .important_alert{padding-bottom: 10px;}

.important_alert_wrapper p
{	
	margin:0 0 14px 0;
	padding:0;
}

.important_alert_wrapper a{color:#ff9317;}

.important_alert_wrapper .hide_icon
{
	/*display: block;
	position: absolute;
	left: 0;
	text-indent: -4000px;*/
	display: inline-block;
	overflow: hidden;
	background: url(_gfx/cmn/alert_close.gif) 0 0 no-repeat;
	width:11px;
	height: 11px;
}

.home_account
{
	width: 210px;
	height: 300px;
	margin:36px 0 0 0px;
	float: right;
	background: #333333 url(_gfx/home/account_bottom.gif) bottom left no-repeat;
	position: relative;
}

.home_account h3
{
	background: url(_gfx/home/account_top.gif) 0 0 no-repeat;
	font-size: 18px !important;
	color:#ffffff;
	padding: 0 0 0 20px;
	line-height: 59px;
	margin: 0;
}

.home_account h3 a
{
	font-size: 18px !important;
	color:#ffffff;
	padding: 0 0 0 0;
	line-height: 59px;
	margin: 0;
}

.home_account .account_button_pay
{
	width: 170px;
	height: 31px;
	display: block;
	text-indent: -4000px;
	overflow: hidden;
	background: url(_gfx/home/Bill_Pay.gif) 0 0 no-repeat;
	margin: 15px 0 2px 20px;
}

.home_account .account_button_water
{
	width: 170px;
	height: 31px;
	display: block;
	text-indent: -4000px;
	overflow: hidden;
	background: url(_gfx/home/MyAccount_Water.jpg) 0 0 no-repeat;
	margin: 20px 0 2px 20px;
}

.home_account .account_button_view
{
	width: 170px;
	height: 31px;
	display: block;
	text-indent: -4000px;
	overflow: hidden;
	background: url(_gfx/home/My_Account.jpg) 0 0 no-repeat;
	margin: 15px 0 2px 20px;
}

.home_account .account_button_power
{
	width: 170px;
	height: 31px;
	display: block;
	text-indent: -4000px;
	overflow: hidden;
	background: url(_gfx/home/MyAccount_Power.jpg) 0 0 no-repeat;
	margin: 20px 0 2px 20px;
}

.home_account ul
{
	margin: 0px 0px 0px 36px;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	line-height: 19px;
}

.home_account ul li
{
	padding: 0 0 0 10px;
	background: url(_gfx/home/account_bullet.gif) 0 7px no-repeat;
}

.home_account ul li a{color:#ffffff;}

.home_account ul li a:hover
{
	text-decoration: none;
	color:#00bdf3;
}

.home_editable
{
	clear: both;
	margin:  0px 0 57px 0;
	padding-top: 19px;
}

.home_editable table
{
	border-spacing: 0;
	border: 0px;
	padding: 0px;
}

.home_editable td
{
	border-left: 1px solid #cbd9eb;
	padding: 0 10px;
	width: 209px;
	vertical-align: top;
}

.home_editable td:last-child{width: 189px}
.home_editable td.last-child{width: 189px}

.home_editable a
{
	text-transform: uppercase;
	display: block;
	font-size: 11px;
}

.home_editable .sep
{
	font-size:9px;
	color:#4d4d4d;
	padding-left: 10px;
	margin-bottom: 5px;
	background: url(_gfx/cmn/list_bullet.gif) 0 6px no-repeat;
}

.home_editable a.sep:hover
{
	text-decoration: none;
	color:#00BDF3;
}

.home_editable p{margin: 0;}

/************************************************
Home boxes
************************************************/

/***** news box*****/
.footer_news
{
	float: left;
	width: 690px;
	margin-top: 31px;
}

.footer_tweet
{
	float: right;
	text-align: left;
	width: 210px;
	margin-top: 31px;
}

.footer_news .box_title, .footer_tweet .box_title
{
	font-size: 18px !important;
	letter-spacing: -0.5px;
	color:#333333;
	margin: 0;
	float: left;
}

.footer_tweet .box_title{margin-bottom: 15px;}

.footer_news ul.social_icons
{
	margin: 0;
	padding: 1px 0 0 0;
	list-style-type: none;
	float: right;
}

.footer_news ul.social_icons li
{
	padding: 0 15px;
	margin: 0;
	float: left;
	border-left: 1px solid #e3e3e3;
}

.footer_news ul.social_icons li a
{
	 text-transform: uppercase;
	 color:#00bdf3;
	 font-size: 9px;
	 display: inline-block;
	 line-height: 14px;
}

.footer_news .rss_icon
{
	padding-left: 17px;
	background: url(_gfx/cmn/ico-rss.gif) 0 0 no-repeat;
}

.footer_news .facebook_icon
{
	padding-left: 18px;
	background: url(_gfx/cmn/ico-facebook.gif) 0 0 no-repeat;
}

.footer_news .youtube_icon
{
	padding-left: 18px;
	background: url(_gfx/cmn/ico-youtube.gif) 0 0 no-repeat;
}

.footer_news .twitter_icon
{
	padding-left: 18px;
	background: url(_gfx/cmn/ico-twitter.gif) 0 0 no-repeat;
} 

.footer_news .linkedin_icon
{
	padding-left: 18px;
	background: url(_gfx/cmn/ico-linkedin.jpg) 0 0 no-repeat;
} 

.footer_news .instagram_icon
{
	padding-left: 18px;
	background: url(_gfx/cmn/ico-instagram.jpg) 0 0 no-repeat;
}

/*** This is not being used on home page ****/
.footer_tweet .twitter_icon
{
	padding: 3px 0 0 18px;
	background: url(_gfx/cmn/ico-twitter.gif) 0 4px no-repeat;
	 text-transform: uppercase;
	 color:#00bdf3;
	 font-size: 9px;
	 display: inline-block;
	 line-height: 14px;
	 float: right;
}

.footer_news ul.social_icons li:first-child{border: 0;}

.footer_news .box_list
{
	clear: both;
	width: 100%;
}

.footer_news .box_list ul
{
	margin:  0;
	padding: 15px 0 0 0;
	list-style-type: none;
}

.footer_news .box_list ul li
{
	border-left: 1px solid #d8e3f1;
	float: left;
	padding: 0 10px;
	width: 209px;
	min-height: 70px;
}

.footer_news .box_list ul li a, .footer_tweet .latest_tweet{color:#4d4d4d;}

.footer_news .box_list ul li a:hover, .footer_tweet .latest_tweet:hover
{color:#00bdf3; text-decoration: none;}

.footer_news p{padding-top: 15px;}

.footer_news p, .footer_tweet p{clear: both;}

.footer_tweet .latest_tweet
{
	display: block;
	border-left: 1px solid #d8e3f1;
	padding: 0px  10px 0 10px;
	width: 191px;
	clear: both;
	min-height: 70px;
}

/************************************************
Forms
************************************************/
/* used on login page*/
.form div 
{
	margin:5px 0;
	clear: both;
	float: left;
	width:100%;
}

.form textarea
{
	width:200px;
	height:150px;
}

.form_label /* used on forward link page and login page*/
{
	padding-top:3px;
	font-weight: bold;
	height:17px;
	float: left;
	width: 180px;
	line-height: 15px !important;
	clear: left;
}

.form_textarea{width: 587px !important;}

legend{font-weight: bold;}

.form_normaltextbox /* used on login page and job applications and service requests*/
{
	width:300px !important;	
	margin: 2px 0;
}

.form_smalltextbox /* used on enotifier page and service requests*/
{
	margin: 2px 0;
	padding-left: 2px;
	width: 150px;
	background:#ffffff;
}

.form_normaldropdown
{
	width:300px;	
	padding-left:3px;	
}

.form_smalldropdown /* used on job application page*/
{margin: 2px 0;}

.form_button
{
	font-weight: bold;
	cursor: pointer;
	padding: 3px 10px;
	overflow: visible;
	display: inline-block !important;
	line-height: 14px;
	text-decoration: none;
	margin: 0px;
}

.form_calendarbutton
{
	border:0;
	cursor: pointer;
}

/*email form*/
.forwardlink br{display: none;}

.forwardlink input
{
	margin: 5px 0 5px 150px;
	display: block;
}

.forwardlink .recaptcha{margin: 10px 0;}

.forwardlink .form_button
{
	margin: 10px 0 0 0;
	display: inline;
}

.forwardlink .recaptcha input
{
	margin: 0;
	display: inline;
}

.forwardlink textarea
{
	display: block;
	clear: both;
}

/************************************************
Search
************************************************/
.search{}

.search .paging{text-align:center; }

.search .paging span.linkpage
{
	margin: 2px;
	font-size:90%; 
}

.search_result,
.search_result_alternate
{
	padding: 10px 30px 10px 30px;
}

.search_result_title
{
	font-weight:bold;
	font-size:110%;
}

.search_result_synopsis span.term1,
.search_result_synopsis span.term2,
.search_result_synopsis span.term3
{
	color: #000;
	font-weight: bold;
}

.search_result_synopsis span.term1{background-color: #FFFF66;}
.search_result_synopsis span.term2{background-color: #A0FFFF;}
.search_result_synopsis span.term3{background-color: #99FF99;}
.search_result_synopsis_highlight{background-color:#fcffcc;}

span.search_result_info{padding: 0 0 0px 25px;}

.autosuggestion div{padding: 0 0 20px 30px;}

a.advanced_search_link
{
	position: absolute;
	margin: -10px  0 0 630px;
	font-size: 85%;	
}

.search_features a.advanced_search_link{margin-top: -35px;}

/**************************
Advanced search styles
***************************/
.search_summary
{
	font-weight:bold;
	font-size:90%;
	padding:0px 30px 6px 30px;
}

.search_features{padding: 10px 40px;}

.advanced_searchbox
{
	float: left;
	width: 40%;
	position: relative;
}

.advanced_searchbox p{margin: 0 0 5px 0;}

.advanced_searchbox input.textfield
{
	width: 217px;
	line-height:16px;
	padding: 1px 0 1px 3px;
	height: 17px;
}

.adsearch_button
{
	position: absolute;
	bottom: 0px;
	left: 343px;
}

.sort_container
{
	float: left;
	font-weight: bold;
}

div.sort_items
{
	padding: 4px 0;
	margin: 8px 0px 14px 0px;
	line-height: 18px;
}

div.sort_items span.item
{
	margin: 0px 6px;
	padding: 1px 0 1px 22px;
	background: url(_gfx/cmn/arrow.gif) 0px 2px no-repeat;
	line-height: 18px !important;
}

div.sort_items span.item IMG /*for ie6, inline image bug*/
{
	vertical-align: middle;
	margin: 4px 0 5px 0;
}

div.sort_items span.item a{line-height: 18px;}

.sort_container_inline
{
	font-weight: bold;
	width: 100%;  /** for IE6/7 **/
}

.sort_container_inline div.sort_title
{
	float: left;
	clear: both;
	width: 145px;
	line-height: 18px;
}

.sort_container_inline div.sort_items
{
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0;
	clear: right;
	width: 400px;
}

/************************************************
Google Search
************************************************/
#cse-search-results{padding: 20px;background:#ffffff;}

#cse-search-results iframe{width: 858px !important;}

/************************************************
Lists, including DataGrid classes and Image-using item list 
************************************************/

/* For links on top of page and dropdown filters */
.topselector, .filter, .alphabetfilter, .alphabetpicker, .timing_link{margin: 10px 0;}

.filter select{}

.listDiv
{
	width: 100%;
	clear: both;
}

.listDiv td {vertical-align: top;} /*for photo album*/

.listtable
{
	width:100%;
	border-collapse:separate !important;
	border: 0px !important;
	margin: 10px 0;
	empty-cells: show;
	border-bottom: 4px solid #e5edf5 !important;
}

.righttable
{
    width:250px;
	border-collapse: separate!important;
	border: 0px !important;
	margin-bottom: 15px;
	empty-cells: show;
	border-bottom: 4px solid #e5edf5 !important;
}

.listtable th, .righttable th
{
	padding:2px 4px 3px 9px;
	text-align:left;
	font-weight: normal;
	font-size: 11px;
	border: 1px solid #ffffff !important;
	border-left: 0px!important;
	text-transform: uppercase;
}

.listtable th:first-child, .righttable th:first-child{border-left:1px!important;}

.listtable td, .righttable td{padding:10px 4px 10px 9px;}

.listtable td a, .righttable td a{color:#4d4d4d;}
.listtable td a:hover, .righttable td a:hover{color:#00BDF3;text-decoration: none;}

.listtable tr:nth-child(even) {background: #f5f8fb;}
.listtable tr.alt {background: #f5f8fb;}

/************************************************
Lists without table grid, like News
************************************************/
.listcomponent
{
	border:0px !important;
	border-collapse: separate !important;
	width: 100%;
}

.listcomponent th{display:none;}

.listcomponent td
{
	border:0px !important;
	padding:4px 4px 10px 0;
}

.listdocument{width: auto !important;}

.posted_date
{
	font-style: italic;
	font-size: 90%;
}

.listcomponent .sticky 
{
	background: url(_gfx/cmn/star6.gif) right -2px no-repeat;
	font-weight:bold;
	padding-right:20px;
}

/*************************************************
Component detail 
*************************************************/
.component_title, .survey_title
{
	font-size:148%;
	line-height: 112%;
}

.component_subtitle span, h3, h2
{
	font-weight: bold !important;
	font-size: 115% !important;
}

.component_back{margin:0px 0px 10px 0px;}

.component_back_link
{
 	float:right;
 	margin:10px;
	clear: both;
}

.component_listitem{padding: 0 0 15px 0;}

.component_listitem div, .component_content{clear: both;}
.component_content{width: 100%;}/*for ie7*/

.component_listitem_header, .component_listitem_header_wider
{
	font-weight: bold;
	width:100px;
	display:block;
	float:left;
}

.component_listitem_header_wider{width:150px;}

.component_listitem_content, .component_listitem_content_for_wider
{
	width:500px;
	display:block;
	float:left;
}
.component_listitem_content_for_wider{width:450px;}

/* ****************************************
Component list pagers
******************************************/
.listtable_pager, .listcomponent_pager, .listfaq_pager,
.listtable_pager span, .listcomponent_pager span, .listfaq_pager span
{
	text-align:center;
	font-size:11px;
	font-weight:normal;
	color:#ffffff;
	padding:2px 0; 
}

.listtable_pager span, .listcomponent_pager span, .listfaq_pager span
{
	display: block;
	float: left;
	margin-right: 1px;
	width: 40px;
	background:#00bdf3;
	border-bottom: 1px solid #008eb6;
}

.listtable_pager a,
.listcomponent_pager a,
.listfaq_pager a,
.search .paging a
{
	padding:2px 0; 
	text-decoration:none;
	font-size:11px; 
	font-weight:normal;
	display: block;
	float: left;
	margin-right: 1px;
	width: 40px;
}

.listcomponent_pager{text-align:left;}

.pager_prev, .pager_next
{
	background: url(_gfx/int/pager_prev.gif) 0 0 no-repeat !important;
	border-bottom: 0px !important;
	height: 20px;
	padding: 1px 0 3px 0 !important;
	overflow: hidden;
}

.pager_next{background: url(_gfx/int/pager_next.gif) 0 0 no-repeat !important;}

.pager_prev:hover, .pager_next:hover {background-position: 0 -24px !important;}

/*****************************************
Calendar month view
*****************************************/
.calendar_filter
{
    margin:0px 0px 20px 0px;
    text-align:center;
}

.calendar_filter select{}

.calendar, .calendar_wrapper
{
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}

.calendar_dayheader
{
	line-height: 30px;
	color: #ffffff;
	background:  #00BDF3;
	padding: 1px 0 0 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

.calendar_title{font-size: 20px !important;}

.calendar_title td
{
	padding: 11px 0px 10px 0px;
	width: 50% !important;
	font-weight: normal;
	color: #333333;
	overflow: visible;
}

.calendar_title td.calendar_nextprev
{
	width: 25% !important;
	text-align: center;
	padding: 8px 0px 0px 0px;
}

td.calendar_nextprev a
{
	color: #00BDF3!important;
	font-size: 12px !important;
}

td.calendar_nextprev a:hover
{
	color: #00BDF3!important;
}

.calendar_day,
.calendar_today,
.calendar_weekendday,
.calendar_othermonthday 
{
	text-align:left;
	vertical-align: top;
	font-size:18px;
	line-height:25px;
	font-weight:normal;
	padding: 3px 8px;	
	height:105px;
	border: 1px solid #f0f0f0;
	border-top: 0;
}

.calendar_day,
.calendar_weekendday
{
	color:#4d4d4d;
	background: #ffffff;
}

.calendar_othermonthday
{
	background: #f5f8fb;
	color:#b1afaf;
}

.calendar_today
{
    background: #A1B6CF;
	color:#ffffff;
}

.calendar_eventtime
{
	line-height:109%;
	padding: 0px 0px 2px 0px !important;
	display: block;
	font-size: 11px;
	font-weight: normal;
}

.calendar_eventlink
{	
	line-height:109%;
	font-size: 11px;
	display:block;
	margin:0px 0px 10px 0px;
	font-weight: normal;
}

.calendar_eventlink:hover{}

.calendar_today .calendar_eventtime, .calendar_today .calendar_eventlink{color:#ffffff;}

td.calendar_day br, td.calendar_today br, td.calendar_weekendday br, td.calendar_othermonthday br{display: none;}

/************************************************
Site map
************************************************/
.sitemap img{margin: 0 5px 0 0;}

.rootnode a, .parentnode a {font-weight: bold;} 

.sitemap_file{list-style-image: url(_gfx/_SiteMap/file.gif);}

.backtotoplink
{
	padding:10px 0 10px 5px;
	font-size: 85%;
}

/************************************************
Link List
************************************************/
.link_content{display:block;}

.listlink
{
	width: 100%;
	padding:0;
	border-collapse: separate !important;
}

.listlink td
{
	padding: 0 0 14px 0 !important;
	border:0 !important;
}

/************************************************
FAQ List
************************************************/
.listfaq
{
	width:100%;
	border-collapse: separate !important;
}

.listfaq td
{
	padding:4px;
	border:0px;
}

.listfaq_answers
{
	width:100%;
	margin-top: 20px;
	border-collapse: separate !important;
}

.listfaq_answers td
{
	padding:4px 4px 14px 4px;
	border: 0;
}

.listfaq_q{font-weight:bold;}

.listfaq_q_js
{
 	font-weight:bold;
 	cursor: pointer;
}

.listfaq_a_left
{
	float:left;
	width:20px;
	font-weight:bold;
}

.listfaq_a_right
{
	float:left;
	width:96%;
}

/***********************************************
E-Notifier
***********************************************/
.tag_div{padding: 10px 0 20px 0;}

.area_div
{
	padding: 5px 0;
	clear: both;
	line-height: 15px !important;
}

.area_div span
{
	width: auto !Important;
	float: none !Important;
}

.area_div label,  .area_div div,  .area_div td{line-height: 15px !important;}

.area_div span label
{
	line-height: 17px !important;
	padding-top: 3px;
	width: 150px !Important;
	display: block;
	float: left;
	clear: left;
}

.area_div td label
{
	line-height: 17px !important;
	display: block;
	padding-top: 1px;
}

.area_div td input{margin-right: 0;}

.area_div  input{margin-right: 3px;}
.area_div fieldset {margin: 0;}

/************************************************
Form/Survey Component
************************************************/
.survey_container INPUT[type="checkbox"]{margin-bottom: 0px;}

.survey_container span, .survey_container TABLE tr, .survey_container TABLE
{
	background: transparent !important;
	font-size: inherit !Important;
}

.survey_container span{width: 100%!important;}

.survey_container table, .survey_container td
{
	padding: 0px !important;
	margin: 0px !important;
}

/*add correct padding, then remove it from the nested tables */
.survey_container table tr td{padding: 8px 0px !important;}

/*following  style reduces the gap at the top of the page in Firefox and Safari, caused by the padding on two empty table rows*/
.survey_container table tr:first-child td{padding: 0px !important;}

.survey_container table table tr td, .survey_container table table table tr td, .survey_container table table table table tr td{padding: 0px !important;}

.survey_container table table table table tr td, .survey_container table table table table tr:first-child td{padding: 3px 5px 0px 0px !important;}

.survey_container table table td br
{
	display: block !important;
	height: 0px !important;
	line-height: 0px !important;
}

/*for when the recaptcha error is present above the button*/
.survey_container .form_button
{
	margin-top: 10px;
	display: block;
}

/************************************************
Staff Directory
************************************************/
.staff_column_div
{
	width:100%;
	float:left;
}

.staff_thumbnail_span
{
	float:left;
	width:110px;
}

.staff_thumbnail_span img{margin:0px 5px 10px 0px;}

.staff_component_title
{
	font-size:140%;
	font-weight: bold;
}

.staff_column_div .component_listitem
{
	width: 450px !important;
	float: left;
}

.staff_column_div .component_listitem_content{width: 350px;}

/******************************************
Photo Album 
******************************************/
.album_item
{
	margin: 5px 5px 20px 5px;
	text-align:center;
	background-color: #ffffff;
}

.album_thumb
{
	background: url(_gfx/album/exported_group.jpg) top center no-repeat;
	overflow: hidden;
	width: 260px;
	height:130px;
	padding-top:22px;
}

.album_thumb img
{
	width: 160px !important;
	height: 110px;
	position:relative;
	left:0px; 
	border:0px;
	display:block;
	margin:0px auto;
	overflow: hidden;
}

.album_name
{
	text-transform:uppercase;
	font-weight:bold;
}

.album_details
{
    font-size:85%;
	line-height: 15px;
}

.photo_item
{
    padding:20px;
    text-align:center;
	margin: 5px;
	background-color: #ffffff;
}

.photo_thumb
{
    background: url(_gfx/album/single_photo.gif) top center no-repeat;
    overflow: hidden;
    width:240px;
    padding-top:33px;
    height: 207px;
    margin: 0 auto;
}

.photo_thumb img
{
    display:block;
    margin: 0 auto;
}

.photo_detail
{
    text-align:center;
}

.slideshow_link
{
    float:right;
    width:140px;
 	text-align:left;
    margin:0px 0px 0px 10px;
}

.slideshow_link a
{
    display:block;
    padding:4px 3px 4px 27px;
    background: url(_gfx/album/slideshow.gif) 7px 7px no-repeat;
    font-size:11px !important;
	font-weight:bold;
}

.slideshow_nav{text-align:center;}

#photo_single
{
	margin-top: 5px;
	background-color: #ffffff;
}

#photo_single img{display: block;}

/**flash album**/
#flashcontent{text-align: center;}

/************************************************
Official's Corner 
************************************************/
.official_list_thumbnail
{
	float:left;
	width:70px;
}

.official_list_info
{
	float:left;
	padding:15px 0px 0px 0px;
	width:600px;
}

.official_image
{
	float: left;
	width:auto;
	height:auto;
	margin:10px 0px 0px 0px;
}

.official_info
{
	float: right;
	text-align:left;
	width:510px;
	margin:10px 0px 0px 0px;
	padding:3px 5px;
}

.official_info_div, .official_top
{
	clear:both;
	width: 100%;
}

.official_info_header
{
	font-weight:bold;
	float: left;
	width:125px;
}

.official_info_content
{
	float: right;
	width:375px;
}

.official_info_noimage
{
	width:100%;
	padding:10px 0px 0px 0px;
}

.official_section_title
{
	font-weight:bold;
	padding:15px 0px 3px 0px;
}

.official_message_list
{
	float: left;
	width:180px;
}

.official_message_message
{
	float: right;
	width:480px;
}

.official_message_subject
{
	font-weight:bold;
	padding:3px 5px;
}

.official_message_body, .official_bio{padding: 3px 5px;}

.official_list:after, .official_top:after, .official_info_div:after, .official_message:after, .official_bio:after { content: ""; display: block; height: 0; clear: both; }

/************************************************
Weather component
************************************************/
.forecast_item
{
	text-align: center;
	float: left;
	height: 180px;
	margin: 5px;
	overflow: hidden;
	line-height: 18px;
	background-color:#ffffff;
	width: 17.5%;
}

.forecast_item img
{
	width: 79px;
	height: 49px;
}

.clear{clear: both;}

/************************************************
Facility component
************************************************/

.facility_table, td.facility_detail{width: 100%;}

.facility_header_cell, .facility_name{
	font-weight:bold;
	font-size: 120%;
}

td.facility_detail li {
	margin: 0px;
	padding:0px;
}

td.facility_thumbnail img {float:left;margin:0px 10px 10px 0;}
td.facility_thumbnail {vertical-align:top;}

.facility_detail span{display: block;}

.facility_map{width: 250px;}

 .facility_map ul,  .facility_map li
{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
}

img.markerimg
{
	float: right;
	margin: 20px 0 0 5px;
	width: 100px;
	height: 85px;
}

/************************************************
Business Directory
************************************************/
.list_business
{
	padding-bottom: 20px;
	float: left;
	width: 100%;
}

.business_list_name
{
	font-size: 125%;
	font-weight: bold;
}

.business_image_container
{
	float: left;
	clear: left;
	margin-top: 10px;
}

.business_image_container IMG{margin:0px 10px 10px 0;max-width: 150px;}

.business_list_container
{
	width: 360px;
	float: left;
	overflow: hidden;
	margin-top: 10px;
}

.business_list_title
{
	width:85px;
	display:block;
	float: left;
	clear: left;
	font-weight: bold;
}

.business_column_div{padding-top: 10px;}

.business_thumbnail_span
{
	float: left;
	margin-right: 15px;
	padding-bottom: 20px;
}

.business_listitem_span
{
	float: left;
	width: 360px;
}

.business_listitem_span .component_listitem_content{width: 190px;}

/************************************************
Poll component
************************************************/
.poll
{
	margin: 20px 0px 0px 0px;
	width: 100%;
}

.poll_q{font-weight: bold;}

.poll_choices{padding-bottom: 10px;}

.poll_choices INPUT
{
	float: left;
	clear: left;
	margin: 3px 10px 0px 0px;
	height: 13px;
	width: 13px;
	padding: 0;
}

.poll_choices label
{
	float: left;
	width: 620px;
}

.mainSpan_wrapper_noleftnav .poll_choices label{width: 820px;}

.poll_result_answer table tr{height: 12px !important;}

/************************************************
Follow Twitter
************************************************/
.followTwitter{padding:8px;}

.followTwitter .img
{
	float:left;
	width:48px;
	margin-right:12px;
}

.followTwitter .summary{float:left;}

.followTwitter .button
{
	float: right;
	margin-top: 3px;
}

.followTwitter .summary span
{
	font-size:110%;
	margin-right:7px;
}

.accountFullName{font-weight: bold;}

.accountStatus{font-style:  italic;}

/************************************************
Rss Feed Viewer
************************************************/
.rssitem{padding:4px 4px 10px 0;}

.rssitem span.time
{
	font-style:italic;
	display:block;
}

/**********************************************
Blog
***********************************************/
.newsBlog .blog_title{margin-bottom: 5px;}

.newsBlog .component_title{margin-bottom: 5px;}

.newsBlog .component_listitem{padding: 0 0 6px;}

.newsBlog .component_listitem_header
{
	margin-right:3px;
	font-weight:lighter;
	width:auto;
}

.newsBlog .component_listitem_content{width:auto;}

.blog_left
{
	float:left;
	width:325px;
	overflow: hidden;
	padding-bottom: 15px;
}

.mainSpan_wrapper_noleftnav .blog_left{width: 525px;}

.blog_right
{
	float:right;
	width:302px;
	padding-bottom: 15px;
	overflow: hidden;
	margin-right: 2px;
	position: relative;
	font-size: 12px;
}

.blog_right .blog_box, .blog_right .blog_news_box 
{
	margin-bottom:22px;
	float: right;
	width: 100%; /*for ie6*/
	/*background: #e0e8ec url(_gfx/int/blog/blog_bg.gif) 0px 53px no-repeat;*/
	padding-bottom:0px;
	color:#4f4f4f;
	background: #fff;
	border:solid 1px #e0e8ec;
}

.blog_right .blog_box td {color:#4f4f4f;font-size: 12px;}

.blog_right .blog_box a{}

.blog_box .subtitle
{
	font-size:23px !important;
	line-height: 25px !important;
	font-weight:normal !important;
	color: #1c3b52 !important;
	padding: 8px 0px 0px 0px;
	position: relative;
	margin: 0px 0px -6px -1px;
	width: 271px;
	float:left;
	clear: both;
}

.blog_right .box_title
{
	/*background: url(_gfx/int/blog/blog_news_title.gif) 0px 0 no-repeat;*/
	/*text-indent: -4000px;
	overflow: hidden;*/
	height: 22px;
	font-size: 18px !important;
	font-weight:bold;
	color: #333333;
	background: none !important;
}

.blog_box_title
{
    display: inline-block;
    margin: 6px 0 0 6px;
}

.blog_box .subtitle .subtitle
{
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
	position: static;
	height: auto !important;
	width: auto;
	text-transform: none;
	font-variant: normal;
}

.blog_box p
{
	margin: 0 0 10px 0; 
	float:left;
	clear: both;
	width: 100%;
	position: relative;
}

.blog_box p.subtitle{margin-bottom: 4px !important;}

.blog_right .blog_box_list
{
	padding: 0px 16px 10px 16px;
	width: 270px;
}

.blog_right .box_list
{
	width: 302px; /* for IE7*/
	padding: 10px 0px 3px 0;
}

.blog_news_box ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 13px;
	font-size: 13px;
}

.blog_news_box .box_list ul li
{
	margin:  0 0px;
	padding: 5px 17px 6px 17px;
}

.blog_news_box li+li, .blog_news_box li+ li+li+li, .blog_news_box li+ li+li+li+li+ li, .blog_news_box li+ li+li+li+li+ li+li+li, .blog_news_box li+ li+li+li+li+ li+li+li+li+li, .blog_news_box li+ li+li+li+li+ li+li+li+li+li+li+li, .blog_news_box li+ li+li+li+li+ li+li+li+li+li+li+li+li+li, .blog_news_box li+ li+li+li+li+ li+li+li+li+li+li+li+li+li+li+li  {background: transparent none; }

.blog_news_box li, .blog_news_box li+li+li, .blog_news_box li+li+li+li+li, .blog_news_box li+li+li+li+li+li+li, .blog_news_box li+li+li+li+li+li+li+li+li, .blog_news_box li+li+li+li+li+li+li+li+li+li+li, .blog_news_box li+li+li+li+li+li+li+li+li+li+li+li+li, .blog_news_box li+li+li+li+li+li+li+li+li+li+li+li+li+li+li, .blog_news_box li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li  {background: #ecf1f3; }

.blog_news_box .box_item_date{display: block;color:#4f4f4f;font-size: 11px;}

.blog_news_box .box_list a{text-decoration: none;color:#00BDF3;font-weight: bold;}
.blog_news_box .box_list a:hover{text-decoration: underline;}

.blog_news_box .box_list p
{
	margin: 0;
	padding:6px 0;
	text-align:left;
}

.blog_right .box_bottomlink{display:none;}

.blog_right .archiveButton
{
	padding: 0px 11px 0 0px;
	height: 21px;
}

.blog_right .archiveButton a
{
	display: block;
	height: 14px;
	background: url(_gfx/int/blog/archives_button.gif) 0 0 no-repeat;
	width: 75px;
	text-indent: -4000px;
	overflow: hidden;
	float: right;
}

.error_message li{color: red;}

.error_message ul{margin-bottom: 0 !important;}

/**********************************************
reCAPTCHA
**********************************************/

#recaptcha_image{float:left;}

.recaptcha_icons
{
	margin:0px 3px;
	display:block;
	float:left;
}

.recaptcha_response_area{clear:both;}

.recaptcha_reload, .recaptcha_only_if_image, .recaptcha_only_if_help
{
	margin:1px 1px 1px 0;
	font-weight:lighter !important;
}

.survey_container .recaptcha{margin-bottom: 10px;}

/*Add to my calendar Styles*/
.addtocalendar
{
	margin:15px 0 5px 0;
	clear: both;
	float: left;
}

.calendar_Controls
{
   display: block;
   padding:0px 0 0 25px;
   width:175px;
   margin: 0;
   background:url(_gfx/int/ical.png) no-repeat 0 0;
}

#calendarControls, #calendarControlsBottom
{
   display: none;
   border:1px solid #666;
   background-color: #ffffff;
   line-height: 18px;
   width: 160px;
}

div:hover.addtocalendar #calendarControls, div:hover.addtocalendar #calendarControlsBottom
{
    display: block;
	position: absolute; /*ie7 needs it to be here*/
}

#calendarControls br, #calendarControlsBottom br{display: none;}

#calendarControls a, #calendarControlsBottom a
{
       text-decoration:none;
      color:#666;
      margin:4px;
      padding:0px 0px 0px 25px;
      display:block;
      font-size: 11px !important;
      width: 130px;
}

#calendarControls a:hover, #calendarControlsBottom a:hover
{
    color:#000;
     text-decoration: underline;
}

.outlookcalendar{background:url(_gfx/int/calendar_add.gif) no-repeat 0px 0px;}
.googleCal {background:url(_gfx/int/google.gif) no-repeat 0px 0px;}
.yahooCal {background:url(_gfx/int/yahoo.gif) no-repeat 0px 0px;}

/*  AmManager */
#AmManagerOptionDiv{padding-left:135px;}

#AmManagerOptionDiv select,
#AmManagerYearDiv select
{
	width:160px;
	margin:2px 5px 2px 0;
}

#AmManagerOptionDiv .Title
{
	font-weight:bold;
	padding-top: 12px;
}

#AmManagerYearDiv label.selectayear{font-weight: bold;display: inline-block; width: 135px;}
#AmManagerYearDiv{padding-bottom: 10px;}

/****************************************
Feedback lightbox
*****************************************/
.feedback_form
{
	background: #ffffff;
	height: 480px !important;
	padding: 20px;
	width: 430px !important;
	margin-bottom: -20px !important;
	margin-bottom: 0;
	overflow: hidden;
}

.feedback_form .content_review_title
{
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 20px;
}

.form_lbl
{
	float: left;
	width: 153px;
	margin-top: 9px;
	clear: left;
}

.feedback_textbox
{
	margin: 8px 0 0 0;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 15px;
	height:17px;
	width:270px;
	border: solid 1px #aaaaaa;
}

.feedback_form p
{
	margin: 15px 0 0 0;
	padding: 0;
}

.feedback_messagetextbox
{
	width:425px !important;
	height: 143px;
	margin:  0 0 10px 0;
	padding: 0;
	border: solid 1px #aaaaaa;
}

.feedback_form .recaptcha
{
	margin-bottom: 15px;
	/*hides an annoying &nbsp */
	float: left;
	width: 97%;
}

.feedback_form #recaptcha_response_field
{
	padding-top: 0;
	padding-bottom: 0;
	border: solid 1px #aaaaaa;
	height: 17px;
}

.feedback_form div[align="right"]
{
	float: none !important;
	width: 100%;
	clear: both;
}

#forward_form br
{display: none;}

#forward_form div br{display: inline;}

/***Service Request****/
.sr_logindiv
{
	float:left;
	margin-right:15px;
	width: 240px;
	overflow: hidden;
}

.mainSpan_wrapper .sr_logindiv{width: 225px;}

.sr_logindiv_processor{width: 315px;}
.sr_logindiv_processor .sr_loginform_row{width:300px;}
.sr_logindiv_processor .sr_loginform_row_submitdiv{margin-left: 155px !important;white-space:nowrap;}

.sr_logindiv legend, .sr_logindiv fieldset, .sr_actiondiv legend{padding-left: 0;}

.sr_actiondiv
{
	float:left;
	border-left:dashed 1px #C2BCA6;
	padding-left: 25px;
	width: 570px;
	overflow: hidden;
}

.mainSpan_wrapper .sr_actiondiv{width: 370px;}

.sr_locationdiv span{float: left;white-space: nowrap;}

.sr_actiondiv .ordiv
{
	width:29px;
	height:15px;
	background:url(_gfx/cmn/or.gif) no-repeat;
	position:absolute;
	margin:3px 0 0 -39px;
}

.sr_actiondiv_loggedin .ordiv{display:none;}

div.grippie 
{
	background:#eee url(_gfx/cmn/grippie.png) no-repeat scroll center 2px;
	border-color:#ddd;
	border-style:solid;
	border-width:0px 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
	margin-bottom: 4px;
	width: 451px;
}

.mainSpan_wrapper div.grippie{width: 360px;}

.resizable-textarea textarea 
{
	display:block;
	margin-bottom:0px;
	width: 451px !important;
	height: 100px;
	overflow: auto;
}

.mainSpan_wrapper .resizable-textarea textarea {width: 360px !important;}

#uploadArea .form_smalltextbox{width: 300px;}

fieldset.sr_login, .sr_newuser, .sr_newrequest, .sr_myaccount{border: 0 !important;}

.sr_login .sr_loginform_row .form_smalltextbox
{
	float:right;
	width: 140px;
}
.sr_login .sr_loginform_row label{float:left;}

.sr_login .sr_loginform_row{clear:both;}

.sr_loginform_row_submitdiv{margin: 3px 0 0 91px;}
.mainSpan_wrapper .sr_loginform_row_submitdiv{margin: 3px 0 0 80px;}

.sr_newrequest,  .sr_newuser, .sr_myaccount{padding-left: 0 !important;}

.sr_newuser label, .sr_newrequest label, .sr_myaccount label
{
	display: block;
	width: 150px;
	margin: 0 !important;
	margin-right: -3px; /*for ie6*/
	float: left;
	padding: 2px 0;
	clear: left;
}

.sr_newuser, .sr_newrequest, .sr_login, .sr_password, .sr_currentrequests, .sr_pr_currentrequests, .sr_myaccount, .sr_comments, .sr_addinfo
{
	margin: 0 0 10px 0;
	padding: 0px 5px 5px 5px;
}

.sr_newrequest{padding-left: 0!important;}
 
  .sr_newuser legend, .sr_newrequest legend, .sr_login legend, .sr_password legend, .sr_currentrequests legend, .sr_pr_currentrequests legend, .sr_myaccount legend, .sr_comments legend, .sr_addinfo legend
{
	padding-bottom: 5px; /*put padding on legend instead of fieldset for IE6/7/8*/
	padding-left: 0;
}
 
 /*.sr_login,*/
 .sr_currentrequests, .sr_comments{margin-top: 8px;}
 
 .sr_login p{margin: 0;}
 
 .sr_password p, .sr_comments p{margin: 0 0 8px 0;}
  
  .sr_comments legend span
 {
	white-space:normal;
	max-width: 600px;
	float: none !important;
	float: left;
	display: block;
 }
 
 /*for firefox 2*/
  /*.sr_comments legend span, x:-moz-any-link {width: 600px;}
  .sr_comments legend span, x:-moz-any-link, x:default {width: auto;}*/
 
 label.sr_longlabel
 {
 	width: auto;
	float: none;
	display:block;
	clear: both;
 }
 
 .sr_topic
{
	font-size: 0;
	line-height: 0;
}

 .sr_upload_allowedfiles
 {
 	font-style: italic;
 	margin-bottom: 12px;
 }
 
 .service_request_userinfo{text-align: right;}

.sr_addinfo div, .sr_newrequest div, .srfaq_container li, .sr_locationdiv{clear: both;}
.sr_locationdiv .form_smalltextbox{width: 130px !important;}
.sr_locationdiv select{width: 40px;}

.sr_info_left
{
	width:150px;
	display:block;
	float:left;
	clear: left;
}

.sr_info_right
{
	width:550px;
	display:block;
	float:left;
}

.mainSpan_wrapper .sr_info_right{width: 350px;}

.sr_info_block{display:inline;}

fieldset.sr_loginmode
{
	border: none;
	margin: 0;
	padding: 0;
}

.sr_loginmode legend{display:none;}	

.sr_backbutton
{
	display: inline-block;
	margin-bottom:6px;
}

.rs_deletecomment{float: right;}

.sr_logout_button
{
	display:block;
	margin: 0px 0px 10px 0;
	width: auto;
	text-align: left;
}

.srfaq_question,
.srfaq_answer
{width:100%;}

.srfaq_container p b
{
	margin-top: 5px;
	display: block;
}

.srfaq_container p{margin-bottom: 0;}

.srfaq_container ul p{margin-bottom: auto;}

.srfaq_container ul{margin-top: 0 !important;}

.sr_commentthread{margin:15px 0 0 0;}

a.upload-area{cursor:pointer;}

/**********************************************
Testimonials /guestbook
***********************************************/

.testimonial_text
{
	padding:0 0 0 50px;
	width:530px;
	font-style: italic;
}

.open_quotation
{
	left:15px;
	position:relative;
	top:10px;
}

.close_quotation
{
	bottom:18px;
	left:575px;
	position:relative;
}

.testimonial_writer
{
	margin:0 40px 0px 35px;
	text-align:right;
	font-weight: bold;
	font-size: 85%;
}

.testimonial_date
{
	text-align:right;
	font-size: 85%;
	margin:0 40px 0px 35px;
}

/**********************************************
Guestbook
***********************************************/
.guestbook_form{padding-top: 20px;}

.guestbook_form textarea{width: 450px;}

.guestbook_form .form_field
{
	width: 450px;
	margin: 0px 0 7px 0;
	float: none;
	height: auto;
}

.guestbook_form .form_button{width: auto;}

.guestbook_form .form_submit{margin: 9px 0 35px 120px;}

.guestbook_form .form_label{width: 120px;}

.guestbook_form .recaptcha{margin: 8px 0 0 120px;}

/*** mobile view ***/
#SwitchToMobile{background: #fff9a5 url(_gfx/cmn/mobile/mob_visionlink_strip.gif) bottom left repeat-x;}

#SwitchToMobile a
{
	display: block;
	background: url(_gfx/cmn/mobile/mob_visionlink_bg.jpg) center bottom no-repeat;
	text-align: center;
	font-size: small;
	color: #000000;
	padding: 5px 0 4px 0;
	border: 1px solid #bdbdbd;
	text-decoration: none;
}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {visibility: visible !important;}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {display: none !important;}


.browser-detection{
    background-color: #FFF1A8;
    padding: 3px 10px;
    font-size: 11px;
    font-weight:bold;
    margin:0;
}

/******* wls:012316 changed to accommodate request for accordion on index=993  ***/
/* Shared for all accordion types */
.accordion {
    font-family:Arial, Helvetica, sans-serif; 
    margin:0 auto;
    font-size:14px;
    border:1px solid #ff9933;
    border-radius:10px;
    width:600px;
    padding:10px;
    background:#fff;
}
.accordion ul {
    list-style:none;
    margin:0;
    padding:0;    
}
.accordion li {
    margin:0;
    padding:0;
}
.accordion [type=radio], .accordion [type=checkbox] {
    display:none;
}
.accordion label {
    display:block;
    font-size:16px;
    line-height:16px;
    background:#ff9933;
    border:1px solid #ff9933;
    color:#ff9933;
    text-shadow:1px 1px 1px rgba(255,255,255,0.3);
    font-weight:700;
    cursor:pointer;
    text-transform:uppercase;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
}
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label {
    background:#ff9933;
    color:#FFF;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5)
}
.accordion .content {
    padding:0 10px;
    overflow:hidden;
    border:1px solid #fff; /* Make the border match the background so it fades in nicely */
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
}
.accordion p {
    color:#333;
    margin:0 0 10px;
}
.accordion h3 {
    color:#ff990;
    padding:0;
    margin:10px 0;
}

/* Accordion_Vertical */
.vertical ul li {
    overflow:hidden;
    margin:0 0 1px;
}
.accordion_vertical ul li label {
    padding:10px;
}
.accordion_vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label {
    border-bottom:0;
}
.accordion_vertical ul li label:hover {
    border:1px solid #ff990; /* We don't want the border to disappear on hover */
}
.accordion_vertical ul li .content {
    height:0px;
    border-top:0;
}
.accordion_vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content {
    height:300px;
    border:1px solid #ff990;
}