
/* typography */
.footer {
	font-size: 0.8em;
	color: white;
	padding-left: 5px;
	padding-right: 5px;	
	clear: left;
}

p {
	margin-top: 0em;
	margin-bottom: 0em;
}

.panel-mid p {
	padding-bottom: 0.6em;
}

a {
	text-decoration: none;
}
.footer a {
	color: white;
}

.abouts {
	text-align: center;
	color: white;
}

.abouts a {
	font-size: 0.9em;
	color: white;
	padding-left: 5px;
	padding-right: 5px;	
	text-decoration: underline;
}

/* forms */

.msg_title {
	font-size: 0.8em;
}

.msg_subtitle {
	font-size: 0.7em;
	padding-bottom: 0.5em;
}


.form_field, .form_entry {
	font-size: 0.8em;
	padding-right: 1em;
}

.form_fieldname {
	float:left;
	width: 12em;	
}

.highlight {
	color: red;
	font-weight: bold;
	font-size: 0.7em;
}

.masthead {
	background-image: url("images/masthead.jpg");
	width:740px;
	height:229px;
	margin-top: 34px;
}

/* positional sections */

img {
	border: 0px;
}
.box {
	width: 990px;
	margin-right:auto;
	margin-left:auto;
}

.main-section {
	border:2px #eee solid;
}

.main-area {
	background-color: #fcfefe;
	background-image: url("images/small-grey-strip.png");
	background-position: 0px 10px;
	background-repeat: repeat-x;
}

.left {
	width: 194px;
	float: left;
	margin-right:5px;
}
		
.middle {
	float: left;
}


.icon-right {
	float:right;
	margin-left: 3px;
}

.icon-left {
	float:left;
	margin-right:3px;
}

/* sprites - http://spritegen.website-performance.org */


/* Panel section */


.fcheader {
	background-color: white;
	height: 230px;
	background-image: url("panels/fclogo.jpg");	
	background-position: 0 25px;
	clear: left;
}

.fcheader2 {
	background-color:white;
	clear: left;
}

.menu {
	color: #fff;
	float: left;
	font-size: 1.2em;
	cursor: pointer;
	height: 29px;
	text-align: center;
	padding-top: 5px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	border-left: 2px solid white;
}

.menu a {
	color: #fff;
}
.left-menu-lit, .mid-menu-lit, .right-menu-lit, .left-menu-unlit, .mid-menu-unlit, .right-menu-unlit {
	height: 25px;
	width: 125px;
	color: #fff;
	background-repeat: repeat;
}

.left-menu-unlit {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	background-image: url("images/unlit.gif");
}

.mid-menu-unlit {
	background-image: url("images/unlit.gif");	
}

.right-menu-unlit, .right-menu-lit {
	border-right: 2px solid white;	
}

.right-menu-unlit {
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	background-image: url("images/unlit.gif");	
}

.left-menu-lit {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	background-image: url("images/lit.gif");	
}

.mid-menu-lit {
	background-image: url("images/lit.gif");	
}

.right-menu-lit {
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	background-image: url("images/lit.gif");	
}

.wide-panel-top {
	width:770px;
	height: 24px;
	background-repeat: no-repeat;
}

.wide-panel {
	border-left: 2px solid white;
	border-right: 2px solid white;
	border-bottom: 2px solid white;	
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background-color: #EDEEF3;
}

/* extra stuff for accordion*/

#accordion div div div {
	font-size: 0.8em;
}

h3 {
	background-color: #605e5e;
}

h3 a {
	color: white;
}

.green_text, .blue_text {
	color: #5a6b24;
	font-weight: bold;
}

.blue_text {
	color: #00c;
	font-weight: bold;
}

.section, .email_section, .section_separator, .moderation_section, .history_section, .lime_section, .trust_section, .bon_section, .tree_section, .accord {
	background-repeat: no-repeat;
	width:188px;
	background-color: white;
}

.lime_section, .trust_section, .bon_section, .tree_section {
	width:130px;
	padding-left:  40px;
	height: 36px;
}
.section_separator {
	height: 5px;
	background-position: 2px 2px;	
	background-image: url(images/accordian-separator.gif);
}

