html, body{
	margin:0px;
	padding:0px;
	color: #000000;
	background-color: #EAEAEA; 
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
}

a{
	color: #2C4FD7; /*0066CC 4866DC    darker 2C4FD7*/
	text-decoration: none; 
}

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

img{
	vertical-align: text-bottom;
}

img{
	border-style: none;
}

form{
	margin:0px;
}

/* Above this line is styling for site wide usage*/


/* MULTI USE*/

.light_gray{
	color: #666666;
}

.lighter_gray{
	color: #999999;
}


.bold{
	font-weight: bold;
}

.bold_italic{
	font-weight: bold;
	font-style: italic;
}


.normal{
	color: #000000;
}

.clear{
	clear: both;
}

.spacer3, .spacer5, .spacer7, .spacer10, .spacer15, .spacer20, .spacer25, .spacer30, .spacer35, .spacer40, .spacer70{
	width: 100px;
	height: 15px;
	clear:both;	
	display: block;
	padding: 0px;
	margin:0px; 
	font-size: 0px;/* ALWAYS PUT THIS WHEN USING BLANK DIV WITH HEIGHT - for IE6 */
	line-height:100%;
}

.spacer3{
	height: 3px;		
}

.spacer5{
	height: 5px;	
}

.spacer7{
	height: 7px;	
}

.spacer10{
	height: 10px;	
}

.spacer15{
	height: 15px;	
}

.spacer20{
	height: 20px;	
}

.spacer25{
	height: 25px;	
}

.spacer30{
	height: 30px;	
}

.spacer35{
	height: 35px;	
}

.spacer40{
	height: 40px;	
}

.spacer70{
	height: 70px;	
}



.small_spacer5{
	width: 50px;
	height: 5px;
	clear:both;	
	display: block;
	padding: 0px;
	margin:0px; 
	font-size: 0px;/* ALWAYS PUT THIS WHEN USING BLANK DIV WITH HEIGHT - for IE6 */
	line-height:100%;
}


.font16{
	font-size: 16px;
}

.font14{
	font-size: 14px;
}

.font12{
	font-size: 12px;
}

.font11{
	font-size: 11px;
}

.font10{
	font-size: 10px;
}

.font9{
	font-size: 9px;
}

.font8{
	font-size: 8px;
}

.italic{
	font-style: italic;
}

.yellow_bg{
	/*background: #FFF000;	*/
	background: #FFFF66;
}

.gray_bg{
	background: #EBEBEB; /*FFF1A8 google feedback bg color */
}

.lightyellow_bg{
	background: #FFF1A8; /*google feedback bg color */
}

.pipe{
	color: #A5BFD5;
	font-weight: normal;
}

.line_height{
	line-height: 150%;
}

textarea{
	font: 14px Verdana, sans-serif;
}

/* END MULTI USE STYLES */


/*  -- Main Containers */

#shell{/* Main shell that holds all the divs other than the footer one */
	width: 999px;
	margin: auto;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;	
	border-top: none;	
	
}

#footer_div{/* Footer div */
	width: 999px;
	margin: auto;
	margin-top: 20px;
	font-size: 11px;
	color: #999999;
	line-height: 150%;	
}

.footer_left{ /* left links in footer*/
	width: 600px;
	float: left;	
}

.footer_right{ /* right copyright info in footer*/
	width: 300px;
	float: right;
	text-align: right;		
}

/* END MIAN CONTAINERS */


/*********!!  -- TOP PART Styling, Logo, Login, navigation & search bar ******/

#company_name{/* Echo out company name here as logo */
	width: 270px;
	float: left;
	display: inline; 
	margin: 10px 0px 20px 30px;		
}

.member_login{ /* login div*/
	width: 190px;
	float: left;
	line-height: 140%;
	margin-top: 37px;
	display: inline;
	overflow: hidden;
	font-size: 13px;	
}


/*these are for the pop up login div sitting in includes/top.php */ 

#poslog{ /* holds plogin to help position in using absolute*/
	width: 400px;
	float: right;
	position: relative; 
	z-index: 1;		
}

#plogin { /* pop up*/
	width: 200px; 
	height: 230px;
	position: absolute; 
	top: 35px; 	
	left: -360px;		
	background: url(../images/loginbg.gif) no-repeat;		
	padding: 20px; 
	padding-top: 0px;
	visibility: hidden; 
	z-index: 1;
}

.plogin_input  input{
	width: 160px;	
	margin-top: 3px;	
}


.plogin_head{ /* heading in portable login div div*/
	font: bold 16px Arial, sans-serif;
	color: #CC3300;
	margin-bottom: 15px;
}


.close{/* close link in pop up*/
	text-align: right;	
	margin-top: 8px;	
}

.close a{
	border: solid 2px #F9F9F9;
	padding: 1px;
}

.close a:hover{
	border: solid 2px #E6E6E6;	
}

 /* Ends pop ui login div*/


.top_adcon{ /* holds ad shell*/
	width: 472px; /* was 472px for ads*/
	height: 80px;
	float: right;
	display: inline;
	margin-right: 30px;
	/*text-align: right; */	
	overflow: hidden;		
}

.fblike_box{ /* has facebook like button and like count*/
	width: 100px;
	height: 70px;	
	float: left;
	margin-left: 250px;
	display: inline;
	margin-top: 5px;
	overflow: hidden;	
}

.fbpage_box{ /* has gif that goes to fb page*/
	width: 100px;
	height: 70px;	
	float: right;		
}



.top_ad{ /* holds ad itself - not used anymore, keep it just incase */
	width: 468px;
	height: 60px;
	float: right;		
}



/*Style main navs */ 

#prime_nav{ /* holds main nav */
	width: 940px;	
	margin: auto;	
	background: url(../images/passive.gif); 	
}

#nav_menu {
	padding: 0; 
	margin: 0; 
	list-style: none;
}

#nav_menu li {
	float:left;		
}

#nav_menu li a {
	display:block; 
	height:30px; 
	line-height:30px;
	padding:0 15px 0 15px;
	float:left; 	 
	font-size: 16px;
	font-family: Arial;		
	color: #666666;
	font-weight: bold;
	text-decoration:none;	
	border-right: solid 1px #DDC93B;
	background: url(../images/passive.gif); 	
}


#nav_menu li a:hover{
	cursor: pointer;	
	background: url(../images/active.gif) right top; 
}

#nav_menu .active a:hover{	
	background: url(../images/active.gif) right top; 	
}

#nav_menu .active a{
	background: url(../images/active.gif) right top; 
	color: #333333;
}


/*Finish styling Main Navs */ 

/* Style search */

.search_con, .search_conslim{ /* holds entire search bar*/
	width: 940px;
	height: 34px;
	border: solid 1px #FFFFFF;
	border-top: solid 1px #F5EE9A;
	border-left: none; 	
	background: url(../images/searchbg.gif) left top no-repeat; 
	padding-bottom: 5px;		
}

.search_conslim{ /* slim version of serach bar used for interface tasks*/	
	height: 10px;	
	background: url(../images/searchbg.gif) left bottom no-repeat; 
}


.search_move{ /* holds the category select dropdown and text input box */
	width: 546px;	
	height: 27px;	
	float: left;
	margin: 7px 0px 0px 13px;		
}

.search_move input, .search_one select{ /* get rid of these two */
	margin: 0px;
	padding: 0px;		
}

.search_move select{ /* have to give size to this or it expands/contracts and pushes input div in ff in mac aghhhh */		
	width: 285px;	
	font-size: 16px;	
}


.search_move input{ /* overwrite the seach box text */	
	font: bold 16px Arial, sans-serif;	
	width: 250px;	
}

.search_submit{ /* submit button div*/
	width: 120px;
	float: left;
	margin-top: 6px;	
}

