/* Last updated: February 13, 2017*/
/* Author: bors235 */

html body {
	background: #9A9A7C url('../images/homebg.gif') repeat-x 50% top !important;
}

#leaderboard #features {
	float: left;
	width: 620px;
	height: 306px;
	margin-right: 18px;
	background: #F5F5F5;
	color: #0C6A3A;
}
#features ul.ui-tabs-nav {
	position: relative;
	z-index: 50;
	left: 0px;
	top: -14px;
}
* html div#features ul.ui-tabs-nav {
	position: absolute;
	top: 248px;
}
#features ul.ui-tabs-nav li {
	float: left;
	background: url('/common/images/feature_tab.gif') no-repeat 0 0;
	line-height: 125%;
}
div#features li.ui-tabs-nav-item a {
	display: block;
	width: 145px;
	height: 39px;
	font: normal 14px/1.05em 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	padding: 17px 5px 0 5px;
}
* html div#features li.ui-tabs-nav-item a {
	width: 155px;
	height: 59px;
}
#features ul.ui-tabs-nav li.ui-tabs-selected {
	background: url('/common/images/feature_current_tab.gif') no-repeat 0 0;
}
#features .ui-tabs-hide {
	display: none;
}
div#features .tabContents div.tab {
	display: none;
}
div#features .tabContents div.current {
	display: block;
}
#features .ui-tabs-panel a p {
	position: absolute;
	float: left;
	text-align: left;
	font-size: 13px;
	color: #2D4C5A;
}
#features .ui-tabs-panel a:hover {
	cursor: pointer;
	color: #2D4C5A;
	text-decoration: none;
}
#features .ui-tabs-panel a:hover p {
	text-decoration: underline;
}
#features .ui-tabs-panel a:hover p.watch {
	text-decoration: underline;
}
/* CALLOUTS ------------------------*/
#leaderboard #callouts {
	float: left;
}
#callouts .callout {
	width: 298px;
	height: 143px;
}
#callouts .callout a {
	display: block;
	color: #000;
	width: 298px;
	height: 143px;
}
#callouts .callout a:hover {
	text-decoration: none;
	background-position: 0 -143px;
}
#callouts .cac {
	background: url('/Common/images/cac_app_link.jpg') 0 -286px no-repeat;
	margin-bottom: 20px;
}
#callouts .cac a {
	background: url('/Common/images/cac_app_link.jpg') top no-repeat;
}
/*Verify*/
#callouts .verify {
	width: 298px;
	height: 143px;
	text-align: left;
	background: url('/Common/images/callouts/callout_verify.png') 0 0 no-repeat;
}
#callouts .verify span {
	padding: 20px 0 0 20px;
	display: inline-block;
}
#callouts .verify a {
	/*display: inline-block;*/
	font: normal 13px Sans-serif;
	color: #275FB7;
}
#callouts .verify a:hover {
	text-decoration: none;
	color: #D78913;
}
#callouts .callout div.minialert {
	padding-top: 92px;
}
#callouts .callout div.minialert p.handle {
	display: block;
	height: 16px;
	background: #f1f2da url('/Common/images/callouts/sitealert/handle_bg.gif') top repeat-x;
	padding: 0;
}
#callouts .callout div.minialert p.handle strong {
	display: block;
	width: 298px;
	height: 16px;
	background: url('/Common/images/callouts/sitealert/title.gif') center no-repeat;
}
#callouts .callout div.minialert p {
	font-size: 11px;
	background: #f1f2da url('/Common/images/callouts/sitealert/bg.gif') top repeat-x;
	padding: 10px;
}
#calloutRow {
	clear: both;
	padding: 10px 0;
}
ul#agencyCallouts {
	float: left;
	width: 230px;
	padding: 10px 0;
}
ul#agencyCallouts li, ul#personasCallouts li {
	float: left;
}
ul#agencyCallouts li a {
	display: block;
	width: 111px;
	height: 62px;
}
ul#agencyCallouts li a#vote {
	background: url('../images/callout_vote.jpg') no-repeat 0 0;
	padding-right: 5px;
}
ul#agencyCallouts li a#recovery {
	background: url('../images/callout_recovery.jpg') no-repeat 0 0;
}
ul#agencyCallouts li a#vote:hover, ul#agencyCallouts li a#recovery:hover {
	background-position: 0 -62px;
}
/* audience link headings */
ul#personasCallouts {
	float: left;
}
ul#personasCallouts li a {
	display: block;
	width: 236px;
	height: 82px;
}
/*ul#personasCallouts li a#business {
	background: url('../images/callout_business.jpg') no-repeat 15px 0;
}
ul#personasCallouts li a#workers {
	background: url('../images/callout_workers.jpg') no-repeat 15px 0;
}
ul#personasCallouts li a#providers {
	background: url('../images/callout_providers.jpg') no-repeat 15px 0;
}
ul#personasCallouts li a#business:hover, ul#personasCallouts li a#workers:hover, ul#personasCallouts li a#providers:hover {
	background-position: 15px -82px;
}*/

