/* General 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

/* img, div { behavior: url(/javascripts/iepngfix.htc) } IE hack for PNG transparency. Does't work for links background icons*/  

body {
	margin: 5px 0 5px 0;
  	font-family: Arial, Verdana, sans-serif, Helvetica, Geneva;
	font-size: 12px;
	color: #252525;
	height:100%; 
	line-height: 17px;
}

/*Always declare the border-style property before the border-width property*/
textarea {
	border-style: solid;
	border-width: 1px;
	border-top-color: #666;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #666;
  	font-family: Arial, Verdana, sans-serif, Helvetica, Geneva;
	font-size: 12px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	margin: 2px 0 2px 0;
}

/* select {
	border-style: solid;
	border-width: 1px;
	border-top-color: #666;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #666;
  	font-family: Arial, Verdana, sans-serif, Helvetica, Geneva;
	font-size: 12px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	margin: 2px 0 2px 0;
} */

legend {
	padding: 0;
	color: #222;
	font-weight: bold;
}

legend span {
	position: absolute;
	left: 0.74em;
	top: 0;
	margin-top: 0.5em;
	font-size: 120%;
	padding: 0em;
}

fieldset {
	position: relative;
	float: left;
	clear: left;
	width: 100%;
	margin: 1em 0 0 0;
	padding: 28px 0 28px 26px;
	border: 0px;
/*	border: 1px solid #bfbab0;
	background-color: #ffffee;*/
}

fieldset ol {
	margin-top: 0px;
	margin-left: 0px;
/*	padding: 3em 1em 0 0em;
*/	
	padding-left: 0px;
	list-style: none;
}

fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 10px;
	padding-left: 0px;
	
}


fieldset.submit {
	position: relative;
	text-align: center;
	float: left;
	clear: left;
	width: 97%;
	margin: 1em 0em 0em 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border: solid 0px #bfbab0;
	background-color: transparent;
}

ul.nolist {
	padding-left: 0.74em;
	list-style: none;
}

ul.horizontal {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}

ul.horizontal li
{
	float: left;
	padding: 0px 0 0 0;
	display: inline;
	vertical-align: bottom;
}

* html ul.horizontal {

}


.profile_title_w_spacing {  /* Spacing for titles with edit button in my profile.  Fits for h3 or h4 */
	margin-right: 15px;
	line-height: 22px;
}

.horizontal_w_spacing {  /*	Create small spacing between horizontally arranged elements */
	margin-right: 15px;
}

/*.align_horizontal_height {
	position
}*/

h1 { font-size: 18pt; color: #900; padding: 5px 0 5px 0; line-height: 26px; }

h2 { font-size: 16pt; color: #252525; padding: 5px 0 5px 0; line-height: 21px; }

h3 { font-size: 13pt; padding: 4px 0 4px 0; line-height: 14px; }

h4 { font-size: 11pt; margin: 3px 0 3px 0; line-height: 12px;}

/* must be in LVHA order */

a
{
/*	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333; */	
}

a:link { }

a:visited {
	color: #888; }

a:hover, a:focus {
	color: #950000;
	/* outline: none;   remove dotted line around ffox */
}

a:active {
	/* outline: none;   remove dotted line around ffox */
}


a.keylink { color: #990000; }

a.persist_link { color: #333;}

.clearboth { clear: both; }
.clearleft { clear: left; }
.floatR { float: right;}
.floatL { float: left;}
.transparent { background: transparent; }
.inline { display: inline;}
.underline, a.underline { text-decoration: underline;}
.tiptext { border-bottom: thin dotted; }
.smallfont {
	font-size: 9px;
	font-weight: normal;
}
.bigfont {
	font-size: 14px;
	font-weight: bold;
}
.normaltext {
	font-size: 12px;
	font-weight: normal;
	color: #959595;
}

.darkfont {
	color: #000;
}


.attention_color {
	color: #950000;	
}

.clickable {
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
	color: #950000;
	cursor: pointer;
}

.clickable a:hover {
	color: red;
}

.centeredtext {
	text-align: center;
}

.righttext, a.righttext {
	text-align: right;
}

.leftmargin {
	margin: 15px;
}

img.centeredimage {
/*	text-align: center;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.vmiddle {
	vertical-align: middle;
}


img.vtop {
	vertical-align: top;
}

.two_col_panel {
	position: relative;
	clear: both;
	height: 100px;
}

.two_col_first {
	float: left;
	width: 45%;
	padding: 10px; 
	margin: 0 3px 0 0;
}

.two_col_second {
	float: left;
	width: 45%;
	padding: 10px; 
	margin: 0 0 0 3px;
	border-left: 2px dotted gray;	
}

.three_col_panel {
	position: relative;
	clear: both;
	height: 200px;
}

.three_col_first {
	float: left;
	width: 27%;
	background: url(../images/bg/bg_yellow_grad.gif) left top repeat-x;
	padding: 15px; 
	margin: 0 0px 0 0;
	border: 2px solid orange;
	height: 200px;
}

.three_col_second {
	float: left;
	width: 27%;
	background: url(../images/bg/bg_yellow_grad.gif) left top repeat-x;
	padding: 15px; 
	margin: 0 0 0 8px;
	border: 2px solid orange;
	height: 200px;
	
}

/* IE6 min-height hack http://www.greywyvern.com/code/min-height-hack */
.prop {
	float:right;
	width: 1px;
}

.clear {
	clear:both;
	height: 1px;
	overflow: hidden;
}

/* FORM FILL 
---------------------------------------------------------------------------------------------------------------------------------------------------

*/


.fieldWithErrors {
	display: inline;  /* need this so the help hints don't wrap */
}

.fieldWithErrors input[type=text],
.fieldWithErrors input[type=password],
.fieldWithErrors textarea,
.fieldWithErrors input.text,
.fieldWithErrors input[type=file] {
	border: 2px solid #950000;
	background-color: #fee;
}


.fieldWithErrors input:focus,
.fieldWithErrors textarea:focus {
  background: #ffc;
}

.fieldWithErrors select {
	border: 2px solid #950000;
	background-color: #fee;
}

.help_text {
	text-decoration: none;
	font-size: 9px;
	font-family: Verdana, Arial, sans-serif, Helvetica, Geneva;
	color: #959595;
}

.privacy_text
{
	font-size: 1em;
	color: #888;	
}

/* TO deprecate */
.link_button {
	border: 2px solid white;
	border-bottom-color: black;
	border-right-color: black;
	background-color: #950000;
	color: #fff;
	text-align: center;
	margin: 0px;
	padding: 3px 4px 3px 4px;
}

.link_button a, .link_button a:visited  {
	text-decoration: none;
	color: #fff;
}

label {
	float: left;
	width: 12em;
	font-size: 11px;
	margin-right: 1em;
	margin-left: 0px;
	color: #252525;
	font-weight: bold; 
}

label.longlabel {
	width: 20em;
}

label.req_field  {
	background: url(../images/icons/asterisk_small.gif) 100% 50% no-repeat;	
}

#required_key {
 	background: url(../images/icons/asterisk_small.gif) 0% 50% no-repeat;
	padding-left: 15px;
	font-size: 8pt;
}

form {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

input {
	font-size: 12px;
	border: 1px solid #666;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
  	font-family: Arial, Verdana, sans-serif, Helvetica, Geneva;
 	padding: 2px 3px 2px 3px;
	margin: 2px 0 2px 0;
	/* background-color: #fee; */
}

input:focus,
textarea:focus {
  background: #fff;
}

#invite_email_form_text {
	width: 570px;
}

/* TABLE
---------------------------------------------------------------------------------------------------------------------------------------------------	
*/

table {
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.uncollapse{
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: separate;
}

td {
  	font-size: 11px;
	background: #fff;
	padding: 8px 6px 8px 6px;
	border: 0px;
}

td.normal {
	font-size: 13px;
	background: transparent;
	padding: 8px 6px 8px 6px;
}

td.alt {
	background: #ebebeb;
}

tr.alt td {
	background: #ebebeb;
}

th {
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #E7D19A;
	border-top: 1px solid #E7D19A;
	text-align: left;
	padding: 3px;
	background: #FFF1CD ;
}

tr.flexrow td {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

tr.flexrow.alt td {
	border-top: 2px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
}

/* When mouse over the row  */
tr.flexrow:hover td {
	background: #FFF1CD;
	border-top: 2px solid #900;
	border-bottom: 2px solid #900;		
}

/* Normal row */
tr td {
	background: none;
}

th.nobg {
	background: none;
}


/* TOP ELEMENTS CONTAINER / CONTENT 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#container {
	background-color: #fff; 	
	width: 770px;
	margin: 0px auto;
	padding: 10px 0 10px 0;
}

#header {
	width: 100%;
	position: relative;	
}

#content {
	clear: both;
	background-color: #fff; 
	/* border: 1px solid #950000; */
	width: 100%;
	padding: 0px;
	line-height: 20px;
}

#footer {
	clear: both;
	width: 100%;
	padding: 10px 0 10px 0;
}

#container_pop {
	background-color: #fff; 	
	width: 100%;
	margin: 0px auto;
	padding: 10px;
	position: relative;
}


/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#brand {
	float: left; 
	width: 190px;
	margin: 10px 0 0 0;
}

#search_and_tabs {
	float: left; 
	width: 550px;
	margin: 5px 0 0 10px;
}

#topstatus {
	position: absolute;
	top: 0;
	right: 10px;
	width: 200px;
	color: #999;
	font-size: 9px;
	text-align: right;
}

#fb_full_window a {
	display: inline;
	padding: 4px 0 4px 20px;
	color: #950000;
	background: url(../images/icons/application_double.gif) no-repeat;  /* TODO: change to application_double later */
}