#search_button input { /* main search button NOTE: YOu have to style form submit button like this or it will not work in Safari 3 and below*/
	display: block;
	width: 108px;
	height: 28px;
	float: left;	
	background: url(../images/search_button.gif) no-repeat 0 0;		
	cursor: pointer; 	
	border: none;
}

#search_button input:hover{ 
  background-position: 0 -28px;
  border: none;
}


.adv_link{ /* advanced search link*/
	width: 110px;	
	float: left;
	margin-top: 13px;	
	font: 11px Verdana, sans-serif;			
}



/* END top part styling */




/* Style search box */

#search_div{	
	width: 938px;
	height: 75px;
	margin-left: 29px;	
	background: url(../images/search_bar.gif) no-repeat;		
}

.search_one{ /* holds the find input  */
	width: 260px;
	float: left;		
	margin-left: 15px;
	display: inline;		
}

.search_two{ /* holds the location input  */
	width: 190px;
	float: left;	
}

.search_one input, .search_two input{	
	height: 18px;
	font: 16px Arial, sans-serif;		
}

.search_three{ /* holds the Complaints and safe biz options  */
	width: 155px;
	float: left;
	margin-top: 15px;	
}

.search_three select{
	font-family: arial;
	font-size: 16px;
}

.search_four{ /* holds the search button  */
	width: 110px;
	float: left;
	margin-top: 12px;	
}

.search_four input{
	font: bold 12px Verdana, sans-serif;	
	width: 100px;
	height: 30px;		
	border: 0px;
	padding-bottom: 1px;
	cursor: pointer; 	
}

#searchroll{ /* holds roll over button for search */
  display: block;
  width: 100px;
  height: 30px;
  background: url(../images/search.gif) no-repeat 0 0;	 
}

#searchroll:hover{ 
  background-position: 0 -30px;
}

/* ENDS SEARCH DIV */



/* This is main containers for all pages*/

#main_content{/* holds entire page below the search div*/
	width: 941px;
	margin: 0px 30px 0px 30px;	
}

#container{ /* holds all divs below the search divs*/
	width: 934px; /* this is div used to work out lengths of inner divs */
	margin: 15px 0px 0px 3px;		
}

/* ENDS MAIN CONTAINERS */


/***** Home.php styling *******/

#home_left{ /* holds explain parts plus cats and latest complaints */
	width: 740px;
	float: left;	
}

#home_right{ /* holds submit comp button and side ad */
	width: 163px;
	float: right;		
}

.home_explain{ /* tell user about the site*/
	line-height: 150%
}

.home_head{ /* main heading*/	
	font: bold 20px Arial, sans-serif;	
	color: #333333;	
}


.howmany_home{ /* style the numbers next to the links*/
	font-size: 12px;
	color: #666666; 
}


.home_linka, .home_linkb, .home_linkc{ /* holds main links to cats*/
	width: 250px;		
	float: left;	
	margin-left: 0px;	
	font: 14px Arial, sans-serif;		
	line-height: 160%;		
}

.home_linkb{ /* overwrite width*/
	width: 235px;		
	float: left;		
}

.home_linkc{ /* overwrite width*/
	width: 250px;		
	float: left;		
}

/* do the containers to show results*/

.latest_head{ /* the heading latest complaints*/
	font-size: 20px;
	color: #666666; 
	margin-bottom: 5px;
}

.result_con{ /* holds search/browse results containers*/
	border-bottom: solid 1px #D6D6D6;	
}

.result_one{ /* has resolved/unresolved gif */
	width: 120px;	
	float: left;	
}

.result_shaded a{ /* make the photo effect*/
	display: block;
	width: 100px;
	height: 85px;
	background: url(../images/result_bg.gif) no-repeat 0 0;	 
	text-decoration: none;
}


.result_unresolved, .result_resolved{ /* has unresloved word*/
	margin: 20px 0px 0px 0px;	
	text-align: center;	
	font: 14px Arial, sans-serif;
	color: #666666;
}

.result_resolved{ /*has resolved word*/
	color: #008000;
}

.result_two{ /* has body with biz name, title and meta data */
	width: 530px;
	float: left;	
}

.biz_name{ /* business name*/	
	font: 18px Arial, sans-serif;
	line-height: 140%;	
	word-wrap: break-word;		
}

.result_location{ /* location span of business*/
	font-size: 12px;
	color: #666666;	
}

.result_title{ /* title of complaint*/
	font-size: 14px;
	line-height: 150%;	
	margin-top: 3px;
	word-wrap: break-word;	
}

.meta_who{ /* who and time of submitted*/
	font: 12px Arial, sans-serif;
	color: #666666;
	margin-top: 7px;
}


.result_three{ /* has stats about views, comments and thumbs down */
	width: 85px;
	float: right;
	font-size: 11px;	
}

.views_box{ /* case to hols number of views*/
	width: 80px;
	float: left;
	text-align: center;
	margin-top: 5px;	
}

.views_number{ /* number of views*/
	font: Bold 16px Arial, sans-serif;	
}

.views_word{ /* word VIEWS*/
	font: 12px Arial, sans-serif;
	color: #666666;
}

/* ends containers to show results*/


.submitbut_div{ /* main submit button on right */
	width: 156px;	
	margin: 0px 0px 20px 2px;	
	height: 80px;	
}


#submit_button a{ /* submit button itself */	
	display: block;
	width: 155px;
	height: 75px;	
	background: url(../images/submit.gif) no-repeat 0px 0px;		
	cursor: pointer; 	
	border: none;
}

#submit_button:hover a{ 
  background-position: 0 -78px;
  border: none;
}



/* side banner ad*/
.side_ad{ /* holds ad itself*/	
	width: 160px;
	height: 600px;	
	overflow: hidden;
	border: solid 1px #D6D6D6;	
}


.advert_warn{  /* this tells people this is an ad - was used when we planned to run ads - old html on help scripts */	
	margin: 0px 0px 1px 0px;
	text-align: center;
	font: 10px Arial, sans-serif;	
	color: #666666;	
}

.advertise a{ /* tell people to advertise with us */	
	display: block;
	width: 153px;
	height: 13px;
	text-align: center;
	border: solid 1px #EBEBEB;
	background: #F5F5F5;
	margin: 5px 0px 0px 3px;
	font: 10px Arial, sans-serif;	
	color: #888888;
	1background: url(../images/advertise.gif) no-repeat 0px 0px;		
}

.advertise a:hover{
	border: solid 1px #CCCCCC;
	background: #EBEBEB;
	color: #666666;
	text-decoration: none;
}

.home_browse{ /* at the bottom of latest comps*/
	margin: 30px 0px 20px 0px;
	font-size: 14px;
	text-align: center;	
	font-weight: bold;
}



/* ENDS home.php */ 



/***** COMPLAINT.php styling *******/

/* style complainants panel*/
.comps_panel{ /* the sellers post-sale panel */
	clear: both;	
	width: 735px;
	margin-bottom: 20px;
	border: solid 1px #D6D6D6;	
	background: #F7F7F7;
	font-size: 13px;
}

.comps_head { /* title of the panel*/
	padding: 3px;	
	background: #96961A; /* use this color for bg at top*/
	color: #FFFFFF;
	font: bold 16px Verdana, sans-serif;	
}

.comps_bodyl{ /* main body left*/
	width: 572px;
	float: left;
	padding: 10px;	
}

.comps_bodyr{ /* main body right*/
	width: 120px;
	float: left;
	padding: 10px;
	background: #F1F1F1;
	border: solid 1px #EBEBEB;	
}

.panel_statsl{ /* left part where we list stats*/
	width: 130px;
	float: left;
	font-size: 12px;
	color: #666666;		
}

.panel_statsr{ /* right part where we list stats*/
	width: 200px;
	float: left;
	font-size: 12px;	
}






