/* GENERAL */


.ygbody,body,table,big {font-family:arial,helvetica,sans-serif;font-size:12px;}body{background-color:white;}tr,th,td{font-size:12px;line-height:16px;}small,small b,small a{font-family:verdana,arial,sans-serif;font-size:10px;line-height:14px;}big,big b,big a{font-size:16px;line-height:20px;}.ygcw{color:white;}.ygcb{color:black;}.ygfa{font-family:arial,sans-serif;}.ygfv{font-family:verdana,arial,sans-serif;}.ygft{font-family:times,serif;}.ygtb{font-size:18px;}.ygtbw{font-size:18px;color:white;}


	#policeonline{ width: 750px; clear: both; }
	BODY { margin: 0; padding: 0; }
	H1 { color: #3C7FB8; font-size: 2em; line-height: 1.5em; padding: 0; margin: 0; }
	H2 { color: #0956A6; font-size: 1.3em; padding: 0 0 5px 0; margin: 0; }
	H2 A { color: inherit; text-decoration: none; }
	H3 { color: #0956A6; background: #EBF2FB; padding: 5px; margin: 5px 0; border-bottom: #F1F1F1 1px solid; font-size: 1em; }
	H4 { padding: 5px; margin: 10px 0 10px 0; border-bottom: #C8C8C8 1px solid; font-size: 1em; }
	P { padding: 7px 0 15px 0; margin: 0; }
	A, A:visited { color: #00F; }
	
	/* Displays special note on page */
	/*		Most commonly used in small tag */
	/*		Example: <small class="note"> */
	.note { color: #006699; }

	/* Hides elements that should only display when CSS is disabled */
	.nocss {display: none; }
	
	
	/* ERRORS - ALERTS */
		/* Alert Box */
		DIV.alert { border: #FF0000 1px solid; padding: 15px; width: 500px; }
		/* Alert Text */
		SPAN.alert, STRONG.alert, B.alert { color: #FF0000; }
		/* Waived Text */
		.waived { color: #F00; }
	
	/* INFO BOX */
		#body-content .module_info_1 { border: #7FB6DD 1px solid; background: #E8F2FB; padding: 8px; margin: 0 0 10px 0; }
		
	/* CONTAINERS */
		#body-content .container_1 { width:100%; border:1px solid #7FB6DD; margin: 0 0 0 0; padding:0 0 0 0; }
		#body-content .container_1 H4 { font-size: 1.05em; color: #0956A6; margin: 0 0 5px -10px; padding: 0; }
		#body-content H4.container_1 { font-size: 1.5em; color: #3C7FB8; border-width: 0px; margin: 10px 3px 3px 3px; padding: 0; }
		
		#body-content .container_2 { border: #7FB6DD 1px solid; background: #E8F2FB; padding: 8px; margin: 0; }
		
	/* UL Lists */
	UL { padding: 0 0 0 20px; margin: 0; }
	LI { padding: 0 0 10px 0; }
	
/* MASTHEAD */
	/*#masthead { width: 100%; float: left; }
	#masthead .logo { float: left; }
	#masthead .info { float: left; padding: 6px 0 5px 3px; border-bottom: solid 1px #848284; width: 438px; }	
	#masthead .user { float: left; text-align: left; }
	#masthead .links { float:right; padding-top: 13px;}*/
	
	/* TOPNAV */ 
	/*#topnav { width: 100%; float: left; margin: -3px; }
	#topnav .title-bar { background-color: #397DBD; padding: 5px; margin: 8px 0 1px 0; }
	#topnav .title-bar .title { padding-top: 3px; }
	#topnav .title-bar .title H1 { color: #FFF; font-weight: bold; font-size: 1.3em; line-height: 1.3em; font-family: Verdana; margin: 0; padding: 0; }
	#topnav .title-bar .buttons { text-align: right }*/
	
	/*#topnav .navigation { float: left; background-color: #7BB6DE; width: 100%;}
	#topnav .navigation .navItem { float: left; background-color: #7BB6DE; height: 1.7em; padding: 7px 7px 6px 7px; border-left: 1px solid #fff; text-align: center; }
	#topnav .navigation .navItem.first { border-left-width: 0; }
	#topnav .navigation .navItem.selected { background: #397DBD; }
	#topnav .navigation .navItem A { color: #FFF; font-weight: bold; font-size: 1em; font-family: Verdana; }*/
	
	/* LEGACY TOPNAV (domains) */
	#masthead #title { padding: 5px; margin-top: 10px; background: #3c7fb9; text-align: right; height: 1.38em; }
	#masthead #title H2 { float: left; margin: 0px; color: #FFFFFF; font-size: 1.38em; font-family: verdana; font-weight: normal; text-align: left; }
	
	/* LEGACY NAVIGATION (domains) */	
	#masthead #navigation { width: 100%; overflow: auto; padding: 0; margin: 1px 0 0 0; background: #7fb6dd; font-family: verdana; font-weight: bold; }
	#masthead #navigation A { padding: 7px; float: left; background: #7fb6dd; color: #FFF; border: #FFFFFF 1px solid; border-width: 0 1px 0 0; }
	#masthead #navigation .align-right { float: right; }
	#masthead #navigation .align-right A { border-width: 0 0 0 1px; }
	#masthead #navigation SPAN#current { background: #3C7FB8; padding: 7px; float: left; color: #FFF; border: #FFFFFF 1px solid; border-width: 0 1px 0 0; }
	
	
/* BREADCRUMBS */
	#breadcrumb { margin: 7px 0 7px 0; padding: 0; text-align: left; }
	#breadcrumb .separator {  }
	#breadcrumb #current { font-weight: bold; }

/* SIDE COLUMN */
/*		Width should be set in the element calling it */
/*		Example: <td id="side-column" width="190"> */
	
	#side-column.left { padding-right: 10px; }
	#side-column.right { padding-left: 10px; }
	
	/* Module UL List Styles*/
		/* Default List */
		#side-column UL { padding: 0 0 5px 15px; margin: 0; }
		#side-column UL LI { list-style-type: square; margin: 0 0 3px 0; padding: 0; word-wrap: break-word; }
		
		/* Default Navigation */
		#side-column UL.navigation { padding: 0 0 5px 15px; margin: 0; font-size: xx-small; }
		#side-column UL.navigation LI { list-style-type: none; font-size: 1.2em; color: #000; margin: 0 0 10px 0; word-wrap: break-word; }
		#side-column UL.navigation LI#current { list-style-type: none; list-style-image: url('https://sec.yimg.com/i/b5/arrow.gif'); color: #000; }
		
		/* Navigation other */
		/*	same as default, but no space between LI elements*/
		#side-column UL.navigation_2 { padding: 0 0 5px 15px; margin: 0; font-size: xx-small; }
		#side-column UL.navigation_2 LI { list-style-type: none; font-size: 1.2em; color: #000; margin: 0; padding:0; }
		#side-column UL.navigation_2 LI#current { list-style-type: none; list-style-image: url('https://sec.yimg.com/i/b5/arrow.gif'); color: #000; margin: 0; padding:0; }
	
	/* GENERIC MODULES*/
		#side-column SMALL { font-size: xx-small; }
	
		/* Module Style 1*/
		.module_1 { width: 100%; color: #0956A6; margin-bottom: 10px; text-align: left;  }
		.module_1 H2 { background: #D0E5F8; font-size: 1em; padding: 5px; margin: 0; word-wrap: break-word; }
		.module_1 H3 { background: #D0E5F8; font-size: xx-small; padding: 5px; margin: 0; font-family: verdana; word-wrap: break-word; }
		.module_1 .body { background: #EBF2FB; padding: 8px; margin: 1px 0 0 0; line-height: 1.2em; word-wrap: break-word; }
		.module_1 UL.body { padding: 8px 8px 8px 20px; font-size: xx-small; }
		.module_1 UL.body LI { padding-bottom: 5px; }
		.module_1 UL { padding: 0 0 5px 15px; margin: 0; font-size: xx-small; }
		.module_1 UL LI { padding-bottom: 0px; }
		
		/* Module Style 2*/
		.module_2 { width: 100%; color: #0956A6; margin-bottom: 10px; border: #7FB6DD 1px solid; width: 100%; text-align: left;  }
		.module_2 H2 { background: #D0E5F8; font-size: 1em; padding: 3px; margin: 0; border-bottom: #7FB6DD 1px solid; word-wrap: break-word;  }
		.module_2 H3 { background: #D0E5F8; font-size: xx-small; padding: 5px; margin: 0; border-bottom: #7FB6DD 1px solid; font-family: verdana; word-wrap: break-word;  }
		.module_2 .body { background: #FFF; padding: 8px; margin: 1px 0 0 0; word-wrap: break-word; }
		.module_2 HR { width: 95%; height: 1px; border: #7FB6DD solid; border-width: 1px 0 0 0; }
		
		/* Module Style 3*/
		.module_3 { width: 100%; color: #0956A6; margin-bottom: 10px; border: #7FB6DD 1px solid; text-align: left;  }
		.module_3 H2 { background: #D0E5F8; font-size: 1em; padding: 3px; margin: 0; border-bottom: #7FB6DD 1px solid; word-wrap: break-word;  }
		.module_3 H3 { background: #D0E5F8; font-size: xx-small; padding: 5px; margin: 0; border-bottom: #7FB6DD 1px solid; font-family: verdana; word-wrap: break-word;  }
		.module_3 .body { background: #E8F2FB; padding: 5px; margin: 0; word-wrap: break-word; }
		
		#side-column DL { padding: 0; margin: 0; }
		#side-column DL DT { font-weight: bold; padding: 0 0 3px 10px; }
		#side-column DL DD { margin: 0 0 3px 20px; }
		#side-column DL DD DD { margin: 0 0 3px 7px; }
		#side-column DL DT.selected { color: #000; background: url('http://us.i1.yimg.com/us.yimg.com/i/b5/arrow.gif') no-repeat; background-position: left center; }
		#side-column DL DD.selected { color: #000; background: url('http://us.i1.yimg.com/us.yimg.com/i/b5/arrow.gif') no-repeat; background-position: left center; font-weight: bold; margin-left: 10px; padding-left: 10px; }
		#side-column DL DD DD.selected { color: #000; background: url('http://us.i1.yimg.com/us.yimg.com/i/b5/arrow.gif') no-repeat; background-position: left center; font-weight: bold; margin-left: -10px; padding-left: 16px; }
		#side-column DL A { color: #0956A6; }

/* BODY MODULES */
	
	/* Used for product modules */
	#body-content .body_module_1 { background: #F6F6F6; color: #000; padding: 5px; margin-bottom: 5px; }
	#body-content .body_module_1 P { padding: 0 0 5px 0;}
	#body-content .body_module_1 UL LI { padding: 0; }
	#body-content .body_module_1 .price, 
		#body-content .body_module_1 .price A,
		#body-content .body_module_1 .price A:hover { color: #0956A6; text-decoration: none;}
	#body-content .body_module_1 .price BIG { font-size: large; }
		
/* SEPARATORS */
/* These will be HR elemens with a class */
/* 		i.e. <hr class="separator_1" /> */

	/* defualt */
	HR { height: 1px; padding: 0; border: #C8C8C8 solid; border-width: 1px 0 0 0; }
	
	/* Others */
	HR.separator_1 { height: 1px; padding: 0; border: #C8C8C8 dashed; border-width: 1px 0 0 0; }
	
/* RESULTS */
/*	To be used in tables which display tabular data*/

	/* Default */
	/*	used for tabular data*/
	.results { border: #D0E5F8 solid; border-width: 0 1px 0 0; }
	.results TH { margin: 0; padding: 5px; background: #D0E5F8; border-left: #FFF 1px solid; }
	.results TH.first { border-width: 0; }
	.results .none { padding: 15px; background: #FFC; border: #D0E5F8 solid; border-width: 0 0 1px 1px;  }
	.results TD { border: #D0E5F8 solid; border-width: 0 0 1px 1px; padding: 7px; }
	/* fix nexted tables */
	.results TABLE TD, .results TABLE TH { border-width: 0; padding: 0; }
	
	/* Style 2 */
	/*	used for comparison charts*/
	.results_2 {  }
	.results_2 TD.sectionTitle { color: #3C7FB8; height: 2em; }
	.results_2 TD, .results_2 TH { padding: 5px; }
	.results_2 .row1 { background: #FFF; }
	.results_2 .row1#first TD { border-top: #C8C8C8 1px solid; }
	.results_2 .row2 { background: #E8F2FB; }
	.results_2 .row2#first TD { border-top: #C8C8C8 1px solid; }
	.results_2 TR.row1 TD, .results_2 TR.row2 TD { border-bottom: #C8C8C8 1px solid; padding: 2px 5px 2px 5px; }
	
	/* Style 3 *
	/* Used as search result style */
	.results_3 { border-top: 1px #7FB6DD solid; }
	.results_3 H3 { background: #D0E5F8; color: #0956A6; padding: 5px; margin: 0; border: #7FB6DD solid; border-width: 0 1px 1px 1px; }
	.results_3 TABLE { width: 100%; }
	.results_3 .row_1 { float: left; padding: 5px; border: #7FB6DD solid; border-width: 0 1px 1px 1px; }
	.results_3 .row_2 { float: left; background: #F4F9FD; padding: 5px; border: #7FB6DD solid; border-width: 0 1px 1px 1px; }
	.results_3 STRONG A { text-decoration: none; }
 
/* BUTTONS */
	.button-bar { background: #EEEEEE; text-align: center; padding: 5px; margin: 10px 0 0 0; }
	INPUT.button { background:#E0E1E5 url('https://sec.yimg.com/i/us/plus/el/btbg.gif'); border:1px solid #565656; border-bottom-width:2px; padding:0.2em 0 0.1em 0; color: #000000; cursor:hand; margin: 3px; }
	INPUT.button#default { font-weight:bold; }	

/* TESTIMONIALS */
	
	.testimonial.details H2 { color: #6B9154; padding: 15px 0; font-size: 1.6em; line-height: 1em; }
	.testimonial.details .navigation { background: #F5F5F5; padding: 10px; }
	
	.testimonial.details TD.info { vertical-align: top; padding: 5px 0 0 10px; }
	.testimonial.details .info TD { border-bottom: #E7EFE3 1px solid; padding: 0; }
	.testimonial.details .info .title { font-weight: bold; }
	
/* Callout for Mockups */
.mock-callout { background: #99C; color: #000; border: #006 1px solid; margin: 3px; padding: 3px; text-align: left; }

.onlineWidget,.panel{
	
	/* Styling the widget and the sliding panel at once */
	
	background-color:#F9F9F9;
	border:2px solid #FFFFFF;
	height:25px;
	padding:4px 8px;
	position:relative;
	width:130px;
	
	cursor:pointer;
	
	/* CSS3 rules for rounded corners, box and text shadows: */
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	
	-moz-box-shadow:0 0 3px #CCCCCC;
	-webkit-box-shadow:0 0 3px #CCCCCC;
	box-shadow:0 0 3px #CCCCCC;
	
	text-shadow:0 2px 0 white;
}

.onlineWidget:hover{
	background-color:#fcfcfc;
}

.onlineWidget:hover .arrow{
	/* Changing the background image for the green arrow on hover: */
	background-position:bottom center;
}

.count{
	/* The total number of people online div */
	
	color:#777777;
	float:left;
	font-size:26px;
	font-weight:bold;
	margin-top:-3px;
	text-align:center;
	width:30px;
}

.label{
	/* The online label */
	
	float:left;
	font-size:10px;
	padding:7px 0 0 7px;
	text-transform:uppercase;
}

.arrow{
	/* The green arrow on the right */
	
	background:url(who-is-online/img/arrow.png) no-repeat top center;
	position:absolute;
	right:6px;
	
	width:25px;
	height:25px;
}

.panel{
	/* The slideout panel */
	
	position:absolute;
	cursor:default;
	
	bottom:50px;
	left:0;
	height:auto;
	display:none;
	margin:-2px;
	z-index:1000;
}

.preloader{
	/* The rotating gif preloader image */
	display:block;
	margin:10px auto;
}

.geoRow{
	/* The div that contains each country */
	
	height:16px;
	overflow:hidden;
	padding:2px 0;
}

.flag{
	float:left;
	margin:0 4px;
}

.country, .people{
	float:left;
	font-size:10px;
	padding:2px;
}

.country{
	width:85px;
	overflow:hidden;
}

.people{
	font-weight:bold;
}

/* The styles below are only necessary for the styling of the demo page: */


.onlineWidget{
	margin:30px auto 0;
}

.tutorial-check{
	margin:0 auto;
	display:block;
}


.clear{
	clear:both;
}

p.tutInfo{
	/* The tutorial info on the bottom of the page */
	padding:10px 0;
	text-align:center;
	position:fixed;
	bottom:0px;
	background-color:#011D2E;
	border-top:1px solid #011d2e;

	width:100%;
}

h1,h2,p.tutInfo{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;