/*
	

    HTML5 Reset
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Default
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

.loading {
	display: none;
	background-color: #FFFFFF;
}

article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
}


/* force a vertical scrollbar to prevent a jumpy page */
html {
	overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {
	list-style: none;
}

blockquote, q {
	/* ReSharper disable once CssBrowserCompatibility */
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
    color: #1d70c2;
    font-weight: 400;
    text-decoration: none;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
    font-size: inherit;
}

th {
	font-weight: 700;
	vertical-align: bottom;
}

td {
	font-weight: 400;
	vertical-align: top;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
}

input[type="radio"] {
	vertical-align: text-bottom;
}

input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {
	vertical-align: text-bottom;
}

select, input, textarea {
	font: 99% sans-serif;
    color: #555;
}

.middle {
	vertical-align: middle;
}

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
	outline: none;
}

small {
	font-size: 85%;
}

strong, th {
	font-weight: 700;
}

td, td img {
	vertical-align: middle;
}

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* standardize any monospaced elements */
pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {
	cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
	margin: 0;
}

/* make buttons play nice in IE */
button {
	width: auto;
	overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
	-ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover */
.ie6 html {
	/* ReSharper disable once CssBrowserCompatibility */
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/* let's clear some floats */
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
}

/* Begin Virginia.gov custom
-------------------------------------------------------------------------------*/

/*
font sizes
px  %
10  77
11  85
12  93
13  100
14  108
15  116
16  123.1
17  131
18  138.5
19  146.5
20  153.9
21  161.6
22  167
23  174
24  182
25  189
26  197
*/

html, body {
	width: 100%;
	margin: 0;
	padding: 0;
}

body, .ui-widget {
	font-size: 13px;
	font-family: 'Ubuntu',sans-serif;
	color: #555;
}

a:hover {
	text-decoration: underline;
}

/*skip navigation */

.skipNavigation {
	position: absolute;
	left: -999px;
}

	.skipNavigation:focus {
		position: relative;
		left: 0.5em;
	}

.leftContent a {
	text-decoration: underline;
}

.leftContent ul {
	margin-left: 30px;
	/*  list-style: disc inside none; */
}

.leftContent li {
	padding-bottom: 0;
}

	.leftContent li a {
		font-weight: 400;
	}

.leftContent ol {
	margin-left: 35px;
	list-style-position: inside;
}

.leftContent p {
	padding-bottom: 15px;
}

#fullWrapper {
	width: 100%;
	/*min-width:960px;*/
	background: url('../images/groovepaper_no_color.jpg');
}

h1 {
	font-size: 280%;
	font-family: 'Ubuntu', sans-serif;
	padding-bottom: 15px;
	color: #555;
	margin-left: 8px;
}

h2 {
	font-size: 182%;
	font-family: 'Ubuntu', sans-serif;
	padding-bottom: 15px;
	color: #555;
}

h3 {
	clear: both;
	color: #555555;
	font-family: 'Questrial',sans-serif;
	font-size: 138.5%;
	padding-bottom: 3px;
	padding-top: 10px;
}

.moreInfoHeader {
	clear: both;
	color: #555555;
	font-family: 'Questrial',sans-serif;
	font-size: 138.5%;
	padding-bottom: 3px;
	padding-top: 10px;
	display: block;
	font-weight: 700;
}

.searchHeader {
	clear: both;
	color: #555555;
	font-family: 'Questrial',sans-serif;
	padding-top: 5px;
}

/*H3 equiv*/
.relatedItemsHeader span {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	color: #555555;
	font-family: 'Questrial',sans-serif;
	font-size: 123.1%;
	font-weight: 700;
	margin-bottom: 15px;
	padding-bottom: 15px;
	padding-top: 10px;
	display: block;
}

h4 {
	font-size: 123.1%;
	font-family: 'Ubuntu', sans-serif;
	color: #555;
}

h6 {
	color: #555555;
	font-family: 'Ubuntu',sans-serif;
	font-size: 116%;
	margin-left: 9px;
}

.leftContent h6 {
	padding-bottom: 10px;
	margin-left: 0;
}

.articleSectionTitleHeading {
	color: #555555;
	font-family: 'Ubuntu',sans-serif;
	font-size: 116%;
	margin-left: 0;
	padding-bottom: 10px;
	font-weight: 700;
	display: block;
}

.leftContentArticleSection .articleSectionTitleHeading {
	color: #555555;
	font-family: 'Ubuntu',sans-serif;
	font-size: 116%;
	padding-bottom: 10px;
	margin-left: 0;
	font-weight: 700;
	display: block;
}

/*H6 for Large Video */

.videoHeaderLarge {
	padding-top: 10px;
}

#featurecontent h4 {
	padding-bottom: 15px;
}

/* H4 override */

#featurecontent .videoHeader {
	padding-bottom: 5px;
	padding-top: 10px;
}

#commonwealthWrapper {
	max-width: 1400px;
	/* ReSharper disable once CssBrowserCompatibility */
	min-width: 980px;
	margin-left: auto;
	margin-right: auto;
	height: 40px;
	min-height: 40px;
	background: url('/images/bkg_commonwealth.png');
	background-repeat: repeat-x;
}

#commonwealthBanner {
	width: 98%;
	height: 40px;
	min-height: 40px;
}

#commonwealthLogo {
	float: left;
	padding-top: 10px;
	padding-left: 15px;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
}

