/* GLOBAL */
body 
{
	font-family: verdana, sans-serif;
	font-size: 0.7em;
	color:#787878;
	background-image:url(/images/dateline121/new08/background.jpg);
	background-repeat:repeat-x;
	background-color:#dee5ef;
}
a
{
	color:#616e88;
	text-decoration:none;
}
label {
	cursor: pointer;
}
#maintable
{
	width:860px;
}
#maintable tr td.inner
{
	background-image:url(/images/dateline121/new08/tablebackground.gif);
	background-repeat:repeat-y;
	padding-left:30px;
	padding-right:30px;
}
#maintable tr td.top
{
	background: url(/images/dateline121/new08/top.gif) no-repeat left top;
	height: 101px;
}

#maintable tr td.top a.logo
{
	margin-left: 30px;
}
#maintable tr td.top a.logo img
{
	border: none;
}

h1, h2, h3, h4 {
	color:#43497b;
	font-weight:normal;
}
h2
{
	font-weight:normal;
	margin-bottom:0px;
	margin-top:15px;
	color:#43497b;
}
h3
{
	font-weight:normal;
	margin-bottom:4px;
	margin-top:15px;
	color:#43497b;
}
hr
{
	border:0px;
	height:5px;
	border-style:solid;
	border-color:white;
	color:#efefef;
}
div.topnav
{
	background-image:url("/images/menu_bg.gif");
	margin-bottom:1px;
	text-decoration:none;
	width: 800px;
}

div.topnav a, div.topnav img
{
	color:White;
	float: left;
}
div.topnav a {
	
	padding:10px;
}

div.topnav div.tab a:hover, 
div.topnav div.tab a.active
{
	background-image:url("/images/menu_bg_active.gif");
}
div.topnav a.memberlogin
{
	color:white;
	float: right;
	margin-right: 20px;
}

div.topnav div.tab {
	display: inline;
}

div.topnav div.active {
	display: inline;
}

div.subnav
{
	background-image:url(/images/submenu_bg.gif);
}
div.subnav a, div.subnav img
{
	color: gray;
}
div.subnav div.tab a:hover, div.subnav div.tab a.active
{
	background-image:url(/images/submenu_bg_active.gif);
}
div.banner {
	background-repeat: no-repeat;
	margin-left: 1px;
	padding-left: 560px;
	width: 240px;
}

div.banner div.banner_text {
	color: white;
	height: 100%;
	padding: 10px 10px 0px;
}


div.banner div.banner_text p,
div.banner div.banner_text h2,
div.banner div.banner_text h3,
div.banner div.banner_text h4 {
		font-size: 1.6em;
}


div.banner div.banner_link {
	background: url(/images/banner_button.gif) no-repeat;
	bottom: 46px;
	font-size: 1.2em;
	left: 23px;
	padding: 10px 0 10px 89px;
	position: relative;
	width: 126px;
}

/* HOME PAGE  */

div.lhs
{
	margin-right:10px;
}


div.rhs2 div.body
{
	padding:10px;
	font-size:10pt;
}

div.rhs1,
div.rhs2,
div.rhs3,
div.rhs4
{
	clear: right;
	float: right;
	margin-top:8px;
	width:240px;
}

div.rhs1
{
	background-color:#eceaeb;
}

div.rhs2,
div.rhs3,
div.rhs4
{
	background-color:#bfd2f3;
}

div.rhs1 div.head, 
div.rhs2 div.head, 
div.rhs3 div.head, 
div.rhs4 div.head
{
	background-image:url(/images/sidebar_header_bg_blue.gif);
	color:White;
	font-size:12pt;
	padding:10px;
}

div.rhs1 div.body
{
	padding:20px;
	font-size:10pt;
}
div.rhs1 hr
{
	color:#c1c1c1;
	height:1px;
}
div.rhs1 div.body a.testimonials_link {
	float: right;
	padding-bottom: 10px;
}