/* HEADER SEARCH BAR
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#search_form_header {
	clear: right;
	float: left; 
	width: 100%;
	display:block;	
}

#search_form_header span {
	color: #950000;
	font-weight: bold; 
	}

#search_form_header em{
	color: #777;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}

#search_form_header input#q {
	margin: 3px 0px 0 0px;
	background: url(../images/icons/magnifier.gif) 99% 50% no-repeat;
	padding-right: 25px;  
	font-size: 14px;
	color: #555;
	width: 250px;
	border-width: 2px;
	border-color: #959595;
}


#search_form_header input#find_nearby_address {
	margin: 3px 0px 0 0px;
	padding-right: 25px;  
	font-size: 14px;
	color: #555;
	width: 200px;
	border-width: 2px;
	border-color: #959595;
}

#search_form_header input#find_nearby_address:focus,
#search_form_header input#q:focus
 {
	border-width: 2px;
	border-color: #950000;	
}

.SR_col_1 { width: 312px; }
.SR_col_2 { width: 55px; }
.SR_col_3 { width: 59px; }
.SR_col_4 { width: 143px; }
.SR_col_5 { width: 81px; }
.SR_col_6 { width: 120px; }
.SR_col_span5 { width: 650px; }  /* Need this for IE6 to not glitch */
.SR_profile { width: 220px;}
.toggleresult {
	margin-left: 15px;
}
.paginate { 
	color: #000;
	font-weight: bold;
}

.paginate a, .paginate a:link { 
	color: #959595;
	text-decoration: none;
	font-weight: normal;
	padding: 0 3px 0 3px;
}

.paginate a.prevnext {
	color: #950000;
	font-weight: bold;
}

.paginate a:hover, .paginate a.prevnext:hover,
.paginate a:focus, .paginate a.prevnext:focus  { 
	text-decoration: underline;
}

.TR_profile { width: 250px; }
.TR_skills { width: 300px; }

/* NAVIGATION TABS
---------------------------------------------------------------------------------------------------------------------------------------------------
*/ 

#mainnavsec {
	float: left;
	width:770px;
}

#mainnavsec ul {
	list-style-type: none;
	margin: 0;
	padding: 0; 
	text-align: center;
	width: 100%;
}

#mainnavsec ul li
{
	float: left;
	padding: 0px;
}

ul#menu li a 
{
	background-image: url(../images/tabs/navtab_spritz.gif); /* need this to be separate lines so we can override below */
	background-repeat: repeat-x;
	background-attachment: scroll;
    background-position: top left;  
	width: 90px;
	height: 26px;   /* height and line-height set to height of gif.  line-height is to set the vertical centering of text */
	line-height: 26px;
	color: #fff;
	padding: 0px;
	margin: 0px;
	text-align: center;
	text-decoration: none; /* no underline */
	font-weight: bold;
	display: block;
}

