/* Common Styles */

#debug_div
{
    background-color: white;
    font-size: 10px;
    margin-bottom: 20px;
}

#debug_div table
{
    border: 1px solid black;
}

body
{
background: #99BBFF url('../images/bg_blue.jpg') repeat-x;
background-attachment: fixed;
}

h1
{
	color: #003399;
	font-weight: bold;
	font-size: 1.4em;
	font-family: Futura, sans-serif; 
}

h2
{
	color: #0066CC;
	font-weight: bold;
	font-size: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

h3, .details_fieldset legend
{
	color: #003399;
	font-weight: bold;
	font-size: 1.2em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

h4
{
	color: #003399;
	font-weight: bold;
	font-size: 1.1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

h5
{
	color: #0066CC;
	font-weight: bold;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.blue_header
{
    color: #0066CC;
    font-weight: bold;
    font-size: 1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 10px;
}

input {clear: right;}
input[checkbox] {margin-right: 15px;}

.info {color: green; font-size: 14px;}
.error {color: red !important; font-size: 14px;}
.instruction {color: blue; font-size: 14px;} 
.black_text {color: black; font-size: 12px;}
.blink {text-decoration:blink}
.centered {text-align: center}

.text_align_right {text-align: right}
.text_align_left {text-align: left}
.float_left {float:left}
.float_right {float:right}
.clear_both {clear:both}
.clear_left {clear:left}
.clear_right{clear:right}
.valign_top {vertical-align:top}
.img_link 
{
	cursor: pointer;
	text-decoration: none;
} 
.img_link img {border:none}
.space_right {margin-right: 12px;}
.space_left {margin-left: 12px;}
.half_width {width: 50%}
.three_fourths_width {width: 75%}
.overflow_auto {overflow: auto;}
.profile_img_link
{
	width: 164px;
	text-align: center;
	display: block;
	float: left;
	margin: 1px;
}
.small_grey_text {
    color: #333333;
    font-size: 12px;
}

.profile_img_link img {margin-left: 5px;}
.tags {margin-left: 5px;}

.visible {display: block;}

.error_msg_hidden, .hidden
{
    display: none;
}

.error_msg_visible
{
    color: red;
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}


#wrapper_div
{
    border: 1px #042B5E solid;
    background-color: #fcfdeb;
    width: 800px;
    margin: -9px auto 0px;
    padding: 0px;
}

#header_div
{
    background: transparent url('../images/header.jpg') top left no-repeat;
    width: 800px;
    height: 355px;
}

#body_div
{   
    margin:0px 30px;
}

#footer_div
{
    padding: 30px 10px 5px 10px;
    border-top: 1px black solid;
    font-size: 12px;
}

#header_table
{
    width: 800px;
}

.footer_link
{
	color: blue;
	text-decoration: none;
}


/* Page Links in the Header */
#page_links_list {color: #f9197d; font-size: 14px; line-height: 18px;}
.page_link {color: #f9197d; text-decoration: none;}
.page_link:hover {color: blue; text-decoration: none;}
#page_link1 {margin-left: -30px;}
#page_link2 {margin-left: -15px;margin-top: 0px;}
#page_link3 {margin-left: 0px;margin-top: 0px;}
#page_link4 {margin-left: 15px;margin-top: 0px;}
#page_link5 {margin-left: 30px;margin-top: 0px;}
#page_link6 {margin-left: 20px;margin-top: 7px;}

/* form element spacer */
.form_spacer { margin-top: 2px}


/* Form Styles */
#err_login{width: 250px}

.form_text
{
	width: 250px;
}

/* Login Items */
.login_bar
{
    margin: 10px;
}

.login_label
{
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
}

.login_input
{
    width: 80px;
    height: 14px;
    border: 1px solid;
    margin-right: 10px;
}

#login_bar_parent_menu, #login_bar_sitter_menu
{
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}


#my_actions_div{margin-top: 10px;}


.action_items
{
	float: right;
	margin: 5px 10px 5px 10px;
}

.action_link_disabled
{
    font-size: 12px;
    color: grey;
    margin-right: 10px;
    text-decoration: none;
}


.action_link
{
    font-size: 12px;
    color: blue;
    margin-right: 10px;
    text-decoration: none;
}

.action_link:hover
{
    color: #0099ff;
}


/* Link Styles */
.black_red_link
{
    color: #000000;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.black_red_link:hover
{
    color: red;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

/*Layout styles */
.two_column_left_content
{
    width: 50%;
    float: left;
}

.two_column_right_content
{
    width:50%;
    float: right;
}


/* Form Styles */
.form_box
{
    border: 1px solid #cccccc;
    padding: 5px;
    background-color: #ffffff;
}

.form_box_title
{
    height: 30px;
    background: transparent url('../images/form_box_title_bg.jpg') top left repeat-x;
    color:#FFFFFF;
    font-size:1.4em;
    font-weight:bold;
    line-height:30px;
    padding-left:5px;
}

.input_item
{
	clear: both;
    font-size: 14px;
    margin: 5px;
}


/* Search Form Styles */

.admin_search_label
{
	color: #215495;
	font-size: 12px;
	float: left;
	width: 60px;
}

.admin_search_input
{
    width: 100px;
    float: left;
    margin-bottom: 5px;
}

.short_label
{
	color: #215495;
	font-size: 12px;
	float: left;
	width: 120px;
}


.long_label
{
	color: #215495;
	font-size: 12px;
	float: left;
	width: 200px;
}

.medium_label
{
	color: #215495;
	font-size: 12px;
	float: left;
	width: 160px;
}


.shorter_label
{
	float: left;
	width: 100px;
}

.shortest_label
{
	float: left;
	width: 50px;
}


#search_form_box 
{
	clear: right;
    float: right;
    margin: 20px 00px 20px 20px;
	width: 300px;
}

#search_zip, #sitter_type
{
	margin-left: 10px;
	width: 140px;
}


/* Filter Box Styles */

#search_results_filter_bar
{
	border: 2px #cccccc solid;
	padding: 5px;
}

#sitters_search_filter {}

.filter_label
{
	color: #215495;
	font-weight: bold;
	margin-right: 10px;
	display: block;
	width: 90px;
	font-family: "Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
	font-size: .9em;
}

.filter_button {margin: 3px 0 0 20px;}

/* Search Results Styles */
.sitter_profile_header
{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 740px;
}

.sitter_header_top {height: 13px; background-color: #FCFDEB;}

.sitter_header_mid_white {background: url('../images/header_white_mid.jpg') top left repeat-y; overflow:auto;}
.sitter_header_mid_purple {background: url('../images/header_purple_mid.gif') top left repeat-y; overflow:auto;}
.sitter_header_mid_blue {background: url('../images/header_blue_mid.gif') top left repeat-y; overflow:auto;}

.sitter_header_bottom {height: 18px;}

#sitter_profile_view
{
    overflow: auto;
}

.info_label
{
    margin-right: 20px;
}

.description_div
{
    color: #215495;
    font-size: 14px;
}

.tags
{
    clear: both;
}

.description_item
{
    clear: right;
    margin-left: 25px;
	width: 540px;
    float: left;
}

.sitter_info
{
	
}

.title_link
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #0066FF;
	font-weight: bold;
	text-decoration: none;
}

.title_link:hover
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: blue;
	font-weight: bold;
	text-decoration: none;
}

.sitter_name
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin: 5px 5px 5px 25px;
	font-size: 14px;
	color: #0066FF;
	font-weight: bold;
	float: left;
}

.sitter_name_no_margin
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #0066FF;
	font-weight: bold;
	float: left;
}


.blue_label
{
    color:#215495;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:bold;
    margin: 2px 5px 2px 5px;
}

.blue_text
{
    color:#215495;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    text-align:justify;
}

.dark_blue_label, .form_fieldset legend
{
    color: #000066;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: justify;
    font-weight: bold;
}

.job_info_div
{
	clear: right;
	float: left;
	margin-left:25px;
	width: 520px;
}

/* Overlay stuff */
/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background-image:url(../images/white_half.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:235px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding: 20px 55px 10px 55px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(../images/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

div.wrap { 
    height:250px; 
    overflow-y:auto; 
}

/* Mailbox Stuff */
#mailbox_link
{
	color: blue;
	text-decoration: underline;
	cursor: pointer;
	font-size: .9em;
}

.unread_message
{	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}

.read_message
{
	font-weight:normal;
	cursor: pointer;
	text-decoration:underline;
}

#messages_table th, #messages_table td
{
	font-size: .9em;
	color: #215495;
	padding: 5px;
}

#messages_table td, #messages_table th, #messages_table
{
	border: 1px solid #cccccc;
}

#message_table th, #message_table td
{
	font-size: .9em;
	color: #215495;
	padding: 5px;
}

#message_table
{
	width: 100%;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}

.mail_action
{
	color: #215495;
	text-decoration:none;
	cursor:pointer;
}

#message_top_header
{
	background: url(../images/envelope_big.jpg) top right no-repeat;
}

#favorites_header
{
	background: url(../images/favorites_logo.jpg) top right no-repeat;

}

/* Block Quote stuff */
blockquote 
{
	display: block;
	padding: 0 0px;
	width: 350px;
	color: #666666;
}

blockquote:before, blockquote:after 
{
	color: #69c;
	display: block;
	font-size: 700%;
	width: 50px;
}

blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.55em;
}

blockquote:after 
{
	content: close-quote;
	height: 50px;
	margin-top: -70px;
	margin-left: 330px;
}

.faq_answer font, .faq_answer
{
	font-size: 14px !important;
	color: #006699;
	margin-bottom: 10px;
}

.category_list_item
{
	font-size: 14px;
	color: #006699;
	cursor: pointer;
	line-height: 16px;
	margin-bottom: 5px;
	text-decoration: none;
}

.greeting
{
float:left;
width: 400px;
}

.parent_info_table th, .job_info_table th
{
	
	font-family: "Trebuchet MS",Arial,Verdana,Helvetica,sans-serif; 
	font-size: .9em;
	font-weight: bold;
	text-align: left;
}
 
/* Form element styles */
.short_input {width: 100px}
.med_input {width: 150px}
.long_input {width: 350px}

.testimonial_image 
{
	float: left;
	margin: 8px; 
	/*margin-top: -60px;*/
	width: 120px;
}

.logo_link img {width: 120px;}

.brett_logo img {width: 240px;}
 
.new_link 
{
	color:#FF3366;
	font-size: 16px;
	text-align: center;
	text-decoration: underline;
}

.details_fieldset
{
	background-color: white;
}

.resume_info_table
{
	width: 100%;
}

.profile_info_div
{
    float: left;
	width: 100%;
}

.signup_link {display: block; float:right; clear: right}

.service {margin: 15px;}

#how_it_works_div {background-color: white;}

#how_it_works_div img 
{ 
	width: 300px;
	margin: 5px;
}

.sparkle_blue
{
    background: url('../images/sparkle_blue.gif') #aabbff;
}

.sparkle_purple
{
    background: url('../images/sparkle_purple.gif') #CC99FF;
}

#search_results_filter_bar {background-color: white}

.pagination_div
{
	text-align: right;
}

.pagination_blue 
{
	color: blue;
	font-size: 12px;
	text-decoration: none;
}

.pagination_grey 
{
	color: grey;
	font-size: 12px;
	text-decoration: none;
}

.content_div
{
    background-color: white;
}

#links {height: 50px;}

#links a
{
    margin-right: 15px;
    margin-top: 10px;
}

.centered_link
{
    text-align: center;
    font-size: .9em;
    text-decoration: underline;
    color: blue;
}

.purple_link
{
    color: #e87ab0;
}

.franchise_link
{
    color: #2c6db1;
}

.franchise_info
{
    padding: 2px;
}

.franchise_info p, li
{
    font-size: .9em;
}

.post_job_button
{
    margin-left: -25px;
}