/**********************************
 *
 * PatentHelpNow.com
 *
 * Copyright 2008, PatentHelpNow.com
 * All Rights Reserved
 *
 * version:			1.0
 * 
 * created by:		Lee Vaughn
 * created on:		November 17, 2008
 *
 * last modified by:	 Lee Vaughn
 * last modified on:	 November 20, 2008
 ************************************/

/************************************************************************** 
File Name: 	Sitewide Cascading Style Sheet

Description: 	This CSS contains all the default style information for the
             	entire IdeaBuyer.com site.
			
			Each high-order section, and some specific pages, also have
			additional stylesheets that layer over this one.

***************************************************************************/


/************************************************************************** 
					Reset Styles

These styles reset the style information to allow for full control over 
future changes in the site. 
***************************************************************************/

body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
	padding: 0px;
	margin: 0px;
	}
	
body, h1, h2, h3, h4,h5, pre, code {
	font-size: 100%;
	}
	
a img {
	border: none;
	}


/************************************************************************** 
						Basic HTML

This CSS sets the HTML styles throughout the site. 
***************************************************************************/


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align: left;
	}

h1, h2, h3, h4 {
	margin-bottom: 10px;
	}

h1 	{
	font-size: 24px;
	font-weight: bold;
	color: #336699	
	}

h2	{
	font-size: 18px;
	font-weight: bold;
	}
	
h3 	{
	font-size: 16px;
	font-weight: bold;
	color: #336699;
	}
	
h4 	{
	font-size: 14px;
	font-weight: bold;
	}	

p	{
	margin: 10px 0;
	}

ul,
ol	{
	margin-left: 20px;
	}

.article ul, .article ol {
	margin-left: 50px;
}
	
	
label {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	}
	
a:link {
	color: #003399;
	text-decoration: none;
	}

a:visited {
	color: #003399;
	text-decoration:none;
	}

a:active {
	color: #AF2327; 
	text-decoration:none;
	}

a:hover {
	color: #AF2327; 
	text-decoration: underline;
	}

/************************************************************************** 
                  			Container 

This CSS sets the styles throughout the site. 
***************************************************************************/

#container {
	background: #FFFFFF none no-repeat;
	border: none;
	margin: 0px auto;
	padding: 10px 25px;
	width: 900px;
	}


/************************************************************************** 
					NavBar Styles

This CSS contains all the styles that generate the sliding door rounded corner 
dialog boxes. Written by: Scott Schiller  http://www.schillmania.com/
***************************************************************************/

.dialog {
	width: 100%;
	margin: 0px auto;
	min-width: 20em;
	color: #fff;
	}

.dialog .hd .c,
.dialog .ft .c {
	font-size:1px; /* ensure minimum height */
	height:13px;
	}

.dialog .ft .c {
	height:14px;
	}

.dialog .hd {
	background:transparent url(/img/navbar_tl.gif) no-repeat 0px 0px;
	}

.dialog .hd .c {
	background:transparent url(/img/navbar_tr.gif) no-repeat right 0px;
	}

.dialog .bd {
	background:transparent url(/img/navbar_ml.gif) repeat-y 0px 0px;
	}

.dialog .bd .c {
	background:transparent url(/img/navbar_mr.gif) repeat-y right 0px;
	}

.dialog .bd .c .s {
	margin:0px 8px 0px 4px;
	background:#000 url(/img/navbar_ml.gif) repeat-x 0px 0px;
	}

.dialog .ft {
	background:transparent url(/img/navbar_bl.gif) no-repeat 0px 0px;
	clear: both;
	}

.dialog .ft .c {
	background:transparent url(/img/navbar_br.gif) no-repeat right 0px;
	}


/* content-specific */

.dialog h1 {
	/* header */
	font-size:2em;
	margin:0px;
	padding:0px;
	margin-top:-0.6em;
	}

.dialog p {
	margin:0.5em 0px 0px 0px;
	padding:0px;
	font:0.95em/1.5em arial,tahoma,"sans serif";
	}

html>body .dialog pre {
	font-size:1.1em;
	}
	
