/* styles for Premier Image Agency Site  - 9-29-08 - 13.41*/

@import url(/site_media/css/image_type.css);

html,body { height: 100%; min-height: 100%; }

img { border: none; }

.clear { clear: both; }

body {
	background: #fff url(/site_media/images/body-bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
	font: 12px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	height: 100%;
	}

div#outer {
	height: auto;
	min-height: 100%;
	width: 950px;
	margin: 0 auto;
	background: #fff /*url(/site_media/images/bgglow.jpg) repeat-*/;
	}

div#wrapper {
	height: auto;
	min-height: 100%;
	width: 850px;
	margin: 0 auto;
	}
	
div#top {
	width: 100%;
	height: 125px;
	padding-top: 5px;
	}
	
div#logo {
	width: 300px;
	height: 107px;
	float: left;
	margin-left: 5px;
	}
	
div#meta {
	width: 500px;
	height: 110px;
	float: right;
	margin-right: 10px;
}

div#meta_login {
	width: 100%;
	text-align: right;
	height: 18px;
	font: bold 12px "Trebuchet MS",Verdana,Arial,Helvetica;
	padding-bottom: 5px;
}

div#meta_info {
	width: 98px;
	clear: both;
	float: right;
	height: 15px;
	text-align: center;
	font: 12px "Trebuchet MS",Verdana,Arial,Helvetica;

}

div#meta_avatar {
	width: 96px;
	height: 96px;
	float: right;
	border: 1px dotted grey;
	}
	
div#content { 
	width: 850px;
	margin: 0 auto;	
	clear: both; 
	height: auto;
	min-height: 300px;
	padding-top: 10px;
	}

div#footer {
	width: 100%;
	height: 75px;
	border-top: 1px dotted #000;
	text-align: center;
	font-size: 11px;
	clear: both;
	}
	

fieldset { border: none; margin: 0; padding: 0; }

legend { font-size: 14px; font-weight: bold; margin: 0; padding: 0; }
	
