/* CSS Document */

* {
	margin:0px;
	padding:0px;
}
/* for tooltip */
.tip {font:10px/12px Arial,Helvetica,sans-serif; border:solid 1px #666666; width:270px; padding:1px; position:absolute; z-index:100; visibility:hidden; color:#333333; top:20px; left:90px; background-color:#ffffcc; layer-background-color:#ffffcc;}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#31589A;
	}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#31589A;
 
	}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	}


body {
	margin:0px;
	padding:0px;
	
	}

#header_blue_gradient {
	background-image:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
	height:181px;
	text-align:center;
	margin:0px;
	padding:0px;
	}
	
#header_blue {
	height:30px;
	background-color:#01245F;
	text-align:center;
	padding-top:7px;
	clear: right;
	}
	
#header_images {
	width:760px;
	text-align:left;
	margin:auto;
	}
	
#woman_pic {
	float:left;
	margin:0px;
	padding:0px;
	height:180px;
	}	
#sitters_logo {
	float:right;
	margin-top:80px;
	}
	
#menu {
	height:22px;
	width:760px;
	margin:auto;
	background-image:url(../images/menubg.jpg);
	background-repeat:repeat-x;
	border-style:solid;
	border-color:#7E90A1;
	border-width:1px;
	text-align: center;
	padding-left:0px;
	padding-top:0px;
	}
	
#menuitem p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	display:inline;
	}
	
#menuitem a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	display:inline;
	}
	
#menuitem_lend a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	display:inline;
	}
	
#menuitem_rend a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	display:inline;
	}
	
#menuitem_lend p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	display:inline;
	}
	
#menuitem_rend p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	display:inline;
	}
	
#menuitem {
	height: 19px;
	border-right-color:#7E90A1;
	border-right-width:1px;
	border-right-style:solid;
	display:inline;
	padding-right:20px;
	padding-left:20px;
	width:111px;
	float:left;
	padding-top:3px;
	}
	
#menuitem_lend {
	height: 19px;
	border-right-color:#7E90A1;
	border-right-width:1px;
	border-right-style:solid;
	display:inline;
		padding-right:20px;
	padding-left:20px;
	float:left;
		width:111px;
			padding-top:3px;
	}
	
#menuitem_rend {
	height: 19px;
	display:inline;
		padding-right:20px;
	padding-left:20px;
	float:right;
		width:111px;
			padding-top:3px;
	}
	
#middle {
	text-align:center;
	padding-top:7px;
	height: auto;
	}
	
#container {
	width:760px;
	margin:auto;
	text-align: center;
	padding-left:0px;
	padding-top:20px;
	height: auto;
	}
	
#left {
	width: 470px;
	float:left;
	text-align:left;
	background-image:url(../images/left_bg.jpg);
	background-repeat:repeat-x;
	}
	
#left_header p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	}
	
#left_header {
	height:19px;
	padding-top: 5px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding-left: 5px;
	}
	
#left_content {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-top: 20px;
	border-style:solid;
	border-top-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-bottom-color:#CCCCCC;
				}
				
#left_content p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
	
#left_content a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	}
	
ul {
margin-left: 40px;
list-style:square;
color:#01245F;
}

li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
}
	
#footer {
	border-top-color:#01245F;
	border-top-style:solid;
	border-top-width:2px;
	height:50px;
	clear: left;
	margin: 40px 0px 0px 0px;
	float: left;
	width: 760px;
	}
	
#footer_left {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	float:left;
	margin-top:20px;
	margin-left:5px;
	}
	
	#footer_middle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	float:left;
	margin-top:20px;
	margin-left:70px;
	}
	
	#footer_middle2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	float:left;
	margin-top:20px;
	margin-left:100px;
	}
	
#footer_right {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	float:right;
	margin-top:20px;
	margin-right:5px;
	}
	
#right {
	float: left;
	margin-left:15px;
	width: 263px;
	}
	
	
#parents {
	float:left;
	width: 127px;
	height:134px;
	background-image:url(../images/right_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
		border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	margin-bottom: 15px;
	}

#right_buttons {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:5px;
	text-align: left;
	padding-left:2px;
	text-decoration:none;
	}
	
#carer {
	float:left;
	width:127px;
	height:134px;
	margin-left: 5px;
	background-image:url(../images/right_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	margin-bottom: 15px;

	}

#login {
	width:253px;
	background-image:url(../images/login.jpg);
	background-repeat:no-repeat;
	height:130px;
	float:left;
	margin-top:0px;
	padding-top:10px;
	padding-left:5px;
	text-align:left;
	background-position: bottom;
	border-bottom-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-top-color:#CCCCCC;
	border-style:solid;
	}
	