div.rhs1 div.body a.testimonials_link img {
	border: none;
}

div.rhs1 blockquote 
{
	margin: 0px;
}

div.rhs1 blockquote div
{
	background: #ECEAEB url(/images/dateline121/new08/quote.gif) no-repeat;
	padding:5px 15px 5px 55px;
	font-size: 10pt;
	margin: 10px;
	height: 98px;
}

div.rhs2 div.body a.register_now_link {
	float: right;
	padding-bottom: 10px;
}

div.rhs2 div.body a.register_now_link img {
	border: none;
}

div.rhs2 div.body a.take_test_link img {
	border: none;
}

div.quote {
	background: #FFFFFF url(/images/dateline121/new08/quote2.gif) no-repeat;
	padding-left: 90px;
	margin-bottom: 50px;
	min-height: 80px;
}

img.quotegif
{
	float:left;
	padding-right:10px;
}
img.register_gif
{
	float:right;
	padding-left:10px;
}

a.register_now_link {
	float: right;
	padding: 10px;
}

div.footer
{
	padding-left:30px;
	padding-top:5px;
}
div.footer a, div.footer h3
{
	color:#616e88;
	text-decoration:none;
}

div.footer h3 {
	font-size:11px;
}

/* INNER PAGES */

table.profiles_sidebar {
	margin: 5px 0 0 5px;
	border: 0;
}

table.profiles_sidebar tr td.profile_image img {
	border: 3px solid white;
}

table.profiles_sidebar tr td.profile_text
{
	padding-left: 3px;
	text-align: left;
	vertical-align: top;
}
table.profiles_sidebar tr td.profile_text p {
	margin: 0px;
}
table.profiles_sidebar tr td.profile_text div.head1
{
	font-size:11pt;
	font-weight:bold;
	color:#505050;
}

table.profiles_sidebar tr td.profile_link img
{
	border: none;
	float: right;
	padding: 10px;
}

table.profiles {
	padding-top: 10px;
}
table.profiles div.profile_main_image {
	background: url(/images/profile_image_bg.gif);
	float:left;
}
table.profiles  img.mugshot {
	padding: 10px;
}

table.profiles div.profile_main_image div.gender {
	background: url(/images/profile_image_bottom.gif) no-repeat center top;
	color: #9ab7f1;
	margin: 0;
}

table.profiles  div.gender_symbol {
	float:left;
	margin: 17px 10px;
}

table.profiles  div.full_name {
	margin: 0;
	padding: 34px;
}


table.profiles div.details {
	background: url(/images/profile_actions.gif) no-repeat center bottom;
	height: 238px;
	margin:0 30px 0 198px;
	padding: 0 10px;
}

table.profiles div.name {
	background: url(/images/profile_name_bg.gif) repeat-x;
	height: 52px;
	margin:0 30px 0 198px;
	padding: 5px 10px;
}
table.profiles div.name h2 {
	color: #9ab7f1;
	margin: 0;
	padding: 5px 10px;
}

table.profiles div.details div {
	font-size: 12px;
	padding: 5px 0;
}

table.profiles div.details div.title {
	color: #363766;
	display:block;
	float:left;
	width:135px;
}

table.profiles div.details div.value {
	float:left;
	width: 145px;
}

table.profiles td.profile_text h3 {
	background: url(/images/profile_image_bg.gif) repeat 0 0;
	margin: 10px 0;
	padding: 5px;
}

table.profiles td.profile_text p strong {
	color: #363766;
}

td.inner div.home table
{
	width:798px;
	height:164px;
	background-image:url(/images/dateline121/new08/testimonials-head.jpg);
}
td.inner div.home table.ourservice tr td div.ourservice
{
	display:block;
	margin-right:20px;
	line-height:10px;
}
td.inner div.home table.about tr td div.about
{
	display:block;
	margin-right:20px;
	line-height:10px;
}
td.inner div.home table tr td div.about
{
	display:none;
}
td.inner div.home table tr td div.ourservice
{
	display:none;
}
td.inner div.home table.ourservice
{
	background-image:url(/images/dateline121/new08/ourservice-head.jpg);
}
td.inner div.home table.about
{
	width:798px;
	height:164px;
	background-image:url(images/dateline121/new08/aboutus-head.jpg);
}

