/*
	light blue - F9FBFC
	blue1 - D9E3EB
	pure blue - 00457C
	grey blue - 99B5CE
	orange - F8981C
	150orange - f8c983
	natorange - f9e7cf
*/

 
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family: Arial, Helvetica, sans-serif;
	color: #464646;
	line-height: 1.3em;
}

a
{
	color: #00457C;
	text-decoration: underline;
}
a:hover
{
	color: #F8981C;
}
a.disabled:hover
{
	color: #AAA;
	cursor: default;
}

#title
{
	background-color: #000;
	color: #FFF;
	font-size: x-large;
	/*font-weight: bold;*/
	padding: 6px;
	margin: 0px 0 10px 0;
	
	-moz-border-radius: 8px;
}

.infoText
{
	font-style: italic;
	color: #888;
	font-size: 90%;
}

.disabled, .default
{
	color: #AAA;
}

.required 
{ 
	border: solid 2px #F00; 
}

a.moreinfo
{
	font-size: 10px;
}

.subtitle
{
	font-weight: bold;
}

.titlelink
{
	font-size: large;
	display: block;
}

.blocklink
{
	display: block;
}

.function
{
	font-size: x-small;
}

.leftlink
{
	float: left;
	font-size: x-small;
}
.rightlink
{
	float: right;
	font-size: x-small;
}

.rating
{
	margin: 8px 0;
	font-size: 10px;
	font-weight: bold;
}
* html .rating
{
	font-size: 11px;
}
.rating .stars
{
	margin-left: 4px;
	font-weight: normal;
}


.xlarge
{
	font-size: 14px;
}
.large
{
	font-size: 13px;
}
.bolded
{
	font-weight: bold;
}
.small_text
{
	font-size: 10px;
}

.breadcrumbs
{
	margin: 10px 0 -13px 10px;
	font-size: 10px;
	color: #666;
}
.breadcrumbs .category_pointer
{
	font-size: 10px;
	margin: 0 3px;
	position: relative;
	top: 0px;
}
.recommendations
{
	margin: -6px 0 8px 10px;
	font-size: 12px;
	color: #00457C;
}
.recommendations a
{
	text-decoration: none;
}
.category_pointer
{
	font-size: 10px;
	margin: 0 3px;
	position: relative;
	top: -1px;
}


.systembutton {
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#F8981C;
	border-color:#F8981C
}	


