/*
1.  standard formats
1.1 body formats
2.  utilities
3.  specific tab controls
4.  button/calendar formats
5.  login page
5.1 admin page
5.2 campaign page
5.3 creative page
6.  header styles
9.  safari controls
10. plugin css.
*/


/* standard formats */
body {
	background:#005696;
	font-size:12px;
}

body, h1,h2,h3,h4,h5 {
    margin:0px;
    padding:0px;
    font-family: arial, sans-serif;
}

h1 {
	margin:5px;
	font-size:18px;		
}

h2 {
	margin:5px;
	font-size:18px;		
}

ul {
    margin:0px;
}

input[type=text] {
    border:1px solid #999 ;
    padding:2px;
    height:22px;
    font-size:16px;
	font-family:arial;
	text-align:center;
}

textarea {
    border:1px solid #999 ;
    font-size:12px;
	padding:2px;
	font-family:arial;
	letter-spacing:normal;
	text-rendering:optimizelegibility;
	text-shadow:none;
	text-transform:none;
	word-spacing:normal;
}
p {
	word-spacing:2px;
}
a {
    text-decoration:none;
	cursor:pointer;
}
a:link {
    color:#000;
}
a:visited {
    color:#000;
}
a:hover {
    color:#900000;
}
a:active {
    color:#000;
}
img {
	border:0px;	
}



.title {
	color:#004172;
	font-weight:bold;
	font-size:26px;
	text-transform:uppercase;
}
/* menu formats */
.header {
	display:none;
}
.thefoot {
	display:none;
}
.menus {
	margin-left:207px;
	position:absolute;
	top:74px;
	width:620px;
	z-index:100;
}

.flungaway {
	position:absolute;
	left:-4000px;
	top:-6000px;
}
.menu_text {
	font-size:17px;
	font-weight:bold;
	color:#005696;
	text-transform:uppercase;
}

.couple_text {
	color:#004172;
	font-size:20px;
	font-weight:bold;
	height:150px;
	left:280px;
	margin-top:50px;
	position:relative;
	width:340px;
	word-spacing:5px;
}
.ctext {
	font-weight:bold;
	font-size:18px;
	color:#005696; 
	width:400px;
}

.menu_left {
	width:8px;
	height:37px;
	cursor:pointer;
}
.menu_center {
	height:37px;
	cursor:pointer;
}
.menu_right {
	width:8px;
	height:37px;
	cursor:pointer;
}

.menu_left_active {
	width:8px;
	height:37px;
	cursor:pointer;
}
.menu_center_active {
	height:37px;
	cursor:pointer;
}
.menu_right_active {
	width:8px;
	height:37px;
	cursor:pointer;
}

.logo {
	position:absolute;
	width:161px;
	height:161px;
	z-index:11;
	top:35px;
	left:-67px;
}



/* body formats */
.main_body {
	margin-left: auto; margin-right: auto; width: 900px; position:relative;
}
.main_body_right {
	width:23px; 
	height:556px;
}
.main_body_center {
	width:860px; 
	height:556px; 
	position:relative;
}
.adult_couple {
	/* 
	opacity:0.25;
	filter: alpha(opacity = 25);
	*/
	position:absolute;
	top:11px;
	left:-10px;
	width:379px; 
	height:315px;
}
.main_body_left {
	width:15px; 
	height:556px;
}

.main_body_top {
}
.main_body_bottom {
	height:100px;
	margin-left:auto;
	margin-right:auto;
	width:877px;
}

.body_right {
	width:20px; 
	height:900px;
	margin-top:-20px;
}


.body_center {
	width:862px; 
	position:relative;
	margin-top:-20px;
}


.body-bkd {
}
.body-bottoms {
	height:20px;
}

.body_left {
	width:18px; 
	height:900px;
	margin-top:-20px;
}

.index .body_right {
	width:20px; 
	height: 700px;
	margin-top:-20px;
}
.index .body_left {
	width:18px; 
	height: 700px;
	margin-top:-20px;
}

.index .body_center {
	width:862px; 
	height: 700px;
	position:relative;
	margin-top:-20px;
}


.index .body-bottoms {
	height:20px;
}


/* search section */

.sc_left {
	width:13px;
	height:213px;
}
.sc_center {
	width:299px;
	height:213px;
}
.sc_right {
	height:213px;
	width:13px;
}

