/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body {height: 100%;}
body
{
	background: url('../images/paw_tile.jpg') repeat-x top left;
	font-family: arial, verdana;
	font-size: .8em;
	color: #3b3b3b;
}

/* Global links */
a:link {color: #3b3b3b; text-decoration: none; }
a:active {color: #3b3b3b; text-decoration: none; }
a:visited {color: #3b3b3b; text-decoration: none; }
a:hover {color: #3b3b3b;  text-decoration: underline; }
a:visited:hover {color: #3b3b3b; text-decoration: underline; }

/* Generic classes */
.left { float: left; }
.right { float: right; }
.clearing { clear:both; font-size: 1px; height: 1px; color: #fff; }
.clearing-dots { clear:both; font-size: 1px; height: 1px; border-bottom: 1px dotted #3b3b3b; }
.clearing-solid { clear:both; font-size: 1px; height: 1px; background-color: #e9e9e9; border: none;}
.clearing-divider { clear:both; font-size: 1px; height: 1px; background-color: #e9e9e9; border: none; margin: 10px 4px;}
.clear { clear:both; }
.stack { margin: 0px 0 10px 0;  clear:both;}
.centered { text-align: center; }
.icon { border: 0px; vertical-align: center; margin-right: 4px; } 
.table-row 
{
	padding: 4px 0 10px 0;
	clear: both;
	width: 100%;
}
.action-link { text-align: right; } 
.sub-title { color: #f49e45; }
.info { margin-bottom: 5px; padding: 0px 3px 5px 3px; } 
.bodycopy { margin-bottom: 5px; padding: 5px 10px 5px 10px; } 
.overdue { color: #f49e45; }
.server_message { display: none; padding: 10px; color: #3b3b3b; border: 1px solid #3b3b3b; margin: 5px 0;}
#reply-server-response { padding: 10px; color: #3b3b3b; margin: 5px 0;}
h4.title-header {  color: #58a5c4; margin-bottom: 10px; } 
#global_message 
{
	 display: none;
	 padding: 10px;
	 margin: 5px;
}

/* Forms */

.form-label
{
	float:left;
	margin:0;
	padding: 0 10px;
	width: 150px;
	padding: 0px10px;
	font-weight: bold;
	text-align: right;
}
.form-data
{
	float:right;
	margin:0;
	padding: 0 10px;
	width: 240px;
}
label
{
	padding: 2px 8px 10px 18px;
	color: #3b3b3b;
	
}
label.error
{
	background: url(../images/unchecked.gif) 0px 3px no-repeat;	
}
label.checked
{
	background: url(../images/checked.gif) 0px 3px no-repeat;
}

input, textarea, select
{
	font-family: arial, verdana;
	font-size: .9em;
	margin: 0px 4px;
	padding: 0px;
	float: none;
}
input[type=text], input[type=password], textarea { padding: 2px 4px; } 
input.xlarge_text
{
	width: 320px;	
}
input.large_text, textarea, select.large
{
	width: 220px;	
}
textarea
{
	height: 100px;
}
input[type=checkbox] { border: none; }


select.country_limit { width: 180px; }
.destination-sublabel  { width: 50px; display: inline; text-align: right; float: left; padding-top: 3px;}
.date-sublabel  { width: 70px; display: inline; text-align: right;  float: left; padding-top: 3px;}
input.med_text 
{
	width: 110px;	
}
input.small_text 
{
	width: 40px;	
}
.errors p { padding: 3px; color: #FF1414; font-weight: bold; } 
div.formFieldServerError{ padding: 3px; color: #FF1414; font-weight: bold;}
div.formFieldError{ padding: 3px; color: #FF1414; font-weight: bold; display: none;}
#accepted { margin-left: 2px; }


/* Main Layout */

#wrapper
{
	border: 1px solid black;
	margin: 0 auto;
	background-color: #fff;
	width: 830px;

}

#content
{
}

#page-body
{
 width: 620px;
 float: left;
}

#page-content
{

}

#page-left, #public-left
{
	width: 103px; 
	float: left;
	padding: 20px 10px;
	border-right: none;

}
#public-left
{
	border-right: none;
	width: 124px; 
	padding: 20px 10px;
	z-index: 20;
}
#public-left .sub-nav
{
	padding-left: 5px;
}
#page-main
{
	width: 496px;
	float: right;
	border-left: 1px solid #f49e45;
}
/* Footer */
.footer { margin: 20px 10px 10px 10px; text-align: center;}
.footer-nav, .copy
{
	text-align: center;
	font-size: 85%;
	padding-bottom: 5px;
}
.copy { margin: 10px; }

/* Homepage */
#public-main
{
	width: 460px;
	float: right;
}
#public-main .interior-header h3
{
	font-size: 1.2em;
}
#current-jobs
{
	position: relative;
	z-index: 100;
}

.job-filters .active
{
	font-weight: bold;
}

#jobs_list
{
	padding: 5px 10px;
}
ul.public-job-list li
{
	float: left;
	padding: 5px;
	margin: 5px 0;
}

ul.public-job-list li.job-list-image { width: 60px; }
ul.public-job-list li.job-list-details { width: 300px; }
li.job-list-details h4.job-location { color: #f49e45; font-size: 1.1em; }
li.job-list-details p.job-name { padding: 5px 5px 0px 5px; } 
li.job-list-details p.job-description { padding: 5px 5px 0px 5px; }
li.job-list-details p.job-post-date  { padding: 5px 5px 0px 5px;  color: #58a5c4;  font-size: .8em;}

/* Login box */
#login-header
{
	background: #59a8c7 url("../images/login_top.jpg") no-repeat top right;
	padding: 0px 20px 6px 0px;

}
#login-header h3
{
	color: #fff;
	background: #59a8c7 url("../images/login_top-left.jpg") no-repeat top left;
	padding: 10px 20px 6px 10px;
}

#login-interior
{
	padding: 0px 10px;
	color: #fff;
	background: #4e94ae url( ../images/login_bg.jpg) top left repeat-x; )
}
#register { padding-left: 10px; }
#login-interior img  { vertical-align: middle; margin-right: 3px; }
#login-interior a { color: #fff; }
#login-interior a:hover { color: #fff; }
#login-interior a.reminder { font-size: .8em; }
#login-interior .table-row { padding: 4px 0px; }
.login-divider { margin: 4px 0px; height: 1px; font-size: 1px; border-bottom: 1px dotted #fff; } 
input.login_text 
{
	width: 120px;	
}
#login-footer
{
	background:url("../images/login_bottom.jpg") no-repeat top right;
	height: 9px;
	margin-bottom: 10px;
}
#login-footer div
{
	background:url("../images/login_bottom-left.jpg") no-repeat top left;
	height: 9px;
	margin: 0px 10px 0px 0px;
	font-size: 1px;
}
/* Login page */
#public-login-form
{
	padding: 10px 150px 10px 0;
}
#public-login-form #login-page-button
{
	padding: 3px 12px;
	margin-left: 5px;
	background:  #59a8c7;	
	float: left;
}
#login-page-button a { color: #fff; text-transform: uppercase; font-weight: bold; }
#login-page-forgot {}
.resource-protected
{
	background: #FFF9D7;
	border: 1px solid #ccc;
	padding: 10px 10px;
	margin: 10px 0px; 
}
/* Flash related */
#small_flash_div
{
	height: 115px;	
	overflow: hidden;
}
#main_flash_div
{
	height: 165px;	
	overflow: hidden;
}
#featured_pet_flash
{
	position: relative;
	z-index: 1;
	height: 180px;	
	overflow: hidden;
}
#main_flash_wrapper #spacer
{
	display: none; 
	visibility: hidden;
	border: 0px; 
	z-index: 0;
}
#main_flash_wrapper #page
{
	position:relative;
	overflow:visible;
	z-index:7;
	top: 0px;
	left: 0px;
	zoom: 1;
}
#small-flash-wrapper #spacer
{
	display: none;
	visibility: hidden;
	border: 0px; 
	z-index: 0;

}
#small-flash-wrapper #page
{
	position:relative;
	overflow:visible;
	z-index:7;
	top: 0px;
	left: 0px;
	zoom: 1;
}
.flash_show
{
	position:relative;
	z-index:0;
	width:620px;
	padding-left: 20px;
	padding-top: 3px;
}
	
#spacer2
{
	display:none; 
	border: 0px; 
	z-index:0;
}

/* -- Banner space -- */
.banner
{
	text-align: center;
	text-transform: uppercase;
	padding: 5px;
	background-color: #ddd;
}

#top-banner
{
	height: 90px;
	padding: 5px 50px;
}
#right-banner
{
	float: right;
	width: 160px;
	height: 600px;
	padding: 10px 15px;
}

/* Navigation Bars */

/* -- Main Navigation Bar -- */
#nav_header
{
	width: 100%;
	background: #e5e5e5 url(../images/top_nav_bg.jpg) top left repeat-x;
}
#nav_header ul
{
	margin: 0px;
	padding: 0px;
}
#nav_header  ul li
{
	float: left;
	padding: 10px 20px;
	font-family: verdana, arial;
	font-size: 1.2em;
	color: #3b3b3b;
}
#nav_header ul li.divider
{
	height: 30px;
	width: 2px;
	margin: 0px;
	padding: 0px;
	background: #e5e5e5 url(../images/top_nav_div.jpg) top left no-repeat;
}
#nav_header  ul li.active
{
	font-weight: bold;
}

/* -- Secondary Navigation Bar -- */
#secondary-nav
{
	padding: 15px 0px 0px 10px;
}
.welcome
{
	margin-bottom: 5px; 
}
.nav_bar_top
{
	
}
.welcome, .logout
{
}
.logout a#username
{
	color: #619bb1;
	font-weight: bold;
}
#home-secondary-nav
{
	border: 1px solid #e9e9e9;
	border-top: none;
	border-bottom: none;
	margin: 0px 3px 0 0;
	padding-top: 5px;
} 
#secondary-nav ul
{
	margin: 0px 0px 0px 110px;
	padding: 0px;
	
}
#home-secondary-nav ul
{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	
}
#secondary-nav  ul li, #home-secondary-nav ul li
{
	float: left;
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
	background:url("../images/inactive_tab_right.gif") no-repeat top right;
}
#secondary-nav  ul li a, #home-secondary-nav ul li a
{
	display: block;
	padding: 5px 20px;
	background:url("../images/inactive_tab_left.gif") no-repeat top left;
}
#home-secondary-nav ul li a 
{
	color: #fff; 
}
#home-secondary-nav ul li
{
	background:url("../images/active_tab_right.gif") no-repeat top right;
	font-size: 1.0em;
}
#home-secondary-nav ul li a
{
	background:url("../images/active_tab_left.gif") no-repeat top left;
}
#secondary-nav  ul li.active, #home-secondary-nav ul li.active
{
	background:url("../images/active_tab_right.gif") no-repeat top right;
}
#secondary-nav  ul li.active a, #home-secondary-nav ul li.active a
{
	font-weight: bold;
	background:url("../images/active_tab_left.gif") no-repeat top left;
}
#home-secondary-nav ul li.active
{
	background:url("../images/inactive_tab_right.gif") no-repeat top right;
}
#home-secondary-nav ul li.active a
{
	font-weight: bold;
	background:url("../images/inactive_tab_left.gif") no-repeat top left;
}
#home-secondary-nav ul li.active a
{
	font-weight: bold;
	color: #58a5c4;
}


/* -- Third Level Navigation Bar -- */
#third-nav 
{ 
	margin-top: 0px;
	background: #f49e45; 
	clear: both;
}
#third-nav ul
{
	margin: 0px 0px 0px 140px;
	padding: 0px;
}
#third-nav  ul li
{
	float: left;
	padding: 5px 20px 5px 5px;
}

#third-nav  ul li.active
{
	font-weight: bold;
}

/* Left Navigation */
#page-left ul li
{
	padding: 5px 0px;
}
#page-left ul li.active
{
	font-weight: bold;
}
#page-left ul li.new-item
{
	background:url("../images/new_mail_icon.jpg") no-repeat right;
}
.nav-seperator
{
	padding: 0px;
	heigh: 1px;
	font-size: 1px;
	margin: 15px 5px;
	border-bottom: 1px dotted #3b3b3b;
}

.sub-nav h4 { color: #58a5c4; margin-bottom: 10px;}
.sub-nav ul { margin-left: 15px; }
.sub-nav ul li { padding: 3px 0px; }

/* Breadcrumbs */
div#breadcrumb
{
	border-bottom: 2px solid #eaeaea;
	padding: 5px 20px;
	text-transform: uppercase;
	font-size: 1.1em;
}
/* Pagination */
#pagination-links
{
	text-align: right;
}
.active-page
{
	font-weight: bold;	
}
/* Home Section Pages */
.profile .profile-image
{
	float: left;
}
.profile .profile-image .profile-image-cell
{
	padding: 10px;
	width: 150px;
	height: 150px;
	
}
.profile .account-data, .member-links
{
	float: right;
	width: 320px;
}
.member-links
{
	padding: 25px 0px;
}
.profile .sitter-profile-info
{
	float: right;
	width: 320px;
}
.user-label
{
	float:left;
	margin:0;
	padding: 0 10px;
	width: 100px;
	padding: 0px10px;
	font-weight: bold;
}
.user-data
{
	float:right;
	margin:0;
	padding: 0 10px;
	width: 300px;
}
.service-label
{
	float:left;
	margin:0;
	padding: 0 10px;
	width: 150px;
	padding: 0px10px;
	font-weight: bold;
}
.service-data
{
	float:right;
	margin:0;
	padding: 0 10px;
	width: 250px;
}

.profile .friends
{

}

/* Friends Section */
div.friends-list ul
{
	margin: 0px;
	padding: 0px;
}
div.friends-list li
{
	float: left;
	padding: 10px 20px 10px 5px;
}
.profile-thumb, .profile-name
{ 
	text-align: center; 
	margin: 5px;
	margin-top: 10px;
}

/* Main content shells */

/* Interior Content */
.inside { padding: 0px 0 0 5px; }
.interior-header
{
	background:url("../images/interior_header_bg.gif") no-repeat top right;
	margin-top: 10px;
}
.interior-header h3
{
	background:url("../images/interior_header_bg-left.gif") no-repeat top left;
	padding: 10px 20px 6px 10px;
}
.interior-content
{
	border: 1px solid #e9e9e9;
	padding: 8px;
	border-bottom: none;
}	
#public-main .interior-header
{
	margin: 0px 3px 0 0;
}
#public-main .flash-interior-content
{
	margin: 0px 3px 0 0;
	padding: 0 0 0 1px;
	border: none;
}
#public-main .interior-content
{
	margin: 0px 3px 0 0;
	padding: 5px 10px;
	background: #f3f3f3;
}
#public-main .public-listing
{
	width: 440px;
}
.interior-footer
{
	background:url("../images/interior_footer_bg.gif") no-repeat top right;
	height: 9px;
}
.interior-footer div
{
	background:url("../images/interior_footer_bg-left.gif") no-repeat top left;
	height: 9px;
	margin: 0px 10px 0px 0px;
	font-size: 1px;
}
#public-main .interior-footer
{
	margin: 0px 3px 0 0;
	border: none;
}

.table-header
{
	background: #d9d9d9 url("../images/table-header-bg.gif") repeat-x top left;
}
.listing ul,  ul.recent_job_listing
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.listing  ul li,  ul.recent_job_listing li
{
	float: left;
}
ul.recent_job_listing li
{
	
}
.table-header
{
	padding-left: 5px;
}
.listing .table-header ul li
{
	text-align: center;
	font-weight: bold;
	
}
.content-row-top
{
	background:url("../images/content-row-top.jpg") no-repeat top right;
	height: 4px;
	margin: 5px 0px 0px 0px;
	font-size: 1px;
}
.content-row-top-left
{
	background:url("../images/content-row-top-left.jpg") no-repeat top left;
	height: 4px;
	margin-right: 20px;
	font-size: 1px;
}
.content-row, .content-row-alt
{
	padding: 0px; 
	border: 1px solid #e9e9e9;
	border-top: none;
	border-bottom: none;
}
.content-row-alt
{
	background-color: #f5f5f5;
}
.content-row-bottom
{
	background:url("../images/content-row-bottom.jpg") no-repeat top right;
	height: 3px;
	margin: 0px;
	font-size: 1px;
}
.content-row-bottom-left
{
	background:url("../images/content-row-bottom-left.jpg") no-repeat top left;
	height: 3px;
	margin-right: 20px;
	font-size: 1px;
}
/* Messages */
#message_listing .new-item li, 
#message_listing .new-item a:link, 
#message_listing .new-item a:visited, 
#message_listing .new-item a:active, 
#message_listing .new-item a:hover, 
#message_listing .new-item a:visited:hover
{
	font-weight: bold;
}

#message_listing .job-offer li, 
#message_listing .job-offer a:link, 
#message_listing .job-offer a:visited, 
#message_listing .job-offer a:active, 
#message_listing .job-offer a:hover, 
#message_listing .job-offer a:visited:hover
{
	color: #f49e45;
}

.message-title
{
	float: left;
	padding: 5px;
}
.message-content
{
	height: 200px;
	overflow-y: auto;
	border: 1px solid #aaa;
	margin: 10px;
	padding: 10px;
}

#message-details-job-div
{
	margin-top: 5px;
}
/* Services */
.block-no-pay-rate, .inline-no-pay-rate { display: none; }
.block-pay-rate { display: block; }
.inline-pay-rate { display: inline; }
.message-reply
{
	height: 200px;
	width: 95%;
	padding-left: 10px;
}
/* Ratings */
.ratings-header
{
	background:url("../images/rating-totals-top-right.jpg") no-repeat top right;
	margin-top: 10px;
}
.ratings-header h3
{
	background:url("../images/rating-totals-top.jpg") no-repeat top left;
	padding: 10px 10px 6px 20px;
	margin-right: 30px;
}
.rating-titles
{
	border-bottom: 1px solid #3b3b3b;
}
.rating-category
{
	width: 40%;
	float: left;
	font-weight: bold;
	font-size: .9em;
	padding: 10px;
	text-align: center;
}
.rating-total
{
	width: 40%;
	float: left;
	padding: 10px;
	text-align: center;

}
.rating-total p
{
	padding: 5px;
}
.rating-totals .interior-content
{
	padding: 0px;
}	

.rating-label
{
	width: 40%;
	float: left;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
	color: #f49e45;
	
}
.rating-data
{
	width: 55%;
	float: right;
}

#rating_listing .new-item li, 
#rating_listing .new-item a:link, 
#rating_listing .new-item a:visited, 
#rating_listing .new-item a:active, 
#rating_listing .new-item a:hover, 
#rating_listing .new-item a:visited:hover
{
	font-weight: bold;
}

/* Pet Listing */ 
ul.pets-list ul
{
	margin: 0px;
	padding: 0px;
}
ul.pets-list li
{
	float: left;
	padding: 10px 20px 10px 5px;
}
.profile-thumb, .profile-name
{ 
	text-align: center; 
	margin: 5px;
	margin-top: 10px;
}
/* Registration pages */
.registration_path { margin: 30px 0px; }
/* Help page */
.faq { margin: 30px 0px; }
.faq h4 { color:#58a5c4; padding: 0px 5px 10px 0px; }
.question { padding: 0px 5px 10px 0px; font-weight: bold; } 
.answer { padding: 0px 10px 10px 5px; } 
/* Legal Pages */
.legal { margin: 30px 0px; }
.legal h1, .legal h2 { color:#3b3b3b; padding: 0px 5px 10px 0px; }
.legal p { padding: 0px 10px 10px 5px; } 

/* Gallery page */
.galleria{list-style:none; margin: 0 30px;}
.galleria li{display:block;width:45px;height:45px;overflow:hidden;float:left;margin:0 0px 0px 10px; text-align: center;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.galleria_container 
{
	text-align: center;
	height: 415px;
	
}
.galleria_wrapper
{
	height: 395px;
}
.galleria_container span.caption
{
	margin: 0px 0;
}
.galleria_wrapper img
{
	border: 5px solid #58a5c4;
	vertical-align:middle;
}

#edit-link
{
	padding: 8px 55px;
	text-align: right;
	
}
#action-link
{
	padding: 8px 25px;
	text-align: right;
	
}
.assigned-status { padding: 15px 25px 15px 0px; }
.action-img {vertical-align: middle; margin-right: 5px; margin-top: 0px; }
/* Job Listing Table */ 
#job_listing li { padding: 4px;}
#job_listing .job_id { width: 40px; text-align: center; } 
#job_listing .job_pet { width: 60px; text-align: center; } 
#job_listing .job_dates {  width: 75px; text-align: left; } 
#job_listing .job_title {  width: 125px; text-align: left;  } 
#job_listing .job_status { width: 65px; text-align: center; } 
#job_listing .job_action {  width: 70px; text-align: left; ; }
#job_listing .job_action li { padding: 2px 0px; }

.recent_job_listing li { padding: 4px;}
.recent_job_listing .job_pet { width: 60px; text-align: center; } 
.recent_job_listing .job_owner {  width: 90px; text-align: left; } 
.recent_job_listing .job_dates {  width: 55px; text-align: left; } 
.recent_job_listing .job_title {  width: 180px; text-align: left;  } 

/* Journal Listing Table */
#journal_listing li { padding: 4px;}
#journal_listing .journal_id { width: 40px; text-align: center; } 
#journal_listing .journal_dates { width: 75px; text-align: left;} 
#journal_listing .journal_job_title { width: 210px; text-align: left; } 
#journal_listing .journal_entry { width: 130px; text-align: left;  } 
#journal_listing .journal_entry li { width: 130px; text-align: left; padding: 4px 0px;} 

/* Message Listing Table */
#message_listing li { padding: 4px;}
#message_listing .message_date { width: 55px; text-align: center;} 
#message_listing .message_job { width: 95px; } 
#message_listing .message_sender { width: 105px; } 
#message_listing .message_subject { width: 130px; } 
#message_listing .message_action { width: 50px; text-align: center; }

/* Rating Listing Table */
#rating_listing li { padding: 4px;}
#rating_listing .rating_id { width: 45px; text-align: center; } 
#rating_listing .rating_dates { width: 75px; text-align: left;} 
#rating_listing .rating_comments { width: 190px; text-align: left;} 
#rating_listing .rating_member { width: 75px; text-align: center; } 
#rating_listing .rating_average { width: 45px; text-align: center; }

/* Sitter Browse Table */
#sitter_browse li { padding: 4px; }
#sitter_browse .sitter_photo { width: 70px; text-align: center; } 
#sitter_browse .sitter_username { width: 110px; text-align: left; }  
#sitter_browse .sitter_location { width: 60px; text-align: left;  } 
#sitter_browse .sitter_info { width: 140px; text-align: left; } 
#sitter_browse .sitter_action { width: 60px; text-align: center; } 
#sitter_browse .sitter_action li { padding: 2px 0px; }

/* Job Browse Table */
#job_browse li { padding: 4px;}
#job_browse .job_id { width: 20px; text-align: center; } 
#job_browse .job_pet { width: 60px; text-align: center; padding: 5px 0px; }  
#job_browse .job_owner { width: 80px; text-align: left;  } 
#job_browse .job_dates { width: 75px; text-align: left; } 
#job_browse .job_title { width: 90px; text-align: left; } 
#job_browse .job_status { width: 60px; text-align: left; } 
#job_browse .job_action { width: 50px; text-align: center; } 
#job_browse .job_action li { padding: 4px 0px; }

/* Object Details*/
/* Details */
#details_panel
{
	display: none;
}
.object_details_shell, .details_shell 
{ 
	background-color: #fff; 
	border: 0px;
}

 .details_shell
 {
 	width: 400px;
 }
.details-title, .details-header
{
	font-weight: bold;
	font-size: 1.2em;
	float: left;
	width: 80%;
	padding: 10px;
	color: #f49e45;
}
.loading
{
	height: 100px;
	background: #fff url('../images/ajax-loader.gif') center no-repeat;
}

.object_details_header, .object_details_header
{
	font-weight: bold;
	padding: 10px 5px 0px 5px;
}
.detail-label, .dialog-label
{
	width: 20%;
	float: left;
	font-weight: bold;
	color: #f49e45;
	
}
.detail-data, .dialog-data
{
	width: 75%;
	float: right;
}
.object_details_close, .dialog-close
{
	float: right;
	padding: 5px;
	
}
.object_details_title 
{ 
	float: left; 
}
.details_header
{
	font-weight: bold;
	text-decoration: underline;	
}

.object_details_content
{
	clear: both;
	padding: 10px;
}
.fixed { height: 330px; overflow-y: scroll; }
.fixed p { padding: 10px 0; }
.action-buttons
{
	text-align: center;
}

.job-detail-right
{
	float: right;
	width: 47%;
}
.job-detail-left
{
	float: left;
	width: 47%;
}
.job-detail-content
{
	padding-top: 5px;
}
.pet_image
{
	padding-top: 5px;
}
.pet_image img
{
	vertical-align: top;
	float: left;
}

.sitter_list li, .friend_list li
{
	text-align: left;
    float: left;
    padding: 3px 10px 3px 10px;
    margin: 5px;
}
.friend_list li
{
	text-align: center;
}
.sitter_detail img
{
	vertical-align: top;
	float: left;
}

/* Datepicker */
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 100px;
	float: left;
	margin-left: 10px;
}

/* Browse pages */
#browse-left 
{
	float:left;
	height:600px;
	padding:20px 0px 20px 2px;
	width:119px;
	font-size: .9em;
}
#browse-left  input
{
	margin: 0 2px 0 2px;
	border: none;
}
#browse-left  label
{
	overflow: none;
	white-space: nowrap;
	padding: 0px;
	color: #3b3b3b;
}
.browse-filter-header
{
	margin: 0px 10px 0px 5px;
	padding: 3px 5px 10px 0px;
	cursor: pointer;
}
.browse-filter-section
{
	display: none;
	
}
.active-filter
{
	background: url("../images/arrows.gif")  no-repeat right -2px ;
}
.inactive-filter
{
	background: url("../images/arrows.gif")  no-repeat right -25px ;
}

select#distance { margin-left: 10px; }

.counts 
{
	background:url("../images/new_mail_icon.jpg") no-repeat left;
	padding: 5px 5px 5px 25px;
	margin-left: 2px;
}
.friend-counts 
{
	padding: 5px 5px 5px 25px;
	margin-left: 2px;
}
.count { font-weight: bold; }

.jqmWindow { width: 400px; } 
.jqmWindowExt { width: 600px; } 

#personality-select select
{
	width: 110px;
}

.no_notifications { padding: 10px 5px 15px 10px; }