.mail_section, .faq_section, .exp_menu, .faq_section_na {
	line-height: 1.6em;
	cursor: pointer;
	min-height: 1.8em;
	max-height: 1.8em;
	height: 1.8em;
	background-image: url(accordion/right_bullet.gif);
	background-repeat: no-repeat;
	padding-left:12px;
	background-position: 0 4px;
}


.accordion_mailbox {
	font-size: 1.0em;
}

.lime_section {
	background-image: url(accordion/limes_ico.gif);
	background-position: 0px 0px;
	
}
.trust_section {
	background-image: url(accordion/fairtrust_ico.gif);
	background-position: 0px 0px;
}
.bon_section {
	background-image: url(accordion/fairbon_ico.gif);
	background-position: 0px 0px;
}
.tree_section {
	background-image: url(accordion/fairtree_ico.gif);
	background-position: 0px 0px;
}

.moderation_section a, .email_section a {
	text-decoration: underline;
	cursor: pointer;
}

.moderation_section {
	background-image: url(accordion/moderation_ico.gif);
	background-position: 148px 24px;
}
.history_section {
	background-image: url(accordion/history_ico.gif);
	background-position: 154px 54px;
}
.email_section {
	background-image: url(accordion/inbox_ico.gif);
	background-position: 145px 4px;
}

.section_details{
	font-size: 11px;
}

.section_header {
	font-size: 14px;
}

.icon_text {
	color: #555;
	font-size: 2.0em;
}

.small_screen_name {
	font-size: 0.8em;
}

.new_mail {
	color: red;
}

.go_green {
	color: #047907;
	padding-left:16px;
	
}

/* faq */

.question, .answer {font-size: 0.8em; padding-left: 1em; padding-right:1em;}
.answer {padding-left: 2em; padding-right:2em;}