#commonwealthLinks {
	float: right;
	color: #fff;
	padding-top: 10px;
}

	#commonwealthLinks a {
		color: #fff;
		padding-left: 3px;
		padding-right: 3px;
		text-decoration: none;
		font-weight: 700;
	}

/*This class holds the Hero images set in Hero Callout Feature Sublayout.ascx */
#outerWrapper {
	max-width: 1400px;
	/* ReSharper disable once CssBrowserCompatibility */
	min-width: 980px;
	margin-left: auto;
	margin-right: auto;
	min-height: 100px;
}

	#outerWrapper.hero,
    #outerWrapper.hero-home {
		background-color: #d9d9d9;
		background-repeat: no-repeat;
		background-position: top center;
	}

/*These background images are set to none in Hero Callout Feature Sublayout.ascx for the homepage */
#mainContainer {
	width: 100%;
	background: url('/images/groovepaper_tan.jpg');
    position: relative;
}

#headerContainer {
	width: 100%;
	background: url('/images/bkg_sub_header.jpg') repeat-x;
    position: relative;
    z-index:100
}

#outerWrapper.hero #mainContainer,
#outerWrapper.hero #headerContainer,
#outerWrapper.hero-home #mainContainer,
#outerWrapper.hero-home #headerContainer {
	background: none;
}
#outerWrapper.hero-home #headerContainer {
    position: absolute;
}
#outerWrapper.hero-home #breadcrumbwrapper {
    display: none;
}
#headerSection {
	width: 980px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
}

#logoContainer {
	float: left;
	padding-top: 10px;
	padding-left: 15px;
}

#searchContainer {
	float: right;
	/*background: #F4F4F4;*/
	/*width: 360px;*/
	height: 34px;
	margin-right: 15px;
	margin-top: 30px;
}

.searchBox {
	/*background-color: #F4F4F4;*/
	float: right;
	height: 32px;
	/*width: 360px;*/
}

@media only screen and (device-width: 768px) {
	.searchBox {
		height: 30px;
		/*width: 360px;*/
		background: none;
	}

	.txtSearch {
		margin-bottom: 0;
		height: 20px;
	}

	#searchContainer {
		height: 39px;
	}

	#btnSearch {
		height: 34px;
	}
}

.txtSearch {
	background: none repeat scroll 0 0 #F4F4F4;
	border: 0 none;
	color: #999;
	font-size: 110%;
	font-weight: 400;
	height: 32px;
	line-height: 29px;
	padding-right: 5px;
	width: 249px;
	font-family: 'Ubuntu',sans-serif;
    *margin-top: -1px;
}

.socialDirectoryButton {
	padding-left: 10px;
}

.buttonSocialDirectory {
	background: url('/images/bkg_btn.png') no-repeat right top;
	display: block;
	padding-left: 12px;
	padding-top: 7px;
	width: 200px;
	height: 35px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	font-size: 17px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}

#menusystemContainer {
	width: 100%;
	background: url('/images/bkg_nav.png');
}

#menuBar {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

/* Menu Style
-------------------------------------------------------------------------------*/

#menuBarContainer .ui-widget-header .ui-button-text {
	color: #FFFFFF;
	font-family: 'Ubuntu',sans-serif;
	font-size: 125%;
	padding: 5px 0;
	/* ReSharper disable once CssBrowserCompatibility */
	text-shadow: 1px 1px 1px #555;
	text-transform: uppercase;
	width: 138px;
}

#menuBarContainer .ui-eventlist-link {
	padding: 5px;
}

#menuBarContainer .ui-menu {
	padding: 0;
	width: 20em;
}

#menuBarContainer .ui-menubar-item {
	/*background:url('../images/bkg_nav_border.png') center right no-repeat;*/
	border-left: #327fcb 1px solid;
	border-right: #327fcb 1px solid;
	-moz-box-shadow: 1px 0 1px -4px #327fcb, -1px 0 1px -4px #7cb8f5;
	-webkit-box-shadow: 1px 0 1px -4px #327fcb, -1px 0 1px -4px #7cb8f5;
	/* ReSharper disable once CssBrowserCompatibility */
	box-shadow: 1px 0 1px -4px #327fcb, -1px 0 1px -4px #7cb8f5;
	/* ReSharper disable once CssBrowserCompatibility */
	text-shadow: 1px 1px 1px #555;
}

#menuBarContainer .ui-widget-header .ui-state-active {
	background: url('/images/bkg_nav_item.png') #6c6c6c center right no-repeat;
}

#menuBarContainer .ui-menubar-topmenu-selected-item .ui-button-text {
	background: url('/images/bkg_nav_item.png') #6c6c6c center right no-repeat;
}

#menuBarContainer .ui-corner-all, .ui-corner-bottom, #menuBarContainer .ui-corner-right, .ui-corner-br {
	/* ReSharper disable once CssBrowserCompatibility */
	border-bottom-right-radius: 0;
}

#menuBarContainer .ui-corner-all, #menuBarContainer .ui-corner-bottom, #menuBarContainer .ui-corner-left, #menuBarContainer .ui-corner-bl {
	/* ReSharper disable once CssBrowserCompatibility */
	border-bottom-left-radius: 0;
}

#menuBarContainer .ui-corner-all, #menuBarContainer .ui-corner-top, #menuBarContainer .ui-corner-right, #menuBarContainer .ui-corner-tr {
	/* ReSharper disable once CssBrowserCompatibility */
	border-top-right-radius: 0;
}