.bread_crumbs{ /* bread crumbs*/
	line-height: 160%;
}

.comp_bizname{ /* business name for complaint*/	
	margin-top: 15px;
	font: bold 22px Arial, sans-serif;
	line-height: 140%;
	word-wrap: break-word;
}

.comp_location{ /* location span of business*/
	font-weight: normal;
	font-size: 13px;
	color: #666666;	
}

.comp_topstats{ /* gives complainent details */
	width: 565px;
	float: left;
	font: 13px Verdana, sans-serif;		
}

.comp_topnum{ /* complaint number*/
	width: 150px;
	padding-right: 10px;
	float: right;
	text-align: right;
	color: #6D6D6D;	
}

.top_bar{ /* rule just below the top stats*/
	clear: both;		
	border-top: solid 1px #D1D1D1;	
	background: #F5F5F5;	
	height: 6px;
	margin-bottom: 15px;
}

.comp_title{ /* title of complaint*/
	font: 20px Arial, sans-serif;
	word-wrap: break-word;
}

.comp_body{ /* complaint body*/	
	font-size: 14px;
	line-height: 150%;
	word-wrap: break-word;
}


.compphoto_holder{ /* hold all the photos*/
	margin: 35px 0px 5px 32px; /* PUT this margin-left on page: 1pic: 295px 2pic: 230px 3pic: 165px 4pic: 95px 5pic: 32px   */
	overflow: hidden;
	text-align: center;	
}


.thumb_case{ /* holds each thumb div*/
	width: 117px;
	height: 92px;	
	float: left;
	display: inline;	
	margin-left: 15px;		
}

.thumb_case a{
	width:115px; 
	height:86px; 
	display:block;
	float:left; 	
	overflow:hidden; 
	cursor:pointer; 
	text-align:center; 
	display:inline; 
	border: solid 1px #CCCCCC;
}

.thumb_case a:hover{
	border: solid 1px #2C4FD7;	
}

.larger_pic{ /* link to light box*/	
	font: 11px Arial, sans-serif;
	text-align: center;	
}


/*Lightbox background !!!!! for all times a div pops up, we use this to dim the background*/   
#lightbox {   
 visibility: hidden;
 background:#000000;   
 opacity:0.6;   
 filter:alpha(opacity=60);   
 position:fixed;
 top:0px;   
 left:0px;   
 min-width:100%;   
 min-height:100%;  
 z-index:1000;   
}   

.popthumb_case{ /* thum cases for pop up div*/
	width: 117px;
	height: 92px;	
	float: left;
	display: inline;
	margin: 0px 0px 5px 7px;
}

.popthumb_case a{ 
	width: 115px;
	height: 86px;
	display: block;	
	overflow:hidden; 
	float: left;
	cursor:pointer; 
	display: inline;
	text-align:center; 	
}

.popthumb_case:hover{
	background: url(../images/pic_hover.gif) no-repeat 0 0;		
	
}

.interface_holder{ /* has watchlist and thumbs down buttons */
	margin: 5px 0px 10px 170px;	
}

#fav_con{ /* holds all fav button bits, this con is for floating*/
	width: 220px;
	float: left;	
}

#fav_button{ /* favorite button div*/
	width: 180px;	
}

#fav_button a{ /* favorite button*/	
	display: block;
	width: 175px;
	height: 31px;	
	background: url(../images/fav.gif) no-repeat 0 0;		
	cursor: pointer; 	
	border: none;	
}

#fav_button:hover a{ 
  background-position: 0 -32px;
  border: none;
}

.fav_already{ /* how many people saved to favorites already */
	margin-top: 5px;
	width: 170px;
	text-align: center;
	font: 10px Verdana, sans-serif;	
	color: #666666;
}


.in_fav{ /* div for showing button when comp is already in favoritres */
	width: 175px;
	height: 31px;	
	background: url(../images/infav.gif) no-repeat 0 0;
}



#nogood_con{ /* holds all thumbs down button bits, this con is for floating*/
	width: 200px;
	float: left;	
}



#nogood_div{ /* holds thumbs down image*/
	width: 175px;	
	margin-left: 5px;
	display: inline;	
	overflow: hidden;		
}


#nogood_div a{ /* favorite button*/	
	display: block;
	width: 175px;
	height: 31px;	
	background: url(../images/thumb.gif) no-repeat 0 0;		
	cursor: pointer; 	
	border: none;	
}

#nogood_div:hover a{ 
  background-position: 0 -32px;
  border: none;
}

.thumb_given{ /* div for showing button when comp is already in favoritres */
	width: 175px;
	height: 31px;	
	background: url(../images/thumb_given.gif) no-repeat 0 0;
}


/* style the comments part*/

.comment_head{ /* comments and responses title */
	font: bold 18px Arial, sans-serif;
	padding-bottom: 10px;
	color: #333333;	
	border-bottom: solid 1px #D6D6D6;
}

.comment_count{ /* how many comments & responses*/
	font-weight: normal;
}


.comment_con{ /* holds each comments */
	margin-top: 17px;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: solid 1px #D6D6D6;	
}

.comment_body{ /* actual comment*/
	font-size: 13px;
	line-height: 140%;
	word-wrap: break-word;
}

.comment_meta{ /* poster info */
	margin-top: 15px;
}

.com_metagray{ /* make date gray and small*/
	font-size: 11px;
	color: #666666;
}


/* make comment form part */
.comment_error{ /* error part*/
	text-align: center;
	font-size: 14px;
}

.post_comment{ /* holds bottom post your comment area use #F5F5F5 for bg and #EAEAEA for border*/
	margin: 0px 10px 0px 55px;	
	width: 635px;
	height: 330px;
	background: url(../images/commentbg.gif) no-repeat 0 0;
}

.post_comment_word{ /* holds the Post Your Comment word */
	font: bold 18px Arial, sans-serif;		
	color: #444444;
	margin: 7px 0px 10px 40px;
}

.comment_warn{ /* tell user to be fair with posts*/
	margin-top: 5px;
	font: 11px Verdana, sans-serif;	
	color: #666666;	
	font-weight: normal;	
}

.post_comment textarea{ /* move text box*/
	margin-left: 40px;	
	width: 550px;
	height: 150px;	
}

.char_remaining{ /* count down of number of characters remaining*/
	width: 550px;
	height: 13px;
	margin-left: 40px;
	font-size: 11px;	
	color: #666666;		
}

.com_submit{ /* holds submit button*/
	margin: 10px 0px 0px 243px;
}

#makecomment_button input { /* comment button */
	display: block;
	width: 145px;
	height: 35px;
	float: left;
	margin-top: -1px;	
	background: url(../images/commentit.gif) no-repeat 0 0;		
	cursor: pointer; 	
	border: none;
}

#makecomment_button  input:hover{ 
  background-position: 0 -35px;
  border: none;
}


.page_counter{ /* page counter at bottom of page*/	
	font: 11px Verdana, sans-serif;	
	text-align: center;
	margin-top: 40px;
}

.page_number{ /* the actual numbers for page counter*/
	font: bold 20px Verdana, sans-serif;
	color: #333333;/*#333333;*/	
}	

.report_abuse{ /* abuse link*/
	margin-top: 40px;
	text-align: center;
}


.notlogged_comment{ /* comment box when user has not logged in yet*/
	text-align: center;
	font: 14px Verdana, sans-serif;
}


/* ENDS COMPLAINT.php */ 


/* COMPLAINT_ERROR.PHP */
.comp_error{ /* where we state the error */
	width: 500px;
	font-size: 13px;
	line-height: 140%;
}

/* ENDS COMPLAINT_ERROR.PHP */


/****** Styling PHOTO.PHP page *********/
/* This is the page user gets to viewing pics when their javascript is disabled */

