/* -----------------------------------------
Title		: Who's Who System
Author		: Liz Manicatide, EmphasisCreative.com
URL 		: www.whoswhosystem.com

Created 	: Oct 5, 2009
Modified	: Oct 15, 2009

------------------------------------------ */

	
/* div { border: 1px solid red; }*/

	
/* diagnostic */

	
/* _________ Main ________ */
* {
	margin:0;
	padding:0;
}

html,body {
	background:#bebfbf;
}

body {
	color:#616161;
	text-align:center;
	margin:0 0 15px;
	font-size:small;
}

* html body {
	font-size:x-small;

	
/* for IE5/WIN */
	f\ont-size:small;

	
/*for other IE versions*/
	height:100%;
}

body,td,th {
	font-family:"Lucida Grande", Tahoma, Verdana, sans-serif;
	color:#333;
}


	
/*  _________ Links _________  */
a,a:visited {
	color:#d79423;
	text-decoration:none;
}

a:hover {
	color:#FF6600;
	text-decoration:none;
}


	
/*  _________ Text Styles  _________ */
h1,h2,h3 {
	font-family:'Trebuchet MS', Tahoma, Sans-serif;
	font-weight:bold;
	padding:0 0 15px;
	margin:0;
}

h1 {
	font-size:180%;
	font-style:italic;
	color:#73a619;
}

h2 {
	font-size:130%;
	text-transform:uppercase;
	color:#73a619;
}

h3 {
	font-size:130%;
	color:#333;
}

p {
	padding:0 0 10px;
	margin:0;
}

p.important-text {
	padding:0 0 15px;
	margin:0;
}

.important-text {
	font-size:120%;
	color:#666;
	line-height:120%;
}

.important-text a,.important-text a:visited {
	color:#426909;
	text-decoration:underline;
}

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

.bigbullet {
	list-style-image:url(/images/template/myBullet-big.gif);
}

ul.important-text {
	list-style-type:none;
	padding:0;
	margin:0;
}

ul.important-text li {
	background-image:url(/images/template/myBullet-big.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:20px;
	line-height:120%;
	padding-bottom:15px;
}

.small {
	font-size:90%;
}

.highlight {
	font-weight:bold;
	color:#FF0000;
}

.red {
	color:#FF0000;
}

#seperate {
	border-top:1px solid gray;
	border-bottom:1px solid gray;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:20px;
	margin-bottom:20px;
}


	
/*  _________ Lists  _________ */
ul,ol {
	margin:5px 20px;
	padding:0 20px;
}


	
/* _____________ LAYOUT __________ */
#pagewrapper {
	position:relative;
	width:982px;
	margin:0 auto;
	text-align:left;
	background:#bebfbf url(/images/template/page-bg.jpg) repeat-y center top;

	
/* 	margin-left: 30px; */
}

#pagecontent-spacing,#pagecontent-spacing1,#pagecontent-spacing2 {
	width:950px;
	margin:0 0 0 15px;
	padding:0;
	clear:both;

	
/* 	float: left; */

	
/* 	display: inline; */

	
/* 	position: relative; */
}


	
/* ________________HOME______________*/

	
/* ________________Header______________*/
#top {
	position:relative;
	background:#94b95b url(/images/template/top-area-home-bg.jpg);
	height:82px;
	width:950px;
	padding:0;
	margin:0;
	color:#fff;
}

/* CHANGES */

#logo {
	width: 276px;  /* img is 271px + 5px margin */
	height: 80px;
	float: left;
}

#logo img {
	background:none;
	border:0;
	padding:0;
}

#logo a {
/* 	position:absolute;  */
	display: block;
	margin:0 0 0 5px;  /* Margin will adjust the position of the logo*/
	padding:0;
	border:none;
}
/* END CHANGES */



/*

#logo img {
	background:none;
	border:0;
	padding:0;
}

#logo a {
	position:absolute;
	margin:0;
	padding:0;
	border:none;
	top:0;

*/
	
/* these adjust the position of the logo*/
/*
	left:5px;
}
*/

#top h2#motto {
	position:absolute;
	margin:0;
	padding:0;
	font-style:italic;
	font-weight:normal;
	font-size:120%;
	text-transform:none;
	color:#fff;
	letter-spacing:1px;
	top:55px;
	right:65px;

	