#menuBarContainer .ui-corner-all, #menuBarContainer .ui-corner-top, #menuBarContainer .ui-corner-left, #menuBarContainer .ui-corner-tl {
	/* ReSharper disable once CssBrowserCompatibility */
	border-top-left-radius: 0;
}

#menuBarContainer .ui-widget-content {
	border: 0 solid #DDDDDD;
}

#menuBarContainer .ui-menu .ui-menu-item a {
	color: #FFFFFF;
	display: block;
	font-family: 'Ubuntu',sans-serif;
	font-size: 128%;
	line-height: 1.5em;
	margin-top: 5px;
	padding-left: 10px;
	text-decoration: none;
}

#menuBarContainer .ui-menu .ui-menu-item:first-child {
	margin-top: 15px;
} 

/*sub-menu hover color*/
#menuBarContainer .ui-state-hover, #menuBarContainer .ui-widget-content .ui-state-hover, #menuBarContainer .ui-state-focus, #menuBarContainer .ui-widget-content .ui-state-focus {
	border: 0;
	background-image: none;
	background-color: #5aa8f5;
	font-weight: 400;
	color: #fff;
}

.ui-widget-header .ui-button-icon-secondary {
	display: none;
}

.ui-breadcrumb {
	font-family: Arial;
	font-size: 12px;
}

.ui-breadcrumb-separator {
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
}

.ui-emptymenu {
	/* ReSharper disable once CssBrowserCompatibility */
	opacity: 0;
	/* ReSharper disable once CssBrowserCompatibility */
	filter: alpha(opacity=0); /* For IE8 and earlier */
}

#subMenuBarContainer {
	background-color: #CECECE;
	height: 32px;
	padding-top: 18px;
	width: 100%;
	background: url('/images/bkg_nav_groove.jpg') repeat-x;
	clear: both;
}

#subMenuBar {
	width: 988px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
}

	#subMenuBar a {
		font-family: 'Ubuntu',sans-serif;
		font-weight: 700;
		text-decoration: none;
		font-size: 100%;
		color: #555;
		margin-left: 10px;
		padding: .5em 1em;
	}

		#subMenuBar a:hover {
			background: #fff;
			-webkit-border-radius: 35px;
			-moz-border-radius: 35px;
			/* ReSharper disable once CssBrowserCompatibility */
			border-radius: 35px;
		}

	#subMenuBar .ui-menubar-selected-item {
		background: #fff;
		-webkit-border-radius: 35px;
		-moz-border-radius: 35px;
		/* ReSharper disable once CssBrowserCompatibility */
		border-radius: 35px;
	}

/* Homepage
-------------------------------------------------------------------------------*/

#contentContainer {
	width: 100%;
    position: relative;
    z-index:10;
    padding-bottom: 170px;
}

.hero-home #contentContainer {
    padding-bottom: 0px;
}
#background {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    clear: left;
}
.hero-home #background {
	width: 100%;
}

#heroContainer {
	background: url('/images/bkg_homepage_biz.jpg');
}

/* Homepage Callout
-------------------------------------------------------------------------------*/
.slides {
    width: 100%;
    height: 795px;
    overflow: hidden;
}

#calloutContainer {
	width: 100%;
}

#calloutcontent {
    position: relative;
}

	#calloutcontent h1 {
		font-family: 'Questrial', sans-serif;
		font-weight: 400;
		font-size: 74px;
		color: #222;
		line-height: 70px;
		margin-bottom: 15px;
		margin-left: 0;
	}

	#calloutcontent p {
		font-family: 'Ubuntu', sans-serif;
		font-size: 21px;
		margin-bottom: 56px;
		margin-left: 1px;
	}

#calloutcontent .heroCaption.hero_white h1,
#calloutcontent .heroCaption.hero_write p,
.hero_white
{
    color:#ffffff;
}

	#calloutcontent .heroCaption.hero_black h1,
#calloutcontent .heroCaption.hero_black p,
	.hero_black {
		color: #222222;
	}

#buttonContainer {
	margin-bottom: 30px;
	margin-left: 3px;
}

#calloutcontent .buttonBackground {
	background: url('/images/bkg_btn.png') no-repeat;
	padding-left: 12px;
	padding-top: 7px;
	width: 249px;
	height: 35px;
    font-weight: 400;
}

#calloutcontent a {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 700;
	font-size: 17px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}
.slides li {
    position: relative;
}
.heroCaption {
    position: absolute;
    top: 23%;
    left: 240px;
    width: 330px;
}

/* Feature tabs & Social Media Featured Tabs
-------------------------------------------------------------------------------*/

#feature-tabs {
	width: 930px;
	height: 306px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

	#feature-tabs a {
		text-decoration: none;
	}

#feature_tabs .ui-widget-header, #menuBarContainer .ui-widget-header, #socialMediaFeaturedAgencyContainer .ui-widget-header {
	background: none;
	border: 0;
	color: #fff;
}

#featurecontent .ui-widget-content a, #socialMediaFeaturedAgencyContainer .ui-widget-content a {
	color: #1d70c2;
	font-size: 116%;
}

	#featurecontent .ui-widget-content a:hover, #socialMediaFeaturedAgencyContainer .ui-widget-content a:hover {
		text-decoration: underline;
	}

#featurecontent {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	border: 0 solid #DDDDDD;
	color: #555;
    margin-top: -200px;
    margin-bottom: 50px;
    z-index: 900;
    position: relative;
}

	#featurecontent .ui-widget-content {
		background: none;
		border: 0;
		color: #000;
	}