.backto_listing{ /* link on top to go back to listing*/	
	text-align: center;
	margin: 20px 0px 30px 0px;
	font: bold 18px Arial, sans-serif;
}

.nojava_left{ /* left part with big picture*/
	width:640px; 
	height: 480px; 
	float:left; 
	display: inline; /* we put left margin in the page*/
	overflow:hidden; 
	text-align:center; 
	background:#2D2D2D; 
	border:3px solid #EEEEEE; 	
}

.nojava_right{ /* right part with thumbs*/
	width: 260px;
	float:left; 
	height:481px; 
	padding:5px 0px 0px 3px; 
	background:#EEEEEE;
}

.nojava_case{ /* thum cases for no java thumbs */
	width: 117px;
	height: 92px;	
	float: left;
	display: inline;
	margin: 0px 0px 5px 7px;
}

.nojava_case:hover{
	background: url(../images/pic_hover.gif) no-repeat 0 0;		
	
}

.nojava_thumbp a, .nojava_thumba a{ /* passive thumb with gray borders and active ones with yellow borders*/
	display: block;
	width:115px; 
	height:86px; 
	float:left; 
	overflow:hidden; 
	cursor:pointer; 
	text-align:center; 
	display:inline; 
	border:solid 1px #CCCCCC;	
}

.nojava_thumba a{ /* overwrtite the active div*/
	border:solid 1px #FFCC33; 
	border-bottom:solid 5px #FFCC33;
}	

/****** ENDS Styling PHOTO.PHP page *********/


/***** REGISTER.PHP styling *******/

.register_title{ /* heading for register page*/
	font: bold 16px Verdana, sans-serif;
	margin-bottom: 5px;
}

.register_mould{ /* round div on top*/
	width: 465px;
	height: 7px;
	font-size: 0px;
	background: url(../images/register_mould.gif) no-repeat;				
}

.register_mouldb{ /* round div at bottom*/
	width: 465px;
	height: 7px;
	clear: both;	
	font-size: 0px;
	background: url(../images/register_mould.gif) no-repeat 0px -17px;		
}

.register_left, .register_leftb{ /*left part of reg form*/
	width: 180px;
	height: 27px;	
	float: left;
	padding: 4px 0px 3px 10px;
	background: #EFEFEF; /*EFEFEF*/
	border-bottom: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
}

.register_right, .register_rightb { /*right part of reg form*/
	width: 270px;
	height: 29px;	
	float: left;
	padding: 2px 0px 3px 3px;
	background: #F4E8CE; /*FFFF5CC*/
	border-bottom: solid 1px #FFFFFF;
}

.register_leftb, .register_rightb{ /* these is for bottom div to remove the white gap between it and mould*/
	border-bottom: solid 0px;	
}

.regdis_span select{ /* give width to select box for region/district*/
	width: 242px;
	font-size: 13px;
}

.form_aid{ /* in rego form*/
	font-size: 9px;
	color: #666666;
	margin-top: -1px;
}

.form_aid a{
	color: #666666;
}

.register_right input{ /* size inoput*/
	width: 235px;
	font-size: 14px;
}

.alignimg{/* aligh secirity image with input box*/
	width: 63px;
	height: 25px;
	float: left;
	padding-left: 0px;		
}

.registersmall input{ /* resize the capture input box */
	width: 50px; /*147*/
	height: 18px;
}

.pwdsmall input{ /* resize the pwd input to make it smaller in width */
	width: 150px; 
}


.register_error{ /* error div*/
	width: 450px;
	height: 25px;	
	float: left;
	padding: 4px 0px 0px 10px;	
}

.error_span{ /* has the highlighted error messages*/
	background: #FFFF00;	
}

.registerbottom{ /* fine print at bottom*/
	font-size: 11px;
	color: #666666;
	margin-top: 10px;
	line-height: 140%;
}

.registersubmit{ /* style submit buton*/
	margin: 20px 0px 0px 120px; 
}

.registersubmitb{ /* style submit buton IN EDIT_PROFILE.PHP page*/
	margin: 20px 0px 0px 125px; 
}


.reg_error, .reg_errorb, .create_toperror{ /* error message for TOP of registration page */
	width: 460px;
	height: 25px;
	border: solid 1px #CD071E;
	margin-bottom: 20px;
	padding-top: 8px;
	text-align: center;
	font: bold 12px Verdana, sans-serif;		
	color: #CD071E;	
}

/* ENDS REGISTER.php */ 


/* REGISTERED.PHP */

.verify_email{ /* to hold verify message*/
	width: 550px;
	margin-top: 15px;
	line-height: 140%;	
}

.verify_notestitle{ /* title for verify notes*/
	width: 477px;
	margin: 20px 0px 0px 10px;
	background: #CC0000;
	color: #FFFFFF;
	font: bold 14px Verdana, sans-serif;
	padding: 5px;
	text-align: center;
}


.verify_notes{ /* to hold the notice about delays and spam filters  */
	width: 455px;	
	margin-left: 10px;
	padding: 15px;
	border: solid 1px #CC0000;
}

.confirm_resent{ /* confirmation msg if user resends activation link */
	width: 485px;	
	height: 30px;
	margin: 20px 20px 0px 10px;
	border: solid 1px #66CC00;	
	padding-top: 10px;
	text-align: center;
	font: bold 12px Verdana, sans-serif;
	color: #51992D;
}

/* ENDS REGISTERED.php */ 


/* REG.PHP */

.regcomp_bullets{ /* the bullets asking user what he wants to do now after rego*/
	line-height: 200%;	
}

/* ENDS REG.php */ 


/* LOGIN.PHP */

.login_title{ /* title for login*/
	font: bold 16px Verdana, sans-serif;
	margin-bottom: 5px;
	color: #CC3300;
}

.login_input input{ /* width of input boxes*/
	width: 230px;
}

.login_remem{ /* position the rememberme check box*/
	margin-left: 190px;
}

.loginsubmit input{ /* submit buttom*/
	margin: 10px 0px 0px 192px;
	font-weight: bold;
}

.login_top{ /* if not member, login link */
	font-size: 11px;	
	margin-top: 5px;
}

/* ENDS LOGIN.php */ 


/* LOGOUT.PHP */
.logout_left{ /* holds side ad */
	width: 163px;
	float: left;	
}

.logout_right{ /* holds right side info */
	width: 700px;
	float: left;
	padding-left: 25px;		
}

/* ENDS LOGOUT.PHP */



/***** Style Creating a Complaint pages *******/

/* CREATE_CAT.PHP */

.step_active{ /* the hightlighted step*/
	width: 80px;
	float: left;	
	padding: 5px; 
	padding-left: 25px;
	background: url(../images/active_step.gif) no-repeat;	
	color: #FFFFFF;
	font: bold 12px Arial, sans-serif;		
}

.step_passive{ /* the gray step*/
	width: 80px;
	float: left;
	padding: 5px; 
	padding-left: 25px;	
	background: url(../images/passive_step.gif) no-repeat;	
	font: 12px Arial, sans-serif;
	color: #828282;		
}

.createcomp_head{ /* heading for instructions*/
	font: bold 16px Arial, sans-serif;
	height: 25px;
	border-bottom: solid 1px #CCCCCC;		
}

.create_linka, .create_linkb, .create_linkc{ /* holds main links for creating complaint */
	width: 260px;		
	float: left;	
	margin-left: 0px;	
	font: 14px Arial, sans-serif;		
	line-height: 160%;		
}

.create_linkb{ /* overwrite width*/
	width: 240px;
}

.create_linkc{ /* overwrite width*/
	width: 230px;
}

/* CREATE_CATA.PHP */

.maincat_name{ /* tell user what thier main cat was - this is redish color*/
	color: #796B4A;	/* DE6600 */
}