/* State for tab when being hovered */
ul#menu li a:hover,
ul#menu li a:focus
{
    background-position: center left;
	outline: none;
}

/* State for selected tab */
ul#menu li a.selected, 
ul#menu li a.selected:hover,   /* no hover highlights for selected tab */
ul#menu li a:active
{
	color: #fff;
	background-position: bottom left;
	outline: none;
}



/* PROFILE SUB TABS NAVIGATION 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

ul#profiletabs {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

ul#profiletabs  li
{
	float: left;
	padding: 0px 8px 0 0;
	margin: 0;
}

ul#profiletabs li a 
{
	background-color: #ffffff; 
	background-image: url(../images/tabs/subnav_tab_sprite.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
    background-position: top left; 
	width: 96px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

ul#profiletabs li a:hover, ul#profiletabs li a:active, ul#profiletabs li a:focus {
  /*  background-position: top left;  */
	color: #fff;
	text-decoration: underline;
}

ul#profiletabs li a.selected, ul#profiletabs li a.selected:hover
{
	color: #000;
	background-position: bottom left;
	text-decoration: none;
	
}

#profilenav {
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	padding: 0px;
	margin: 0px;
	width: 80%;
	float: left;
}

#profile_content {
	clear: left;	
}


#profiletabsnav, #subtabnav {
	border-bottom: 10px solid #fff1cd;
	padding: 20px 0 0px 0;
	margin: 0 0 5px 0;
}


/* MAINCONTENT 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#maincontent {
  	/* border: 1px solid #d66; */
	background-color: #ffffff; 
  	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: solid #ff6699;
	border-width: 0px;
}

#pop_content {
	background-color: #ffffff; 
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

/* FLASHES and ERROR MESSAGING */

#flash {
  width: 80%;
  font-size: 100%;
  font-weight: bold;
  margin: 0 auto 10px auto;
  padding: 8px;
}

.flash_notice {
  color: #333;  
  background: #efe;
  border: solid 1px #bd7;  
}

.flash_notice span {
  padding: 0 0 10px 25px;
  background: url(../images/icons/tick.gif) no-repeat 0px 0px;
}

.flash_warning {
	border: solid 1px #ff8c00;
	background: #ffffe0;
	color: #444;
}

.flash_warning span {
  padding: 0 0 10px 25px;
  background: url(../images/icons/error.gif) no-repeat 0px 0px; 
}

.flash_error {
  color: #444;
  background: #fdd;
  border: solid 1px #950000;
}

.flash_error span {
  padding: 0 0 10px 25px;
  background: url(../images/icons/error.gif) no-repeat 0px 0px; 
}


#errorExplanation {
  width: 80%;
  border: 1px solid #950000;
  padding: 7px;
  padding-bottom: 12px;
  margin: 0 auto 10px auto;
  background-color: #fdd;
}

#errorExplanation h3 {
  background: url(../images/icons/error.gif) no-repeat 0 50%; 
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 25px;
  font-size: 12px;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
}



/* HOME PAGE - 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#hp_tagline {
	font-size: 2.5em;
	font-weight: bold;
	color: #222222;
}

.hp_subtagline {
	font-size: 1.5em;
	color: #950000;
}

#lefthalfborder {
	border-left: 2px dotted #dddddd;		
}

.hero_height {
	height: 213px; /* for box - 10px */
}


/* PROFILE - EXPERIENCE, EDUCATION, PERSONAL DATA, PROFILE, SIGN-UP COMPLETION
----------------------------------------------------------------------------------------------------------*/

#signup_completion ul p {
	margin: 5px 10px 5px 15px;
}

#signup_completion h4 {
	color: #950000;
	margin-top: 20px;
	padding-left: 20px;
	line-height: 16px;
	background: url(../images/icons/flag_blue.gif) no-repeat;
}

#profile_score {
	width: 350px;
	margin: 10px auto 10px auto;
	text-align: center;	
}

#profile_score table {
	width: 150px;
	margin: 10px auto 10px auto;	
}

#profile_score.shaded_green td {
	border: solid 2px #226622;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

#profile_score.shaded_orange td {
	border: solid 2px #957777;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

#profile_score.shaded_green td.shaded {
	background: #22bb22;
}

#profile_score.shaded_orange td.shaded {
	background: #ff8c00;
}

#profile_user_summary {
	float: left;
	width: 440px;
}

#user_profile_personal_info {
	width: 310px;
} 

#profile_tutorpreferences {
	padding-left: 20px;
	float: left;
	width: 260px;
	border-left: 2px dotted #dddddd;			
}

#tutorprofileview .content {
	width: 80%;
	padding: 5px ;
	margin: 5px 0 5px 5px;
}

#tutorprofileview .content .todo {
	display: block;	
	padding: 5px ;
	background: #ffffe9;
	border: solid 1px #ffbbbb;
}

.tutor_active_status {
	background-color: #ccffcc; 
	padding: 5px;
	margin: 7px auto 15px auto;	
	font-size: 18px;
	font-weight: bold; 
	color: #225522 ;
	text-align: center;
	width: 80px;
	border: solid 4px #225522;
}

.tutor_inactive_status {
	background-color: #ffdddd; 
	padding: 5px;
	margin: 7px auto 15px auto;	
	font-size: 18px;
	font-weight: bold; 
	color: #950000 ;
	text-align: center;
	width: 80px;
	border: solid 4px #950000;	
}
#userexperience .content,
#usereducation .content {
	float:left;
	width: 80%;
	padding: 0 0 10px 0;
	margin: 10px 0 10px 10px;
	/*border-right: solid 3px #ffffcc ;*/	
}

#viewprofile .content {
	float:left;
	width: 90%;
	padding: 0 0 10px 0;
	margin: 10px 0 10px 10px;
}


#userpersonaldata .content {
	float:left;
	width: 80%;
	padding: 0 0 10px 0;
	margin: 0 0 20px 10px;
	/*border-right: solid 3px #ffffcc ;*/	
}

#userexperience .action,
#userpersonaldata .action,
#usereducation .action {
	float:left;
	width: 50px;
	margin: 10px 0 10px 0;
	padding: 0 0 0 10px;
}

#userexperience .content p,
#userpersonaldata .content p,
#usereducation .content p {
	margin: 0px 0 1px 0;
}