td.inner div.home table.ourservice tr td div img
{
	margin-bottom:10px;
}
td.inner div.home table.about tr td div img
{
	margin-bottom:10px;
}
td.inner div.home table.faq
{
	background-image:url(/images/dateline121/new08/faq-head.jpg);
}
td.inner div.home table.contact
{
	background-image:url(/images/dateline121/new08/contact-head.jpg);
}
td.inner div.home table.testimonials
{
	background-image:url(/images/dateline121/new08/testimonials-head.jpg);
}

/* OUR SERVICE */
table.ourservice tr.ourservice td
{
	width:179px;
	height:246px;
}
table.ourservice tr.ourservice div
{
	padding:10px;
	padding-top:180px;
}
table.ourservice tr td.phone
{
	background-image:url(/images/dateline121/new08/service-phone.jpg);
	background-repeat:no-repeat;
}
table.ourservice tr td.house
{
	background-image:url(/images/dateline121/new08/service-house.jpg);
	background-repeat:no-repeat;
}
table.ourservice tr td.love
{
	background-image:url(/images/dateline121/new08/service-love.jpg);
	background-repeat:no-repeat;
}

/* TESTIMONIALS */
div.quote
{
	float:left;
	padding-right:20px;
}
div.testimonial
{
	margin-bottom:50px;
}
div.testimonialname
{
	color: #43497B;
	font-size:10pt;
	font-weight: bold;
	margin-top:10px;
}
.required,
.req {
	color: red;
}

.field_with_errors {
	font-weight: bold;
}
.form_error {
	color: red;
}
.clear_both{
	clear: both;
}

fieldset {
  border: 0;
  clear:both;
  margin:15px 2px 0;
  padding:3px 6px 8px;
}

.form_text_field input,
.form_password_field input,
.form_calendar_date_select input,
.form_item textarea {
  border:1px solid #536188;
  padding:2px; 
  font:inherit;
  font-size:100%;
  color:#464646;
}

.form_item .form_field {
  float:left;
  position:relative;
}
.form_item label {
	color: black;
}


#call_back_time {
	float: right;
}

a.white {
	color: white;
	font-weight: bold;
}


div.step {
	margin-top: 15px;

	background: url(/images/form_bg_800.gif) top left repeat-y;
	width:800px;
}

div.brochure,
div.contacts
 {
	margin-top: 15px;

	background: url(/images/form_bg_550.gif) top left repeat-y;
	width:550px;
}

div.form div.form_top {
	background: url(/images/form_top_550.gif) no-repeat 0 0;
	padding-top: 10px;
}

#step1 {
	background: url(/images/register_step_1.gif) no-repeat 0 0;
	padding-top: 55px;
}

#step2 {
	background: url(/images/register_step_2.gif) no-repeat 0 0;
	padding-top: 55px;
}

#step3 {
	background: url(/images/register_step_3.gif) no-repeat 0 0;
	padding-top: 55px;
}
div.form div.header_text {
	padding: 10px;
}

div.form fieldset {
	margin-top: 0px;
	padding: 0px;
}

div.step div.form_item, 
div.brochure div.form_item, 
div.contacts div.form_item 
{
	background: url(/images/register_field_bg.gif) repeat-x 0 0;
	padding: 15px 10px;
}

div.callback div.form_item {
  clear:both;
  padding: 5px;
}

div.form div.form_item label {
	color: #43497B;
	font-size: 1.08em;
	font-weight: bold;	
}

div.form div.form_label {
    float:left;
    display:block;
}

div.step div.form_label, 
div.brochure div.form_label, 
div.contacts div.form_label 
{ 
	width: 230px;
}