.sub_linka, .sub_linkb, .sub_linkc{ /* holds subcat links for creating complaint */		
	float: left;		
	margin-left: 60px;
	display: inline;	
	font: 14px Arial, sans-serif;		
	line-height: 160%;	
}

.sub_linka{ /* first set does not need margin left*/
	margin-left: 0px;
}

/* CREATE_DETAILS.PHP */

.create_mould{ /* round div on top*/
	width: 595px;
	height: 7px;
	font-size: 0px;
	background: url(../images/create_mould.gif) no-repeat;			
}

.create_mouldb{ /* round div at bottom*/
	width: 595px;
	height: 7px;
	clear: both;	
	font-size: 0px;
	background: url(../images/create_mould.gif) no-repeat 0px -17px;		
}

.create_left, .create_leftb, .create_leftc, .create_leftd , .create_lefte{ /*left part of create form*/
	width: 180px;
	height: 38px;	
	float: left;
	padding: 8px 0px 0px 10px;
	background: #EFEFEF;
	border-bottom: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	font-size: 14px;	
}

.create_right, .create_rightb, .create_rightc, .create_rightd, .create_righte{ /*right part of create form*/
	width: 383px;
	height: 40px;	
	float: left;
	padding: 6px 10px 0px 10px;	
	border-bottom: solid 1px #FFFFFF;
	background: #F4E8CE;
	word-wrap: break-word;
}

.create_right input{ /* size input, note: input field widths are styled in the page for ALL fields widths*/
	font: 14px Verdana, sans-serif;	
}

.create_leftb{ /* for text area overwrite height only*/	
	height: 228px; /*228*/		
}

.create_rightb{ /* for text area overwrite height only*/	
	height: 230px;	/*230*/		
}

.create_rightb textarea{ /* for text area*/
	width: 370px;
	height: 200px; /*200*/	
}

.create_leftc{ /* for upset meter area overwrite height only*/	
	height: 108px; /*228*/		
}

.create_rightc{ /* for upset meter area overwrite height only*/	
	height: 110px;	/*230*/		
}

.create_leftd{ /* for resolved/unresolved area overwrite height only*/	
	height: 58px; /*228*/	
	border-bottom: solid 0px;
}

.create_rightd{ /* for resolved/unresolved area overwrite height only*/	
	height: 60px;	/*230*/	
	border-bottom: solid 0px;
}

.create_lefte{ /*for report.php where user can report a listing */
	height: 128px;
}

.create_righte{ /*for report.php */
	height: 130px;
}

.radio_left{ /* adjust radio with text and image on right for upset meter*/
	width: 20px;
	float: left;	
}

.radio_right{ /* adjust radio with text and image on right for upset meter*/
	width: 300px;
	float: left;
	margin-top: 2px;
	padding-left: 5px;	
}

#body_msg{ /* count of characters under text field*/
	width: 375px;
	font-size: 11px;	
	color: #666666;
}

.create_error{ /* error div per field*/
	width: 300px;
	height: 30px;	
	float: left;
	padding: 4px 0px 0px 10px;			
}

.create_aid{ /* help info*/
	font-size: 9px;
	color: #666666;
	margin: 3px 0px 0px 3px;	
}

.regdis_create_span select{ /* give width to select box for region/district*/
	width: 265px;
	font-size: 14px;
}

.create_submit{ /* holds  submit button in create_details.php*/
	margin-left: 230px;
}

.create_toperror{ /* overwrite the width*/
	width: 590px;
}


/* CREATE_PHOTOS.php*/

.photo_error{ /* error on top of photo uploader*/
	width: 490px;
	padding: 8px 15px;
	background: #FFFF00;
	margin-bottom: 5px;	
	font: bold 11px Verdana, sans-serif;
}

.default_set{ /* tell user default settings is fine at extyernal site for reducing image sige */
	margin-top: 3px;
	font: 10px Verdana, sans-serif;
}

.photo_con{ /* gray con to hold the entire upload part */
	width: 500px;
	min-height: 130px;
	padding: 10px;
	background: #F2F2F2;
}

.photo_input input{ /* format input fields */
	height: 24px;	
}

.add_anotherpic{ /* words on top of select file input*/
	font: bold 14px Verdana, sans-serif;
	color: #922E24;
	margin-bottom: 3px;
}

.photo_submit input{ /* NEXT button style at bottom of page*/
	margin: 20px 0px 0px 130px; 
	font-size: 14px;	
}

.photo_minicon{ /* shell for top where thumbnails load*/
	width: 500px;	
	border: solid 1px #B9B9B9;
}

.photo_minitop{ /* top part of the mini con*/
	width: 500px;	
	background: url(../images/createbg.gif) no-repeat 0px -150px;		
	border-bottom: solid 1px #B9B9B9;	
}

.white_spacer5{ /* need this special spacer with WHITE background just below the heading div*/
	width: 500px; 
	height: 5px;
	background: #FFFFFF;
}

.photo_minitopl, .photo_minitopr{ /* left & right part heading of the mini con*/
	width: 300px;
	margin-left: 10px;
	display: inline;
	font-size: 10px;
	float: left;
	padding: 5px 0px;	
}

.photo_minitopr{ /* right part heading of the mini con overright width*/
	width: 100px;			
}

.photo_minibody{ /* holds the three divs thumbs mainphoto radio and delete link*/
	min-height: 86px;	
	padding: 5px;
	padding-left: 8px;	
	background: #FFFFFF;
	overflow: hidden; 		
}

.photo_minibodyl { /* individual rows for thumbs*/
	width: 115px;	
	height: 86px;	
	text-align: center; 
	float: left;
	display: inline;
	overflow: hidden;		
}

.photo_minibodyla{ /* holds the pic name*/
	width: 200px;
	height: 30px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 27px 0px 0px 10px;	
}

.photo_minibodym{ /* radio button */
	width: 60px;
	height: 30px;
	float: left;
	display: inline;
	margin: 27px 0px 0px 10px;
}

.photo_minibodyr{ /* delete link*/
	width: 60px;
	float: left;
	display: inline;
	text-align: right;
	height: 30px;
	margin: 27px 0px 0px 10px;
}


.photo_miniline{ /* line seperates each row*/
	clear: both;
	width: 500px;
	height: 10px;
	margin-left: -8px;
	border-bottom: dashed 1px #999999;
}


/* EDIT_PHOTOS.php*/
.editpic_bizl{ /* left part where we tell user deatisl of this complaint */
	width: 90px;
	float: left;	
	font-size: 13px;	
}

.editpic_bizr{ /* left part where we tell user deatisl of this complaint */
	width: 400px;
	float: left;
	font-size: 13px;	
}

.bizrloc{ /* biz location span*/
	color: #666666;
}


/* CREATE_CONFIRM.php*/
/* NOTE: Use this tactic for EXPANDINg left colum with right colum in future forms */

.last_chance{ /* note we give to double check details */
	width: 578px;
	padding: 5px 0px 5px 10px;	
	border: solid 1px #999999;
	background: #F5F5F5;		
	font: 11px Verdana, sans-serif;	
	line-height: 130%;
}

.last_chance_head{ /* make head bigger brighter*/
	font: bold 13px Verdana, sans-serif;	
	margin-bottom: 5px;
	color: #CC3300;
}

.create_confirm_textarea{ /* for text area display in confirm page, this is shell for the left and right divs below*/
	width: 594px;
	background: #EFEFEF;
	border-bottom: solid 1px #FFFFFF;	
}

.create_left_confirm{ /* for text area display in confirm page, this is left*/
	width: 180px;		
	float: left;
	padding: 8px 0px 0px 10px;
	background: #EFEFEF;	
	font-size: 14px;	
}