#socialMediaFeaturedAgencyContainer .ui-widget-content {
	background: none;
	border: 1px solid #F3F3F3;
	color: #000;
}


#featurecontent .ui-tabs, #socialMediaFeaturedAgencyContainer .ui-tabs {
	padding: 0;
}

	#featurecontent .ui-tabs .ui-tabs-panel {
		background: #fff;
		min-height: 266px;
		overflow: hidden;
		border-width: 0;
		display: block;
		padding: 10px 15px;
		-moz-box-shadow: 2px 2px 5px #a5a5a5;
		-webkit-box-shadow: 2px 2px 5px #a5a5a5;
		/* ReSharper disable once CssBrowserCompatibility */
		box-shadow: 2px 2px 5px #a5a5a5;
	}

.twoColumnRightContainer .ui-tabs .ui-tabs-nav li a {
	padding: 0;
}

.twoColumnRightContainer .ui-tabs {
	padding: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	/* ReSharper disable once CssBrowserCompatibility */
	border-bottom-right-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	/* ReSharper disable once CssBrowserCompatibility */
	border-bottom-left-radius: 0;
}

#featurecontent .ui-tabs .ui-tabs-nav, #socialMediaFeaturedAgencyContainer .ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
}

	#featurecontent .ui-tabs .ui-tabs-nav li, #socialMediaFeaturedAgencyContainer .ui-tabs .ui-tabs-nav li {
		margin: 0;
	}

		#featurecontent .ui-tabs .ui-tabs-nav li a {
			background: url("/images/bkg_feature_tab.jpg") no-repeat scroll 0 0 #FFFFFF;
			color: #1D70C2;
			font-size: 16px;
			font-weight: 700;
			text-transform: uppercase;
			padding-top: 10px;
			text-align: center;
			width: 154px;
		}

.articleThumb {
	float: left;
	padding-right: 15px;
	padding-bottom: 0;
}    

/* Feature tabs Sub-page overrides
-------------------------------------------------------------------------------*/

#featureSubWrapper {
	margin-bottom: 30px;
	margin-top: 30px;
}

	#featureSubWrapper #feature-tabs,
	#featureSubWrapper #featurecontent {
		width: 960px;
	}

		#featureSubWrapper #featurecontent .ui-tabs .ui-tabs-nav li a {
			width: 160px;
		}

			#featureSubWrapper #featurecontent .ui-tabs .ui-tabs-nav li a:hover {
				text-decoration: none;
			}

.ui-socialmedia-tabs {
	border: 1px solid #CCCCCC;
	background: url("/images/bkg_feature_tab_small.jpg") scroll 0 0 #FFFFFF;
	color: #1D70C2;
	height: 46px;
	padding-top: 10px;
	text-align: center;
	width: 75px;
}

	.ui-socialmedia-tabs img {
		margin-top: 5px;
	}

.videoListItem div {
	padding-top: 2px;
	padding-bottom: 2px;
}

.fbConnectWidgetTopmost {
	border: 0;
}

/*facebook - need override */

.transparent_widget .uiBoxLightblue {
	background-color: #FFFFFF;
}

.twoColumnRightContainer .ui-widget-content {
	background: none;
	background-color: #fff;
	border: 0;
}

.twoColumnRightContainer .ui-tabs-panel {
	background: none;
	background-color: #fff;
	color: #555;
	-moz-box-shadow: 2px 2px 5px #a5a5a5;
	-webkit-box-shadow: 2px 2px 5px #a5a5a5;
	/* ReSharper disable once CssBrowserCompatibility */
	box-shadow: 2px 2px 5px #a5a5a5;
	border: 1px solid #F3F3F3;
}

#socialMediaFeaturedAgencyContainer .ui-state-active a {
	background: none;
	background-color: #fff;
	border: 1px solid #CCCCCC;
	font-size: 16px;
	height: 46px;
	margin-top: 0;
}

#socialMediaFeaturedAgencyContainer .ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
}

	#featurecontent .ui-tabs .ui-tabs-nav li a:hover, #socialMediaFeaturedAgencyContainer .ui-tabs .ui-tabs-nav li a:hover {
		color: #555;
	}


	#featurecontent .ui-tabs .ui-tabs-nav .ui-state-default, #featurecontent .ui-widget-content .ui-state-default, #socialMediaFeaturedAgencyContainer .ui-tabs .ui-tabs-nav .ui-state-default, #socialMediaFeaturedAgencyContainer .ui-widget-content .ui-state-default {
		background: none;
		background-color: #fff;
		color: #555;
		font-weight: 700;
		height: 40px;
		margin-top: 6px;
		border: 0;
	}

#socialMediaFeaturedAgencyContainer .ui-widget-header .ui-state-default {
	background: none;
	background-color: #fff;
	margin-right: 0;
	border: 0;
}

#featurecontent .ui-tabs .ui-tabs-nav .ui-state-active, #featurecontent .ui-widget-content .ui-state-active {
	border: 0;
	font-size: 16px;
	height: 46px;
	margin-top: 0;
}

	#featurecontent .ui-tabs .ui-tabs-nav .ui-state-active a, #socialMediaFeaturedAgencyContainer .ui-tabs .ui-tabs-nav .ui-state-active a {
		color: #555;
		background: none;
		background-color: #fff;
	}

		#featurecontent .ui-tabs .ui-tabs-nav .ui-state-active a:hover, #socialMediaFeaturedAgencyContainer .ui-tabs .ui-tabs-nav .ui-state-active a:hover {
			color: #1D70C2;
		}