#viewprofile .content h3,
#userexperience .content h3,
#userpersonaldata .content h3,
#usereducation .content h3 {
	margin: 0 0 2px 0;
	color: #950000;
	font-size: 120%;
}

#viewprofile p.desc,
#viewprofile p.activities,
#userexperience p.desc,
#usereducation p.activities {
	margin: 5px 0 2px 25px;
	padding: 0 5px 0 0;
}

.activities, .desc {
	margin: 5px 0 2px 25px;
	padding: 0 5px 0 0;
}

.divider {
	clear: left;
	height: 0pt;
	margin: 0 0 0 150px;
	line-height: 0pt;
	width: 20%;
	text-align: center;
	border-bottom: dotted 2px #959595;
}

.divider_full {
	clear: both;
	height: 0pt;
	line-height: 0pt;
	width: 100%;
	text-align: center;
	border-bottom: dotted 2px #959595;
}

.edit_icon a {
	display: inline;
	background: url(../images/icons/layout_edit.gif) no-repeat;
	padding: 4px 0 4px 20px;
}

.delete_icon a {
	display: inline;
	background: url(../images/icons/bin_closed.gif) no-repeat;
	padding: 4px 0 4px 20px;
}

.username {
/*	color: #0081c6;	
*/
	color: #000000;
}

.school_name {
	color: #950000;	
	font-weight: bold;
}

img.user_picture {
	padding: 3px;
	border: solid 1px #add8e6;
	vertical-align: middle;
}

a img.user_picture { border: solid 3px #add8e6; }

a:hover img.user_picture { border: solid 3px #950000; }

img.img_border {
	padding: 3px;
	border: solid 1px #add8e6;
}

#fb_import_profile_form input {
	float: left;
	margin: 5px 40px 0px 10px;
}

/* PRIVATE MESSAGES
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

.pvt_msg_link a {
	/*	font-weight: bold;
*/	color: #950000;
	background: url(../images/icons/email_go.gif) no-repeat;
	display: inline;
	padding: 4px 0 4px 20px;
}

.message_header {
	background-color: #e5e5FA;
	padding: 2px;
}

.message_body {
	border: solid 2px #ccccff;
	padding: 5px;
	color: black;
}

tr.message_unread {
	font-weight: bold;
	color: black;
}

.message_unread td{
	color: black;
}

.alt.message_unread td{
	color: black;
}

/* FRIEND
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

.add_friend_link a {
	color: #950000;
	background: url(../images/icons/group_add.gif) no-repeat;
	display: inline;
	padding: 4px 0 4px 20px;
}


/* LESSONS
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

.profile_link a {
	color: #950000;
	background: url(../images/icons/user.gif) no-repeat;
	display: inline;
	padding: 4px 0 4px 20px;
}

.user_name, .user_name a {
	font-size: 11px;
	color: #000;
}

.seeker_link a {
	display: inline;
	padding: 4px 0 4px 20px;
	color: #950000;
	background: url(../images/icons/user_green.gif) no-repeat;
}


.provider_link a {
	color: #950000;
	background: url(../images/icons/user_suit.gif) no-repeat;
	display: inline;
	padding: 4px 0 4px 20px;
}

.lesson_link a {
	font-size: 12px;
	color: #950000;
	background: url(../images/icons/book_open.gif) no-repeat;
	padding: 0 0 0 20px;
}

.lesson_title_link a {
	font-weight: bold;
	color: #990000;
	padding: 0px;
}

.lesson_title_link a:visited {
	color: #888;
}

#seeker_registered_lessons,
#provider_expired_listings,
#provider_open_listings,
#provider_registered_listings,
.message_box {
	border: 1px solid #959595;
	padding: 4px;
}

/* LESSONS - SHOW ONE
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#lesson_show_hd {
	padding-right: 20px;
	margin-right: 20px;
	display: block;
}

#lesson_show_ratings {
	overflow:auto;
	margin:4px 0px 3px 5px;
	font-size: 11px;
}

#lesson_show_ratings .rating {
	float:left;
	margin-right:5px;
}

#lesson_show_user_ratings .rating {
	float:left;
	margin-right:5px;
}

#lesson_show_hd #lesson_show_summary {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000066;
	margin-left: 20px;
}

#lesson_show_admin_detail {
	float: right;
	width: 246px;
	padding: 0 20px 0 0;
}

#lesson_show_content {
	float: left;
	width: 453px;
}

.status_available {
	font-weight: bold;
	color: #009900;
	font-size: 12px;
}

.status_unavailable {
	font-weight: bold;
	color: #CC0000;
}

.lesson_date {
	display: inline;
	padding: 4px 0 4px 20px;  /* Need top bot padding to force height and prevent image truncation  */  
	background-image: url(../images/icons/date.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.lesson_time {
	display: inline;
	background: url(../images/icons/time.gif) no-repeat;
	padding: 4px 0 4px 20px;  /* Need top bot padding to force height and prevent image truncation  */  
}

.lesson_price {
	display: inline;
	background: url(../images/icons/dollar.gif) no-repeat;
	padding: 4px 0 4px 20px;  /* Need top bot padding to force height and prevent image truncation  */  
	font-size: 12px;
}

.lesson_detailed_points {
	display: block; 
	margin: 0 0 0 10px;
	font-size: 11px;
}


/* RATING_STARS
---------------------------------------------------------------------------------------------------------------------------------------------------
To customize
*/

.stars_0, .stars_10, .stars_15, .stars_20, .stars_25, .stars_30,
.stars_35, .stars_40, .stars_45, .stars_50{
	background:url(../images/ratings_map.png) no-repeat 0px 0px;
	height:17px;
	width:90px;
	text-indent:-999em;
	overflow:hidden;
	padding:0px !important;
	margin:0px;
}

.stars_15{background-position:0px -19px;}
.stars_20{background-position:0px -38px;}
.stars_25{background-position:0px -57px;}
.stars_30{background-position:0px -76px;}
.stars_35{background-position:0px -95px;}
.stars_40{background-position:0px -114px;}
.stars_45{background-position:0px -133px;}
.stars_50{background-position:0px -152px;}
.stars_0{background-position:0px -171px;}


/* PAYMENTS
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#paypal_button input
{
	border: none;
}

#paypal_button{
	display: block;
	margin-left: 125px;
/*	margin-right: auto; */	
	width: 200px;
}


