/*
Design & Code (c) Inspire9 Inc.
Admin9 - Content Management System

Master styling */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
    font: 100%/120% Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a{color: #000000;}
a:hover { color : red;text-decoration:underline;}
/* Headings H1-H6 */
h1#logo {
	float: left;
	/*position: absolute;*/
	top: 22px;
	margin: 10px 0 0 0px;
	width: 210px;
	height: 55px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -9999px;
	border: 0;
}


h2 {
	color: #546589;
	font-size:1.2em;
	font-weight : bolder;
	font-family : Arial, Helvetica, Sans-Serif;
	
}

h3 { font-weight:bolder;}


.highlight {
	background: #FFCC00;
}

.icon {
	margin-bottom: -5px;
}
.red {
	color: red;
}
.bordered {
	margin: 3px;
	padding: 5px;
	border: 1px solid #ccc;
}
body {
	/*background: #fff url(../images/body_bg.gif) repeat-x;*/
}

#container {
	margin: 10px auto;
	width: 732px;
	padding: 6px;
	background: #fff;
	/*border: 1px solid #e4e3e3;*/
}


#content {
	padding: 1em 10px 20px 10px;
	/*background: #f5f8fd url(../images/content_bg.gif) repeat-x 0 100%;*/
	/*color: #546589;*/
	width : 713px;
	font-size :11px;

}
#content.sideimg {
	padding-right: 0px;
	padding-bottom: 0px;
	width : 722px;
}
#content p {
	font-size: 11px;
	color: #546589;
	color: #000;
}
#footer {
	height: 52px;
	line-height: 3.5em;
	padding: 0 1em 0 1.3em;
	background: url(../images/footer_bg.gif) repeat-x;
	/*border-top: 2px solid #fff;*/
	font-size: 11px;
	text-align: right;
	font-size: 11px;
	color: #546589;
}
#footer span.fleft
{
	line-height: 3.5em;
}
#footer a {
	text-decoration: none;
	font-size: 11px;
	color: #546589;
}
#footer a:hover {
	text-decoration: underline;
}
div.featurebox {
	position: relative;
	left: -10px;
	width: 305px;
	height: 145px;
	padding-top:1px; /* 1px makes a difference, from inheritance, in FF2. Does not effect IE7*/
	background: url(../images/interbox_bg.gif) no-repeat;
}
ol#howitworksextend 
{ 
	list-style:decimal outside;
}
ol#howitworksextend  li { margin-bottom:10px; }

ul#steps {
	/*padding:0px;
	margin:0px;*/
}
ul#steps li {
	padding: 0 0 0 1em;
	margin: 0 0 0 1.6em;
	background: url(../images/bullet_dblarrow.gif) no-repeat left;
	line-height: 1.8;
	font-size: 18px;
	font-family:tahoma;
	width: 80%;
}

ul#howitworks { color:#000000;}
#howitworks li 
{
	font-size:16px;
	margin: .4em 1em;
	padding: 0 0 0 1em;
	background: url(../images/bullet_transarrow.gif) no-repeat 0 4px;
}
#howitworks li ul li  
{
	font-size:14px; 	
	margin: .4em 1em;
	padding: 0 0 0 1em;
	background: url(../images/bullet_hollowarrow.gif) no-repeat 0 4px;
}
#howitworks a
{
	text-decoration: none;
}

ul#emotions {
	list-style: none;
	padding: 0;
	margin: 1em 0 0 0;
}
#emotions li {
	float: left;
	padding:3px 0 0.45em 1em;
	margin: 0 0em;
	width: 150px;
	/*height: 22px;*/
	background: #ffffff url(../images/bullet_arrow.gif) no-repeat 0 4px;
	font-size:11px;
	font-family:tahoma;
}
#emotions li.highlight {
	background: #FFFF00;
}
#prolist {
	list-style: none;
	padding: 0;
	margin: 1em auto;
}
#prolist li {
	border: 2px solid #E7E7E7;
	padding: 4px;
	background: #fff;
	margin: 0 0 1.5em 0;
}
#prolist li div.prowrapper {
	border: 1px solid #C5B991;
	background: url(../images/prolist_li_bg.gif) repeat-x top;
	height: 160px;
	padding: 1em 2em;
}
ul.prooptions {
	float: right;
	margin: -.5em -2em 0 1em;
	width: 170px;

}
ul.prooptions img {
	float: left;
}
#prolist li div.prowrapper ul.prooptions li {
	margin: 0;
	padding: 1px 0 1px 2em;
	display: block;
	background: url(../images/prooptions_li_bg.gif) no-repeat 100% 0;
	border: 0;
}
#prolist li div.prowrapper ul.prooptions li.ask {
	background: none;	
	padding-left: 0;
}
#prolist li div.prowrapper ul.prooptions li a {
	padding: 0 .5em 0 .7em;
	font-size: .8em;
	line-height: 3;
	text-decoration: none;
}
#prolist li div.prowrapper ul.prooptions li a:hover {
	text-decoration: underline;
}
#prolist li div.prowrapper ul.prooptions li.ask a {
	font-size: 1em;
	line-height: 2.7;
	font-weight: bold;
	color: #FF0000;
}
ul#comments
{
font-size : 0.8em;
}
#comments li { 
padding: 5px;
border-bottom: 1px solid #cacaca; 
margin-bottom: 10px;}
ul.bullet {
	list-style: circle;
}
ul.bullet li {
	border: 0;
	padding: 0 0 1em 0;
}
ul.bullet.nopad li {
	padding: 0;
}
img.prophoto {
	float: left;
	border: 1px solid #C5B991;
	margin-right: 1em;
}
img#proprofilephoto { 
	margin-right: 1em; 
	border: 1px solid #C5B991;
	float:left;
}