#audiences {
	clear: both;
}
#audiences p {
	float: left;
	text-align: left;
	width: 205px;
	font-size: 13px;
	line-height: 14px;
	background: url('../images/icon-question.gif') left no-repeat;
	padding: 10px 0 8px 25px;
	margin: 0;
}
#audiences p a {
	text-decoration: none;
}
#audiences p a:hover {
	color: #D78913;
}
#audiences ul {
	float: left;
	position: relative;
	top: 29px;
	margin-top: -18px;
	white-space: nowrap;
}
#audiences ul li {
	float: left;
	width: 230px;
	height: 75px;
	padding: 0 0 0 5px;
}

#audiences ul li.business {
	background: url('/Common/images/note-business.jpg') top no-repeat;
}
#audiences ul li.businessESP {
	width: 275px;
	background: url('/Common/images/note-businessESP.jpg') top no-repeat;
	margin-left: 25px;
 margin-left: 20px !not important;
}
#audiences ul li.workers {
	background: url('/Common/images/note-workers.jpg') top no-repeat;
}
#audiences ul li.workersESP {
	width: 275px;
	background: url('/Common/images/note-workersESP.jpg') top no-repeat;
}
#audiences ul li.providers {
	background: url('/Common/images/note-providers.jpg') top no-repeat;
}
#audiences ul li:hover {
	background-position: 50% -75px;
}
#audiences ul li.businessESP:hover, #audiences ul li.workersESP:hover {
	background-position: 50% 0;
}
#audiences ul li a {
	display: block;
	width: 230px;
	height: 75px;
}
#tabBusiness, #tabWorker, #tabProvider {
	display: none;
}
/* home page personas */
#footer div.personas ul {
	padding-top: 18px;
}
/* --------------CAROUSEL------------- */
.jcarousel-container {
	position: relative;
}
.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.jcarousel-list li, .jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 75px;
	height: 75px;
}
.jcarousel-next {
	z-index: 3;
	display: none;
}
.jcarousel-prev {
	z-index: 3;
	display: none;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 940px;
	padding: 20px 0;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 900px;
	height: 62px;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 215px;
	height: 62px;
	padding: 0 2px;
	margin: 0 3px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	float: left;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
	float: right;
	width: 20px;
	height: 63px;
	cursor: pointer;
	background: transparent url('../images/carousel_right.gif') no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
	background-position: 0 -63px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: 0 -126px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	float: left;
	width: 20px;
	height: 63px;
	cursor: pointer;
	background: transparent url('../images/carousel_left.gif') no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
	background-position: 0 -63px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: 0 -126px;
}
/*language list*/
#languages {
	background: #F5F5F5;
	margin: 0 auto;
	padding: 6px 10px;
	width: 940px;
	border-bottom: 2px solid #9a9a7c;
}
.langList {
	text-align: left;
}
.langList li {
	display: inline-block;
	font-size: 97%;
	padding-right: 15px;
}
.langList span {
	color: #666666;
	font-size: smaller;
}

.Khmer {
	font-family: 'Khmer';
	}