.create_right_confirm{ /* for text area display in confirm page, this is right*/
	width: 383px;	
	float: left;
	padding: 6px 10px 10px 10px;
	background: #F4E8CE;
	border-left: solid 1px #FFFFFF;
	line-height: 140%;
	min-height: 30px;
	word-wrap: break-word;
}

.create_confirm_img{ /*space out the photos a bit*/
	width: 115px;
	height: 86px;
	text-align: center;
	overflow: hidden;
	float: left;	
	margin: 0px 10px 10px 0px;
}

.confirm_submit{ /* submit buttons*/
	margin: 0px 0px 20px 200px;
}


/* ENDS Creating a Complaint pages */


/* Account.php and related pages */

/* style the account tools*/

.bar_mould, .bar_mouldb{ /* sits at top of member bar for rounded edges*/
	width: 162px;	
	height: 5px;		
	background: url(../images/bar_mould.gif) no-repeat top; 
	padding: 0px;
	margin:0px; 
	font-size: 0px;/* ALWAYS PUT THIS WHEN USING BLANK DIV WITH HEIGHT - for IE6 */
	line-height:100%;		
}

.bar_mouldb{
	background: url(../images/bar_mouldb.gif) no-repeat bottom; 	
}

.member_bar{ /* holds members account link*/	
	width: 140px;
	padding: 10px;	
	padding-top: 10px;	
	padding-bottom: 0px;	
	border-left: solid 1px #B6D1E3;
	border-right: solid 1px #B6D1E3;	
	background: #F4F8FB;
}

.member_bar_head{ /* Account tool heading*/
	font-size: 14px;
	color: #666666;/*#A64300;*/
	font-weight: bold;
}

.memberbar_links{ /* the links to member tools*/
	margin-left: 8px;
	font: 13px Verdana, sans-serif;
	line-height: 200%; 
}

.member_bar a{
	text-decoration: none;		
}

.member_bar a:hover{
	text-decoration: underline;	
}

/* ENDS side tools */ 


/* ACCOUNT.PHP*/

#left_account{ /* left cont to hold account tools and side ad*/
	width: 190px;
	float: left;	
}

#right_account{ /* middle cont for main meat of page*/
	width: 740px;
	float: left;	
}

.acc_head{ /* main head */
	font: bold 20px Verdana, sans-serif;
}

.acc_buysell{ /* buy and sell summary*/
	width: 520px;
	float: left;	
	padding-top: 10px;	
}


.selling{ /* selling part*/
	width: 250px;
	float: left;
	background: url(../images/selling.gif) no-repeat 0px 0px;	
	padding: 7px 0px 0px 33px; 	
}

.buying{ /* buying part*/
	width: 190px;
	float: left;
	background: url(../images/buying.gif) no-repeat 0px 0px;	
	padding: 7px 0px 0px 33px;	
}

.buysell_head{ /* the heading stating Selling Buying */
	font: bold 15px Verdana, sans-serif;
	color: #A64300; /*#A64300;	*/
	margin-bottom: 5px;
}

.buysell_bullets{ /* the actual links to selling and buying*/
	margin: 10px 0px 5px 0px;
	font: bold 13px Verdana, sans-serif;
}


.howmany_acc{ /* style the numbers next to the links*/
	font-weight: normal;
	font-size: 11px;
	color: #666666; 
}

.acc_line{ /* seperator line*/
	height: 15px;
	border-bottom: solid 1px #D6D6D6; 
}

.acc_billing{ /* biling area*/
	width: 480px;	
	background: url(../images/emailacc.gif) no-repeat 0px 0px;	
	padding: 4px 0px 0px 30px; 	
}

.acc_body{ /* explains that Dm is free. When we start charging we will put link to our success fees here */	
	line-height: 140%;
}

.email_settingl{ /* asks user if he wants to change a setting   */
	width: 340px;
	padding-right: 20px;
	float: left;
	1border: solid 1px;
}

.email_settingr{ /* the radio button for setting */
	width: 110px;
	float: left;
	1border: solid 1px;
}

.acc_submit{ /* update button for acc settings*/
	margin-left: 360px;
}

.acc_profile{ /* profile area thats in the right */
	width: 180px;
	float: right;
	background: #F4F8FB;
	padding: 10px;	
}

.profile_changes{ /* echos out to confirm profile has been changed*/
	font: 16px Bold Arial, sans-serif;
	color: #FF0000;
	margin-bottom: 10px;
	background: #FFFF00;
	padding: 2px 2px;	
}

.profile_head{ /* the heading for profile */
	font: 14px Verdana, sans-serif;
	color: #666666; /*#A64300;	*/
	margin-bottom: 5px;	
}

.profile_name{ /* user name*/
	font-size: 13px;
}

.indent_profile{ /* indent content*/
	margin-left: 5px;
	line-height: 130%;
	font-size: 11px;
}

.profile_ratings{ /* member rating type, adjust image with text*/
	margin: 13px 0px 7px 0px;		
	font-size: 12px;
}

.profile_ratings img{ /* align new item tag on top of title*/
	vertical-align:text-top;
}

.profile_left{ /* left part of member number and member since info*/
	width: 75px;
	float: left;
	font-size: 11px;
}

.profile_right{ /* right part of member number and member since info*/
	width: 90px;
	float: left;
	font-size: 11px;	
}


/*  MYCOMPLAINTS.PHP */

.acc_subhead{ /* smaller heading for all inner account pages*/
	width: 400px;
	float: left;
	margin-top: 15px;
	font: bold 14px Verdana, sans-serif;	
}

.acc_otherops{ /* sites opposite subhead with other options*/
	width: 250px;
	float: right;
	margin-top: 13px;
	margin-right: 5px;
	display: inline; 
	text-align: right;
	font: 12px Verdana, sans-serif;		
}

.acc_bar{ /* rule just below the titles*/
	clear: both;		
	border-top: solid 1px #D1D1D1;	
	background: #F5F5F5;	
	height: 6px;
	margin-bottom: 5px;
}

.results_output{ /* tell user how many results there are*/
	margin: 5px 0px 10px 0px;
	font-size: 11px;
}

.paging_div{ /* has paging*/
	width: 650px;	
	margin-top: 20px;
	text-align: center;	
}

.result_con_acc{ /* holds containers for my compalints */
	border-bottom: solid 1px #D6D6D6;	
}

.result_one_acc{ /* has resolved/unresolved gif */
	width: 120px;	
	float: left;	
}

.result_shaded_acc a{ /* make the photo effect*/
	display: block;
	width: 100px;
	height: 85px;
	background: url(../images/result_bg.gif) no-repeat 0 0;	 
	text-decoration: none;
}


.result_unresolved_acc, .result_resolved_acc{ /* has unresloved word*/
	margin: 20px 0px 0px 0px;	
	text-align: center;	
	font: 14px Arial, sans-serif;
	color: #666666;
}

.result_resolved_acc{ /*has resolved word*/
	color: #008000;
}



.result_two_acc{ /* we use same has body with biz name, title and meta data */
	width: 480px;
	float: left;
	margin-top: 5px;	
}

.biz_name_acc{ /* business name*/	
	font: 18px Arial, sans-serif;
	line-height: 140%;	
	word-wrap: break-word;		
}

.result_location_acc{ /* location span of business*/
	font-size: 12px;
	color: #666666;	
}

.submit_time_acc{ /* info on when item was listed*/
	font-size: 11px;	
	margin: 7px 0px 7px 0px;	
}


.meta_who_acc{ /* who and time of submitted*/
	font: 12px Arial, sans-serif;
	color: #666666;
	margin-top: 7px;
}


.result_three_acc{ /* has stats about views, comments and thumbs down */
	width: 128px;
	float: right;	
	margin-top: 7px;	
}