/* this adjusts the position of the motto line */
}

#homepage-pix {
	position:relative;
	clear:both;
	background:#c0c1c1 url(/images/template/home-photos.jpg);
	height:175px;
	width:950px;
	padding:0;
	margin:0;
}

#description {
	position:relative;
	clear:both;
	background:#94b95b url(/images/template/description-home-bg.jpg);
	height:92px;
	width:950px;
	overflow:hidden;
	padding:0;
	margin:0;
}

#description p {
	font-size:120%;
	line-height:150%;
	text-transform:none;
	color:#333333;
	letter-spacing:1px;
	padding:20px 20px 20px 30px;
	margin:0;
}

#description p strong {
	font-weight:bold;
	font-style:italic;
	color:#fff;
	font-size:130%;
	letter-spacing:0;
}

	/* CHANGES */
/* ___________ Navigation _____________ */
#nav {
/* 	position:absolute; */
	padding:0;
	margin:0;
	margin-top:7px;
/* 	right:5px; */
	width:665px;
	height:35px;
	float:right;
	text-align:right;
	text-transform:uppercase;
	display:inline;
}


/* END CHANGES */
	
/* ___________ Navigation _____________ */
/*
#nav {
	position:absolute;
	padding:0;
	margin:0;
	top:7px;
	right:5px;
	width:690px;
	height:35px;
	float:right;
	text-align:right;
	text-transform:uppercase;
	display:inline;
}
*/

.menuclear {

	
/* generic container (i.e. div) for floating buttons */
	overflow:hidden;
	width:100%;
}

a.menubutton, a.menubutton:visited {
	background:transparent url(/images/template/menubuttons-ends.gif) no-repeat scroll top right;
	color:#fff;
	display:block;
	float:left;
	font:normal 11px/18px Geneva, Helvetica, "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	height:29px;
	margin-right:6px;
	padding-right:15px;

	
/* sliding doors padding */
	text-decoration:none;
}

a.menubutton span {
	background:transparent url(/images/template/menubuttons.gif) no-repeat;
	display:block;
	line-height:15px;
	padding:7px 0 7px 15px;
}

a.menubutton:active,a.menubutton:hover {
	background-position:bottom right;
	color:#ffffc4;
	outline:none;

	
/* hide dotted outline in Firefox */
}

a.menubutton:active span,a.menubutton:hover span {
	background-position:bottom left;
	padding:8px 0 6px 15px;

	
/* push text down 1px */
}

a.menubutton:visited {
	/* color:#fff; */
	outline:none;

	
/* hide dotted outline in Firefox */
}


	
/* _____________TABS _________________*/
#tabs {
	border-bottom:1px solid #4e534b;
	margin:0;
	padding-bottom:19px;
	padding-left:10px;
}

#tabs ul,#tabs li {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}

#tabs a:link,#tabs a:visited {
	background:#e8ebf0;
	border:1px solid #4e534b;
	color:#666;
	float:left;
	font-size:small;
	font-weight:normal;
	line-height:14px;
	margin-right:8px;
	padding:2px 10px;
	text-decoration:none;
}

#tabs a:link.active,#tabs a:visited.active {
	background:#fff;
	border-bottom:1px solid #DEDEDE;
	color:#000;
}

#tabs a:link.nobox,#tabs a:visited.nobox {
	background:none;
	border:none;
	color:#73a619;
	font-weight:bold;
	padding-right:0;
	float:right;
}

#tabs a:hover {
	color:#DEA02E;
}

#tabs ul a:hover {
	color:#DEA02E!important;
}


	
/* -------- Admin Sub-Menu Formatting -------- */
#admin-menu ul {
}

#admin-menu ul li {
}


	
/* _____________Page Top ________________ */
#page-pix {
	position:relative;
	clear:both;
	background:#c0c1c1 url(/images/template/page-photos.jpg);
	height:74px;
	width:950px;
	padding:0;
	margin:0;
}


	
/* _____________Page Contents ___________*/
#pagemain {
	float:left;
	width:950px;
	padding:20px 0 15px;
	background:#FFFFFF url(/images/template/maintop-shadow.jpg) top left repeat-x;
	overflow:visible;
	min-height:300px;
}

#contents-fullwidth,#sub_nav,.contents-fullwidth {

	
/* .contents-fullwidth used where the id is already defined */
	float:left;
	width:870px;

	