h1 
{
	font-size:18px;
	font-weight:normal;
}
.heading 
{
	background-image:url(../images/heading-bckgrnd.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#99B5CB;
	color:#FFFFFF;
	margin: 15px 0 10px 0;/*-bottom: 10px;*/
	position: relative;
	zoom: 1;
}
* html .heading
{
	height: 34px;
}
.heading h1
{
	padding: 6px 10px;
	margin: 0;
}
.heading h1 .sub_heading
{
	color: #D0E5F6;
}
.white .BL {background: url(../images/corners-and-edges/white/edge_bl.png) 0 100% no-repeat;}
.white .BR {background: url(../images/corners-and-edges/white/edge_br.png) 100% 100% no-repeat;}
.white .TL {background: url(../images/corners-and-edges/white/edge_tl.png) 0 0 no-repeat;}
.white .TR {background: url(../images/corners-and-edges/white/edge_tr.png) 100% 0 no-repeat;}
/*
.BLUE1 .BL {background: url(../images/corners-and-edges/blue2/corner_bl.png) 0 100% no-repeat;}
.BLUE1 .BR {background: url(../images/corners-and-edges/blue2/corner_br.png) 100% 100% no-repeat;}
.BLUE1 .TL {background: url(../images/corners-and-edges/blue2/corner_tl.png) 0 0 no-repeat;}
.BLUE1 .TR {background: url(../images/corners-and-edges/blue2/corner_tr.png) 100% 0 no-repeat;}


*/



.white_box
{
	display: block;
	float: right;
	margin-right: 10px;
	width: 113px;
	text-decoration: none;
	font-size: 10px;
	cursor: pointer;
}
.white_box .left
{
	height: 17px;
	float: left;
	background: url(../images/small-btn-white-left.png) left no-repeat;
}
.white_box .left span
{
	/*padding: 7px 2px 4px 7px;*/
	position: relative;
	top: 2px; left: 5px;
}
.white_box .right
{
	width: 10px;
	height: 17px;
	background: url(../images/small-btn-white-right.png) right no-repeat;
	float: left;
}
.white_box .right_arrow
{
	width: 20px;
	height: 17px;
	background: url(../images/small-btn-white-right-aro.png) right no-repeat;
	float: left;
}


.orange_button, .blue_button, .gray_button
{
	display: block;
	margin: 0;		
	width: 200px;
	float: left;
	margin-right: 25px;	
	text-decoration: none;
	font-size: 15px;
	font-weight: normal;
	color: #FFF;
	cursor: pointer;
	line-height: normal;
}
a.orange_button, a.blue_button, a.gray_button
{
	color: #FFF;
}
.orange_button:hover
{
	color: #00457C;
}
.gray_button:hover
{
	color: #00457C;
}

.blue_button:hover
{
	color: #F8981C;
}
.orange_button .ob_left
{
	height: 33px;
	float: left;
	background: url(../images/large-btn-orange-left.png) left no-repeat;
}
.gray_button .gb_left
{
	height: 33px;
	float: left;
	background: url(../images/large-btn-gray-left.png) left no-repeat;
}

.blue_button .bb_left
{
	height: 33px;
	float: left;
	background: url(../images/large-btn-blue-left.png) left no-repeat;
}
.orange_button .ob_left div, .blue_button .bb_left div, .gray_button .gb_left div
{
	/*font-size: 13px;
	padding: 8px 31px 0 59px;
	font-weight: bold;*/
	padding: 8px 4px 0 16px;
}
.orange_button .ob_right
{
	width: 35px;
	height: 33px;
	background: url(../images/large-btn-orange-right.png) right no-repeat;
	float: left;
}
.gray_button .gb_right
{
	width: 35px;
	height: 33px;
	background: url(../images/large-btn-gray-right.png) right no-repeat;
	float: left;
}
.blue_button .bb_right
{
	height: 33px;
	width: 35px;
	background: url(../images/large-btn-blue-right.png) right no-repeat;
	float: left;
}


.icon_link
{
	font-size: 10px;
	padding: 3px 0 3px 18px;
}
.profile_link
{
	background: url(../images/icon-view-profile.png) left no-repeat;
}
.contact_link
{
	background: url(../images/icon-address.png) left no-repeat;
}
.password_link
{
	background: url(../images/icon-password-wht.png) left no-repeat;
}
.forward_link
{
	background: url(../images/icon-message.png) left no-repeat;
}
.integrate_link, .add_link
{
	background: url(../images/icon-add.png) left no-repeat;
}
.print_link
{
	background: url(../images/icon-print.png) left no-repeat;
}
.post_link
{
	background: url(../images/icon-syndication.png) left no-repeat;
}
.import_link
{
	background: url(../images/icon-download.png) left no-repeat;
}
.preferred_link
{
	background: url(../images/icon-comment.png) left no-repeat;
}
.settings_link
{
	background: url(../images/icon_settings.png) left no-repeat;
}
.csave_link
{
	background: url(../images/icon_save.png) left no-repeat;
}
.cpreview_link
{
	background: url(../images/icon_preview.png) left no-repeat;
}
.cpreview_blue_link
{
	background: url(../images/icon_preview_blue.png) left no-repeat;
}
.cdescription_link
{
	background: url(../images/icon_description.png) left no-repeat;
}
.cforward_link
{
	background: url(../images/icon_forward.png) left no-repeat;
}
.csubmit_link
{
	background: url(../images/submit_intro2_animated.gif) left no-repeat;  
}

#uploadFrame_descimage, #uploadFrame_logo
{
/*	display: none;*/
}
.uploadFile
{
	margin-top: 10px;
	height: 50px;
}
.uploadDisplay
{
	width: 400px;
	background-color: #F8F8F8;
	padding: 5px;
	display: none;
}
.uploadItem
{
	margin: 10px;
	width: 120px;
	padding: 5px;
	border: 1px solid #CCC;
	float: left;
}/*
.uploadItem img
{
	width: 75px;
	height: 75px;
}*/
.uploadInfo
{
	text-align: center;
}
.uploadItem a
{
	margin-left: 16px;
}




.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.tom_selector
{
	z-index: 150;
	font-size: 13px;
	font-color: #464646;
	
			height: 18px;
			border: none;
			color: #AAA;
			width: 175px;
			padding: 2px 2px 0 2px;
			
			zoom: 1;
}

.tom_selector .ts_main
{
			background: /*url(../images/arrow_left.png)*/ #FFF url(../images/arrow_down.png) 97.5% 50% no-repeat;
			display: block;
			width: 100%;
}
.tom_selector ul
{
	display: none;
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	left: -2px;
	top: 1px;
	border-left: 1px solid #707E89;
	border-right: 1px solid #707E89;
	
	z-index: 1000;
	zoom: 1;
	
}
* html .tom_selector ul
{	
	position: absolute;
	top: 16px;
	left: 0;
}
.tom_selector ul li
{
	display: block;
	float: none;
	width: auto;
	margin: auto;
	z-index:1200;
}
.tom_selector ul li a
{
	display: block;
	padding: 5px 0 5px 5px;
	background-color: #F9FBFC;
	border-top: 1px solid #707E89;
	border-bottom: 1px solid #C2D4E2;
	color: #464646;
	width: 99%;
	z-index: 1500;
	zoom: 1;
}
.tom_selector ul li a.current
{
	background-color: #F0F0F0;
}
.tom_selector ul li a:hover
{
	background-color: #D9E3EB;
}

/*
<body onload='mainInit()'>
	<div id="container">
		<div id="header">
			<span id="login">Welcome: <a href="login.php">Login</a> or <a href="register.php">Register</a></span>
		</div>
		<div id="globalnav">
			<a href='index.php' class='logo'>LOGO</a>
			<div id='mainnav'>
				<a>Browse</a><a>Post</a><a>My Account</a>
			</div>
			<div id='subnav'>
				<div class='subnav_item'>
*/




#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
		
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}


#header {
	padding: 8px 0;
	background-color:#eee;
	/*background: url(../images/topgrad.png) repeat-x;*/
	color: #888;
	/*height: 25px;*/
	font: 10px Arial, Helvetica, sans-serif;
}
	#header #login
	{
		/*margin: 5px;
		float: left;
		margin-left:15px;*/
		width: 900px;
		margin: 0 auto;
	}
	

div#globalnav 
{
	font: 15px Arial, Helvetica, sans-serif;
	width: 900px;
	margin: 10px auto 0 auto;
	background: #7CA0BC url(../images/nav-bckgrnd.gif) 0 bottom repeat-x;
}
	div#globalnav a:hover 
	{
		color: #F8981C;
		text-decoration: none;
	}
	div#globalnav a 
	{
		color: #eee;
		text-decoration: none;
	}
	
	div#globalnav #logo
	{
		display: block;
		float: left;
		width:199px; 
		height:75px; 
	}

	#globalnav #mainnav
	{
		width:699px; 
		height:32px; 
		float:left; 
/*	background-color: #99B5CB;*/
	border-bottom: 1px solid #728a9e;
	border-left: 1px solid #b8ccdb;
		padding: 0;
		margin: 0;
	}
		#globalnav #mainnav a
		{
			display: block;
			float: left;
			width: 231px;
			text-align: center;
			/*height: 40px;*/
			padding: 5.5px 0;
			font-size: 19px;
			color: #FFF;
		}
		* html #globalnav #mainnav a
		{
			width: 229px;
		}
		#globalnav #mainnav a:hover
		{
			background: url(../images/global-btn-mo.jpg) repeat-x;
			text-decoration: underline;
		}
		#globalnav #mainnav .left
		{
			border-right: 1px solid #b8ccdb;
		}
		#globalnav #mainnav .middle
		{
			border-left: 1px solid #728a9e;
			border-right: 1px solid #b8ccdb;
		}
		#globalnav #mainnav .right
		{
			border-left: 1px solid #728a9e;
		}

	#globalnav #globalnav_tr
	{
		position: relative;
		top: -34px;
		float: right;
		right: -1px;
	}
	* html #globalnav #globalnav_tr
	{
		top: 0;
	}
	
	#globalnav #subnav
	{
		width:699px; 
		height:41px; 
		float:left; 
/*	background-color: #99B5CB;*/
	border-top: 1px solid #b8ccdb;
	border-left: 1px solid #b8ccdb;
	}