.action_button  a{ /* actions buttons to mark as resolved/unresolved, edit photos, etc*/	
	display: block;
	width: 125px;
	height: 25px;	
	text-align: center;
	color: #000000;	
	background: url(../images/action_button.gif) no-repeat 0px 0px;		
	cursor: pointer; 	
	font: 12px Arial, sans-serif;
	margin-bottom: 5px;	
}

.action_butmove{ /* align the words within the button*/
	padding-top: 3px;	
}

.action_button:hover a{ 
  background-position: 0 -27px;
  text-decoration: none;
}

.resolved_notice{ /* echos out to confirm that complaint has been changed to resolved or unresolved*/
	width: 733px;
	font: 16px Bold Arial, sans-serif;
	color: #FF0000;	
	background: #FFFF00;
	padding: 2px 2px;	
}


.comp_after{ /* at bottom of mycomplaints.php to tell user comp is locked */
	width: 730px;
	border-top: solid 1px #F5E8B8;
	border-bottom: solid 1px #F5E8B8;
	margin-top: 30px;
	background: #FBF6E2;
	line-height: 130%;
	font-size: 11px; 
	padding: 10px 5px;
}


/*  FAVOURITES.PHP */

/* NOTE: we use the browse box and overwrite just the delete button part (far right div)*/

.adjust_delete{ /* holds delete button*/
	width: 60px;	
	float: right;
	margin-top: 10px;
}

.watchlist_delete  a{ /* button to delete from watchlist*/	
	display: block;
	width: 55px;
	height: 25px;	
	text-align: center;
	color: #000000;	
	background: url(../images/delete_button.gif) no-repeat 0px 0px;		
	cursor: pointer; 	
	font-size: 11px;
	margin-bottom: 5px;		
}

.delete_butmove{ /* align the words within the button*/
	padding-top: 4px;	
}

.watchlist_delete:hover a{ 
  background-position: 0 -26px;
  text-decoration: none;
}

/*  MYCOMMENTS.PHP */

.acc_commentdiv{ /* shell for my comments*/
	width: 718px;	
	1margin-top: 0px; 
	padding: 15px 10px 20px 10px;
	border-bottom: solid 1px #D6D6D6;
}

.acc_commentbiz{ /* hold business name */
	font: 18px Arial, sans-serif;
	line-height: 140%;	
	word-wrap: break-word;		
}

.acc_commentloc{ /* location span of business*/
	font-size: 12px;
	color: #666666;	
}

.acc_commentposter{ /* complaint poster's details*/
	font-size: 11px;
	color: #666666;
	margin-left: 2px;
	word-wrap: break-word;		
}


.acc_commentbody{ /* holds actual body - the comment*/
	font-size: 14px;
	line-height: 140%;
	margin: 10px 0px 10px 0px;
	word-wrap: break-word;
}

.acc_commentdate{ /* date of post*/
	font-size: 12px;
	color: #666666;
}


/* ENDS Account.php and related pages */



/*  Style BROWSE.php & SEARCH.php */

.browse_linka, .browse_linkb, .browse_linkc{ /* holds all links for cats */		
	float: left;		
	margin-left: 5px;
	display: inline;	
	font: 13px Arial, sans-serif;		
	line-height: 160%;		
	width: 240px;	
}

.browse_linka{ /* first set does not need margin left*/
	margin-left: 0px;
}

.howmany_browse{ /* style the numbers next to the links for sub cats*/
	font-size: 11px;
	color: #666666; 
}

.bread_browse{ /* bread crumbs*/
	line-height: 160%;
}


.browse_title{ /* title of page*/
	width: 450px;	
	margin: 10px 0px 5px 0px;	
	font: bold 16px Verdana, sans-serif;	
	overflow: hidden;	
}

.browse_title_maincats{ /* make title for main cats look different to rest*/
	font: bold 18px Arial, sans-serif;	
	color: #A64300;
}


.region_box{ /* box to hold region */
	width: 270px;		
	margin-top: -25px;
	margin-right: 8px;
	margin-left: 471px;		
}

.region_word{ /* holds word region*/	
	float: right;
	margin-top: 3px;	
}

#region_button{ /* holds region button*/
	width: 102px;
	float: right;	
}

#region_button a{ /* change region button*/	
	display: block;
	width: 100px;
	height: 20px;
	background: url(../images/region.gif) no-repeat 0px 0px;		
	cursor: pointer; 	
	border: none;	
}

#region_button a:hover{ 
  background-position: 0 -20px;
  border: none;
}

#posregion{ /* holds plogin to help position in using absolute*/
	width: 210px;	
	position: relative; 
	z-index: 1;		
}

#regionpop { /* pop up*/	
	font-size: 11px;
	line-height: 170%;
	width: 200px; 
	height: 380px;
	position: absolute; 
	top: -40px; 	
	left: 28px;		
	background: url(../images/regionbg.gif) no-repeat;		
	padding: 20px; 
	padding-top: 0px;
	visibility: hidden; 
	z-index: 1;
}

.regionpop_title{ /* title of pop*/
	font: bold 14px Arial, sans-serif;	
	margin-top: -5px;
	margin-bottom: 7px;	
}

.regionpop_body{ /* indent the regions*/
	margin-left: 10px;
}


.browse_line{ /* line appears when there are still deeper categories to display */
	width: 737px;
	height: 5px;	
	border-bottom: dotted 1px #999999;
	margin: 5px 0px 10px 0px; 
}


.browse_output{ /* tell user how many results there are*/
	margin: 5px 0px 10px 0px;
	font-size: 12px;
}

.paging_browse{ /* has paging*/
	width: 650px;	
	font-size: 14px;
	margin-top: 20px;
	text-align: center;	
}


.filter_bar{ /* bar with all filter options*/
	width: 740px;
	height: 24px;	
	padding-top: 8px; 
	margin-left: -3px;	
	background: url(../images/filterbg.gif) no-repeat 0px 0px;	
}

.word_filters{ /* make the word Filters different*/
	float: left;
	margin-left: 7px;
	font: Bold 13px Arial, sans-serif;	
	color: #666666;
}

.filters{ /* all active filters*/
	float: left;
	margin-left: 15px;
	display: inline;	
	font: 12px Arial, sans-serif;
	padding: 1px 5px;
}


.filters_active{ /* the active filter, need to adjust margin to align with other filters that have links */
	float: left;
	margin-left: 15px;	
	margin-top: -1px;
	display: inline;
	background: #FAFAFA; 
	padding: 2px 5px;	
	font: 12px Arial, sans-serif;	
}

.region_page{ /* main div holding regions in change_region.php page*/
	margin: 10px 0px 0px 30px; 
	line-height: 180%;	
}