/* 	margin-left: 15px; */
	padding:10px 30px 0;
}

#contents-fullwidth,#full-width {
	display:inline;
}

#pagemain .full-width {
	float:left;
	width:860px;
	margin:10px 30px 0;
	padding:5px;
}

#sub_nav {
	clear:left;
	float:none;
}

#contents1 {
	float:left;
	width:450px;
	margin:20px 0 0 50px;
	display:inline;
}

#contents2 {
	float:right;
	width:375px;
	margin:20px 50px 0 0;
	display:inline;
}

#contents1-wide {
	float:left;
	width:490px;
	margin:20px 0 0 50px;
	display:inline;
}

#contents2-narrow {
	float:right;
	width:300px;
	margin:20px 50px 0 0;
	padding:0 0 0 30px;
	display:inline;
	border-left:#73a619 3px dashed;
}

#contents2-rightcolumn {
	float:right;
	width:250px;
	margin:0;
	padding:0 0 0 30px;
	display:inline;
	border-left:#73a619 3px dashed;
}


	
/* ____________ Footer ______________ */
#footer {
	clear:both;
	color:#333333;
	margin:0 auto;
	width:950px;
	padding:10px 0;
	text-align:center;
	background:#eafbc5 url(/images/template/footer-bg.jpg) top left repeat-x;
	font-size:80%;
}

#footer a {
	text-decoration:none;
	color:#768179;
	font-weight:bold;
}

#footer a:hover {
	color:#4d3f41;
}

#footer p {
	padding:5px;
}

#pagebottom {
	clear:both;
	width:982px;
	height:14px;
	font-size:1px;
	background:#bebfbf url(/images/template/page-shadow.jpg) bottom left no-repeat;
}


	
/* _________ Images _________ */
img {
	border:none;
}

img a {
	border:none;
}

img.float-right {
	margin:5px 0 10px 10px;
}

img.float-left {
	margin:5px 15px 10px 0;
}


	
/* _________ Special styles _________ */
code {
	margin:5px 0;
	padding:10px;
	text-align:left;
	display:block;
	overflow:auto;
	font:500 1em/1.5em 'Lucida Console', 'courier new', monospace;

	
/* white-space: pre; */
	background:#f5f6f7;
	border-left:3px solid #bec8d0;
}

acronym {
	cursor:help;
	border-bottom:1px dashed #777;
}

blockquote {
	font:bold 1.4em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	margin:10px;
	padding:0 0 0 25px;
	background:#e1e6ea;
	border-left:3px solid #bec8d0;
	color:#444;
}

#findVendor {
	display:block;
	width:315px;
	height:46px;
	padding:0;
	margin:0 0 10px;
	background:url(/images/content/homepage/findvendor-entry-button.png) no-repeat 0 0;
}

#promoteBusiness {
	display:block;
	width:315px;
	height:46px;
	padding:0;
	margin:0 0 10px;
	background:url(/images/content/homepage/promote-entry-button.png) no-repeat 0 0;
}

#createAccount {
	display:block;
	width:258px;
	height:46px;
	padding:0;
	margin:0 0 10px;
	background:url(/images/content/account-entry-button.png) no-repeat 0 0;
	border:none;
}

#findVendor:hover,#promoteBusiness:hover,#createAccount:hover {
	background-position:0 -46px;
}

#findVendor span,#promoteBusiness span,#createAccount span {
	display:none;
}


	
/* ________________SIDEBAR BOX ____________________*/

	
/* Show only to IE PC \*/
* html .boxhead h2 {
	height:1%;
}


	
/* For IE 5 PC */
.calloutbox {
	margin:0 auto;

	
/* center for now */
	padding:0;
	width:372px;
	margin-bottom:20px;
	margin-top:10px;
}

.boxhead {
	background:url(/images/content/homepage/boxtop.gif) top left no-repeat;
	height:24px;
	margin:0;
	padding:0;
	text-align:center;
	font-size:1px;
}

.boxbody {
	margin:0;
	background:url(/images/content/homepage/boxbottom.gif) bottom left no-repeat;
	padding:0 10px 15px;
	text-align:center;
}

.boxbody p {
	margin:0;
	padding:0;
}

.boxbody img {
	margin:0;
}

