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



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

.grayText
{
	color: #999;
}
.blueText
{
	color: #00457C;
}

#mm_head
{
	margin: 15px auto 0 auto;
	width: 900px;
}
#mm_nav
{
	margin: 10px auto;
	width: 900px;
}
.mm_tab
{
	/*padding: 4px 0;*/
	display: block;
/*	width: 12%;
	margin: 0 1.2%;
	*margin: 0 .9%;
	_margin: 0 .9%;*/
	width: 110px;
	margin: 0 10px;
	_margin: 0 10.5px;
	text-align: center;
	/*border: 1px solid #999;
	color: #999;*/
	float: left;
	font-size: 14px;
	text-decoration: none;
}
.mm_tab:hover
{
	/*background-color: #00457C;
	font-weight: bold;
	border-color: #888;
	color: #FFF;*/
}
.mm_tab.current
{
/*	border-color: #888;
	//background: #FFF url(../images/arrow_right_org.png) 5% 45% no-repeat;
	background-color: #F8981C;
	cursor: default;
	color: #FFF;
	font-weight: bold;*/
}

#mm_main
{
	float: left;
	width: 615px;
	position: relative;
	background-color: #D9E3EB;
	padding: 15px 15px 15px 22px;
}
#mm_main h1
{
	font-size: 18px;
	margin: 0;
	color: #00457C;
}
#mm_main h2, #mm_main h3
{
	margin: 0;
	font-size: 14px;
}

#mm_right
{
	float: right;
	width: 235px;
}
#mm_right .side_block
{
	margin-bottom: 15px;
	background-color: #D9E3EB;
	position: relative;
}
#mm_right .side_block h2
{
	font-size: 16px;
}
#mm_right .side_block .content
{
	margin: 10px 5px 10px 5px;
	zoom: 1;
	*padding-bottom: 10px;
	_padding-bottom: 10px;
}
#mm_right .register h2
{
	color: #FFF;
	background-color: #F8981C;
	margin: 0;
	text-align: center;
	padding: 3px 0;
}
#mm_right .register ul
{
	margin: 0 0 10px 1.5em;
	padding: 0;
	font-size: 10px;
	color: #00457C;
	*margin-bottom: 0;
	_margin-bottom: 0;
}
#mm_right .register label
{
	display: block;
	margin-bottom: 3px;
	font-size: 10px;
	font-weight: bold;
}
#mm_right .register .half_block, #mm_right .register .full_block
{
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}
#mm_right .register .half_block
{
	width: 45%;
	float: left;
	margin-right: 5%;
	*width: 43%;
	_width: 43%;
	*margin-right: 3%;
	_margin-right: 3%;
}
#mm_right .register input
{
	width: 100%;
}
#mm_right .register .full_block
{
	width: 95%;
	*width: 92%;
	_width: 92%;
}

#mm_right .questions h2
{
	color: #FFF;
	background-color: #00457C;
	margin: 0;
	text-align: center;
	padding: 3px 0;
	font-size: 14px;
}

.nextlink
{
	font-size: 14px;
	position: relative;
	top: 2px;
}
.nextlink .keyword
{
	font-weight: bold;
	color: #00457C;
}
.nextlink a
{
	text-decoration: none;
}

#mm_right .ads h2
{
	color: #FFF;
	background-color: #00457C;
	margin: 0;
	text-align: center;
	padding: 3px 0;
	font-size: 14px;
}
#mm_right .advertisement
{
	background-color: #FFF;
	padding: 8px;
	width: 211px;
	margin: 4px auto;
}
.advertisement .quote
{
	color: #F8981C;
	font-style: italic;
	margin: 0 0 8px 0;
}
.advertisement .company
{
	color: #999;
}

#register_button, #demo_button
{
	float: right; 
	margin-right: 5px; 
	*margin-right: 13px;
	_margin-right: 13px;
	position: relative; 
	color: #FFF; 
	background-color: #00457C; 
	padding: 2px 5px; 
	text-decoration: none;
}
#demo_button
{
	background-color: #F8981C;
}
#register_button:hover
{
	color: #F8981C;
}
#demo_button:hover
{
	color: #00457C;
}
#mm_right .register .phone
{
	width: 36px;
	float: left;
	margin: 0px 5px;
	text-align: center;
}
#mm_right .register .phone_sep
{
	float: left;
	position: relative;
	top: 2px;
}

.error
{
	background-color: #F8981C;
}