/************************************************************************** 
						Header

This CSS sets the header styles throughout the site. 
***************************************************************************/
			

/************************************************************************** 
                  				Logo 
***************************************************************************/
	
#header #logo img#sitelogo {
	padding-bottom: 5px;
	}


/************************************************************************** 
                  				Main Menu  
***************************************************************************/	


#header #menu {
	float: left;
	width: 100%;
	font-size: 13px;
	line-height: 30px;
	font-weight: bold;
	color: #FFFFFF;
	font-weight: normal;
	}
	
#header #menu p {
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

#header #menu a {
	border-left: 1px solid white;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	}
	
#header #menu a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#header #menu .active a {
	color: #FF0000;
	font-weight: bold;
	padding-left: 10px;
	}
	
#header #menu .end {
	border-right: 1px solid white;
	}
	
/************************************************************************** 
                 				 Content 
							 
Sets the content style throughout the site.
***************************************************************************/	

#content {
	min-height: 300px;
	padding-top: 0px;
	clear: both;
	}


/************************************************************************* 
						Footer

Sets the footer style throughout the site. 
***************************************************************************/

#footer {
	font-size: 11px;
	text-align: left; 
	clear: both;
	margin-top: 10px;
	}

#footer_left {
	float: left;
	width: 50%;
	}

#footer_right {
	width: 48%;
	margin-left: 50%;
	}
	
#footer .left_4column {
	float: left;
	width: 50%;
	}
	
#footer .centerleft_4column {
	float: right;
	width: 50%;
	}

#footer .centerright_4column {
	float: left;
	width: 50%;
	}
	
#footer .right_4column {
	float: right;
	width: 50%;
	}

#footer ul.linklist {
	list-style: inside square;
	}

#footer ul.linklist li {
	margin-bottom: 5px;
	}

#footer ul.buttonlist {
	list-style: none;
	}

#footer ul.buttonlist li {
	margin-bottom: 20px;
	}
		
#footer #copyright {
	clear: both;
	background: url(/img/copyright_left.gif) left top no-repeat;
	padding-left: 15px;
	}

#footer #copyright span {
	background: url(/img/copyright_right.gif) right top no-repeat;
	}

#footer #copyright,
#footer #copyright span {
	font-size: 12px;
	font-weight: bold;
	text-align: center; 
	height: 45px;
	width: 99%;
	float: left; 
	line-height: 45px;
	}

#footer #terms {
	clear: both;
	font-size: 11px;
	text-align: center;
	padding-left: 15px;
	}

/************************************************************************** 
					SPECIFIC PAGES
					
This CSS sets the styles for specific pages in the site. 

***************************************************************************/

	
/************************************************************************* 
						Listing Table

Sets up the general parameters, layout and styles for listing tables
***************************************************************************/

	
.listTable {
	list-style: none;
	margin-left: 0;
	}
	
.listTable li {
	margin: 5px 0;
	}

.listTable li.thumb {
	padding-left: 60px;
	}

.listTable li.highlighted {
	background-color: #FFCCFF;
	}
	
.listTable li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	}

.listTable li p {
	font-weight: normal;
	font-size: 10px;
	margin: 0px;
	}
	


/************************************************************************* 
	 				Section Header Tabs
***************************************************************************/

h2.section_header {
	padding: 0;
	background: url(/img/tabs_left.gif) left top no-repeat;
	padding-left: 15px;
	margin-bottom: 0;
	}

h2.section_header span {
	background: url(/img/tabs_right.gif) right top no-repeat;
	padding-right: 20px;
	float: left;
	}

h2.section_header,
h2.section_header span {
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 44px;
	line-height: 63px;
	color: #FFFFFF;
	font-variant: normal;
	}

h2.section_header span.description {
	font-weight: normal;
	background: none;
	color: #666666;
	padding-left: 10px;
}


/************************************************************************* 
	 				Section Inline Tabs
***************************************************************************/

.tabs ul {
	display: inline;
	list-style: none;
	}

.tabs ul li {
	padding: 0;
	background: url(/img/tabs_left.gif) left top no-repeat;
	padding-left: 15px;
	margin-bottom: 0;
	float: left;
	}