#logoswap-area {
	width:352px;
	height:150px;
	text-align:center;
}


	
/* _________ Tables _________ */
table {
	border-collapse:collapse;
	margin:0;
	padding:0;
}

tr {
	height:30px;
}

.tableheader,.datatable .tableheader,tr.tableheader td {
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #000;
	background:#EAFCC5;
	font-weight:bold;
	color:#000000;
}

.tableheader2 {
	border-bottom:1px solid #000;
	background:#EAFCC5;
	font-weight:bold;
	color:#000000;
}

.tableheader3 {
	border-bottom:1px solid #000;
	background:#d9ecf4;
	font-weight:bold;
	color:#000000;
}

.tableheader4 {
}

#pagemain tr.createBlankCell {
	height:10px;
}

#pagemain tr.createBlankCell td {
	border:none;
	margin:0;
	padding:0;
}

.tablefooter {
	border-top:1px solid #ccc;
}

.tablefooter td {
	padding:10px 5px 20px;
}

input.expand_button {
	font-size:12px;
	height:22px;
	line-height:22px;
	margin-right:10px;
	text-align:center;
	width:20px;
}

table.search_results {
	display:none;
	width:100%;
}


	
/* _________ Forms _________ */
form,.form {
	margin:0;
	padding:0;
	background:transparent;
}

form p,.form p {
	margin:0;
	padding:0 0 7px;
	color:#000;
}

label {
	display:inline;
	font-weight:normal;
	margin:2px 0;
	color:black;
	width:170px;
}

input {
	padding:2px;

	
/* 	border:1px solid #e1e6ea; */
	border:1px solid #9da1a3;
	font:normal 1em Verdana, sans-serif;
	color:#666666;
}


table#create td.create {
background: transparent url(../images/req.gif) left  no-repeat;


}

table#create td.create_spacing, table#create td.create {

padding-left: 15px;
}

.text1 {

	
/*,input[type=text],input[type=password] */

	
/*added input to see if styling can be done on all input tags */
	height:15px;
	width:150px;
	font:normal 11px Verdana, sans-serif;
	color:#666666;
	border:1px solid #9da1a3;
	display:inline;
}

.text2 {

	
/* Larger width */
	height:15px;
	width:200px;
	font:normal 11px Verdana, sans-serif;
	color:#666666;
	border:1px solid #9da1a3;
	display:inline;
}

input[type=text] {
	height:15px;
	font:normal 11px Verdana, sans-serif;
	color:#666666;
	border:1px solid #9da1a3;
}

input[type=checkbox] {
	margin-right:5px;
	border:none;
}

input[type=radio] {
	margin-right:6px;
	margin-top:4px;
	display:inline!important;
	border:none;
}

textarea {
	width:400px;
	height:100px;
	padding:2px;
	font:normal 11px Verdana, sans-serif;
	color:#666666;
	border:1px solid #9da1a3;
	display:block;
}

.textarea-wide {
	width:700px;
}


	
/* -- Clases to style buttons on various parts of the page -- */
a.button,.button,a.table-button,.bb_button,.intable_button {

	
/*input[type=submit] would solve most of the problems, but it isn't supported in IE6*/
	padding-bottom:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:0;
	height:22px;
	margin:0;
	border:1px solid #9f9f9f;
	font:bold 12px Verdana, Sans-serif;
	line-height:22px;
}

input.button[value=Clear],input.button[value=Cancel] { /* If browser supported buttons with these values will be styled differently */
	background:#E8EBF0;
	color:#666666;
}

.table-button {

	
/* Used to style action buttons within tables (if needed) */
}

a.table-button {
	color:#76a924;
	background:#e6fabc;
}


	
/* 	If table button is a <a> vs  */

	
/*	<input> or <button> override */
.button {
	color:#76a924;
	background:#e6fabc;
}


	
/* Main button class */
a.button {
	color:#76a924;
	background:#e6fabc;
}


	
/* Override <a> styling that is a button */
.bb_button {
	color:#76a924;
	background:#e6fabc;
	padding-left:5px;
	padding-right:5px;
}


	
/* */
.intable_button {
	color:#76a924;
	background:#e6fabc;
}

a.table-button {
	margin-top:10px;
}

table td.nopadding,.nopadding {

	
/* Eliminate padding on a table cell (Used if a button is within a table at the bottom */
	padding:0;
}