* html #globalnav #subnav
{
	height: 40px;
}
		#globalnav #subnav_bar
		{
			/*padding-left: 25px;*/
			width: 666px;
			height: 32px;
			margin: 4px auto;
			/*background: url(../images/search-box-left.png) top left;*/
		}
* html #globalnav #subnav_bar
{
	margin: 2px auto 1px auto;
	width: 666px;
}
#globalnav #subnav_bar .left
{
width: 574px;
float: left;
background: url(../images/search-box-left.png) top left;
height: 32px;
}
#globalnav #subnav_bar .right
{
width: 92px;
float: right;
height: 32px;
	background: url(../images/search-box-right.png) top right;
}
		#globalnav #subnav_bar #subnav_search
		{
			float: right;
			display: block;
			/*background: url(../images/search-box-right.png) top right;*/
			font-size: 14px;
			font-weight: bold;
			color: #FFF;
			height: 27px;
			padding: 8px 10px 0 10px;
			width: 80px;
		}
		* html #globalnav #subnav_bar #subnav_search
		{
			padding: 8px 0 0 0;
		}
		#globalnav #subnav_bar #subnav_search:hover
		{
			color: #F8981C;
		}
		#globalnav #subnav_bar input, #globalnav #subnav_bar .tom_selector
		{
			height: 16px;
			margin: 7px 2px 0 0;
			border: none;
			color: #AAA;
			width: 175px;
			padding: 1px 2px 1px 2px;
			background-color: white;
				
			display: block;
			float: left;
			
			position: relative;
			
			font-family: Arial, Helvetica, sans-serif;
			
			font-size: 13px;
		}
		* html #globalnav #subnav_bar input
		{
			width: 160px;
		}
		#globalnav #subnav_bar input.active
		{
			color: #000;
		}
* html #globalnav #subnav_bar .tom_selector
{
	padding-bottom: 1px;
	padding-top: 0px;
}
		#globalnav #subnav_bar .tom_selector a
		{
			color: #000;
		}
		#globalnav #subnav_bar .tom_selector .ts_main
		{
			background: #FFF url(../images/arrow_down.png) 99% 50% no-repeat;
		}
		/*#globalnav #subnav_bar #search_icon
		{
			position: relative;
			top: 8px;
			left: 4px;
		}*/
		/*
		#globalnav #subnav_bar .tom_selector li a
		{
			color: #000;
		}
		#globalnav #subnav_bar .tom_selector .ts_main
		{
			font-weight: bold;
		}*/
		/*
		#globalnav #subnav input {
			font:12px Arial, Helvetica, sans-serif;
			color:888;
		}
		
		#globalnav #subnav select {
			font:12px Arial, Helvetica, sans-serif;
		}
		
		#globalnav #subnav .subnav_item {
			margin:10px; 
			font-size:9px; 
			float:left;
		}
		
		#globalnav #subnav label {
			margin:0; 
			margin-bottom:.7em; 
			text-align:left;
			display: block;
		}
	
		#globalnav #subnav #subnav_search
		{
			padding: 10px;
			background-color: #999;
			margin: 10px;
			float: left;
		}*/
	#globalnav #nav_advanced
	{
		display: none;
		padding: 10px;
		position: relative;
		background: #7CA0BC url(../images/nav-bckgrnd.gif) 0 bottom repeat-x;	
	}
	* html #globalnav #nav_advanced
	{
		width: 880px;
	}
	#globalnav #nav_advanced #na_tl_up
	{
		position: absolute;
		top: -5px;
	}
	#globalnav #nav_advanced .na_o_text
	{
		color: #00457C;
		margin-bottom: 3px;
		font-weight: bold;
	}
	.na_o_c1, .na_o_c2, .na_o_c3, .na_o_c4, .na_o_c5
	{
		width: 21%;
		float: left;
	}
	.na_o_c1
	{
		width: 15%;
	}
	.na_o_c4
	{
		width: 25%;
		position: relative;
		 
		top: 0px;
		
		/*
		_top: 0;
		*/
		_width: 24%;
	}
	.na_o_c5
	{
		width: 18%;
	}
	#globalnav #nav_advanced #nav_advanced_options
	{
		padding: 5px;
		position: relative;
		background-color: #D9E3EB;
		font-size: 12px;
		zoom: 1;
	}
	
	* html #globalnav #nav_advanced #nav_advanced_options
	{
		padding-bottom: 4px;
		width: 870px;
	}
	* html #globalnav #nav_advanced #nav_advanced_options .radio
	{
		position: relative;
		top: -2px;
	}
	
	#globalnav_sub
	{
		width: 900px;
		margin: 0 auto;
	}
	#globalnav_sub #advanced_options
	{
		display: block;
		float: right;
		font-size: 10px;
		background-color: #4D7EA4;/*#99B5CB;*/
		
		margin: 0 0 10px 0;
		padding: 0;
		width: 150px;
		border-top: 1px solid #728a9e;
	
		position: relative;
	}
		#globalnav_sub #advanced_options a
		{
			display: block;
			width: 100%;
			padding: 3px 0;
			text-align: center;
			border-top: 1px solid #b8ccdb;
			font-size: 10px;
			
			text-decoration: none;
			color: #fff;
			margin: 0;
			line-height: normal;
		}
		#globalnav_sub #advanced_options .bottom_left
		{
			position: absolute;
			top: 15px;
		}
		#globalnav_sub #advanced_options .bottom_right
		{
			position: absolute;
			right: 0px;
			top: 15px;
		}
div#content 
{
	font: 12px Arial, Helvetica, sans-serif;
	width: 900px; 
	margin: 12px auto;
}

#powered_by {
	float:right;
	padding:2px 3px 0 0;
	font-size:14px;	
	clear:both;
}

.large_font {
	font-size:16px;	
}

#spacer
{
	height: 85px;
}

div#footer 
{
	position:absolute;
	width:100%;
	bottom:0;
	background-color: #eee;
	color:#888;
	font: 9px Arial, Helvetica, sans-serif;
	text-align:center;
	padding-bottom: 50px;
} 
	
	#footer .footer_contents
	{
		width: 900px;
		margin: 5px auto;
	}
	#footer .footer_contents .left_footer
	{
		float: left;
		width: 660px;
		text-align: left;
	}
	#footer .footer_contents .right_footer
	{
		width: 200px;
		float: right;
		text-align: right;
	}
	
	#footer a
	{
		margin: 0 20px;
	}
	
	


.tl
{
background: url(../images/corners-and-edges/white/edge_tl.png) no-repeat;
width: 5px;
height: 5px;
position: absolute;
top: 0;
left: 0;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
}
.tr
{
background: url(../images/corners-and-edges/white/edge_tr.png) no-repeat;
width: 5px;
height: 5px;
position: absolute;
top: 0;
right: 0;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
_right: -1px;
}
.bl
{
background: url(../images/corners-and-edges/white/edge_bl.png) no-repeat;
width: 5px;
height: 5px;
position: absolute;
bottom: 0;
left: 0;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
_bottom: -1px;
}
.br
{
background: url(../images/corners-and-edges/white/edge_br.png) no-repeat;
width: 5px;
height: 5px;
position: absolute;
bottom: 0;
right: 0;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
_bottom: -1px;
_right: -1px;
}

.b1_tl
{
background: url(../images/corners-and-edges/blue1/edge_tl.png) no-repeat;
width: 5px;
height: 5px;
position: absolute;
top: 0;
left: 0;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
}
.b1_tr
{
background: url(../images/corners-and-edges/blue1/edge_tr.png) no-repeat;
width: 5px;
height: 5px;
position: absolute;
top: 0;
right: 0;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
_right: -1px;
}
.b1_bl
{
background: url(../images/corners-and-edges/blue1/edge_bl.png) no-repeat;
width: 5px;
height: 5px;
position: absolute;
bottom: 0;
left: 0;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
_bottom: -1px;
}
.b1_br
{
background: url(../images/corners-and-edges/blue1/edge_br.png) no-repeat;
width: 5px;
height: 5px;
position: absolute;
bottom: 0;
right: 0;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
_bottom: -1px;
_right: -1px;
}
.b2_tl
{
background: url(../images/corners-and-edges/blue2/edge_tl.png) no-repeat;
width: 5px;
height: 5px;
position: absolute;
top: 0;
left: 0;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
}
.b2_tr
{
background: url(../images/corners-and-edges/blue2/edge_tr.png) no-repeat;
width: 5px;
height: 5px;
position: absolute;
top: 0;
right: 0;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
_right: -1px;
}
.b2_bl
{
background: url(../images/corners-and-edges/blue2/edge_bl.png) no-repeat;
width: 5px;
height: 5px;
position: absolute;
bottom: 0;
left: 0;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
_bottom: -1px;
}
.b2_br
{
background: url(../images/corners-and-edges/blue2/edge_br.png) no-repeat;
width: 5px;
height: 5px;
position: absolute;
bottom: 0;
right: 0;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
_bottom: -1px;
_right: -1px;
}

.o_tl
{
background: url(../images/corners-and-edges/orange/edge_tl.png) no-repeat;
width: 5px;
height: 5px;
position: absolute;
top: 0;
left: 0;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
}
.o_tr
{
background: url(../images/corners-and-edges/orange/edge_tr.png) no-repeat;
width: 5px;
height: 5px;
position: absolute;
top: 0;
right: 0;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
_right: -1px;
}
.o_bl
{
background: url(../images/corners-and-edges/orange/edge_bl.png) no-repeat;
width: 5px;
height: 5px;
position: absolute;
bottom: 0;
left: 0;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
_bottom: -1px;
}
.o_br
{
background: url(../images/corners-and-edges/orange/edge_br.png) no-repeat;
width: 5px;
height: 5px;
position: absolute;
bottom: 0;
right: 0;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
_bottom: -1px;
_right: -1px;
}

textarea, input, select
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F9FBFC;
	font-size: 12px;
}
input.radio, .autoie_checkbox, .autoie_radio
{
	background-color: transparent;
}
input.disabled
{
	background-color: #DDD;
}

.major_section
{
	margin: 0 0 20px 0;
	padding: 15px;
	clear: both;
	zoom: 1;
}
.major_section h2
{
	border-bottom: 1px solid #000;
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 16px;
}
.major_section h2 a
{
	font-size: 10px;
	float: right;
	margin-right: 10px;
	position: relative;
	top: 5px;
}
.addon_section
{
	border-top: 1px solid #999;
	padding-top: 20px;
	margin-top: 10px;
	zoom: 1;
}

.full_block
{
	width: 400px;
	padding: 5px 10px 5px 5px;
	margin: -5px 0 20px 5px;
}
.fixme
{
	background-color: #F8981C; 
}

.form_input
{
	float: left;	/*this column must be floated so that clearing within it doesn't screw up the right column*/
	width: 550px;
	/*padding: 0 0 0 10px;*/
	margin: 0;
}
.form_info
{
	float: right;
	padding: 0;
	margin: 0;
	width: 310px;
	color: #464646;
	*padding-left: 1.5em;
	*width: 300px;
	_width: 300px;
}
* html .form_info
{
	padding-left: 1.5em;
}
.form_info .error
{
	color: #F8981C;
}
.form_info li
{
	margin-bottom: 6px;
}

.defaultText
{
	color: #BBB;
}

label
{
	display: block;
	margin-bottom: 3px;
	font-size: 10px;
	font-weight: bold;
}
input, textarea
{
/*	width: 350px;*/
width: 100%;
	/*margin-bottom: 25px;*/
}
textarea
{
	height: 60px;
}

/*
.input_left, .input_right
{
	width: 245px;
}
.input_right
{
	float: right;
	text-align: left;
}

.input_block, */.half_block
{
	float: left;
	margin: -5px 20px 20px 5px;
	width: 180px;
	padding: 5px 10px 5px 5px;
}
* html .half_block
{
	width: 174px;
}
/*
.form_input select
{
	margin-bottom: 25px;
}*/

.input_block select, .half_block select
{
	width: 100%;/*160px;*/
}

.input_block3, .third_block
{
	float: left;
	margin: -5px 15px 20px 5px;
	width: 111px;
	padding: 5px 10px 5px 5px;
}
* html .third_block
{
	width: 108px;
}
.input_block3 select, .third_block select
{
	width: 100%;/*px;*/
}

.optional
{
	float: right;
	color: #888;
/*	margin-right: 150px;*/
}

.radio
{
	float: left;
	width: 15px;
	margin: 0px 3px 0 0;
}

.phone
{
	width: 36px;
	float: left;
	margin: 0px 5px;
	text-align: center;
}
.phone_sep
{
	float: left;
	position: relative;
	top: 2px;
}

.defaultText
{
	color: #BBB;
}
.form_special
{
	background-color: #DDD;
	padding: 10px;
}

.form_continue
{
	display: block;
	margin-top: 25px;
}

.shortInput
{
	width: 100px;
}
/*
.question_sec
{
	background-color: #EEE;
	padding: 10px;
	width: 400px;
	position: relative;
	top: -10px;
	left: -10px;
	border-bottom: 1px solid #888;
}
.question_sec textarea
{
	width: 330px;
	float: left;
	margin: 3px 10px 10px 0;
}
.question_sec .question_remove
{
	position: relative;
	top: 50px;
}
.question_sec .radio
{
	margin-bottom: 0;
}*/


.orange_button .ob_left
{
	height: 33px;
	float: left;
	color: #FFF;
	background: url(../images/large-btn-orange-left.png) left no-repeat;
}
.orange_button:hover .ob_left
{
	color: #00457C;
}
.orange_button .ob_left div
{
	font-size: 13px;
	padding: 8px 15px 0 10px;
	font-weight: bold;
}
.orange_button .ob_right
{
	width: 35px;
	height: 33px;
	background: url(../images/large-btn-orange-right.png) right no-repeat;
	float: left;
}

.gray_button .gb_left
{
	height: 33px;
	float: left;
	color: #FFF;
	background: url(../images/large-btn-gray-left.png) left no-repeat;
}
.gray_button:hover .gb_left
{
	color: #00457C;
}
.gray_button .gb_left div
{
	font-size: 13px;
	padding: 8px 15px 0 10px;
	font-weight: bold;
}
.gray_button .gb_right
{
	width: 35px;
	height: 33px;
	background: url(../images/large-btn-gray-right.png) right no-repeat;
	float: left;
}


.blue_button .bb_left div
{
	font-size: 13px;
	font-weight: bold;
}


.credit_card
{
	width: 450px;
	margin-top: 0px;
	border-top: 1px solid #464646;
	padding-top: 15px;
}
.credit_card .third_block
{
	margin-right: 10px;
}
.credit_card .ccNumber
{
	width: 120px;
}
.credit_card .ccYear, .credit_card .ccMonth
{
	width: 55px;
}
.credit_card .ccCode
{
	width: 70px;
}

#address2
{
	margin-top: 4px;
	*position: relative;
	*left: -5px;
}
* html #address2
{
	position: relative;
	left: -5px;
}

* html .radio
{
	background-color: transparent;
}

/****** Custom Field Forms *******/
#custom_fields {
	width:400px;
}
#custom_fields input[type="checkbox"] {
	width:3%;
}



.shade
{
    background-color:#000;
    -moz-opacity: 0.4;
    opacity:.40;
    filter: alpha(opacity=40);
}

.overlay
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:200;   
	background-color: #000;
/*	overflow: hidden;*/
}

.overlay[class]	/*hide from IE6 and below*/
{
    position:fixed;
}

.shadow
{
	z-index: -1;
	position: absolute;
	top: 5px; left: 5px;
	width: 100px;
	height: 100px;
}

.popup
{
	position: absolute;
	top: 50px;
	left: 50%;
	background-color: #D9E3EB;/*white;*/
	border: 2px solid #333;
	
	display: none;
	z-index: 300;
	
/*	overflow: auto;*/
}

.required
{
	border: 2px solid red;
}

.popup_tbar
{
	background: url(../images/popupGradient.gif) repeat-x;
	width: 100%;
	height: 23px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	cursor: move;
}
.popup_tbar_icon
{
	float: right;
	cursor: pointer;
}
.popup_tbar_title, .popup_tbar_icon
{
	margin: 0 4px;
	position: relative;
	top: 4px;
}
.popup_contents
{
	border: 2px solid #0143CF;
	border-top: none;
	padding: 12px;
	background-color: #EAEAEA;
}
.popup_contents2
{
	
}
.popup_loading
{
	width: 32px;
	margin: 0 auto;
	padding: 75px 0;
	display: none;
	border: none;
	background-color: #D9E3EB;
}
.popup_button
{
	float: right;
	margin-left: 10px;
}



.popup .title
{
	background-color: #00457C;
	color: #FFF;
	font-size: 18px;
	padding: 4px;
	
	position: relative;
}
* html .popup .title
{
	width: 95%;
	margin: 0 auto;
}
.popup .title .white_box
{
	float: right;
	margin-right: 3px;
	margin-top: 3px;
	width: 40px;
	color: #00457C;
}



.tool-tip {
	color: #fff;
	width: 300px;
	z-index: 13000;
}
* html .tool-tip
{
	background-color: #555;
}

.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 12px 12px 4px;
	background: url(../images/ttip_back.png) top right no-repeat;/*left;*/
}
.tooltitle2
{
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	margin-bottom: 5px;/*
	padding: 12px 12px 4px;
	margin-top: -10px; 
	*margin-top: -15px; 
	_margin-top: -15px;*/

}
 
.tool-text {
	font-size: 11px;
	padding: 4px 12px 12px;
	background: url(../images/ttip_back.png) bottom left no-repeat;/*right;*/
	line-height: 1.2em;
}

.tool-tip ul
{
	padding: 0 0 0 15px; 
	margin-top: 0;
	*padding-left: 0;
	_padding-left: 0;
	*margin-left: 20px;
	_margin-left: 20px;
}
.tool-tip ul li
{
	margin: 0 0 4px 0;
	line-height: normal;
	padding: 0;
}

.section_down_arrow, .section_down_arrow_bd
{
	background: #D9E3EB url(../images/arrow_dwn_blu.png) center top no-repeat;
	height: 10px;
	width: 100%;
	*margin-top: -1px;
	_margin-top: -1px;
}

#phcust_hidename_block
{
	margin-top: 5px;
	display: none;
	font-size: 11px;
}

.panel_tab
{
	padding: 2px 7px 3px 7px;
	border: 1px solid #AAA;
	border-bottom: none;
	position: relative;
	top: 1px;
	z-index: 10;
	width: auto;
	text-align: center;
	font-weight: bold;
	float: left;
	background-color: #BBB;
	cursor: pointer;
	//margin-right: 4px;
}
.panel_tab.active
{
	background-color: #FFF;
	cursor: default;
	border-color: #AAA;
}

#program_title
{
	width: 100%;
	position: relative;
	margin-bottom: 15px;
}
#program_title h2
{
	color: #FFF;
	background-color: #00457C;
	margin: 0 0 5px 0;
	padding: 3px 10px;
	font-size: 16px;
}
#program_title .share
{
	float: right;
	position: relative;
	top: 2px;
}

#program_display
{
	margin-bottom: 15px;
}
#program_display .logo
{
	float: left;
	margin: 10px 30px;
}
#offer_selection
{
	float: right;
	width: 750px;
	position: relative;
	margin-bottom: 15px;
	background-color: #D9E3EB;
}
#offer_selection h2
{
	color: #FFF;
	background-color: #99B5CE;
	margin: 0;
	padding: 3px 10px;
	font-size: 16px;
}
#offer_selection .thead
{
	font-size: 11px;
	font-weight: bold;
	padding: 0 5px;
	margin-top: 5px;
}
#offer_selection .thead .offer
{
	float: left;
	width: 565px;
}
#offer_selection .thead .reward
{
	float: left;
}
#offer_selection .tsub
{
	font-size: 10px;
}
#offer_selection .tsub .item
{
	background-color: #F9FBFC;
	margin: 2px 1px;
	padding: 5px;
	zoom: 1;
}
#offer_selection .tsub .select
{
	float: left;
	width: 25px;
	position: relative;
	top: 3px;
}
#offer_selection .tsub .offer
{
	float: left;
	width: 540px;
}
#offer_selection .tsub .offer a
{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 2px;
	display: block;
}
#offer_selection .incentive
{
	margin-left: 20px;
	font-size: 11px;
}
#offer_selection .reward
{
	float: left;
}
#offer_selection .reward h4
{
	margin: 0 0 8px 0;
	font-size: 10px;
}


#user_input
{
	margin-bottom: 25px;
}
#user_input .left_half
{
	float: left;
	width: 440px;
}
#user_input .right_half
{
	float: right;
	width: 440px;
}

.input_pod
{
	position: relative;
	zoom: 1;
}

#version1 .input_pod h2
{
	border-bottom: 2px solid #AAA;
	font-size: 16px;
	color: #00457C;
}
#version1 .input_pod .content
{
	padding: 10px 5px 10px 10px;
	border: 1px solid #AAA;
}
#version1 .bl, #version1 .br
{
	display: none;
}
#program_title .bl, #program_title .br, #program_display .bl, #program_display .br
{
	display: block;
}

#version2 .input_pod h2
{
	color: #FFF;
	background-color: #99B5CE;
	margin: 0;
	padding: 3px 10px;
	font-size: 16px;
}
#version2 .input_pod .content
{
	padding: 15px 20px;
	background-color: #D9E3EB;
	zoom: 1;
}
#version2 .input_pod .inner
{
	background-color: #FFF;
	border: 1px solid #AAA;
	padding: 5px 0 5px 5px;
	zoom: 1;
}

.error_status
{
	display: none;
	padding-right:3px;
}