.find_counsellor {
	width:326px;
	height:148px;
} 

.find_agency {
	width:326px;
	height:148px;
} 

.requirements_block_left {
	width:130px;
	height:148px;
}

.requirements_block_center {
	width:300px;
	height:148px;
}



.senior_information {
	margin:0px 10px 0px 20px;
	position:relative;
	width:487px;
	height:311px;
}

.senior_information .page_left {
	width:12px;
	height:311px;
}
.senior_information .page_center {
	width:461px;
	height:311px;
}
.senior_information .page_right {
	height:311px;
	width:12px;
}


.login_block_left {
	width:15px;
	height:148px;
}
.login_block_center {
	width:200px;
	height:148px;
}
.login_block_button {
	width:66px;
	height:28px;
}

.search_agencies {
	width:326px;
	height:88px;	
	margin-top:10px;
}
.search_title {
	color:#226DA4;
	font-size:24px;
	font-weight:bold;
}

.cerified {
	width:37px;
	height:37px;
}

.search_more_block {
	width:102px;
	height:28px;
}

.learnmore_block {
	width:83px;
	height:20px;
}

.a_learnmore_block {
	width:83px;
	height:20px;
}
.moreinfo_block {
	width:83px;
	height:20px;
}

.a_moreinfo_block {
	width:83px;
	height:20px;
}

.register_online_block {
	width:214px;
	height:20px;
}

.a_register_online_block {
	width:214px;
	height:20px;
}

.links { 
	font-size:14px;
}

.links a {
	text-decoration:underline;
}
.links a:link {
	color:#0185e7;
}
.links a:visited {
	color:#0185e7;
	
}
.links a:hover {
	color:#900000;
}
.links a:active {
	color:#0185e7;
}

.agency_blox a {
	text-decoration:underline;
}
.agency_blox a:link {
	color:#0185e7;
}
.agency_blox a:visited {
	color:#0185e7;
	
}
.agency_blox a:hover {
	color:#900000;
}
.agency_blox a:active {
	color:#0185e7;
}

.login_block_row a {
	text-decoration:underline;
}
.login_block_row a:link {
	color:#0185e7; 
}
.login_block_row a:visited {
	color:#0185e7; 
}
.login_block_row a:hover {
	color:#900000;
}
.login_block_row a:active {
	color:#0185e7; 
}


.navigation {
    width:150px;
    font-size:20px;
    position:absolute;
}

.calendar_font {
	font-size:29px; 
	font-family: courier;
}

.calendar_thingy {
	text-align:center;
	background: #F1EBD0 none repeat scroll 0% 0%;
	color: #333;
	font-size: 11px;
	font-family: courier;
}

.search_index {display:none;}


.search_results {
}

.about_content {
}

.icontent {
	background:#fff;
}

.icontent ol li {
	padding:5px;
}

/* utilities */