.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	/* ReSharper disable once CssBrowserCompatibility */
	border-top-right-radius: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	/* ReSharper disable once CssBrowserCompatibility */
	border-top-left-radius: 0;
}

#calloutContainer #tabs-2 .featureArticle {
	padding-top: 67px;
}

.featureArticleThumb {
	width: 250px;
	overflow: hidden;
}

.largeFeatureArticleThumb {
	float: left;
	/*width: 420px;*/
	overflow: hidden;
}

.featureArticle {
	float: left;
	padding-left: 10px;
	padding-right: 5px;
    margin-top:10px;
	width: 210px;
}

	.featureArticle img {
		padding-bottom: 15px;
	}

	.featureArticle a {
		color: #1d70c2;
		font-family: 'Ubuntu', sans-serif;
		font-weight: 700;
		font-size: 110%;
		text-decoration: none;
	}

	.featureArticle span {
		display: block;
		padding-top: 10px;
		width: 100%;
		color: #555;
		font-weight: 400;
		font-size: 116%;
		line-height: 1.3em;
	}

		.featureArticle span a {
			font-size: 15px !important;
			font-weight: normal !important;
			text-decoration: underline !important;
		}

.featureGroup {
	float: left;
	padding-left: 10px;
	padding-right: 5px;
	width: 210px;
}

#featurecontent .featureGroup a {
	font-size: 100%;
	font-weight: 700;
}

.featureGroup h3 {
	color: #1D70C2;
	font-family: 'Ubuntu',sans-serif;
	font-size: 99%;
	font-weight: 700;
	margin-bottom: 10px;
	text-decoration: none;
	padding-bottom: 0;
}

.featureGroup h4 {
	font-size: 116%;
}

.featureGroup ul {
	list-style: none;
}

.featureGroup li {
	margin-bottom: 8px;
	margin-top: 2px;
}

.featureGroup .more {
	padding-top: 10px;
}

	.featureGroup .more a {
		color: #000066;
		text-decoration: underline;
	}

#agendaViewContainer {
	color: #737373;
	width: 420px;
	padding-right: 5px;
	margin-left: 25px;
	float: left;
}

	#agendaViewContainer a {
		color: #1d70c2;
		font-family: 'Ubuntu', sans-serif;
		font-weight: 700;
		font-size: 100%;
		text-decoration: none;
		margin-bottom: 10px;
	}

	#agendaViewContainer .agendaTitle {
		margin-left: 10px;
		margin-bottom: 15px;
		width: 420px;
		border-bottom: 1px solid #555;
	}

	#agendaViewContainer .innerContainer {
		width: 210px;
		overflow: hidden;
	}

	#agendaViewContainer .leftContainer {
		float: left;
	}

	#agendaViewContainer .rightContainer {
		float: right;
	}

#uploaderDialog {
	height: 250px;
}

.eventWrapper {
	height: 85px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 5px;
}

.todayEventWrapper {
	padding-left: 10px;
	width: 300px;
	float: left;
}

	.todayEventWrapper span {
		display: block;
		clear: both;
		padding-bottom: 10px;
	}

.agendaDate {
	clear: both;
	display: block;
	float: left;
	height: 70px;
	padding-bottom: 3px;
	padding-right: 15px;
	text-align: right;
	width: 48px;
}

.eventTime {
	display: block;
	float: left;
	font-size: 85%;
}

.eventDay {
	display: block;
	font-size: 257%;
	font-weight: 700;
}

.eventMonth {
	display: block;
	font-size: 77%;
}


#calendarEventListContainer {
	float: left;
	width: 450px;
}

/*Mobile Apps Directory
-------------------------------------------------------------------------------*/

.mobileAppWrapper .agencyLink {
	clear: both;
}

.agencyAppWrapper {
	margin-top: 20px;
}

.mobileAppTypes {
	clear: both;
}

.mobileAppTypeWrapper {
	width: 150px;
	float: left;
}

.mobileAppTypeIcon {
	float: left;
	margin-top: 10px;
	/* ReSharper disable once CssBrowserCompatibility */
	min-width: 35px;
	padding-right: 5px;
}

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

.mobileAppContainer {
	clear: both;
	margin-top: 15px;
	overflow: hidden;
}

.mobileAppHeader {
	margin-bottom: 5px;
}

.mobileAppLeft {
	float: left;
	width: 100px;
	max-width: 100px;
	overflow: hidden;
	padding-right: 15px;
	margin-bottom: 20px;
	margin-top: 10px;
}

.mobileAppRight {
	float: left;
	width: 600px;
	padding-right: 15px;
	margin-top: 10px;
}

	.mobileAppRight span {
		display: block;
		margin-bottom: 10px;
	}

	.mobileAppRight li {
		margin-bottom: 5px;
	}

#socialMediaListWrapper .mobileAppRight a {
	font-size: 100%;
}

/*Calendar event search results
-------------------------------------------------------------------------------*/

.eventItem {
	margin-bottom: 15px;
}

	.eventItem a {
		color: #1d70c2;
		font-family: 'Ubuntu', sans-serif;
		font-weight: 700;
		font-size: 138.5%;
		text-decoration: none;
		margin-bottom: 10px;
	}

.eventType, .eventDate {
	font-size: 115%;
}