div.callback div.form_label {
    width: 76px;
}


div.step div.form_field  {
	width: 500px;
}

div.brochure div.form_field,
div.contacts div.form_field  
{
	width: 296px;
}


div.form div.field_with_errors  div.field_with_errors {
	float: left;
	margin: 2px;
}

div.form div.form_error {
	background: url(/images/field_error_bottom.gif) repeat-x bottom left;
	margin-top: 1px;
	padding-bottom: 1px;
}
div.form div.form_error div.error_text {
	background: url(/images/field_error_bg.gif) repeat-y top left;
	border-right: 1px solid red;
}
div.form div.form_error div.error_text p {
	background: url(/images/field_error_top.gif) no-repeat top left;
	color: white;
	margin: 0px;
	padding: 12px 10px 4px;
}

div.callback div.form_error div.error_text p {
	background: url(/images/callback_field_error_top.gif) no-repeat top left;
}

/*div.form div.field_with_errors input {
	border: 1px solid #f60017;
	background-color: #fbc0c2;
	color: #f60017;
}
*/

div.step div.field_with_errors input,
div#step1 div.form_field input,
div#step3 div.form_field input
{
	width: 328px;
} 

div.step div.form_error {
	width: 334px;
}
div.step div.form_error div.error_text {
	width: 333px;
} 
div.step div.form_error div.error_text p {
	width: 314px;
}



div.brochure div.field_with_errors input,
div.contacts div.field_with_errors input,
div.brochure div.form_field input,
div.contacts div.form_field input 
{
	width: 252px;
}
div.brochure div.form_error,
div.contacts div.form_error  
{
	width: 258px;	
} 
div.brochure div.form_error div.error_text,
div.contacts div.form_error div.error_text 
{
	width: 257px;
}
div.brochure div.form_error div.error_text p, 
div.contacts div.form_error div.error_text p 
{
	width: 238px;
}

div.callback div.field_with_errors label {
	width: 72px;
}

div.callback div.field_with_errors input, 
div.callback div.form_field input {
	width: 140px;
} 
div.callback div.form_error {
	width: 146px
}
div.callback div.form_error div.error_text {
	width: 145px;
} 
div.callback div.form_error div.error_text p {
	width: 126px;
}

div.form select#call_back_string_time {
	margin-top: 10px;
}

div.form div.form_bottom {
	background: url(/images/form_bottom_550.gif) no-repeat bottom;
	height: 72px;
}

div.form div#form_button {
	float: right;
	padding: 20px 14px 10px 10px;
}

div.form input#callback_button {
	float:right;
	margin: 10px;
}

div.form div.next_step {
	background: url(/images/register_bg_bottom.gif) no-repeat 0 0;
	height: 72px;
	width: 800px;
}

div.form input.next_step {
	float: right;
	margin: 20px 30px;
}

div.form a.previous_step {
	float: left;
	margin: 20px 30px;
}

div.form a.previous_step img {
	border: 0;
}


div.thku_highlight_box {
	background-color: #BFD2F3;
	margin-top: 10px;
	padding: 10px 0 10px;
}
div.thku_highlight_box a {
	color: #465c96;
	font-weight: bold;
}

div.thku_link {	
	clear: both;
	width: 424px;
}
div.thku_link span {
	padding: 0 5px;
	vertical-align: text-bottom;
}

.result {
	background:url('../images/result-grad.png') top left repeat-x #fff;
	border:1px solid #c8c8c8;
	margin:0.8em 0;
	padding:5px;
	overflow:auto;
}

.result .mugshot {
	float:left;
	width:30%;
	padding:10px;
}

.result .about {
	float:right;
	width:50%;
}

.result .cb {float:left;clear:both;}

#member_search {
	float:right;
	clear:both;
}

#member_search form {
	margin:10px;
}

/*********************/
/* Hacks/Misc Styles */
/*********************/
.cf:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.cf {display: inline-block;}

/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */