

/*
	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;
}



.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;
}

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;*/
}
input[type=submit] {
	width: auto;
}
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%;
}


.major_section {
	margin:20px 0;
	padding:0;
	position:relative;
}

.major_section h1 {
	background-color:#99B5CE;
	color:#FFFFFF;
	font-weight:normal;
	margin:0;
	padding:5px 5px;
	font-size:18px;
}

.major_section .content {
	background-color:#D9E3EB;
	padding:0 10px 0px;
	margin: 0px auto; 
}

.major_section .connector_block {
	width: 450px;
	float:left;	
	padding: 5px 10px 20px 20px;
	margin:10px 0 10px 0;
	background-color: #FFFFFF;
	height: auto; 
}

.major_section .register_block {
	width: 340px;	
	float:right;
	padding: 5px 20px 20px 10px;
	background-color: #FFFFFF;
	margin:10px 0 10px 0;
}

.major_section ul {
		
}

.major_section li {
	padding:4px;	
}

.popup .content {
	background-color:#D9E3EB;
	padding:0 10px 0px;
	margin: 0px auto; 
}

.popup .connector_block {
	width: 450px;
	float:left;	
	padding: 5px 10px 20px 20px;
	margin:10px 0 10px 0;
	background-color: #FFFFFF;
}

.popup .register_block {
	width: 340px;	
	float:right;
	padding: 5px 20px 20px 10px;
	background-color: #FFFFFF;
	margin:10px 0 10px 0;
	height: auto; 
}

.full_block {
	width: 90%;
	padding:5px 10px 5px 5px;
	margin:0px;
}

.half_block {
	width: 42%;
	padding:5px 5px 5px 5px;
	margin:0px;
}
.third_block {
	width: 100px;
	padding:5px 5px 5px 5px;
	margin:0px;
}

.bld {
	font-weight:bold;
}
.left {
	float:left;
}

.con_radio {
	float:left;
	width:3%;	
	_width:10%;
	*width:10%;
	
}

.error_status
{
	font-weight: bold;
	color: #F8981C;
	display: none;
	padding-right:3px;
}