.eventDate {
	margin-top: 3px;
	margin-bottom: 3px;
}

.eventHostedBy {
	font-size: 115%;
}    
    
/* Single Content
-------------------------------------------------------------------------------*/

#ctl1 span,
#ctl1 span p
{
    padding-left:10px;
}

#singleContentContainer {
	background: #fff;
	width: 932px;
	padding: 15px;
	margin: 15px auto 50px;
	-webkit-box-shadow: 0 3px 3px 1px #aaa;
	/* ReSharper disable once CssBrowserCompatibility */
	box-shadow: 0 3px 3px 1px #aaa;
	overflow: hidden;
}

/* Left Content Right Gutter
-------------------------------------------------------------------------------*/

#leftContentWrapper {
	float: left;
	width: 650px;
	margin-left: 0;
}

.leftContent {
	float: left;
	width: 650px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 15px;
	font-size: 116%;
	line-height: 1.6em;
}

.leftContentError {
	min-height: 400px;
}

.ui-more-info-links li {
	margin-top: 10px;
	margin-bottom: 10px;
}

	.ui-more-info-links li a {
		text-decoration: none;
		font-weight: 700;
	}

.leftContentBordered {
	-webkit-box-shadow: 0 3px 3px 1px #aaa;
	/* ReSharper disable once CssBrowserCompatibility */
	box-shadow: 0 3px 3px 1px #aaa;
	background-color: #fff;
}

#alpha .leftContent.leftContentBordered {
	-webkit-box-shadow: none;
	/* ReSharper disable once CssBrowserCompatibility */
	box-shadow: none;
}

/* div that wraps content article title and section text, above more information */
.leftContentArticleSection {
	padding-bottom: 10px;
}

#leftContent
{
    float: left;
    width: 650px;
    margin-left: 0;
    margin-bottom: 20px;
    padding: 15px;
    -webkit-box-shadow: 0 3px 3px 1px #aaa;
	/* ReSharper disable once CssBrowserCompatibility */
    box-shadow: 0 3px 3px 1px #aaa;
}

	#leftContent h1 {
		font-size: 240%;
		font-family: 'Questrial', sans-serif;
		padding-bottom: 30px;
	}

#rightGutter {
	float: right;
	width: 265px;
	padding-top: 14px;
}

.right-gutter {
	float: right;
	width: 265px;
	padding-top: 44px;
}

	.right-gutter h1 {
		font-size: 123.1%;
		font-family: 'Ubuntu', sans-serif;
		color: #555;
	}

#relatedItemsContainer li {
	padding-bottom: 10px;
}

#relatedItemsContainer a {
	font-size: 116%;
	font-weight: 700;
}

#breadcrumbwrapper {
    display: block;
	text-align: left;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	clear: both;
}

	#breadcrumbwrapper a {
		font-size: 100%;
		font-weight: 700;
	}

/* Agency Directory
-------------------------------------------------------------------------------*/

#agencyDirectory {
	margin-top: 20px;
}

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

.agencyColLeft {
	width: 40%;
	float: left;
}

.agencyColRight {
	width: 55%;
	float: right;
}

.letterPager {
	padding-top: 0;
	clear: both;
}

	.letterPager li {
		display: inline;
		float: left;
		padding-right: 8px;
		font-size: 120%;
	}

	.letterPager span {
		color: #cccccc;
	}

.agencyServices .letterPager li {
	display: inline;
	float: left;
	font-size: 116%;
	padding-right: 4px;
	padding-bottom: 25px;
}

.agencyLetter {
	padding-top: 20px;
	padding-bottom: 10px;
}

.agencyItem li {
	margin-top: 10px;
	margin-bottom: 2px;
}

.agencyMore {
	float: right;
	padding-right: 20px;
	padding-top: 5px;
	text-align: right;
	width: 100%;
}

	.agencyMore a {
		color: #000066;
	}


.showDiv {
	display: block;
}

.hideDiv {
	display: none;
}

.ui-event-results {
	border: 1px solid #000000;
	background-color: #ffffff;
	width: 100%;
}

	.ui-event-results td {
		border: 1px solid #000000;
		padding: 5px;
	}

	.ui-event-results tr {
		border: 1px solid #000000;
	}

	.ui-event-results th {
		border: 1px solid #000000;
	}

.ui-event-details {
	width: 760px;
	background-color: #ffffff;
	/*border: 1px solid #000000;*/
	padding: 5px;
}

	.ui-event-details th {
		text-align: left;
		/*border: 1px solid #000000;*/
		padding: 5px;
	}

	.ui-event-details td {
		/*border: 1px solid #000000;*/
		padding: 5px;
	}

	.ui-event-details tr {
		/*border: 1px solid #000000;*/
		padding: 5px;
	}

.textEvent {
	padding-bottom: 3px;
}

.textEvent2 {
	padding-bottom: 3px;
}

#featurecontent .ui-widget-content .eventWrapper a {
	font-size: 100%;
}

.twoColumnSublayoutContainer .twoColumnLeftContainer {
	float: left;
	width: 440px;
	margin-left: 10px;
	margin-right: 10px;
	min-height: 400px;
}

.twoColumnSublayoutContainer .twoColumnRightContainer {
	float: right;
	width: 440px;
	margin-left: 10px;
	margin-right: 10px;
	min-height: 400px;
}

#topContentContainer {
	background: #fff;
	width: 932px;
	padding: 15px;
	margin: 15px auto 50px;
	-webkit-box-shadow: 0 3px 3px 1px #aaa;
	/* ReSharper disable once CssBrowserCompatibility */
	box-shadow: 0 3px 3px 1px #aaa;
}

