@import url('../css/custom.css');
.header {background:transparent url(../_gfx/dept_images/childsupport_header.jpg) no-repeat scroll center top; clear:both; height:98px; margin:0px;}


.content_wrapper {
	background-image: url(../_gfx/child_support_services/top_horizontal_line.gif);
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
}

.clearfix, .mainSpan, .contentheader, .container, .content, .title_right, .width_container {
	background-color: transparent;
}

.mainSpan_wrapper .width_container {
	margin: 0px;
}


.mainSpan_wrapper .container {
	width:747px;
	margin-top:0;
	clear: right;
	padding-top: 0;
	padding-bottom: 0px;
	padding-right: 0px;
	/* padding-left: 10px; */
	background-image: none;
	background-color: transparent;
	}
	
.mainSpan_wrapper .container h1 {
	color:#000;
}


.mainSpan_wrapper .content {
	background-image: url(../_gfx/child_support_services/child_services_bkg_vertical_divider_770w.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 25px;
	min-height: 550px;
	/*width: 705px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9bccf7;
	padding: 10px 15px 10px 20px;*/
	}
	
.contentheader {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px;
	display: block;
}

.breadcrumb_wrapper {
	/* font-size:10px;
	color: #0099ff;
	background-image: none;
	border-bottom: 1px solid #9bccf7; 
	margin-left: -204px;
	width: 954px;*/
	height: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.breadcrumb {
	margin-top: 0px;
	margin-left: 20px;
 	padding: 0px;
	margin-bottom: 0px;
	color:#666;
}

.breadcrumb a { color: #0099ff; text-decoration: none;border-bottom: 0 none;}

.searchbox {
	float: right;
	width: 179px;
	height: 32px;
	position: relative;
	right:200px;
	margin-top: 62px;
	padding: 3px 0 0 10px;
	background-image: none;
	background-repeat: no-repeat;
}

.searchbox_button {vertical-align:top;}
.searchbox_textbox { font-size: 10px; width:130px;}


.title {
	background: #fff;
	width:750px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom-style: none;
	padding-bottom: 0px;
}

.title_left {
	float: left;
	margin-bottom: 0px;
	color: #000;
	margin-left: 0px;
}


.contentheader h1,
.contentheader_banner h1 {
	float: left;
	font-size:18px;
	font-weight:bold;
	line-height: 24px;
	color: #000;
	/* border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9bccf7;
	margin-left: 2px;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 25px;
	background-image:url("../_gfx/child_support_services/child_services_bkg_vertical_divider_770w.gif");
	background-repeat:repeat-y;
}

.contentheader_homepage h1 {
	padding-left: 27px;
}

.mainSpan_wrapper .container h2 {
	font-size:15px;
	font-weight:bold;
	color:#000;
	clear: none;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

#toolbar {
	position:absolute;
	top:6px;
	width: auto;
	right: 0px;
}

.image_right {
	clear: left;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: right;
}

.child_ss_ca_logo_small_subpage {
	float: left;
	width: 660px;
	height: 41px;
	padding-left: 50px;
	background-image: url(../_gfx/child_support_services/homepage_bottom_ca_logo_icon.gif);
	background-repeat: no-repeat;
}

.child_ss_turbo_logo_small_subpage {
	float: left;
	width: 660px;
	height: 41px;
	padding-left: 50px;
	background-image: url(../_gfx/child_support_services/homepage_bottom_turbo_court_icon.gif);
	background-repeat: no-repeat;
}

table img { margin: 0px 0px 0px 0px;}

a {
	color:#0099ff;
	}
	
	p {
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	}

 /* Child Support Services homepae content */

.child_ss_homepage_table {
	margin-left: 5px;
}

.child_ss-homepage_content_box_blue {
	width: 696px;
	background-color: #d0f0fc;
	min-height: 98px;
	top: 0px;
	margin-bottom: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	clear:both;
}

.child_ss_homepage_content_box_large {
	width: 335px;
	background-image: url(../_gfx/child_support_services/homepage_box_bkg_334w171h.jpg);
	background-repeat: no-repeat;
	height: 191px;
	margin-top: 10px;
}

.child_ss_homepage_content_box_small {
	width: 155px;
	background-image: url(../_gfx/child_support_services/homepage_box_bkg_155w53h.jpg);
	background-repeat: no-repeat;
	height: 53px;
	margin-top: 10px;
}
.child_ss_homepage_title {
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-align: left;
}

#child_ss_homepage ul {
	padding:0;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-right: 5px;
	margin-left: 0;
	text-align: left;
}

#child_ss_homepage li {
	color: #333;
	padding-left:5px;
	list-style-position: outside;
	list-style-type: disc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-style: normal;
	list-style-image: none;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	}
	
	#child_ss_homepage li a{
	color: #0099ff;
	}
	
.child_ss_homepage_icon {
	margin-top: 20px;
	margin-left: 10px;
	float: left;	
}

.child_ss_homepage_icon_small {
	margin-top: 5px;
	margin-left: 5px;
	float: left;	
}




.child_ss_homepage_box_title {
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	float: left;
	padding-left: 10px;
	margin-right: 10px;
}

.child_ss_homepage_service_box {
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	width: 220px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.child_ss_homepage_service_box_small {
	margin-top: 8px;
	margin-left: -3px;
	float: left;
	width: 108px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.child_ss_homepage_service_box_small a {
	color: #0099ff;
	line-height: 24px;
}

.mainSpan_wrapper .container .content a {
	color:#0099ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}



/************************************************
Left navigation 
************************************************/
.leftnav {
	width: 183px;
	float:left;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:hidden;
	position:relative;
	margin-top: 55px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	clear: right;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	z-index: 1;
	min-height: 360px;
	background-color: #FFF;
}


.leftnav a {
	display:block;
	line-height: 15px;
	color: #333;
	text-decoration:none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	width: 180px;
}
.leftnav a:hover{color: #1875B6; text-decoration: none; border-bottom:0px;}
.leftnav a span{padding-left: 9px; line-height:14px;}

 /* left nav top title area */ 
.leftnav_top  {
	background-color: #fff;
	background-image: none;
	height: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.leftnav_top a {	
	font-weight:bold;
	font-size:13px;
	padding-top:25px;
	line-height:1.1em;
}
.leftnav_top a:hover {color:#1875B6; text-decoration: none;}

.leftnav a:active {
	color: #ffffff;
	background-color:#3399ff;
}


.leftnav_node {
	paddingr-bottom:5px;
	padding-left:20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
}



.leftnav_node_wrapper_root .leftnav_node_haschildren {
	background-color: white;
	font-size:1.1em;
	font-weight:bold;
	margin-left: 10px;
	border-bottom-style: none;
} /*selected color */

.leftnav_node_wrapper_root .leftnav_node_iscurrent{
	background-color: #329afb;
}

.leftnav_node_wrapper div {
	border-bottom:0px solid #FFFFFF;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 0px;
}



/* left nav top title area */
.leftnav_top  {
	border-bottom:0px solid #fff;
	background-color: #fff;
	background-image: none;
	background-position: top;
}

.leftnav .leftnav_node a {color: #333;}
.leftnav .leftnav_node a:hover {
	color: #000;
	background-color:#cde9fe;
}

.leftnav a span {display: block;}


/*.leftnav_node_wrapper {border-bottom:0px solid #fff; background-color: #f2f1f1;}
.leftnav_node_wrapper .leftnav_node a {color: #1b3465;}
.leftnav_node_wrapper .leftnav_node a:hover {color: #1875B6; background-color:#cde9fe; text-decoration: none;}

.leftnav_node_wrapper a span {display: block;}
.leftnav_node_wrapper*/

.leftnav_node_haschildren a:hover {color:#1875B6;background-color:#cde9fe; text-decoration: none;}

.leftnav_node_wrapper_root_parent {background: url(../_gfx/sfgov/leftnav_title.jpg) top #fff;
height:60px; border-top:0 solid #fff; border-bottom:2px solid #ccc;} /* left nav top title area */
.leftnav_node_wrapper_root_parent a {padding-top:25px; line-height:1.1em;}
.leftnav_node_wrapper_root_parent a:hover {color:#1875B6;}

.leftnav_node_wrapper_root_parent  a span {
	font-family:Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;
	font-size: 13px;
	border-bottom: none !important;
	color: #535353;
	padding-left: 9px;
	font-weight:bold;}
	
.leftnav_node_haschildren a span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:13px;
	color: #333;
	padding: 5px 5px 5px 9px;
	font-weight:bold;
	text-align: left;
}

.leftnavlevel1 {
	background-color: #FFF;
}
.leftnavlevel1 a span {font-weight:bold; text-decoration:none;}
.leftnavlevel2 {
	background-color: #fff;
	list-style-position: inside;
	list-style-type: disc;
	list-style-image: none;
} /* level2 is lighter */
.leftnavlevel1 .leftnav_node_haschildren {border-bottom:0px solid #fff;}/* has children and selected */

.leftnav_node_iscurrent {
	background-color:#329afb;
	border-bottom:0px solid #fff;
	color: #FFF;
}/*selected color - lighter */
.leftnav_node_iscurrent a span {color: #1b3465; font-weight:bold;}

.leftnavlevel2 .leftnav_node_iscurrent {background-color:#3399ff; border-bottom:1px solid #fff;} /* level2 selected color */
.leftnavlevel2 .leftnav_node a:hover span {background-color:#d8ebf3;}
 
.leftnav_bottom {
	height:0px;
	background-image: none;
}
/*
.bottom_311_logo{
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 0px;
	background-image: url(../_gfx/child_support_services/311_logo.gif);
	background-repeat: no-repeat;
	background-position:left;
	width: 140px;
	height: 40px;
	float: left;
	background-color: #fff;
	padding-left: 50px;
	padding-top: 10px;
	padding-right: 12px;
	vertical-align:middle;
	text-align: left;
	line-height: 14px;
	font-size: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9bccf7;
}
*/

.div311 {
	background:none repeat scroll 0 0 #FFFFFF;
	text-align:center;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


#slideshow {
	width: 705px;
	height: 194px;
	overflow: hidden;
}

#homeSlide{position:relative;}

#control_wrapper {
	width: 70px;
	position: absolute;
	right: 10px;
	top: 200px;
	z-index:10;
	padding-left:4px;
	padding-top:4px;
	padding-bottom:2px;
	background-color:transparent;
	border:1px solid #ddd;
	}

#control_wrapper img {
	float: left;
	margin: 0 3px 0 0;
	padding-left:3px;
	width:60px;
	}
	
#prev,#next,#pause,#resume{height:19px;width:19px;display:block;float:left;padding-left:4px;}	
#prev{background: url(../_gfx/child_support_services/back_button.gif) no-repeat scroll 0 0 transparent;}	
#next{background: url(../_gfx/child_support_services/forward_button.gif) no-repeat scroll 0 0 transparent;}	
#pause{background: url(../_gfx/child_support_services/pause_button.gif) no-repeat scroll 0 0 transparent;}	
#resume{display:none;background: url(../_gfx/child_support_services/pause_button.gif) no-repeat scroll 0 0 transparent;}	

/* .leftnav_ig_widget {margin-bottom:20px;display:block!important;border:1px solid #ddd;margin-left:5px;
} */

.leftnav_ig_widget {
	margin-bottom:20px;
	display:block!important;
	background-image: url(../_gfx/child_support_services/google_box_bkg.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-bottom: 0px;
	padding-top: 4px;
	text-align:center;
	}
	
#child-support {display:block!important;}
.child-support a:active, .child-support a:focus{color:#fff; text-decoration: none; background-color:#FFF; border-bottom:0px;}

.leftnavcontent{text-align:center;}