#loginbutton {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	text-decoration:none;
	border: 1px solid #01245F;
	background-image:url(../images/buttongrad.gif);
	background-repeat:repeat-x;
	margin: 5px 0px 0px 0px;
	background-color:#01245F;
	padding:2px;
	font-weight:bold;
	}
	
.loginbutton {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	text-decoration:none;
	border: 1px solid #01245F;
	background-image:url(../images/buttongrad.gif);
	background-repeat:repeat-x;
	margin: 5px 0px 0px 0px;
	background-color:#01245F;
	padding:2px;
	font-weight:bold;
	}
	
#registerbutton {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	text-decoration:none;
	border: 1px solid #01245F;
	background-image:url(../images/buttongrad.gif);
	background-repeat:repeat-x;
	margin: 5px 0px 0px 0px;
	background-color:#01245F;
	padding:2px;
	font-weight:bold;
}
	
.registerbutton {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	text-decoration:none;
	border: 1px solid #01245F;
	background-image:url(../images/buttongrad.gif);
	background-repeat:repeat-x;
	margin: 5px 0px 0px 0px;
	background-color:#01245F;
	padding:2px;
	font-weight:bold;
}
	
	.inlinebutton {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	text-decoration:none;
	border: 1px solid #01245F;
	background-image:url(../images/buttongrad.gif);
	background-repeat:repeat-x;
	margin: 2px 0px 0px 0px;
	background-color:#01245F;
	padding:2px;
	font-weight:bold;
	}
	

#login a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	text-decoration:underline;
	}

#username {
    padding: 1px;
    width: 145px; /* 2*2 + 194 = 198 */
    border: 1px solid; /* 2*1 + 198 = 200 */
	height: 20px;
	font-size: 12px;
  }
  
.textbox {
    padding: 1px;
    width: 130px; /* 2*2 + 194 = 198 */
    border: 1px solid; /* 2*1 + 198 = 200 */
	height: 15px;
	font-size: 12px;
  }
  
 
 .dropdown {
	height: 20px;
	width:auto;
  }
  
#Parentjoin11_ddTitle option {
padding-right:20px;
}

#Parentjoin11_ddPartnerTitle option {
padding-right:20px;
}

#Parentjoin11_Postcodelookup1_pnl1 {margin:0px; padding:0px}

#Inmyarea1_txtPostCode {margin: 10px 0px 0px 0px}


#Parentjoin11_ddTitle {

border: 1px solid;
}

#Bookbabysitter1_ddAddress {border: 1px solid;}
 #Bookbabysitter1_ddStartTime {border: 1px solid;}
  #Bookbabysitter1_ddEndTime {border: 1px solid;}

#Parentjoin11_ddPartnerTitle  {

border: 1px solid;
}

#Yourbabysitters1_ddAddress option {
padding-right:20px;
}

#Yourdetails1_ddCCType option {
padding-right:20px;
}

option {padding-right:20px;}

 #Yourdetails1_ddMonth {border: 1px solid;}
  #Yourdetails1_ddYear {border: 1px solid;}

#Yourbabysitters1_ddAddress {
border: 1px solid;
}

#Yourdetails1_ddCCType {
border: 1px solid;
}

.tellafriendmessage {
    padding: 1px;
    width: 450px; /* 2*2 + 194 = 198 */
    border: 1px solid #000; /* 2*1 + 198 = 200 */
font-size: 12px;
height: 100px;
  }

.tellafriend {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;}

.postcodecount {
    padding: 1px;
    width: 145px; /* 2*2 + 194 = 198 */
    border: 1px solid #01245F; /* 2*1 + 198 = 200 */
height: 17px;

  }

#floatleft {float: left; display: inline; width: 160px}

#postcodeerror {float: left; height: 30px; border: 1px solid #002E5C; background-color:#637E9B; clear: left; width: 450px; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 5px;}

#postcodeerror p {color: #FFF}
  
#password {
	padding: 1px;
	width: 110px; /* 2*2 + 194 = 198 */
	border: 1px solid; /* 2*1 + 198 = 200 */
	margin-top:5px;
	margin-bottom: 5px;
height: 20px;
font-size: 12px;
  }
  
#login_title {
	background-image:url(../images/right_bg.jpg);
	background-repeat:repeat-x;
	height:25px;
	width: 260px;
	float: left;
	}
	
#login_button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#01245F;
	height:16px;
	width:100px;
	margin-top:8px;
	padding-top: 3px;
	padding-left: 0px;
	text-align: center;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 5px;
	}
	
#login_button a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	}
	
#cost_button {
	width:260px;
	height:40px;
	background-image:url(../images/cost.jpg);
	background-position:left;
	margin-top: 20px;
	clear: left;
	float: left;
	}
	#book_button {
	width:260px;
	height:40px;
	background-image:url(../images/book_a_sitter.jpg);
	background-position:left;
	margin-top: 20px;
	clear: left;
	float: left;
	}
	
#area_button {
	width:260px;
	height:40px;
	background-image:url(../images/area.jpg);
	background-position:left;
	margin-top: 20px;
	clear: left;
	float: left;
	}
	#baby_button {
	width:260px;
	height:40px;
	background-image:url(../images/your_babysitters.jpg);
	background-position:left;
	margin-top: 20px;
	clear: left;
	float: left;
	}
	
#who_button {
	width:260px;
	height:40px;
	background-image:url(../images/who.jpg);
	background-position:left;
	margin-top: 20px;
	clear: left;
	float: left;
	}
#bookings_button {
	width:260px;
	height:40px;
	background-image:url(../images/your_bookings.jpg);
	background-position:left;
	margin-top: 20px;
	clear: left;
	float: left;
	}
	
#questions_button {
	width:260px;
	height:40px;
	background-image:url(../images/questions.jpg);
	background-position:left;
	margin-top: 20px;
	clear: left;
	float: left;
	}
	#details_button {
	width:260px;
	height:40px;
	background-image:url(../images/your_details.jpg);
	background-position:left;
	margin-top: 20px;
	clear: left;
	float: left;
	}
	#feedback_button {
	width:260px;
	height:40px;
	background-image:url(../images/feedback.jpg);
	background-position:left;
	margin-top: 20px;
	clear: left;
	float: left;
	}
	#signout_button {
	width:260px;
	height:40px;
	background-image:url(../images/signout.jpg);
	background-position:left;
	margin-top: 20px;
	clear: left;
	float: left;
	}
	
#button_links a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-align: left;
	}
	
#button_links {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin-top:12px;
	margin-left:10px;
	font-weight:bold;
	text-align: left;
	}
	
#button_links_twoRows a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-align: left;
	}
	
#button_links_twoRows {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin-top:5px;
	margin-left:10px;
	/*margin-right:60px;*/
	font-weight:bold;
	text-align:left;
}

#button_links_twoRows_2ndLine a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-align: left;
	}
	
#button_links_twoRows_2ndLine {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin-top:3px;
	margin-left:-60px;
	font-weight:bold;
	text-align:center;
}

#login p {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000000;
	text-decoration:none;
}

#loginMessage p {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	text-decoration:none;
}

/* Backoffice Added by Tony */
#headerBO {
  width: 100%;
  border-bottom: solid 1px #7E90A1;
background-image: url(../images/BObg.jpg);
color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
padding: 10px 0px 0px 5px;
 
}

#headerBO h2 {
color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;

 
}

#leftcolBO {
background: #eee;
  float: left;
  width: 20%;
  height:auto;
padding: 5px 5px 5px 5px;
color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#contentBO {
  background: #fff;
  float: left;
  width: 76%;
color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
padding: 10px 5px 5px 10px;
 
}
#footerBO {
  clear: both;
  width: 100%;
color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
background-image: url(../images/BObg.jpg);
padding: 5px 5px 5px 5px;
}