#user_input h3
{
	font-size: 13px;
	color: #00457C;
	margin: 10px 0 2px 6px;
}
/*
#user_input label
{
	float: left;
	width: 55px;
	text-align: right;
	margin-right: 5px;
}
#user_input input
{
	margin: 0;
}
#user_input .full_block
{
	margin: 0;
	padding: 5px 10px 10px 5px;
}
#user_input .full_block input
{
	width: 335px;
}
#version2 .full_block input
{
	width: 295px;
} 
#version2 .full_block textarea
{
	width: 92%;
}
#version2 .optional
{
	margin-right: 20px;
}
#user_input .half_block
{
	width: 195px;
	margin: 0;
	padding: 5px 10px 10px 5px;
}
#version2 .half_block
{
	width: 175px;
}
#user_input .half_block input
{
	width: 130px;
}
#version2 .half_block input
{
	width: 110px;
}
#user_input #caddr2
{
	margin-left: 60px;
	margin-top: 2px;
}
#user_input .third_block
{
	width: 125px;
	margin: 0;
	padding: 5px 5px 10px 5px;
}
#version2 .third_block
{
	width: 110px;
}
#user_input .third_block input
{
	width: 60px;
}
#version2 .third_block input
{
	width: 40px;
}*/
#user_input .full_block
{
	margin-bottom: 5px;
}
#user_input .half_block
{
	width: 185px;
	margin: 0;
	padding: 5px 10px 10px 6px;
}
#version2 .half_block
{
	width: 167px;
}
#user_input .third_block
{
	width: 115px;
	margin: 0;
	padding: 5px 5px 10px 6px;
}
#version2 .third_block
{
	width: 109px;
}
#user_input #caddr2
{
	margin-top: 2px;
}
#version1 .full_block input, #version1 .full_block textarea
{
	width: 390px;
}
#version2 .full_block
{
	width: 350px;
	margin: 0;
	padding: 5px 10px 10px 6px;
}
#version2 .full_block input, #version2 .full_block textarea
{
	width: 350px;
}
#version2 .optional
{
	margin-right: 5px;
}

.error_status
{
	font-weight: bold;
	color: #F8981C;
}

#user_input textarea
{
	height: 45px;
}
#user_input .empty_question
{
	height: 95px;
	_height: 97px;
}

#user_input .left_half .inner
{
	height: 420px;
	_height: 427px;
	*height: 427px;
}











#user_input .informed
{
	margin: 15px 3px 10px 7px;
}
#user_input .informed .radio
{
	margin-right: 5px;
}
#user_input .privacy
{
	margin-left: 6px;
}

#user_input input.phone
{
	width: 36px;
	float: left;
	margin: 0px 5px;
	text-align: center;
}
#user_input .phone_sep
{
	float: left;
	position: relative;
	top: 2px;
}

#user_message .message
{
	float: left;
	width: 500px;
}
#user_message .doittoit
{	
	float: right;
	width: 380px;
}
#version2 .message
{
	width: 460px;
}
#version2 .message .full_block
{
	width: 380px;
}
#version2 .doittoit
{
	width: 380px;
}
#user_message .confirm
{
	margin-top: 25px;
}
#user_message .the_big_button
{
	margin-top: 25px;
	margin-left: 90px;
}



#questions
{
	margin-top: 10px;
}
#questions .full_block label
{
	display: block;
	float: none;
	width: 100%;
	margin: 0 0 3px 0;
	text-align: left;
}



#sharingPage
{
	/*width: 800px;
	margin: 10px auto 25px auto;*/
	display: none;
	background-color: #C2C8DA;
}
#chart_sidePage
{
	float: left;
	width: 480px;
	
	margin-left: 5px;
	margin-bottom: 5px;
}
#info_sidePage
{
	float: right;
/*	width: 250px;*/
	width: 220px;
	_width: 185px;
	_margin-top: 15px;
	_padding-left: 1.5em;
	margin-right: 5px;
	_margin-right: 0;
	_position: relative;
	_left: -15px;
	*width: 185px;
	*padding-left: 1.5em;
	*position: relative;
	*left: -15px;
	*margin-top: 15px;
	*margin-right: 0;
}
#info_side li
{
	margin-bottom: 3px;
}
#sharingPage .third_block
{
	width: 110px;
	margin-right: 40px;
	padding: 0;
}
* html #sharingPage .third_block
{
	margin-right: 32px;
}
#sharingPage .chart
{
	width: 300px;
	padding: 0;
	text-align: center;
	margin: 0;
	float: left;
	position: relative;
	top: -10px;
	margin-bottom: -10px;
}
#sharingPage .detail_block
{
	margin-top: 25px;
}
#sharingPage #charity_blockPage
{
	margin-left: 15px;
	width: 135px;
	float: left;
	/*_margin-left: 135px;*/
	margin-right: 0;
	_margin-top: 5px;
}
#sharingPage .joining_text
{
color: #AAA;
float: left;
	width: 0pt;
	height: 0pt;
	position: relative;
	left: -33px;
	top: 18px;
	margin: 0;
	padding: 0;
}
* html #sharingPage .joining_text
{
	left: -5px;
}
#chart_confirmPage
{
	margin-top: 75px; 
	position: relative; 
	left: 225px;
	_position: absolute;
	_left: 0;
	_margin-top: 65px;
	*left: 225px;
}
#chart_confirmPage .blue_button
{
	margin: 0;
}
#chart_confirmPage .blue_button:hover
{
	background-color: transparent;
}
#sharingPage #chart_headingPage
{
	background-color: #F7971C;
	padding: 10px;
	width: 475px;
	position: relative;
/*	top: 6px;*/
	margin: 5px 0 0 0;/*10px 0 0 0;*/
}
#chart_headingPage h3
{
	margin-top: 0;
}
* html #sharingPage #chart_headingPage
{
	padding-bottom: 1px;
}
#chart_headingPage .third_block
{
	width: 140px;
	margin: 0 10px 0 0;
}
* html #sharingPage .third_block
{
	margin-right: 10px;
}
* html #chart_infoPage .third_block
{
	width: 101px;
	margin-right: 25px;
}
#chart_infoPage #charitable_blockPage
{
	_width: 108px;
}
#chart_headingPage .infoText
{
	color: #FFF;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
} 
#sharingPage #chart_infoPage
{
	margin-top: 0;
	width: 475px;
	padding: 20px 10px 0 10px;
	background-color: #DAE3EC;
	font-size: 10px;
	position: relative;
	zoom: 1;
}
#chart_infoPage .joining_text
{
	color: #000;
}
#chart_infoPage #total100
{
	color: #144266;
	font-weight: bold;
	font-size: 12px;
	_width: 
}
#chart_infoPage #total100.error
{
	color: #FF0000;
}