.customer_box {
	margin-top:0px;
	padding-top:0px;
	position:relative;
	background-color:#D9E3EB;
	margin-bottom:15px;
}

.customer_box h2 {
	padding-left:9px;
	background-color:#00457C;
	color:#FFFFFF;
	font-size:14px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.customer_logos {
	float:left;
	width:615;
	margin:0px;
	padding:0px;
}

#marketplace_links {
	display:none;
	padding-left: 40px;
	padding-top: 10px;
}




/* mm-what.php */
	#whats
	{
		margin: 10px 20px 0 5px;
	}
	#whats
	{
		font-size: 14px;
	}
	#whats p
	{
		margin-top: 6px;
		margin-bottom: 6px;
		margin-left:0px;
		_margin-bottom:10px;
		*margin-bottom:10px;
	}
	#whats img
	{
		margin-right: 10px;
		margin-bottom: 10px;
		float: left;
		position: relative;
		top: -5px;
	}
	#whats .subtitle
	{
		color: #00457C;
	}
	.customer_sub {
		color: #00457C;
		// font-size: 14px;
		font-size: 1.5em;
		font-weight: bold;
	}
	
/* mm-how.php */
.mm_how .exp_section .exp
{
	display: none;
	margin: 10px 10px 5px 20px;
}
.mm_how .exp_section .exp.open
{
	display: block;
}
.mm_how .exp_section
{
	margin: 15px 0;
	*margin: 10px 0;
	_margin: 10px 0;
}
.mm_how .exp_section .keyword
{
	color: #00457C;
	font-weight: bold;
}
.mm_how .exp_section .sectitle
{
	font-size: 13px;
}
.mm_how .exp_section .sectitle a
{
	font-size: 11px;
}
.mm_how .promote_sec img
{
	float: left;
	margin: 5px 10px 15px 0;
/*	width: 44px;*/
}
.mm_how .img_sec ul
{
	margin-top: 0;
	padding-top: 0;
	margin-left: 2.5em;
	*padding-left: 3.5em;
	_padding-left: 3.5em;
}
.mm_how .protitle
{
	color: #00457C;
	font-weight: bold;
}


/* mm-why.php */
.mm_why .why_sec
{
	margin: 5px 0 23px 0;
}
.mm_why .why_sec img
{
	float: left;
	margin: 5px 10px 15px 0;
	width: 31px;
	*margin-bottom: 25px;
	_margin-bottom: 25px;
}
.mm_why .img_sec ul
{
	margin-top: 0;
	padding-top: 0;
	margin-left: 1.5em;
	*padding-left: 3.5em;
	_padding-left: 3.5em;
}


/* mm-examples */
#mm_main.mm_examples  ul
{
	margin-top: 0;
	padding: 0 0 0 1.2em;
	_margin-left: 5px;
	*margin-left: 5px;
}
#mm_main.mm_examples  ul li
{
	padding: 1px 0;
}
.mm_examples .tab
{
	display: block;
	float: left;
	margin: 0 0 0 14px;
	position: relative;
	top: 3px;
	*top: 0;
	_top: 0;
}
.mm_examples .panel
{
	display: none;
	position: relative;
}
.mm_examples .panel.active
{
	display: block;
}

.mm_examples .example
{
	padding: 15px 0;
	zoom: 1;
}
#mm_main.mm_examples  .example h2
{
	font-size: 14px;
	color: #00457C;
	margin-bottom: 10px;
}
#mm_main.mm_examples  .example h3
{
	font-size: 13px;
	color: #00457C;
}
.mm_examples .example ul
{
	margin-bottom: 0;
	color: #464646;
}
.mm_examples .example .details
{
	position: relative;
	width: 450px;
	float: right;
	zoom: 1;
}
.mm_examples .example img
{
	float: left;
	width: 117px;
	height: 117px;
}
.mm_examples .example_icon
{
	position: absolute;
	right: -12px;
	top: -12px;
	z-index: 100;
	
	_top: -8px;
	_right: 4px;
	
	width: 47px;
	height: 47px;
}