/* Additions for the Preferences */
.box {border-bottom:dotted 1px #D6E0EA;
}
.box-nofeedback { background-color:#EEEEEE;}

.preference {font-family:Arial, Helvetica, sans-serif; color:#002E5C; font-size:12px; font-weight: bold;}
.name {font-family:Arial, Helvetica, sans-serif; color:#002E5C; font-size:12px;}
.name-nofeedback {font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:12px;}
.name-unavailable {font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:12px;}
.feedback-link a {font-family:Arial, Helvetica, sans-serif; color:#F4CD1A; font-size:12px;}
.feedback-link a:hover {font-family:Arial, Helvetica, sans-serif; color:#F4CD1A; font-size:12px; text-decoration:underline}
.text-nofeedback {font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:12px;}

.calendar {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border:none;
}
#Calendar1 a { text-decoration:none; font-weight:normal; font-size:10px}
#Calendar2 a { text-decoration:none; font-weight:normal; font-size:10px}

#bookingtable   {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#bookingtable th {text-decoration:underline;}
.validate {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}

.textbox2{ width:100px;   padding: 1px;border: 1px solid;height: 15px;font-size: 12px;}
.row{width:100%; height:22px; }
.cellcontainerL{width:40%; background-color:White;height:690px;}
.cellcontainer .row{ padding-top:4px; padding-bottom:4px;  background-color:#F5F5F5; line-height:25px;  }
	.rowBackground{width:290px; background-color:FFFFF0;}
.cellheader{width:100px;padding-left:10px;}
.buttonContainer{padding-top:10px; padding-bottom:10px; text-align:center; background-color:#f5f5dc; }
.buttonwrapper{padding:10px; }
/*#mediaCodeListContainer{padding:10px;width:100%; }*/
#mediaCodeList{height:600px; overflow:scroll; display:block;}
	.media_item_hover{ background-color:#EEEEEE ;}
	.media_item_selected{ background-color:#EEEEEE ;}

.cellcontainerR{width:60%;background-color:White; height:690px;}
.media_item_header,.media_item{margin:2px; border-bottom:1px solid silver;height:30px;word-wrap: break-word;}
	.item_code_header,.item_code{ margin:2px;text-align:left;word-wrap: break-word; }
	.item_desc_header,.item_desc{margin:2px 10px 8px 10px; width:450px; text-align:left;word-wrap: break-word;}
	.item_active_header,.item_active{ margin:2px;text-align:center;word-wrap: break-word;}
 #errMessage{ padding:10px 10px 10px 20px; color:Red;  font-weight: bold;}
 
 .p_searchHeader{  padding-left:10px;background-image:url(../images/left_bg.jpg); line-height:25px; border-bottom:1px solid silver;height:25px;}
 .p_searchHeader h3{ color:#fff;}

 
 .searchHeader{  padding-left:10px;background-image:url(../images/left_bg.jpg); line-height:25px; border-bottom:1px solid silver;height:25px;}
 .searchHeader h3{ color:#fff;}

#contentBlockLeft{}
#contentBlockRight{width:660px; height:100%;}

 #searchDetails{height:620px; width:650px;  background-color:#f2f2f2; border:4px solid #d2d2d2; overflow:scroll;}
 .rowHeader{padding-left:10px; width:150px; height:20px; line-height:20px;background:#f2f2f2;}
 .rowDetail{padding-left:10px; width:380px; height:20px; line-height:20px;}
 #searchFor{padding-left:10px; line-height:30px;height:30px; color:#000; font-size:16px; font-weight:bold; background-color:#fff; }
 
 .searchbox{background: #f2f2f2; padding:10px;}
 #parentdetails,#bookingsdetails,#preferencesdetails{background-color: gainsboro;}
 
 
.success{color:green;}
 .error{color:red;}
.floatL{ float:left;}
.floatR{ float:right;}
.inline{display:inline;}
.halfWidth{width:45%;}
.clear{clear:both;}
.hide{display:none;}
.border{border:solid 1px;}

.pad10{padding:10px;}
.noBorder{border:0px;}
br{line-height:8px; height:8px;}
.clear{ clear:both;}

.resultTable{ color:#000; font-size:12px; }

/**
		PAGINATOR CSS: BY MUHSIN MEYDAN 
  Used for displaying large result set of rows as list of pages that are sequentially linked in numbers
*/
#paginator{ margin:20px auto;}
#paginator_content{background-color:#fffff2;}
#paginator_links{ display:block; height:20px; margin:10px;}
#paginator_links li{display:inline;padding:2px;}
#paginator_links span {border:1px solid; display:inline-block; margin-right: 1px;margin-left: 1px; padding-right: 3px;padding-left: 3px;}
#paginator_links span a{font-weight:bold; font-size:14px; font-family:Arial; text-decoration:none; }

#paginator_links li a{ margin:2px; padding:4px;height:16px;   }
#paginator_links li a.plinks:hover{ border:1px solid gray;}
li.current { background-color:blue;}
li.current a{  color:#ffffff; }
li.past  a{color:#d2d2d2; }
li a.plinks{color:Blue;}

li.next,li.prev  a{  text-decoration:none;}

a.p_sort{color:#ffffff;}

/*li.next  a{ line-height:10px;  text-decoration:none;width:20px; background-position:center center;  background-image:url('../images/p_next.png'); background-repeat:no-repeat; }
li.prev  a{ line-height:10px; text-decoration:none;width:20px;background-position:center center; background-image:url('../images/p_prev.png'); background-repeat:no-repeat;  }
*/
.styledTable
{
	font-family:Arial, Sans-Serif;
	color:#000000;
	font-size:12px;
	border: solid 1px #000000;
}
.styledTable td
{
	padding:4px;
}
.styledTableHeader
{
	background-color:#000000;
	color:#ffffff;
	font-weight:bold;	
	padding:4px;
}
.styledTableRow
{
	
}
.styledTableAltRow
{
	background-color:#FFFFCD;
	color:#5D603D;
}
/* Paginator Css End */