#proprofile { font-size : 0.9em;}
#proprofile h1 { margin-left:170px; margin-bottom:5px;}
.thirdcell { padding-left:50px; }
.mainimg 
{
	margin: -1em 0 0 .5em;
	padding-left: 4px;
	background: #6d6e71;
}
a.start {
	display: block;
	position: absolute;
	right: 28px;
	bottom: 17px;
	width: 98px;
	height: 20px;
	text-indent: -9999px;
	background: url(../images/start.gif) no-repeat;
}
a.start:hover {
	background: url(../images/start_on.gif) no-repeat;
}

ul#accountMenu { margin-left:-5px; }
#accountMenu li { display:inline; font-size:1.2em; font-weight:bolder; color : #818384;}
#accountMenu li a, #accountMenu li a:visited { font-weight:bolder; color : #818384;}
li#accountMenuSelected a, li#accountMenuSelected a:visited { color: #000000;}
ul#inbox li { background:url(../images/32px-Crystal_Clear_app_email.png) no-repeat 0 0; min-height:32px; padding-left:40px;}
ul#inbox li.newmail  {background:url(../images/32px-Crystal_Clear_app_mailreminder.png) no-repeat 0 0;}
ul#inbox li ul, ul#inbox li.newmail ul li ul {
display: none;
}
ul#inbox li.newmail ul, ul#inbox li.newmail ul li.newmail ul {
display: block;
}
ul#inbox ul ul li a {
	font-style: italic;
}
ul#inbox ul ul li.new a {
	font-style: normal;
	font-weight: bold;
}
/*  Forms  */

dl.form {

}
dl.form dt {
	float: left;
	clear: left;
	margin: 0 1em 1em 0;
	padding: 0;
	width: 140px;
	text-align: right;
	font-weight: bold;
}
dl.form.narrow dt {
	width: 90px;
}
dl.form dd {
	margin: 0 0 1em 0;
	padding: 0;
	float: left;
}
dt a {  font-size : 0.8em;}
input.text, textarea.textarea {
	border: 1px solid #C5B991;
	width: 350px;
}

table.table {
	margin: 1em 0;
}
table.table.wide {
	width: 100%;
}

table.table.tall td {
	padding: 4px 5px;
}
table.table tr.head {
	background: #7e7e7e;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
}
table.table.ratings td, table#ratings.table.ratings td {
	border-right: 1px solid #000;
	border-bottom: 1px solid #ccc;
	width: 20%;
	height: 5px;
}
table.table.ratings {
	margin: 1em 2em;
	width: 90%;
}

table.table.ratings td.first, table#ratings.table.ratings td.first {
	text-align: right;
	vertical-align: middle;
	padding-right: 10px;
	width: 10%;
	border: 0;
	border-right: 1px solid #000;
}
table.table.ratings tr.head td, table#ratings.table.ratings tr.head td {
	border: 0;
	text-align: right;
}
table.table.ratings tr.head {
	background: none;
	color: #000;
}
/* Lists */

ul.normList  { margin-left:20px; }
.normList li { list-style: disc; margin-bottom:10px; }
ol.dec, ol.alpha { margin-left:20px; }
.dec li  { list-style: decimal; margin-bottom:10px; }
.alpha li {	list-style:lower-alpha; margin-bottom:10px; }