a:hover.button,a:hover.table-button,.button:hover {
	background:#efffe0;
}

a.table-button {
	margin-top:10px;
}

form.bb_form {
}

.noborder.bb_table,.noborder {
	border:none!important;
}


	
/* Modify these if you want the selects to differ from default */
.advanced-search select {
	padding-left:8px;
	padding-right:8px;
}

.advanced-search select[multiple] {
	padding-top:4px;
	padding-bottom:4px;
	min-width:200px;
}


	
/* --- Bulletin Board styles --> */
form.bb_form {
	display:inline;
}

input.bb_button {
	font-size:80%;
}


	
/* existing class from previous version that highlights certain data */
.bb_highlight {
	background-color:yellow;
}

.sorttable_header {
	cursor:pointer;
}


	
/* --- */
form table,.form table {
	color:#000;
	border:none;
	border-collapse:collapse;
}

form table td,.form table td,form table th,.form table th {
	color:#000;
	border:none;
	padding:0 5px;

	
/* padding: 5px; */
}

table th {

	
/*
border: 1px solid #ccc;
	border-bottom: 1px solid #000;
	background: #EAFCC5;
	font-weight: bold;
	color: #000000;
*/
}


	
/*
table td {
	border: 1px solid #ccc;

}
*/
form table td table {
	padding:0 0 0 -5px;
}


	
/* --- Specific Table Styling --- */
tr.bb_table {

	
/*
border-width: 0px;
	border-style: none;
*/
}


	
/* table styling, accounting for vaiations in layout 
	All table cells that are aren't for layout are styled here
*/
.bb_table td,.data_table td,.data_table_with_headers td,.bb_table th,.data_table th,.data_table_with_headers th {
	padding:5px;
}

.bb_table td,.data_table td,.data_table_with_headers td,.data_table_with_headers th {
	border:1px solid #ccc;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

.search-table td {
	border-color:#FCFCFC;
	border-style:inset;
	border-width:3px;
}

.remove-padding-right,td.remove-padding-right {
	padding-right:0;
}


	
/*
.bb_table td,
.data_table td, 
table.data_table td,
.data_table_with_headers td,
.bb_table th,
.data_table th,
.data_table_with_headers th,
table.data_table th {
	padding:5px;
}

.bb_table td,
.data_table td,
table.data_table td,
.data_table_with_headers td,
.data_table_with_headers th,
table.data_table th  {
	border:1px solid #ccc;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
*/

	
/*
.data_table_view td, data_table_view th {

	padding:5px;
}

.data_table_view td table  {

padding:0;
}

.data_table_view td table td  {

padding:0;
}
*/
.data_table_view td,data_table_view th {
	border:1px solid #ccc;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}


	
/* Classes for the admin/categories edit section */
table.categories-edit {
	width:100%;
}

table.categories-edit table {
	width:600px;
}

table.categories-edit textarea,.category-main-footer select {
	width:100%;
}

.category-main-footer textarea {
	width:99%;
	height:50px;
}

.category-main-footer option {
	padding-left:5px;
}

.category-main-footer .width-full {
	width:99%;
}


	
/* ---- Extra class to override widths ----- */
.width-full {
	width:100%;
}


	
/*_____Classes to Use for alignment_______*/
.float-left {
	float:left;
}

.float-right {
	float:right;
}

.align-left {
	text-align:left;
}

.align-right {
	text-align:right;
}

.align-center {
	margin:0 auto;
}


	
/*_________Classes for display hacking___________*/
.clear {
	clear:both;
}


	
/* ___________ Hide Javascript elements -----------*/
.hide {
	display:none;
	visibility:hidden;
}


	
/* ------------ Additional Classes ---------------*/
.notation {
	font-size:90%;
	font-style:italic;
	padding-bottom:5px;
}

.top_message {
	font-size:130%;
	text-align:center;
	background-color:#7bceec;
	color:black;
	margin-bottom:15px;

	
/*  padding: 5px; */
}

.top_error {
	font-size:150%;
	text-align:center;
	width:100%;
	background-color:#6db6d1;
	color:black;
	margin:0 auto;
	width:70%;
	margin-bottom:15px;
	padding:5px;
}

.approved {
	background:#d9ecf4;
}