#bottomContentContainer {
	background: #fff;
	width: 932px;
	padding: 15px;
	margin: 15px auto 25px;
	-webkit-box-shadow: 0 3px 3px 1px #aaa;
	/* ReSharper disable once CssBrowserCompatibility */
	box-shadow: 0 3px 3px 1px #aaa;
}

#socialMediaListWrapper a {
	color: #0B75DF; /*display: block;*/
	font-size: 120%;
	font-weight: 700;
	margin-bottom: -10px;
	padding-bottom: 0;
	padding-top: 9px;
	padding-right: 5px;
	text-decoration: none;
}

.ui-socialmedia-container {
	padding-top: 3px;
	padding-bottom: 5px;
}

/*Calendar
-------------------------------------------------------------------------------*/

.buttonWrapper {
    float: left;
    margin-left: 5px;
    padding-left: 55px;
    padding-top: 12px;
}

.formWrapper {
	width: 150px;
	float: left;
	padding-right: 15px;
	margin-right: 15px;
}

	.formWrapper label {
		font-weight: bold;
	}

#calendarSearchResultsContainer {
	clear: both;
	padding-top: 20px;
}

#eventDetailsContainer .eventLabel {
	width: 130px;
	font-weight: 700;
	padding-bottom: 10px;
}

#eventDetailsContainer .eventLabelBottom {
	font-weight: 700;
	padding-bottom: 10px;
	padding-left: 20px;
}

#eventDetailsContainer th {
	text-align: left;
	vertical-align: top;
}

#eventDetailsContainer td {
	vertical-align: top;
}

#searchHeadWrapper {
	font-size: 153.9%;
	margin-bottom: 30px;
}

/*Search Results
-------------------------------------------------------------------------------*/
.search-results-hit {
	margin-bottom: 22px;
}

	.search-results-hit p.search-result-title {
		font-size: 123%;
		margin-bottom: 5px;
	}

		.search-results-hit p.search-result-title a {
			font-size: 116%;
			font-weight: 500;
		}

	.search-results-hit p.search-result-url a {
		color: #888888;
	}

#pagination {
	font-size: 130%;
}

	#pagination a {
		font-size: 110%;
	}

/*Mapping Center
-------------------------------------------------------------------------------*/

.mapWrapper
{
    background:#fff;
    margin-left: 8px;
    margin-top:15px;
    margin-bottom: 20px;
    padding: 15px;
    -webkit-box-shadow: 0 3px 3px 1px #aaa;
	/* ReSharper disable once CssBrowserCompatibility */
    box-shadow: 0 3px 3px 1px #aaa;
}

.mapDirections {
	margin-bottom: 15px;
	overflow: hidden;
	width: 400px;
}

	.mapDirections input {
		height: 18px;
		font-size: 100%;
	}

.mapSearchLeft {
	float: left;
}

.mapSearchRight {
	float: left;
}

#mapTableOfContents {
	margin-bottom: 15px;
}

	#mapTableOfContents li {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#mapTableOfContents .treeview ul {
		background: none;
	}

.map-toc-layer-checkbox {
	margin-right: 5px;
	margin-bottom: 1px;
}
   
/*Contact Form
-------------------------------------------------------------------------------*/

#tblFeedback input {
	margin-bottom: 10px;
}


#tblFeedback .label {
	font-size: 120%;
	font-weight: 700;
	margin-bottom: 0;
	padding-bottom: 5px;
	display: block;
	text-decoration: none;
	padding-top: 10px;
}

.validation {
	font-size: 100%;
	font-weight: 700;
	color: Red;
	padding-left: 7px;
}

#recaptcha_area {
	margin-top: 15px;
}    


/* Sitemap
-------------------------------------------------------------------------------*/

#sitemap li {
	padding-bottom: 6px;
	font-size: 100%;
	font-weight: 700;
}

#sitemap a {
	font-size: 130%;
	font-weight: 700;
}

#sitemap li a {
	margin-left: 10px;
	font-size: 130%;
	font-weight: 700;
}

#sitemap li li a {
	font-size: 130%;
}

#sitemap li li li a {
	font-size: 108%;
}

#sitemap li li li li a {
	font-size: 108%;
}

#sitemap li li,
#sitemap li li li,
#sitemap li li li li {
	margin-left: 20px;
	font-weight: 400;
	font-size: 100%;
}

/* Footer
-------------------------------------------------------------------------------*/

.ilb {
	display: inline-block;
}

#footerSection {
	text-align: center;
}

#footerContainer {
	width: 100%;
	color: #fff;
	/* height: 70px; */
	padding-bottom: 20px;
	background-color: #000;
}

#footerWrapper {
	width: 980px;
	margin: auto;
	color: #fff;
	font-size: 100%;
	font-weight: 700;
	padding-left: 15px;
	padding-right: 15px;
}

	#footerWrapper a {
		color: #fff;
		font-size: 100%;
		font-weight: 700;
		text-decoration: none;
	}

		#footerWrapper a:hover {
			text-decoration: underline;
		}

	#footerWrapper p {
		padding-bottom: 10px;
	}


#translateSection {
	float: left;
	padding-right: 5px;
}

	#translateSection .small {
		font-size: 85%;
	}