.w10 { width:10px; }
.w20 { width:20px; }
.w30 { width:30px; }
.w50 { width:50px; }
.w80 { width:80px; }
.w100 { width:100px; }
.w120 { width:120px; }
.w125 { width:125px; }
.w150 { width:150px; }
.w180 { width:180px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w350 { width:350px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w650 { width:650px; }
.w750 { width:750px; }

.w100p { width:100%; }

.h10 { height:10px; }
.h20 { height:20px; }
.h30 { height:30px; }

.h100 { height:100px; }
.h150 { height:150px; }
.h175 { height:175px; }
.h200 { height:200px; }
.h250 { height:250px; }
.h300 { height:300px; }
.h400 { height:400px; }

.m5 { margin:5px; }
.m10 { margin:10px; }

.ml { margin-left:10px; }
.ml5 { margin-left:5px; }

.mr { margin-right:10px; }
.mr5 { margin-right:5px; }

.mt { margin-top:10px; }
.mt5 { margin-top:5px; }

.mb { margin-bottom:10px; }
.mb5 { margin-bottom:5px; }

.mr-minus { margin-right:-20px; }

.p5 { padding:5px }
.p10 { padding:10px; }

.pr5 { padding-right:5px }
.pr10 { padding-right:10px; }

.pl5 { padding-left:5px }
.pl10 { padding-left:10px; }

.fl { float:left; }
.fr { float:right; }
.center { text-align:center; }

.clears { clear:both; }

.strong { font-weight:bold; }

.hidden { display:none; }
.absolutly { position:absolute; }
.overflow { overflow:auto; }

/* borders */
.redborder { border:1px solid red; background:#f00; color:#fff; }
.ltredborder { border:1px solid red; }
.greyborder { border:1px solid #ccc; background:#eee; }
.ltgreyborder { border:1px solid #eee; background:#F1EBD0; }
.veryltborder { border:1px solid #ccc; background:#eee; }
.noborder { border:0px; background:#eee; }
.calendar_border { border:1px dotted #ababab; }

/* colors */
.grey { color:#666; }
.midgrey { color:#aaa; }
.ltgrey { color:#eee; }
.veryred {color:#900 }
.green {color:green; }
.ltblue {color:#70BAEC; }

/* font-sizes */
.fs8 { font-size:8px; }
.fs10 { font-size:10px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }
.fs20 { font-size:20px; }
.fs22 { font-size:22px; }

.align-right { text-align:right; }
.align-left { text-align:left; }
.center {text-align:center;}

.finger {
    cursor:pointer;
}

.bottom {
    position:relative;
    bottom:-1px;
}

.modal {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    position: absolute;
    z-index:100;
}

.loading {
    color:#000;
    background:#FFFFFF url('../images/loading.gif') no-repeat 6px 9px;
    border:2px solid #222;
    margin-left:auto;
    margin-right:auto;
    padding:10px 0px 10px 20px;
    z-index:101;
    color:#000;
}

.errors {
	padding:10px;
	margin-top:10px;
}

.errors ul {
	list-style-type: square;
	list-style-position:outside;
	text-align: left;
	margin-left:10px;
}

.errors_plain {
	padding:10px;
}

/* header styles */


	
	
	/* jgrowl */
	
	div.jGrowl {
		padding: 			10px;
		z-index: 			9999;
	}
	
	
	
	/* simple tip */
	.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }
	
	
	/** Special IE6 Style Positioning **/
	div.ie6 {
		position: 			absolute;
	}
	
	div.ie6.top-right {
		right: 				auto;
		bottom: 			auto;
		left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	}
	
	div.ie6.top-left {
		left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
		top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	}
	
	div.ie6.bottom-right {
		left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
		top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	}
	
	div.ie6.bottom-left {
		left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
		top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	}
	
	div.ie6.center {
		left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
		top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
		width: 				100%;
	}
	
	/** Normal Style Positions **/
	body > div.jGrowl {
		position:			fixed;
	}
	
	body > div.jGrowl.top-left {
		left: 				42px;
		top: 				100px;
	}
	
	body > div.jGrowl.top-right {
		right: 				0px;
		top: 				0px;
	}
	
	body > div.jGrowl.bottom-left {
		left: 				0px;
		bottom:				0px;
	}
	
	body > div.jGrowl.bottom-right {
		right: 				0px;
		bottom: 			0px;
	}
	
	body > div.jGrowl.center {
		top: 				0px;
		width: 				50%;
		left: 				25%;
	}
	
	/** Cross Browser Styling **/
	div.center div.jGrowl-notification, div.center div.jGrowl-closer {
		margin-left: 		auto;
		margin-right: 		auto;
	}
	
	div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
		background-color: 		#333;
		color: 					#fff;
		opacity: 				.85;
		filter: 				alpha(opacity = 85);
		zoom: 					1;
		width: 					255px;
		padding: 				10px;
		margin-top: 			15px;
		margin-bottom: 			5px;
		font-family: 			Arial, Helvetica, sans-serif;
		font-size: 				12px;
		text-align: 			left;
		display: 				none;
		-moz-border-radius: 	5px;
		-webkit-border-radius:	5px;
	}
	
	div.jGrowl div.jGrowl-notification {
		min-height: 			40px;
	}
	
	div.jGrowl div.jGrowl-notification div.header {
		font-weight: 			bold;
		font-size:				16px;
		height:					20px;
	}
	
	div.jGrowl div.jGrowl-notification div.close {
		float: 					right;
		font-weight: 			bold;
		font-size: 				20px;
		cursor:					pointer;
		color:					#aaa
	}
	
	div.jGrowl div.jGrowl-closer {
		height: 				15px;
		padding-top: 			4px;
		padding-bottom: 		4px;
		cursor: 				pointer;
		font-size:				11px;
		font-weight: 			bold;
		text-align: 			center;
	}
	
	
	