/* STEPS 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#steps ul {
  display: block;
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;}

#steps li {
  float: left;
}

#steps ul li#stepsfiller {
	background: url(../images/steps/step_cream_middle.gif) repeat-x scroll;
	width: 758px;
	height: 26px;   /* height and line-height set to height of gif.  line-height is to set the vertical centering of text */
	line-height: 25px;  /* need to make this 25px for adjusting vertical alignment */
	padding: 0px;
	margin: 0px;
	text-align: center;
	text-decoration: none; /* no underline */
	display: block;
}

#steps ul ul li {
	display: block;
	width: auto;
	padding-right: 25px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #959595;
	font-size: 12px;	
}

#steps li #step1 {
	background-image: url("../images/icons/number1_gray_17.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
    background-position: left center;
	padding-left: 25px;
	margin-left: 10px;
}

#steps li #step2 {
	background: url("../images/icons/number2_gray_17.gif") no-repeat left center;
	padding-left: 25px;
}

#steps li #step3 {
	background: url("../images/icons/number3_gray_17.gif") no-repeat left center;
	padding-left: 25px;
}

#steps li #step4 {
	background: url("../images/icons/number4_gray_17.gif") no-repeat left center;
	padding-left: 25px;
}


#steps li #step1_selected {
	background-image: url("../images/icons/number1_red_17.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
    background-position: left center;
	padding-left: 25px;
	margin-left: 10px;
	color: #000;
}

#steps li #step2_selected {
	background-image: url("../images/icons/number2_red_17.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
    background-position: left center;
	padding-left: 25px;
	color: #000;
}
#steps li #step3_selected {
	background-image: url("../images/icons/number3_red_17.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
    background-position: left center;
	padding-left: 25px;
	color: #000;
}
#steps li #step4_selected {
	background-image: url("../images/icons/number4_red_17.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
    background-position: left center;
	padding-left: 25px;
	color: #000;
}
#steps li.selected #step2 {
	background: url("../images/icons/number2_red_17.gif") no-repeat left center; }

#steps li.selected #step3 {
	background: url("../images/icons/number3_red_17.gif") no-repeat left center; }

#steps li.selected #step4 {
	background: url("../images/icons/number4_red_17.gif") no-repeat left center; }

#steps #stepsfiller img {
	vertical-align: bottom;
}

/* FOOTER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#footer ul {
  display: block;
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;}

#footer li {
  float: left;
}

#footer ul ul li a {
	display: block;
	width: 60px;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	font-size: 11px;
}

#footer ul ul li a:hover,
#footer ul ul li a:focus {
	font-weight: bold;
	text-decoration: underline; 
}

ul#footer_links li#footerfiller,
ul#menu li#menubar_filler {
	background: url(../images/tabs/navtab_red.gif) repeat-x scroll;
	width: 739px;
	height: 26px;   /* height and line-height set to height of gif.  line-height is to set the vertical centering of text */
	line-height: 26px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	text-decoration: none; /* no underline */
	display: block;
}


#feedback_link a {
	color: #000;
	font-weight: bold;
}

#footer .copyright {
  color: #eee;
  font-size: 11px;
  float: right;
  width: 180px;
  margin: 0px;
  padding: 0px 8px 0px 0px; 
}

/* BUTTONS
---------------------------------------------------------------------------------------------------------------------------------------------------
*/


div#join h2	{
	font-size: 150%;
	padding-top: 1em;
	border-top: solid 1px #ddd;
}


div#join	{
	margin-left: 1em;
}

.button_row 
{ 	padding-left: 250px;}

.sm_button_row 
{ 	padding-left: 10px;}


.button_row_right 
{ 	float: right;
	padding-right: 50px; }