.regionpage_title{ /* title for change region page*/
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.search_term{ /* gray the actual term being serached */
	color: #A64300;
}


/*  Ends Style BROWSE.php & SEARCH.PHP */


/* SEARCH_ADV.PHP (advanced search*/

.advsearch_tabf{ /* filler tab to move other two tabs in*/
	width: 44px;
	height: 5px;
	float: left;		
}


.adv_title{ /* title */
	font: 18px Arial, sans-serif;	
	width: 740px;	
	padding: 5px 0px;
	background: #E4E4E4;
	background: url(../images/advsearch_bg.gif) no-repeat 0px 0px;	
}


.advsearch_box{ /* main box holding search inputs */
	clear: both;
	width: 738px;	
	background: #F2F2F2;	
	border: solid 1px #E5E5E5;
	border-top: solid 1px #E5E5E5;	
}

.current_search_div{ /*holds all form data for current search */
	margin: 10px 0px 20px 45px;
}

.advarea_span select{ /* style area select list*/
	width: 315px;
	font-size: 13px;
}

.advstatus_span select{ /* style the resolved unresolved select list*/
	width: 155px;
	font-size: 12px;
}

.advtime_span select{ /* style the time frame select list*/
	width: 143px;
	font-size: 12px;
}

.advtext_span input{ /* style input box */
	width: 230px;
	font: bold 14px Arial, sans-serif;
}

.advsubmit_span input{ /* style submit button*/
	font-weight: bold;
}


.adv_help{ /* tell user he can skip keyword*/
	font-size: 10px;
	color: #999999;
}


/* ENDS SEARCH_ADV.PHP */



/*  Style MEMBER_COMPLAINTS.PHP */

.member_head{ /* top heading has member handle*/
	margin: 15px 0px 20px 0px;
	font: 20px Arial, sans-serif;	
	color: #A64300;
}

.member_navs{ /* text navs for a members page info*/
	margin-top: 0px;
	font: bold 13px Verdana, sans-serif;
}

.membernav_bar{ /* seperates each link*/
	font-weight: normal;
	color: #C1C1C1;
}

.bar_howmany{ /*how many comments and complaints  */
	font-size: 11px;
	font-weight: normal;
	color: #666666; 
}


/* ENDS Style MEMBER_COMPLAINTS.PHP */

/* MEMBER_PROFILE.PHP */

.profile_conleft{ /* main left con with member info*/
	width: 500px;
	float: left;	
}

.profile_conright{ /* main right con with diagram off activity status explanation*/
	width: 230px;
	height: 170px;
	float: left;
	background: url(../images/act_status.gif) no-repeat 0px 0px;	
}


.profile_pagel{ /*left part */
	width: 110px;
	float: left;
	color: #666666;
	line-height: 140%;	
}

.profile_pager{ /*right part */
	width: 330px;
	float: left;
	line-height: 140%;	
}

.explain_activity{ /* blub about the activity status*/	
	font-size: 11px;
	color: #666666;	
}

/* Ends MEMBER_PROFILE.PHP */


/* MEMBER_EMAIL.PHP */
.send_emailhead{ /* heading*/
	font-size: 14px;	
	line-height: 140%;
}

.email_warn{ /* warn user about sending junk mail*/
	width: 600px;
	margin-top: 10px;
	font-size: 11px;
	color: #666666;
	line-height: 140%;
}


/* ENDS MEMBER_EMAIL.PHP */


/*** Admin related pages ***/

.help_title{ /* title*/
	margin: 15px 0px 10px 0px;
	font: bold 18px Verdana, sans-serif;	
	color: #A64300;
}

.help_body{ /* main info on help*/
	font-size: 14px;
	line-height: 140%;
	margin-bottom: 10px;
}


/* CONTACT.PHP*/

.contact_formdiv{ /*  Holds Contact form  */	
	width: 451px;		
	border: solid 2px #EFEFEF; 
	border-top: none;
	border-bottom: none;
	background: #F8F8F8;
	padding: 20px 40px 20px 40px;	
}

.contact_mould, .contact_mouldb { /* sits at top of contact form for rounded edges*/
	width: 537px;	
	height: 10px;		
	background: url(../images/contact_mould.gif) no-repeat top; 
	padding: 0px;
	margin:0px; 
	font-size: 0px;/* ALWAYS PUT THIS WHEN USING BLANK DIV WITH HEIGHT - for IE6 */
	line-height:100%;		
}

.contact_mouldb {
	background: url(../images/contact_mouldb.gif) no-repeat bottom; 
}


.contact_formdiv input{ /* make the input user puts in bigger and clearer*/
	font: 14px Verdana, sans-serif;
}

.contact_formdiv textarea{ /* with for text area*/
	width: 438px;
}

.contact_subject input{ /* length of subject box*/	
	width: 438px;
}

.contact_subheads{ /* title of fields*/
	font: Bold 15px Arial, sans-serif;
	margin-bottom: 2px;
	color: #666666;
}


.contact_error{ /* Error div bg  */
	background-color: #FFFF00;	
}

.contact_submit input{ /* style submit button*/
	margin: 25px 0px 0px 45px;
	font-weight: bold;
}


/* TERMS.PHP*/

.terms_subhead{ /* subheadings*/
	margin: 20px 0px 10px 0px; 		
	font: 20px Arial, sans-serif;	
}

.terms_left{ /* holds the bullet point*/
	width: 20px;
	float: left;
	padding-top: 2px;
	margin-left: 10px;
	display: online; 	
}


.terms_right{ /* holds the info */
	width: 700px;
	float: left;
	font-size: 14px;
	line-height: 140%;	
}

.terms_bottom{ /* tells user to also look at the privacy page*/
	font-size: 14px;
	margin-left: 30px;
}


/* HELP.PHP */

.help_title{ /* title*/
	margin: 15px 0px 10px 0px;
	font: bold 18px Verdana, sans-serif;	
}


.help_topleft{ /* top left with jump links to bottom */
	width: 340px;
	float: left; 
	font-size: 14px;	
}

.help_topright{ /* top right with jump links to bottom */
	width: 340px;
	float: left;
	font-size: 14px;
	margin-left: 50px;
	display: inline;		
}

.help_tophead{ /* headings for sections within page */
	font-weight: bold;
	margin: 15px 0px 10px 0px; 	
}

.help_line{ /* line afte each section*/
	height: 15px;
	border-bottom: solid 1px #D6D6D6;
}

.help_lineb{ /* line afte each section in BODY */
	height: 15px;
	border-bottom: solid 1px #D6D6D6;
	text-align: right;
}

.back_uplink{ /* sits inside the help_lineb  */	
	font-size: 10px;
}

.help_bottomhead{ /* bottom heads foe sections*/
	height: 30px;	
	padding: 10px 0px 0px 20px;
	background: url(../images/helptabs.gif) no-repeat;	
	width: 190px;
	font: bold 18px Arial, sans-serif;	
	color: #996600;
	margin-top: 20px;
	margin-left: -25px;
}

.help_bottom_subhead{ /* heading for actual topics*/
	margin: 20px 0px 10px 0px; 		
	font: 20px Arial, sans-serif;	
}

.help_body{ /* main info on help*/
	font-size: 14px;
	line-height: 140%;
	margin-bottom: 10px;
}



.help_innerheads{ /* titles with the body*/	
	font: bold 15px Arial, sans-serif;	
	font-style: italic;
	color: #333333;
	margin-bottom: 5px;
}


/* EGG PAGES */
.egg_title{ /* titles for each task*/
	font: 18px Arial, sans-serif;
	margin: 30px 0px 20px 0px; 	
}

.egg_maincon{ /* holds each part*/
	width: 420px;
	float: left;
	padding: 15px;
	margin-left: 10px;
	background: #FAFAFA;
	border: solid 1px #EBEBEB;
	border-bottom: solid 1px #D6D6D6; 
	border-left: solid 1px #D6D6D6; 
}

.egg_left{ /* holds words*/
	width: 100px;
	float: left;	
}

.egg_right { /* holds input*/
	width: 210px;
	float: left;	
}

.egg_right input{ /* holds input field width*/
	width: 200px;	
}

.egg_rightb { /* holds input*/
	width: 150px;
	float: left;		
}

.egg_rightb input{ /* holds input field width*/
	width: 140px;	
}


.egg_submit{ /* move submit button*/
	margin: 10px 0px 0px 150px;
}

.egg_result{ /* status info*/
	line-height: 140%;
	margin-bottom: 20px;
}

.egg_leftr{ /* holds ip address and full info left*/
	width: 120px;
	float: left;	
}

.egg_rightr{ /* holds ip address and full info right*/
	width: 280px;
	float: left;	
}


/* ERROR.PHP*/

#error_center{ /* holds error message*/
	width: 700px;
	margin: auto;	
}


/*** ENDS Admin related pages ***/