/* General ("helper") Classes */
.fright { float: right; }
.fleft { float: left; }
.clear { clear: both; }
.small { font-size:0.7em; }
.bold { font-weight:bold;}
.red { color : red;}
.notselected { color : #cacaca; } 
.commenter { font-weight:bolder; }



#search, #sort, #mfaq { 
	display:none; 
	background : white; 
	border : 1px solid #cacaca; 
	width: 250px; 
	padding: 5px; 
	font-size: 0.8em; 
	margin-bottom:10px; 
	float:right;
	margin-top:-1.5em;
	border-top:none;
}
#mfaq {
	width: 330px;
}
#searchoptions, .searchSelected {
	float:right;
	margin-top:-2em;
	width: 250px;
	padding-left: 5px;
	padding-right:5px;
	text-align:right;
}
#searchoptions.large, #searchoptions.large.searchSelected {
	width: 330px;

}
.searchSelected { 
	background : white;
	border : 1px solid #cacaca;
	border-bottom: none;
	
}
#correspondence {
	display: block;
	float: right;
	clear: both;
	color: #333;
	font-size: .8em;
	margin: .5em;
}

/* Forms */

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}


/*  End Forms */


/* Different values
	GayPersonal, Boomers, and HelpAdvice subsites differ slightly in CSS.
	Below classes/ID's are whats different.
*/
h1 {
	color : #a5a5a5;
	color: #000;
	color: #363636;
	width: 330px;
	font-size : 1.2em;
	padding-bottom: 4px;
	border-bottom: 1px solid #e0120d;	
}
h1.home {
	border: 0;
	padding-bottom: 0;
}

		/* All of #nav included here for consistency*/
#nav {
	list-style: none;
	height: 32px;
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	width: 470px !important;
}
#nav div {
	float: left;
	height: 32px;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: url(../images/nav_bg.png);
}
#nav div.first {
	/*background: url(../images/nav_bg_start.gif) no-repeat;*/
	/*padding-left: .5em;*/
}
#nav div.first_pic
{
	width: 11px;
	background: url(../images/nav_bg_firstpic.png);
}
#nav div.last {
	background: url(../images/nav_bg_end.gif) no-repeat 100% 0;
	padding-right: .5em;
}
#nav div.login {
	width: 58px;
	background: url(../images/nav_bg_login.gif) no-repeat 100% 0;
	text-align: center;
	
}

#nav div a {
	/*height: 18px;*/
	color: #1e1e1e;
	text-decoration: none;
	/*display: block;*/
	/*padding: 0px .4em 0px .45em;
	background: url(../images/nav_bg_a.png) no-repeat;*/
	font-size: 12px;
	
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
}

#nav div a span
{
	display: block;
	/*line-height: 2.5em;*/
	padding: 7px .4em 7px .45em;
	background: url(../images/nav_bg_a.png) no-repeat;
}
#nav div.login a
{
	line-height: 2.5em;
}
#nav div.first a
{
	padding-left: 0px !important;
}
#nav div.first a span , #nav div.login a span {
	background: none;
}
#nav div a:hover {
	text-decoration: underline; 
}

#header {
	height: 75px;
	background:#6d6e71 url(../images/header_bg.jpg) top right no-repeat;
	padding: 0px 0px 0px 10px;
}
h1.nice_title
{
	/*background:url(../images/nt_bg.gif) top right repeat-x;*/
	height: 25px;
	/*float: right;*/
	width: 345px;
	position: relative;
	right: -9px;
}
h1.nice_title span
{
	display: block;
	float: right;
	height: 25px;
	line-height: 24px;
	font-style: italic;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 40px 0 40px;
	background:#6d6e71 url(../images/nt_bg_span.gif) center left no-repeat;
}

/*form_prjtemplate*/
.form_prjtemplate
{
  width: 400px;
}
  .form_prjtemplate .form-item
  {
    padding:0.8em 0 0.8em 0;
    clear: both;
  }
  .form_prjtemplate label
  {
    float: left;
    width: 200px;
    line-height: 1.2em;
  }
  .form_prjtemplate .form-items-radio label
  {
    width: auto;
    padding-right: 15px;
  }
  .form-item-text label
  {
    float: none;
  }
  .form_prjtemplate textarea
  {
    width: 400px;
    height: 40px;
    margin-top:0.8em;
  }
  .form_prjtemplate .form-text
  {
    width: 49%;
    font-size: 1em;
  }
  .rpt_view
  {
    clear: both;
    padding: 0.5em;
    border-bottom: 1px solid #ddd;
    background: #f9f9f9;
  }
.prjtemplate_view
{
  width: auto;
}
  .prjtemplate_view label
  {
    width: auto;
    float: none;
  }