#marketer_manage
{
	text-align: right;
	font-size: 12px;
	margin-bottom: 2px;
}
#marketer_manage img
{
	position: relative;
	top: 3px;
}
#marketer_manage a
{
	margin: 0 2px;
}

#top_prologo
{
	position: absolute;
	top: -32px;
	right: -32px;
	z-index: 10;
}

#main_info
{
	width: 100%;
	padding: 0 0 8px 0;
	background-color: #D9E3EB;
	position: relative;
	margin-bottom: 15px;
}
#main_info h2
{
	color: #FFF;
	background-color: #00457C;
	margin: 0 0 5px 0;
	padding: 3px 10px;
	font-size: 16px;
}
#main_info .share
{
	float: right;
	position: relative;
	top: 2px;
}
#main_info ul
{
	list-style: none;
}
#main_info .sub_section
{
	margin: 5px 10px;
	padding: 0;
	float: left;
}
#tn_user
{
	width: 250px;
	margin-bottom: 0;
	padding-bottom: 0;
}
#tn_info
{
	width: 500px;
	_width: 489px;
}

#tn_user .functions a
{
	margin: 0 5px;
}
#tn_logo
{
	width: 80px;
}
#tn_logo img
{
	width: 100%;
}

.tool-title
{
	font-size: 12px;
}
.tool-tip
{
	width: 310px;
}
.tool-tip ul li
{
	margin-bottom: 6px;
}
#refrew_pop .subtitle
{
	font-size: 11px;
	font-weight: bold;
}
/*

#overview
{
	width: 400px;
	float: left;
	padding-left: 10px;
}
#overview h2
{
	margin: 20px 0 0 0;
	font-size: 16px;
}
#overview ul
{
	margin-top: 5px;
	padding-left: 1.5em;
	*margin-left: 0;
	_margin-left: 0;
}
#overview ul li
{
	margin: 3px 0;
}
#overview .ocontent
{
	margin: 5px 0 15px 0;
}

#subscribe
{
	width: 400px;
	float: right;
	
	position: relative;
	background-color: #D9E3EB;
}
#subscribe h2
{
	font-size: 16px;
	color: #FFF;
	background-color: #00457C;
	margin: 0 0 5px 0;
	padding: 3px 10px;
}
#subscribe .content
{
	padding: 5px 30px 15px 30px;
}
#subscribe p
{
	margin-top: 2px;
}
#subscribe .pref_content
{
	margin-top: 5px;
	margin-left: 20px;
	font-weight: bold;
}
#subscribe .pref_content .actnow
{
	display: block;
	margin: 15px 0 30px 0;
	text-decoration: none;
}

.sfield
{
	margin: 1px 0;
}
.sfield label
{
	display: block;
	float: left;
	width: 70px;
	position: relative;
	top: 3px;
	font-weight: bold;
}
#s_subscribe
{
	margin: 3px 0 0 70px;
}	

#active
{
	margin: 25px 0 10px 0;
}
#active h2
{
	background-color: #00457C;
	position: relative;
	color: #FFF;
	font-size: 16px;
	padding: 3px 6px;
	zoom: 1;
}
#active h2 .more
{
	float: right;
	color: #FFF;
}
#active h2 .more:hover
{
	color: #F8981C;
}





.opportunity
{
	background-color: #D9E3EB;
	padding: 10px;
	
	position: relative;
	width: 850px;
	margin: 10px auto;
}
.opportunity .info
{
	float: right;
	background-color: #FFF;
	padding: 5px;
	width: 250px;
	margin: 0;
	
	position: relative;
}
.opportunity .info .important
{
	font-size: 14px;
}

.opportunity .info ul
{
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0 0 0 5px;
	font-weight: bold;
}
.opportunity .info ul ul
{
	font-weight: normal;
}
.opportunity .info .blocklink
{
	margin-bottom: 8px;
}
.opportunity .info .rating
{
	float: right;
	margin: 0;
	font-size: 11px;
}
.opportunity .main
{
	padding: 0;
}
.opportunity .expiration
{
	font-style: italic;
}
.opportunity .titlelink
{
	margin-top: 5px;
}
.opportunity .categories
{
}
.opportunity .accept
{
	margin: 10px 0 0 0;
}
.opportunity .orange_button, .opportunity .blue_button
{
	margin: 15px 0 0 0;
}

.opportunity .opp_head
{
	margin-bottom: 10px;
	padding: 5px 1%;
	width: 98%;
	position: relative;
	background-color: #00457C;
	color: #FFF;
}
.opportunity .opp_head *
{
	color: #FFF;
}
.opportunity .opp_head .status
{
	float: right;
	font-weight: bold;
	margin-right: 8px;
	font-size: 10px;
	margin-top: 2px;
}
.opportunity .opp_head a
{
	font-size: 14px;
	text-decoration: underline;
}
.opportunity .opp_head a:hover
{
	color: #F8981C;
}

		.opportunity .offer
		{
				float: right;
	background-color: #FFF;
	padding: 5px;
	width: 210px;
	margin: 0;

	position: relative;
		}
.opportunity .offer .ttip
{
	margin-left: 5px;
}
.opportunity .offer .section
{
	margin: 3px 0;
}
.opportunity .offer h3, .opportunity .offer h4, .opportunity .offer h5
{
	margin: 0;
	padding: 0;
}
.opportunity .offer h3
{
	font-size: 15px;
	color: #00457C;
}
.opportunity .offer h4
{
	font-size: 13px;
	color: #00457C;
}
.opportunity .offer h5
{
	font-weight: normal;
	font-size: 11px;
	color: #464646;
}
.opportunity .offer .value
{
	font-style: italic;
}

			
		.left_white_arrow
		{
			position: absolute;
			left: -10px;
			top: 33px;
			width: 10px;
			height: 19px;
			background: url(../images/arrow_lft_wht.png);
		}
		*/