.button_row_center 
{ 
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.button_row_profile 
{ 
	float: left;
	padding-left: 300px;
}

.med_button 
{ 
	background: url(../images/buttons/yellow_med_button_left.gif) no-repeat top left;
	text-decoration: none; 
	font-size: 12px;  /* Max = 12px.  Smaller ok */
	padding-left: 4px;  /* need 4px left padding = width of left slice */
	height: 32px;  /* ignored by IE */
	padding-top: 0px;  /* needed for safari but breaks IE !! */
	padding-bottom: 5px;
	
}

.med_button span
{
	padding-top: 7px;
	padding-bottom: 9px;
	padding-right: 10px; /* for padding of word against right edge.  */
	padding-left: 6px; /* for padding against left slice.  For balance, this+width of left == padding-rt  */
	background: transparent url(../images/buttons/yellow_med_button_right.gif) no-repeat scroll top right;
	color: #000; 
	margin: 0 6px 0 0; /* right margin for spacing against next element */
	text-align: center;
	height: 32px;  /* ignored by IE */
}

a.med_button, a.big_button {display: table-cell; vertical-align: middle;}


/* PILL BUTTONS
---------------------------------------------------------------------------------------------------------------------------------------------------
   Standard buttons to be used on site.
   Note order of CSS is impt: Must be in LVHA.
*/

/* For submit buttons */

.btn_lo_50, .btn_lo_100, .btn_lo_150, .btn_lo_200, .btn_lo_250, 
.btn_mid_50, .btn_mid_100, .btn_mid_150, .btn_mid_200, .btn_mid_250,
.btn_hi_50, .btn_hi_100, .btn_hi_150, .btn_hi_200, .btn_hi_250 
{
	border: 0;
	cursor:pointer;
	white-space: nowrap;
	background:transparent no-repeat scroll top left; /* use top of sprites */
  	font-family: Arial, Verdana, sans-serif, Helvetica, Geneva;
	color: #000;
	text-align: center;
	text-decoration: none;
	display: block;
	height: 17px;
	line-height: 17px;
	font-size: 11px;
	margin: 2px;
	padding: 0px;  /* needed by safari */
}

.btn_lo_big_50, .btn_lo_big_100, .btn_lo_big_150, .btn_lo_big_200, .btn_lo_big_250, 
.btn_mid_big_50, .btn_mid_big_100, .btn_mid_big_150, .btn_mid_big_200, .btn_mid_big_250,
.btn_hi_big_50, .btn_hi_big_100, .btn_hi_big_150, .btn_hi_big_200, .btn_hi_big_250 
{
	border: 0;
	cursor:pointer;
	white-space: nowrap;
	background:transparent no-repeat scroll top left; /* use top of sprites */
  	font-family: Arial, Verdana, sans-serif, Helvetica, Geneva;
	color: #000;
	text-align: center;
	text-decoration: none;
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	margin: 3px;
	padding: 0px;  /* needed by safari */
}

/* Normal state Small buttons 
Small buttons (Height = 17) */
.btn_lo_50:link,.btn_lo_100:link,.btn_lo_150:link,.btn_lo_200:link,.btn_lo_250:link,
.btn_mid_50:link,.btn_mid_100:link,.btn_mid_150:link,.btn_mid_200:link,.btn_mid_250:link,
.btn_hi_50:link,.btn_hi_100:link,.btn_hi_150:link,.btn_hi_200:link,.btn_hi_250:link,
.btn_lo_50:visited,.btn_lo_100:visited,.btn_lo_150:visited,.btn_lo_200:visited,.btn_lo_250:visited,
.btn_mid_50:visited,.btn_mid_100:visited,.btn_mid_150:visited,.btn_mid_200:visited,.btn_mid_250:visited,
.btn_hi_50:visited,.btn_hi_100:visited,.btn_hi_150:visited,.btn_hi_200:visited,.btn_hi_250:visited
{
	background:transparent no-repeat scroll top left; /* use top of sprites */
	color: #000;
  	font-family: Arial, Verdana, sans-serif, Helvetica, Geneva;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 11px;
	height: 17px;
	line-height: 17px;
	margin: 2px;
}


/* Normal state for big buttons 
  Big buttons (Height = 24) */
.btn_lo_big_50:link,.btn_lo_big_100:link,.btn_lo_big_150:link,.btn_lo_big_200:link,.btn_lo_big_250:link,
.btn_mid_big_50:link,.btn_mid_big_100:link,.btn_mid_big_150:link,.btn_mid_big_200:link,.btn_mid_big_250:link,
.btn_hi_big_50:link,.btn_hi_big_100:link,.btn_hi_big_150:link,.btn_hi_big_200:link,.btn_hi_big_250:link,
.btn_lo_big_50:visited,.btn_lo_big_100:visited,.btn_lo_big_150:visited,.btn_lo_big_200:visited,.btn_lo_big_250:visited,
.btn_mid_big_50:visited,.btn_mid_big_100:visited,.btn_mid_big_150:visited,.btn_mid_big_200:visited,.btn_mid_big_250:visited,
.btn_hi_big_50:visited,.btn_hi_big_100:visited,.btn_hi_big_150:visited,.btn_hi_big_200:visited,.btn_hi_big_250:visited
{
	background:transparent no-repeat scroll top left; /* use top of sprites */
	color: #000;
  	font-family: Arial, Verdana, sans-serif, Helvetica, Geneva;
	text-align: center;
	text-decoration: none;
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	margin: 3px;
}


/* Normal state. 
  Override: White text for red buttons */
.btn_hi_50, .btn_hi_100, .btn_hi_150, .btn_hi_200, .btn_hi_250,
.btn_hi_big_50, .btn_hi_big_100, .btn_hi_big_150, .btn_hi_big_200, .btn_hi_big_250,
.btn_hi_50:link,.btn_hi_100:link,.btn_hi_150:link,.btn_hi_200:link,.btn_hi_250:link,
.btn_hi_50:visited,.btn_hi_100:visited,.btn_hi_150:visited,.btn_hi_200:visited,.btn_hi_250:visited,
.btn_hi_big_50:link,.btn_hi_big_100:link,.btn_hi_big_150:link,.btn_hi_big_200:link,.btn_hi_big_250:link,
.btn_hi_big_50:visited,.btn_hi_big_100:visited,.btn_hi_big_150:visited,.btn_hi_big_200:visited,.btn_hi_big_250:visited
{
	color: #ffffff;
}

/* Normal state. 
  Override: Gray text for gray buttons */
.btn_lo_big_50, .btn_lo_big_100, .btn_lo_big_150, .btn_lo_big_200, .btn_lo_big_250, 
.btn_lo_50, .btn_lo_100, .btn_lo_150, .btn_lo_200, .btn_lo_250,
.btn_lo_50:link,.btn_lo_100:link,.btn_lo_150:link,.btn_lo_200:link,.btn_lo_250:link,
.btn_lo_50:visited,.btn_lo_100:visited,.btn_lo_150:visited,.btn_lo_200:visited,.btn_lo_250:visited,
.btn_lo_big_50:link,.btn_lo_big_100:link,.btn_lo_big_150:link,.btn_lo_big_200:link,.btn_lo_big_250:link,
.btn_lo_big_50:visited,.btn_lo_big_100:visited,.btn_lo_big_150:visited,.btn_lo_big_200:visited,.btn_lo_big_250:visited
{
	color: #666666;
}


/* Setting the picture and size for the various buttons.
   File naming convention = btn_{color}_{length_pixels}.gif
   Change images here
*/

.btn_lo_50, .btn_lo_50:link, .btn_lo_50:visited
{ background-image: url(../images/buttons/btn_gray_50px.gif); width: 50px; }
.btn_lo_100, .btn_lo_100:link, .btn_lo_100:visited
{ background-image: url(../images/buttons/btn_gray_100px.gif); width: 100px; }
.btn_lo_150, .btn_lo_150:link, .btn_lo_150:visited
{ background-image: url(../images/buttons/btn_gray_150px.gif); width: 150px; }
.btn_lo_200, .btn_lo_200:link, .btn_lo_200:visited
{ background-image: url(../images/buttons/btn_gray_200px.gif); width: 200px; }
.btn_lo_250, .btn_lo_250:link, .btn_lo_250:visited
{ background-image: url(../images/buttons/btn_gray_250px.gif); width: 250px; }

.btn_mid_50, .btn_mid_50:link, .btn_mid_50:visited
{ background-image: url(../images/buttons/btn_yellow_50px.gif); width: 50px; }
.btn_mid_100, .btn_mid_100:link, .btn_mid_100:visited
{ background-image: url(../images/buttons/btn_yellow_100px.gif); width: 100px; }
.btn_mid_150, .btn_mid_150:link, .btn_mid_150:visited
{ background-image: url(../images/buttons/btn_yellow_150px.gif); width: 150px; }
.btn_mid_200, .btn_mid_200:link, .btn_mid_200:visited
{ background-image: url(../images/buttons/btn_yellow_200px.gif); width: 200px; }
.btn_mid_250, .btn_mid_250:link, .btn_mid_250:visited
{ background-image: url(../images/buttons/btn_yellow_250px.gif); width: 250px; }

.btn_hi_50, .btn_hi_50:link, .btn_hi_50:visited
{ background-image: url(../images/buttons/btn_red_50px.gif); width: 50px; }
.btn_hi_100, .btn_hi_100:link, .btn_hi_100:visited
{ background-image: url(../images/buttons/btn_red_100px.gif); width: 100px; }
.btn_hi_150, .btn_hi_150:link, .btn_hi_150:visited
{ background-image: url(../images/buttons/btn_red_150px.gif); width: 150px; }
.btn_hi_200, .btn_hi_200:link, .btn_hi_200:visited
{ background-image: url(../images/buttons/btn_red_200px.gif); width: 200px; }
.btn_hi_250, .btn_hi_250:link, .btn_hi_250:visited
{ background-image: url(../images/buttons/btn_red_250px.gif); width: 250px; }

.btn_lo_big_50, .btn_lo_big_50:link, .btn_lo_big_50:visited
{ background-image: url(../images/buttons/btn_gray_large_50px.gif); width: 50px; }
.btn_lo_big_100, .btn_lo_big_100:link, .btn_lo_big_100:visited
{ background-image: url(../images/buttons/btn_gray_large_100px.gif); width: 100px; }
.btn_lo_big_150, .btn_lo_big_150:link, .btn_lo_big_150:visited
{ background-image: url(../images/buttons/btn_gray_large_150px.gif); width: 150px; }
.btn_lo_big_200, .btn_lo_big_200:link, .btn_lo_big_200:visited
{ background-image: url(../images/buttons/btn_gray_large_200px.gif); width: 200px; }
.btn_lo_big_250, .btn_lo_big_250:link, .btn_lo_big_250:visited
{ background-image: url(../images/buttons/btn_gray_large_250px.gif); width: 250px; }

.btn_mid_big_50, .btn_mid_big_50:link, .btn_mid_big_50:visited
{ background-image: url(../images/buttons/btn_yellow_large_50px.gif); width: 50px; }
.btn_mid_big_100, .btn_mid_big_100:link, .btn_mid_big_100:visited
{ background-image: url(../images/buttons/btn_yellow_large_100px.gif); width: 100px; }
.btn_mid_big_150, .btn_mid_big_150:link, .btn_mid_big_150:visited
{ background-image: url(../images/buttons/btn_yellow_large_150px.gif); width: 150px; }
.btn_mid_big_200, .btn_mid_big_200:link, .btn_mid_big_200:visited
{ background-image: url(../images/buttons/btn_yellow_large_200px.gif); width: 200px; }
.btn_mid_big_250, .btn_mid_big_250:link, .btn_mid_big_250:visited
{ background-image: url(../images/buttons/btn_yellow_large_250px.gif); width: 250px; }

.btn_hi_big_50, .btn_hi_big_50:link, .btn_hi_big_50:visited
{ background-image: url(../images/buttons/btn_red_large_50px.gif); width: 50px; }
.btn_hi_big_100, .btn_hi_big_100:link, .btn_hi_big_100:visited
{ background-image: url(../images/buttons/btn_red_large_100px.gif); width: 100px; }
.btn_hi_big_150, .btn_hi_big_150:link, .btn_hi_big_150:visited
{ background-image: url(../images/buttons/btn_red_large_150px.gif); width: 150px; }
.btn_hi_big_200, .btn_hi_big_200:link, .btn_hi_big_200:visited
{ background-image: url(../images/buttons/btn_red_large_200px.gif); width: 200px; }
.btn_hi_big_250, .btn_hi_big_250:link, .btn_hi_big_250:visited
{ background-image: url(../images/buttons/btn_red_large_250px.gif); width: 250px; }


/* State for Hover over and tab-focused buttons */
.btn_lo_50:hover,.btn_lo_100:hover,.btn_lo_150:hover,.btn_lo_200:hover,.btn_lo_250:hover,
.btn_mid_50:hover,.btn_mid_100:hover,.btn_mid_150:hover,.btn_mid_200:hover,.btn_mid_250:hover,
.btn_hi_50:hover,.btn_hi_100:hover,.btn_hi_150:hover,.btn_hi_200:hover,.btn_hi_250:hover,
.btn_lo_big_50:hover,.btn_lo_big_100:hover,.btn_lo_big_150:hover,.btn_lo_big_200:hover,.btn_lo_big_250:hover,
.btn_mid_big_50:hover,.btn_mid_big_100:hover,.btn_mid_big_150:hover,.btn_mid_big_200:hover,.btn_mid_big_250:hover,
.btn_hi_big_50:hover,.btn_hi_big_100:hover,.btn_hi_big_150:hover,.btn_hi_big_200:hover,.btn_hi_big_250:hover,
.btn_lo_50:focus,.btn_lo_100:focus,.btn_lo_150:focus,.btn_lo_200:focus,.btn_lo_250:focus,
.btn_mid_50:focus,.btn_mid_100:focus,.btn_mid_150:focus,.btn_mid_200:focus,.btn_mid_250:focus,
.btn_hi_50:focus,.btn_hi_100:focus,.btn_hi_150:focus,.btn_hi_200:focus,.btn_hi_250:focus,
.btn_lo_big_50:focus,.btn_lo_big_100:focus,.btn_lo_big_150:focus,.btn_lo_big_200:focus,.btn_lo_big_250:focus,
.btn_mid_big_50:focus,.btn_mid_big_100:focus,.btn_mid_big_150:focus,.btn_mid_big_200:focus,.btn_mid_big_250:focus,
.btn_hi_big_50:focus,.btn_hi_big_100:focus,.btn_hi_big_150:focus,.btn_hi_big_200:focus,.btn_hi_big_250:focus
{
    background-position: center left; /* use center of sprites */
	color: #990000;
	outline: none; /* hide dotted outline in Firefox */
	
}

/* State for Clicked buttons */
.btn_lo_50:active,.btn_lo_100:active,.btn_lo_150:active,.btn_lo_200:active,.btn_lo_250:active,
.btn_mid_50:active,.btn_mid_100:active,.btn_mid_150:active,.btn_mid_200:active,.btn_mid_250:active,
.btn_hi_50:active,.btn_hi_100:active,.btn_hi_150:active,.btn_hi_200:active,.btn_hi_250:active,
.btn_lo_big_50:active,.btn_lo_big_100:active,.btn_lo_big_150:active,.btn_lo_big_200:active,.btn_lo_big_250:active,
.btn_mid_big_50:active,.btn_mid_big_100:active,.btn_mid_big_150:active,.btn_mid_big_200:active,.btn_mid_big_250:active,
.btn_hi_big_50:active,.btn_hi_big_100:active,.btn_hi_big_150:active,.btn_hi_big_200:active,.btn_hi_big_250:active
{
	color: #000;
	background-position: bottom left;  /* use bottom of sprites */
	outline: none; /* hide dotted outline in Firefox */
}

/* State for Clicked or Hover buttons
	Override for red buttons to show white text
 */
.btn_hi_50:hover,.btn_hi_100:hover,.btn_hi_150:hover,.btn_hi_200:hover,.btn_hi_250:hover,
.btn_hi_big_50:hover,.btn_hi_big_100:hover,.btn_hi_big_150:hover,.btn_hi_big_200:hover,.btn_hi_big_250:hover,
.btn_hi_50:active,.btn_hi_100:active,.btn_hi_150:active,.btn_hi_200:active,.btn_hi_250:active,
.btn_hi_big_50:active,.btn_hi_big_100:active,.btn_hi_big_150:active,.btn_hi_big_200:active,.btn_hi_big_250:active
{
	color: #ffffff;
	outline: none; /* hide dotted outline in Firefox */
}

/* Multiclassed to make button centered on screen */
.btn_centered,.btn_centered:link, .btn_centered:visited, .btn_centered:hover, .btn_centered:active
{
	margin: 3px auto 3px auto;	
}


.seal
{
	border: 0;
	white-space: nowrap;
	background:transparent no-repeat scroll top left; /* use top of sprites */
	background-image: url(../images/buttons/seal_green_spritz.gif); 
	width: 51px;   	
	font-family: Arial, Verdana, sans-serif, Helvetica, Geneva;
	font-weight: normal;
	color: #fff;
	text-align: center;
	text-decoration: none;
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	margin: 2px;
	padding: 0px;  /* needed by safari */
}

.seal:hover
{
	background-position: bottom left; /* use center of sprites */
	color: #000;
    
}

/* Round boxes 
---------------------------------------------------------------------------------------------------------------------------------------------------
   Box panels to be used on site.
*/

/* For std buttons */

.box {
	background: transparent url(/images/bg/creambox_fullwidth_middle.gif) repeat-y scroll top left;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	width: 100%;
}

.box_top {
	background: transparent url(/images/bg/creambox_fullwidth_top.gif) no-repeat scroll top left;
	height: 5px;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 100%;
}

.box_bottom {
	background: transparent url(/images/bg/creambox_fullwidth_bottom.gif) no-repeat scroll top left;
	height: 5px;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 100%;
}

.halfwidth {  
	width: 377px; /* should be 376.  Need width otherwise column will collapse */
	margin-right: 16px; /* should be 16. */
}

.halfwidth .box { background: transparent url(/images/bg/creambox_halfwidth_middle.gif) repeat-y scroll top left; }

.halfwidth .box_top { background: transparent url(/images/bg/creambox_halfwidth_top.gif) no-repeat scroll top left; }

.halfwidth .box_bottom { background: transparent url(/images/bg/creambox_halfwidth_bottom.gif) no-repeat scroll top left; }

.thirdwidth {  
	width: 246px; /* should be 246.  Need width otherwise column will collapse */
	margin-right: 16px; /* should be 16. */ 
}

.thirdwidth .box { background: transparent url(/images/bg/creambox_thirdwidth_middle.gif) repeat-y scroll top left; }

.thirdwidth .box_top { background: transparent url(/images/bg/creambox_thirdwidth_top.gif) no-repeat scroll top left; }

.thirdwidth .box_bottom { background: transparent url(/images/bg/creambox_thirdwidth_bottom.gif) no-repeat scroll top left; }


.halfwidth.lastbox, .thirdwidth.lastbox {  
	margin: 0;  /* no right margin if last box */
}

.box div:first-child {  /* For content within first div of box */
	padding: 0px 10px 0px 10px;
}

/* For white box */

.box_lite {
	background: transparent url(/images/bg/whitebox_grayoutline_fullwidth_middle.gif) repeat-y scroll top left;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	width: 100%;
}

.box_lite_top {
	background: transparent url(/images/bg/whitebox_grayoutline_fullwidth_top.gif) no-repeat scroll top left;
	height: 5px;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 100%;
}

.box_lite_bottom {
	background: transparent url(/images/bg/whitebox_grayoutline_fullwidth_bottom.gif) no-repeat scroll top left;
	height: 5px;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 100%;
}


.box_lite div:first-child {  /* For content within first div of box */
	padding: 0px 10px 0px 10px;
}

.faq_a {
	color: #555;
	margin-left: 20px;
}


.faq_q, .faq_q a, a.faq_q {
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	color: #955555	;
	cursor: pointer;
}


/* *** Google Maps *** */
div.markerTooltip, div.markerDetail {
    color: black;
    font-weight: bold;
    background-color: white;
    white-space: nowrap;
    margin: 0;
    padding: 2px 4px;
    border: 1px solid black;
}


/* TEAM */
img.team {
	float: left;
	margin: 5px 10px 10px 0;
}



/* Comments  
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

div.comment {
	padding: 15px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.comment img {
	float: left;
}

.comment div {
	margin: 0 10px 10px 10px;
	float: left;
	width: 70%;
}

.comment_alt img, .comment_alt div {
	float: right;
}

.comment h3 { /* status */
	font-weight: bold;
	font-size: 12px;
	display: inline;
	padding: 5px 10 15 10;
}

.comment h4 { /* content */
	font-weight: normal;
	font-size: 12px;
	padding: 0px 10px 0 10px;
	background-color: #eeeeff;
	border: 1px solid #9999ff;
}

.comment_alt h4 { /* content */
	background-color: #ffeeee;
	border: 1px solid #ff9999;
}