.error { color: #ff0000; }

.errorlist { color: #ff0000; }

.alert { color: #f00; }

h1 { color: #0000ff; }

a:link { color: #8e9fa5; text-decoration: none; }
a:visited { color: #8e9fa5; text-decoration: none; }
a:hover { color: #b3a5a5; text-decoration: underline; }

/* Profile Pages */

div#content h1 { width: 845px; background: #b89a5f; padding: 3px; color: #fff; font-size: 16px;}
h1.book-title { width: 845px; background: #b89a5f; padding: 3px; color: #fff; font-size: 16px;}
p.instruction { margin: 0; padding: 0; color: grey; font-size: 11px; font-family: "Trebuchet MS",Verdana,Arial,Helvetica; font-style: italic; }
div#login_box { width: 200px; height: auto; background: #ebe8db; border: 2px solid #b89a5f; padding: 25px; margin-bottom: 20px; float: left; }
span.alert { color: #660000; }
span.alert a:link { color: #ff0000; }
span.alert a:visited { color: #ff0000; }
span.meta-menu { font-weight: normal; }
div#card-stats * { list-style-type: none; }
div#profilearea label { font-weight: bold; }
ul.videolist { list-style-type: none; clear; both; margin-top: 70px; }
li.highlight { list-style-type: square; padding: 10px 0; }
div#staffemail { width: 50%; text-align: center; clear: both; margin: 0 auto; margin-top: 50px;}
div#staffemail form { float: left; padding: 5px; }
div.booking_button { width: 820px; text-align: right; height: 20px;  }
div.booking_button form { display: inline; }
h2.profile_name { text-transform: capitalize; }
h2.profile_name_company { text-transform: none; background: #ccd4ba; color:#525252; width: 820px; }
h1.public_banner_stylist { width: 850px; background: #fff url(/site_media/images/stylist_public_banner.png)  left no-repeat !important; height: 40px; margin-right: 10px;}
h1.public_banner_photog {  width: 850px; background: #fff url(/site_media/images/photog_public_banner.png)  left no-repeat !important; height: 40px; margin-right: 10px;}
h1.public_banner_stylist span { display: none; }
h1.public_banner_photog span { display: none; }
.ps-stats { padding-top: 10px; }

/* Overview Pages */

ul#overview-photo-list { width: 555px; margin: 0 auto; }

ul#overview-photo-list li {
list-style-type: none;
margin: 0;
padding: 0;
padding-right: 15px;
display: inline;
float: left;

}

.stop_xtiny { margin-left: 20px; padding-left: 20px; height: 20px; background: url(/site_media/images/stop_xtiny.jpg) left center no-repeat; color: #a00;}
.stop_tiny { margin-left: 20px; padding-left: 50px; height: 50px; background: url(/site_media/images/stop_tiny.jpg) left center no-repeat; color: #a00;}
.stop_small { margin-left: 20px; padding-left: 100px; height: auto; background: url(/site_media/images/stop_small.jpg) left center no-repeat; color: #a00;}

div.notices { width: 850px; height: auto; border: 1px solid #a00; background: #efe3cf; padding: 15px; }

.shout { font-weight: bold; text-transform: uppercase; }

span.profile-data-video { color: #fff; }

/* Forms */

.errorlist { font-size: 11px; color: #f00; }

.fieldWrapper { padding: 5px 20px 5px 0; float: left; }
.fieldWrapperClear { padding: 10px; clear: both; }
.formWrapper { width: 840px; height: auto;  margin: 20px auto; border: 2px solid #cccc99; padding: 5px; }
.buttonWrapper { padding: 20px 0; }

form.make_profile { width: 100%; }
form.make_profile h4 { width: 100%; border-bottom: 2px dotted #cc9; background: #fff; color: #b89a5f; font-weight: normal; font-size: 14px; }
h4.profileview { width: 100%; border-bottom: 2px dotted #cc9; background: #fff; color: #b89a5f; font-weight: normal; font-size: 14px; }

.fieldWrapper label { font-weight: normal; }

p.helptext { font-size: 10px; font-weight: normal; }

/* Search Results */
#search_result_area { width: 840px; clear: both; margin: 0 auto; height: auto; min-height: 125px; padding: 0; border: 0; }
.search_result { border: 0; text-align: center; width: 96px; height: 120px; font-size: 14px; padding: 15px; margin-bottom: 5px; float: left; margin-left: 12px; }
.bookingcomplete { width: 100%; padding: 10px; margin: 10px; }
.bookingcomplete form { float: left; }

.pagination { width: 850px; text-align: center; }
.current { padding: 0 10px; }

.paginator span { width: 20px; height: 20px; border: 0px solid #cc9; background: #fff; padding: 3px; margin: 0 3px; }
.paginator span a:link, .paginator span a:visited { color: #000; }
span.prev-na, span.next-na { color: #888; }
span.curr { background: #ffff99; border: 1px solid #ddd; padding: 0 3px; color: #060; font-weight: bold;}
span.page, span.next, span.prev { background: #fff; color: #fff; padding: 0 3px; border: 1px solid #fff; }




/* login area */
div#loginarea { top: 0; width: 100%; height: 22px; background: #cccc99; text-align: right; color: #630; border-bottom: 1px solid #000; padding-top: 4px;}
div#loginarea span { font: 12px "Trebuchet MS",Arial,Helvetica;  margin-right: 25px; }
div#loginarea a:link { color: #630; font-weight: bold; text-decoration: none; }
div#loginarea a:visited { color: #630; font-weight: bold; text-decoration: none; }
div#loginarea a:hover { color: #fff; font-weight: bold; text-decoration: underline; }
div#loginarea a:active { color: #fff; font-weight: bold; text-decoration: underline; }

/* registration */

div#register_guidetext { width: 440px; float: right; margin-right: 90px; }
p.guideme { width: 75%; margin: 0 auto; border: 2px solid #990000; background: #f4d5d5 url(/site_media/images/alert_guide.jpg) 10px center no-repeat; padding: 15px; padding-left: 70px;  }


img.cropdemo { float: left; margin: 10px; border: 1px dotted #f4d5d5; padding: 0; width: 200px; height: 133px; }

/* printable booking list */

form.bookbutton { float: left; padding: 5px 20px 20px 0; }
div.booked_result { width: 850px; height: 175px; margin: 10px auto; padding: 10px; border: 1px dotted #aaa;  }
div.booked_photo { width: 100px; height: 150px; float: left; margin-right: 15px; border: 1px solid black; }
div.booked_photo img { width: 100px; height: 150px; }
div.booked_stats { width: 650px; float: left; height: 150px; font-size: 10px; }
div.booked_stats h2 { color: #555; font-size: 18px; margin: 0; padding: 0; }
div.booked_stats ul li { list-style-type: none; }
.printonly { display: none; }