.twitter {
	height:85px;
	width:191px;
	background-image: url(networking/twitter.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}

form .tableHeading {
	font-weight: bold;
}

.vert_space {
	height: 1em;
	width: 100%;
}

.advert_error {
	visibility:hidden;
}

.advert_body{
	width: 100%; height: 250px;	overflow: auto;
}

/* Moderation Page */

.moderation_queue {
	width:756px; height: 540px; overflow-y: scroll; border: 1px solid #ccc; clear: left;
}


.mod_types, .mod_title, .mod_sub, .mod_limes, .mod_action  {
	float: left; overflow: hidden;
	font-size: 0.8em;
	border-right: #fff 1px solid;
}

.mod_types {
	width: 75px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #fff;
	float: left;
}

.mod_title, .mod_sub, .mod_limes, .mod_action {
	border-right: 1px solid #fff;
	border-left: 1px solid #c7c7c7;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

.mod_row {
	float:none; width: 100%; height: 1.5em; cursor: pointer;
}

.mod_heading {
	font-weight: bold;
}

.mod_title, .mod_sub {
	width:220px;
}

.mod_types, .mod_limes {
	width: 50px;
}

.mod_action {
	width: 85px;
}

.mod_limes, .mod_action {
	text-align: right; 	clear:right;
}

.mod_even {
	background-color: #ccc;
}

.mod_odd {
	background-color: #a0ccb2;
}

.mod_highlight {
	color: #f6ffe8; background-color: #4ecc15;
}

/* Refer a friend */

.ref_highlight {
	color: #efff00; background-color: #cc040c;
}

.found_users {
	text-decoration: underline; font-style: italic;
}

/* email */

.inbox {
	width:756px; height: 160px; overflow-y: scroll; border: 1px solid #ccc; clear: left;
}

.mail_preview {
	height:320px; width:756px; display:none; border:1px solid #ffc; overflow-y:scroll
}
.nice_screen_name {	
	font-weight: bold; font-style: italic;
}

/* form box stuff */

.form_box {
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-top: 0px;
	border-right-color: #4a4a4a;
	border-bottom-color: #646464;
	border-left-color: #a9a9a9;
	border-top-color: #adadad;
	border-width: 1px;
	border-style: solid;
	background-color: #EDEEF3;
	width:661px;
}

.tbl_left_col, .tbl_right_col, .tbl_full_col, .tbl_col1, .tbl_col2, .tbl_col3, .tbl_col4, .tbl_col5, .reg_left, .reg_right {
	padding-top: 3px;
	padding-left: 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c7c7c7;
	float: left;
	height: 26px;
	color: #38394B;
	font-size: 0.8em;
}

.tbl_right_col {
	width: 528px;
	padding-right: 10px;
	border-left: 1px solid #c7c7c7;
}

.tbl_left_col {
	width: 100px;
	text-align: right;
	padding-right: 10px;
	border-right: 1px solid #fff;
}

.reg_right {
	width: 580px;
	padding-right: 10px;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
}

.reg_left {
	width: 120px;
	text-align: right;
	padding-right: 10px;
	border-right: 1px solid #fff;
}

.tbl_full_col {
	width: 640px;
	font-size: 0.9em;
	padding: 10px;
}

.tbl_col1 {
	width: 20px;
	padding-right: 10px;
	border-right: 1px solid #fff;
	float: left;
}

.tbl_col2, .tbl_col3, .tbl_col4, .tbl_col5 {
	border-right: 1px solid #fff;
	border-left: 1px solid #c7c7c7;
	padding-right: 10px;
}

.tbl_col2 {
	width: 355px;
}

.tbl_col3 {
	width: 130px;
}

.tbl_col4 {
	width: 130px;
}

.tbl_col5 {
	width: 20px;
}

.tbl_head {
	height: 25px;
	padding-top: 3px;
	padding-left: 3px;
	font-weight: bold;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	color: #38394B;
	clear: both;
}

.tbl_row {
	clear:left;
}

.tbl_row h2 {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 2.0em;
}

.email_note {
	font-size: 0.8em; 
	padding-left: 10px;
	padding-right: 10px;
}

.general_info {
	width:736px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.general_info p, li {
	font-size: 0.9em;
	margin-top: 8px;	                 
	color: #494949;
	text-align: justify;
	line-height: auto;
}

.general_info p a {
	text-decoration: underline;
	color: black;
}

/*email */

.illegal {
	background-color: white;
	color: red;
}

.email_toolbar {
	height: 70px;
}

.new_email_button,  .fwd_email_button, .rply_email_button, .trash_email_button, .empty_trash {
	margin-right: 20px;
	font-size: 0.9em;
	top: 0px;
	text-align: center;
	background-position: 20px 20px;
	height: 70px;
	width: 80px;
	cursor: pointer;
	float:left;
	background-image: url(images/writemail.gif);
	background-repeat: no-repeat;
	border: 1px solid #fff;	
}

.fwd_email_button {
	background-image: url(images/forward.gif);
}

.rply_email_button {
	background-image: url(images/reply.gif);
}

.trash_email_button {
	background-image: url(images/stop.gif);
}

.empty_trash {
	background-image: url(images/empty_trash.gif);
}

.failure_box, .success_box {
	padding: 10px;
	border: 1px inset #fff;
	margin-left: auto; margin-right: auto;
	width: 500px;
	height: 300px;
	background-color: #ddd;
	font-size: 1.0em;
	color: #222;
}

.failure_box a {
	color: black;
	text-decoration: underline;
}

.success_box a {
	color: black;
	text-decoration: underline;
}

.failure_box span {
	color: black;
	font-size: 1.1em;	
}

.success_box span {
	color: black;
	font-size: 1.1em;	
}
.register, .login {
	width: 740px;
}

.terms {
	color:#111;
	font-size: 1em;
	padding-left: 10px;
	padding-right: 10px;
}
.smallprint {
	padding-left: 10px;
	padding-right: 10px;	
	color:#111;
	font-size: 0.8em;
}

#adlimes  {
	width:20px;
}

#postage { width: 50px;}

#password1, #password2, #username   {
	width:250px;
}

#email, #question, #answer, #edit_title, #subtitle, .address  {
	width:400px;
}