.mm_examples .lgb_top
{
	height: 15px;
	width: auto;
	border-top: 1px solid #999;
	background-color: #E9E9E9;
}
.mm_examples .lgb_bottom
{
	height: 15px;
	width: auto;
	border-bottom: 1px solid #999;
	background-color: #E9E9E9;
}
.mm_examples .lgb_content
{
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	padding: 0 16px;
	background-color: #E9E9E9;
}
.mm_examples .lwb_top
{
	height: 16px;
	width: auto;
	background-color: #FFF;
}
.mm_examples .lwb_bottom
{
	height: 16px;
	width: auto;
	background-color: #FFF;
}
.mm_examples .lwb_content
{
	padding: 0 16px;
	background-color: #FFF;
}
.mm_examples .lgb_tl
{
background: url(../images/corners-and-edges/large/gb_tl.png) no-repeat;
width: 16px;
height: 16px;
position: absolute;
top: 0;
left: 0;
z-index: 50;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
}
.mm_examples .lgb_tr
{
background: url(../images/corners-and-edges/large/gb_tr.png) no-repeat;
width: 16px;
height: 16px;
position: absolute;
top: 0;
right: 0;
z-index: 50;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
*right: 0;
_right: 15px;
}
.mm_examples .lgb_bl
{
background: url(../images/corners-and-edges/large/gb_bl.png) no-repeat;
width: 16px;
height: 16px;
position: absolute;
bottom: 0;
left: 0;
z-index: 50;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
*bottom: 0;
_bottom: 285px;
}
.mm_examples .lgb_br
{
background: url(../images/corners-and-edges/large/gb_br.png) no-repeat;
width: 16px;
height: 16px;
position: absolute;
bottom: 0;
right: 0;
z-index: 50;

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

.mm_examples .lwb_tl
{
background: url(../images/corners-and-edges/large/wg_tl.png) no-repeat;
width: 16px;
height: 16px;
position: absolute;
top: 0;
left: 0;
z-index: 50;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
}
.mm_examples .lwb_tr
{
background: url(../images/corners-and-edges/large/wg_tr.png) no-repeat;
width: 16px;
height: 16px;
position: absolute;
top: 0;
right: 0;
z-index: 50;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
}
.mm_examples .lwb_bl
{
background: url(../images/corners-and-edges/large/wg_bl.png) no-repeat;
width: 16px;
height: 16px;
position: absolute;
bottom: 0;
left: 0;
z-index: 50;

/*fix IE*/
content: "&nbsp;";
font-size:1px;
line-height:0;
}
.mm_examples .lwb_br
{
background: url(../images/corners-and-edges/large/wg_br.png) no-repeat;
width: 16px;
height: 16px;
position: absolute;
bottom: 0;
right: 0;
z-index: 50;

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


/* mm-features */
	#mm_main.mm_features  .subtitle
	{
		color: #00457C;
		font-size: 14px;
	}
	#mm_main.mm_features  ul
	{
		margin-top: 0;
	}
	#mm_main.mm_features  .blue_button
	{
		margin-left: 70px;
	}
	#mm_main.mm_features  .gallery_link
	{
		display: none;
	}
	.mm_features .feature img
	{
		float: left;
	}
	.mm_features .feature .fright
	{
		float: right;
		width: 555px;
	}
	.mm_features .feature ul
	{	
		margin-left: 0;
		padding-left: 1.5em;
	}
	.mm_features .feature ul ul
	{
		margin-left: 15px;
		margin-bottom: 0;
	}
	
.mm_features a img
{
	border: 0;
}

.mm_features .ss_block
{
	margin: 15px 0 5px 0;
}
#mm_main.mm_features  .ss_block .gallery_link
{
	display: block;
}
.mm_features .ss_block h2
{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 15px;
	color: #00457C;
	position: relative;
	top: -3px;
}
.mm_features .ss_block h2 .verbose
{
	font-size: 13px;
	color: #464646;
	display: none;
}
.mm_features .ss_block .ss_image
{
	float: right;
	width: 180px;
	margin-left: 15px;
	position: relative;
	top: -20px;
}
#mm_main.mm_features  .ss_block .ss_image .ss_title
{
	font-size: 10px;
	color: #777;
	font-style: italic;
}
.mm_features .ss_block .ss_title
{
	text-align: center;
}
.mm_features .ss_block .ss_title a
{
	text-decoration: none;
}
.mm_features .ss_block .ss_title a img
{
	margin-left: 5px;
	position: relative;
	top: 1px;
}
.mm_features .ss_block .ss_notes
{
	margin: 0;
	padding: 0 0 0 1.5em;
	width: 400px;
	float: left;
	 
	_padding-left: 1.5em;
	*padding-left: 1.5em;
}
.mm_features .ss_block .rtt
{
	float: right;
}

/* mm_demo */
.mm_demo #whats p
	{
		margin-top: 20px;
		margin-bottom: 20px;
	}