.footerIcon {
	background: url("/library/images/icon_search.png?h=24&thn=1&w=29") no-repeat;
	background-color: #000;
	height: 31px;
	width: 34px;
	float: left;
	padding-right: 5px;
}

#google_translate_element .goog-te-gadget-simple {
	background-color: #000;
}    

/*
 * jQuery Mobile Framework : plugin to provide a simple Dialog widget.
 * Copyright (c) JTSage
 * CC 3.0 Attribution.  May be relicensed without permission/notifcation.
 * https://github.com/jtsage/jquery-mobile-simpledialog
 */

/* Shared Styles */

.ui-simpledialog-header h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}
.ui-simpledialog-container {
	border: 5px solid #111 !important;
	width: 85%;
	max-width: 500px;
}

.ui-simpledialog-screen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-simpledialog-hidden {
	display: none;
}

.ui-simpledialog-input {
	width: 85% !important;
	display: block !important;
	margin-left: auto;
	margin-right: auto;
}

.ui-simpledialog-screen-modal {
	background-color: black;
	/*-moz-opacity: 0.8;*/
	/* ReSharper disable once CssBrowserCompatibility */
	opacity: .80;
	/* ReSharper disable once CssBrowserCompatibility */
	filter: alpha(opacity=80);
}

.ui-simpledialog-subtitle {
	text-align: center;
}

.ui-simpledialog-controls .buttons-separator {
	min-height: .6em;
}

.ui-simpledialog-controls .button-hidden {
	display: none;
}

.ui-dialog .ui-simpledialog-container {
	border: none !important;
}

.ui-dialog-simpledialog .ui-content {
	padding: 5px !important;
}

#footerRight {
	text-align: right;
	margin: -54px 0 0 72px;
}

#footerMiddle {
	vertical-align: -55px;
}

#footerLeft {
	margin-right: 72px;
}

.ddlCategory {
	width: 200px;
}

/*Fix footer display in iPad */
@media only screen and (device-width: 768px) {
	#footerRight {
		padding-right: 40px;
	}
}

/*From Localities Tabbed Sublayout*/
.ui-widget-content {
	background: none;
	border: 0;
}

	.ui-widget-content a {
		color: #1D70C2;
	}

.tabLeaderItem {
	width: 100px;
	text-align: center;
	font-size: 11pt;
}

.ui-tabs .ui-tabs-panel {
	border: 1px #ccc solid;
	padding: 20px;
	margin: 0;
	background-color: white;
}

.ui-tabs .ui-state-default {
	background: url(/images/bkg_feature_tab.jpg) #ffffff no-repeat 0 0;
	width: 160px;
	text-transform: uppercase;
	font-size: 16px;
	border: 1px #ccc solid;
	margin: 0;
}

.ui-tabs .ui-tabs-nav li {
	margin: 0;
	padding-left: 10px;
	height: 38px;
}

	.ui-tabs .ui-tabs-nav li a {
		font-weight: 700;
	}

.ui-tabs .ui-tabs-active {
	background-color: #fff;
	background-image: none;
	border-bottom: none !important;
}

	.ui-tabs .ui-tabs-active a {
		color: #555;
		padding: 10px;
		text-align: center;
		font-size: 16px;
		font-weight: 700;
	}

p.fed {
	width: 50%;
	margin-bottom: 10px;
}

p.left, p.right {
	float: left;
}

a.mapIcon {
	vertical-align: middle;
	margin-left: 5px;
}

/*These are just to encapsulate possible classes used for JS but otherwise empty to keep Resharper from firing on them */
.videoWrapper, .videoSectionWrapper, .ui-related-links, .calendarInput, .featureArticleVideo, .treeheader, .fb_reset, .mobileAppLink, .agency_letterList, .service_letterList, .agencyUList, .txtDate, .ui-checkbox-off, .menuSystemWrapper, .bannerContent, .siteLogo {
	background: inherit;
}

/*
 * jQuery FlexSlider v2.5.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * 
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('carousel/fonts/flexslider-icon.eot');
  src: url('carousel/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), 
       url('carousel/fonts/flexslider-icon.woff') format('woff'), 
       url('carousel/fonts/flexslider-icon.ttf') format('truetype'), 
       url('carousel/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
#calloutcontent {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#calloutcontent .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  height: 100%;
}
#calloutcontent .slides img {
  min-width: 100%;
  min-height: 100%;
  display: block;
}
#calloutcontent .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] #calloutcontent .slides {
  display: block;
}
* html #calloutcontent .slides {
  height: 1%;
}
.no-js #calloutcontent .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
#calloutcontent {
  background: #ffffff;
  position: relative;
  zoom: 1;
}
#calloutcontent .slides {
  zoom: 1;
}
#calloutcontent .slides img {
  height: auto;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  overflow: hidden;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
#calloutcontent .flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#calloutcontent .flex-direction-nav a {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
#calloutcontent .flex-direction-nav .flex-prev {
  left: -50px;
}
#calloutcontent .flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
#calloutcontent:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
#calloutcontent:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
#calloutcontent:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
#calloutcontent:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}
#calloutcontent .flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
#calloutcontent .flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
#calloutcontent .flex-pauseplay a:hover {
  opacity: 1;
}
#calloutcontent .flex-pauseplay a.flex-play:before {
  content: '\f003';
}
#calloutcontent .flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 200px;
  text-align: center;
  z-index: 900
}
#calloutcontent .flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#calloutcontent .flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
#calloutcontent .flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
#calloutcontent .flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}