.tabs ul li a span {
	background: url(/img/tabs_right.gif) right top no-repeat;
	padding-right: 20px;
	float: left;
	}

.tabs ul li,
.tabs ul li a span {
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 44px;
	line-height: 63px;
	color: #000000;
	font-variant: normal;
	}	


/************************************************************************* 
Assorted Classes 

Description: This CSS provides general styling throughout the site. 

***************************************************************************/

.clear {
	clear:both;
	}
	
.hidden {
	display: none;
	}

.box {
	border: 1px #CCCCCC solid;
	padding: 5px;
	}

.clearfix:after {
   		content:".";
   		display:block;
	    height:0;
	    clear:both;
	    visibility:hidden;
   }
.clearfix {display:inline-block;}
 /* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

#createaccount
{
	font-size: 10pt;
}

#featuredListings .headline {
	font-size: 10px;
	font-weight: bold;
}

#tos {
	font-size: 10px;
	font-style: italic;
	margin-bottom: 10px;
}

.saveRow {
	display: block;
	text-align: center;
	margin-top: 10px;
}

.category_list ul
{
	list-style: none;
}

.category_list ul li
{
	margin-bottom: 10px;
}
	
/************************************************************************* 
	 			Alternating Row Colors
***************************************************************************/

.row_even {
	background-color: #FFFFFF;
	padding: 10px 5px 10px 5px;
	/*border-bottom: 2px dotted #818B9F;*/
	}

.row_odd {
	background-color: #F1F1F1;
	padding: 10px 5px 10px 5px;
	/*border-bottom: 2px dotted #818B9F;*/
	}
	
/************************************************************************* 
	 					Alignment
***************************************************************************/

.right {
	float: right;
	margin-left: 25px;
	}

.left {
	float: left;
	margin-right: 25px;
	}

.center {
	margin-left: auto;
	margin-right: auto;
	}
	
/************************************************************************* 
	 					2 Columns
***************************************************************************/

.left_2column {
	display: block;
	float: left;
	width: 580px;
	padding: 15px 0;
	}
	
.right_2column {
	width: 275px;
	margin-left: 625px;
	padding: 15px 0;
	}

/************************************************************************* 
	 					3 Columns
***************************************************************************/

.left_3column {
	float: left;
	width: 280px;
	padding: 15px 0;
	}

.middle_3column {
	padding: 15px 0;
	margin: 0 310px 0 310px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	}
	
.right_3column {
	float: right;
	width: 280px;
	padding: 15px 0;
	}

/************************************************************************* 
	 					Columns
***************************************************************************/

.helpbox {
	background-color: #CCFF66;
	border: #666666 solid 1px;
	border-bottom: #666666 solid 2px;
	border-right: #666666 solid 2px;
	font-size: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px;
	}

.required {
	color:#FF0000;
	font-size:0.75em;
	}

/************************************************************************* 
	 					Form Errors
***************************************************************************/

#formErrors {
	font-size: 11px;
	}
	
#formErrors p {	
	background: left top no-repeat url(/img/warning.png);
	padding-left: 40px;
	min-height: 40px;
	}

#formErrors ul {
	margin-top: 20px;
	}
	
.formError {
	color: #FF0000;
	}

.errortext {
	font-size: 9px;
	}

.noerror {
	}
	
/************************************************************************* 
	 					Page Numbers
***************************************************************************/

.pageNumbers {
	float: right;
	}

.pageNumbers ul {
	margin-top: 10px;
	list-style: none;
	}

.pageNumbers li {
	display: inline;
	margin: 0px 3px;
	}

.pageNumbers a {
	border: 1px solid #3F719A;
	padding: 2px 4px;
	background-color: #9BC7E8;/*#5B92BD;*/
	color: #3F719A;
	text-decoration: none;
	}

.pageNumbers a:hover {
	border: 1px solid #999;
	padding: 2px 4px;
	background-color: #3F719A;/*#5B92BD;*/
	color: #9BC7E8;
	}

.pageNumbers ul .current {
	border: 1px solid #999;
	padding: 2px 4px;
	background-color: #eee;
	color: #999;
	}