@import "vp_home.css";

div.center_element {
	margin-left: 8px;
}

#pbe_display {
	width: 95%;
	margin-left: 5%;
	margin-top: 10px;
	background-color: #CDD9D2;
	border: 1px solid #006223;
}

p {
	font-size: 12px;
	margin: 1px 4px 3px 4px;
	color: #006223; 
	text-align: center;
	font-weight: normal;
}

div.general_center p.center {
		   text-align: center;
}

ul.faq {
        padding: 0px;
        margin-left: 30px;
}

ul.faq li {
	font-size: 12px;
        color: #006223;
        font-weight: normal;
        margin-bottom: 5px;
}

p.small {
	font-size: 10px;
}

p.left {
	text-align: left;
}

div.row {
	padding: 6px 0px 6px 0px;
}

div.row span.very_large_label {
  	float: left;
  	width: 140px;
  	text-align: left;
	font-size: 12px;
	color: #006223; 
	font-weight: bold;
	margin-left: 5px;
}


div.row span.very_large_formw {
  	width: 200px;
	text-align: left;
	font-size: 12px;
	color: #006223; 
	font-weight: normal;
} 
	

div.general_center {
	float: left;
	width: 656px;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}

div.general_center h1 {
	font-family: "Tahoma";
	font-size: 18px;
	line-height: 1.3em;
	margin: 0px 5px 5px 2px;
	text-align: center;
}

div.general_center h1.left {
	text-align: left;
}

div.general_center h2 {
	font-family: "Tahoma";
	font-size: 14px;
	line-height: 1.3em;
	margin: 0px 5px 5px 2px;
	text-align: center;
}

div.general_center h2.left {
	text-align: left;
}

div.general_center h3 {
	font-family: "Tahoma";
	font-size: 12px;
	line-height: 1.3em;
	margin: 0px 3px 3px 2px;
	text-align: center;
}

div.general_center h3.left {
	text-align: left;
}

div.general_center p {
	font-family: "Tahoma";
	font-size: 12px;
	line-height: 1.3em;
	text-align: left;
	margin: 0px 3px 3px 5px;
}

div.general_center p.left {
	text-align: left;
}

div.general_center p.justify {
	text-align: justify;
}

div.general_center p.center {
	text-align: center;
}

div.general_center p.right {
        text-align: right;
}

div.general_center p.london_header_text {
        text-align: justify;
        margin: 0px 60px 0px 60px;
}	
	   
div.general_center p.london_main_text {
        text-align: justify;
        margin: 0px 10px 0px 10px;
}	
	   
div.general_center p.small {
	font-size:10px;
}

div.general_center a {
	text-decoration: underline;
}



#general_search_box {
	width: 150px;
	height: 120px;
	float: right;
	margin-left: 5px;
	background: url(images/search_box.gif) no-repeat;
}

#general_search_box h1 {
	font-family: "Tahoma";
	font-size: 12px;
	margin: 0px;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}

#general_search_box p {
	font-family: "Tahoma";
	font-weight: normal;
	color: #FFFFFF;
	font-size: 9px;
	margin: 2px 2px 5px 2px;
	text-align: center;
	padding: 0;
}

#general_search_box a {
	text-decoration: underline;
	color: #FFFFFF;
}
	
#general_search_box a:hover {
	font-size: 12px;
	text-decoration: underline;
	color: #FFFFFF;
}

#general_search_box_input { 
	font-size: 11px; 
	font-family: Tahoma; 
	width: 120px;
	margin: 0px 0px 0px 10px;
}

#general_search_box_button { 
	font-size: 11px; 
	font-family: Tahoma; 
	background-color: #006223; 
	color: #FFFFFF; 
	text-align: center;
	margin: 10px 0px 0px 50px;
	cursor: hand;
}
	
#mask_border_2 {
	float: left;
	position: relative;
	left: -2px;
	width: 0px;
	top: -1px;
	border-left: 1px solid #FFFFFF;
	height: 28px;
}

label {
	width: 120px;
	float: left;
	font-size: 12px;
	color: #006223; 
	padding: 0px 0px 5px 8px;
	vertical-align: middle;
	font-weight: bold;
}

label.top {
	vertical-align: top;
}

select.input_280 {
	width: 280px;
	font-size: 13px;
	color: #006223; 
	font-weight: normal;
	padding: 0;
	margin-bottom: 5px;
}

select.input_130 {
	width: 130px;
	font-size: 13px;
	color: #006223; 
	font-weight: normal;
	padding: 0;
	margin-bottom: 5px;
}

input.input_280 {
	width: 280px;
	font-size: 13px;
	color: #006223; 
	font-weight: normal;
	padding: 0;
	margin-bottom: 5px;
}

input.input_200 {
	width: 200px;
	font-size: 13px;
	color: #006223; 
	font-weight: normal;
	padding: 0;
	margin-bottom: 5px;
}

input.input_150 {
	width: 150px;
	font-size: 13px;
	color: #006223; 
	font-weight: normal;
	padding: 0;
	margin-bottom: 5px;
}

input.input_100 {
	width: 100px;
	font-size: 13px;
	color: #006223; 
	font-weight: normal;
	padding: 0;
	margin-bottom: 5px;
}

fieldset {
	border: #006223 solid 1px;
	width: 550px;
	margin-left: 55px;
}

fieldset.p {
	font-size: 12px;
	margin: 0;
	color: #006223; 
	text-align: left;
	font-weight: normal;
}

fieldset.change_details {
	border: #006223 solid 1px;
	width: 630px;
	margin-left: 5px;
}

fieldset.admin_notes {
	border: #006223 solid 1px;
	width: 380px;
	padding: 5px;
	margin: 5px 0px 5px 30px;
	background-color: #F6FA89;
}

fieldset.admin_notes legend {
	background: #CDD9D2;
	color: #006223;
	font-size: 10px;
} 

fieldset.unrel_review {
	border: #006223 solid 1px;
	width: 620px;
	margin: 5px 0px 5px 30px;
	background-color: #F6FA89;
}

fieldset.unrel_review p {
	font-size: 11px;
	text-height: 1.2em;
	margin: 3px 5px 5px 3px;
	color: #006223; 
	text-align: center;
	font-weight: normal;
}

fieldset.unrel_review legend {
	background: #006223;
	color: #FFFFFF;
	font-size: 11px;
} 

fieldset.review {
	border: #006223 solid 1px;
	width: 520px;
	margin: 5px 0px 5px 80px;
	background-color: #CDD9D2;
}

fieldset.review p {
	font-size: 11px;
	text-height: 1.2em;
	margin: 3px 5px 5px 3px;
	color: #006223; 
	text-align: center;
	font-weight: normal;
}

fieldset.review legend {
	background: #006223;
	color: #FFFFFF;
	font-size: 11px;
} 


fieldset.join {
	height: 240px;
	border: #006223 solid 1px;
	width: 180px;
	margin: 3px 10px 0px 10px;
	background-color: #CDD9D2;
	float: right;
}

fieldset.login {
	height: 240px;
	border: #006223 solid 1px;
	width: 180px;
	margin: 3px 10px 0px 20px;
	background-color: #CDD9D2;
	float: left;
}

legend
{
	background: #006223;
	border: #006223 solid 1px;
	padding: 1px 10px;
	color: #FFFFFF;
	font-size: 13px;
} 

#text_info {
	position: relative;
	left: 128px;
	width: 260px;
	font-size: 10px;
	color: #006223; 
	font-weight: normal;
	padding: 0;
	margin-bottom: 5px;
}

span.checkbox_info {
	position: relative;
	left: 5px;
	width: 260px;
	font-size: 10px;
	color: #006223; 
	font-weight: normal;
	padding: 0;
	margin-bottom: 5px;
}

span.input_checkbox {
	float: left;
	margin: 0;
	padding: 0;
	width: 30px;
	vertical-align: top;
}

span.spacer {
	height: 3px;
	padding: 0;
	margin: 0;
} 

#opening_hours_box {
	width: 275px;
	float: right;
	margin: 0px 25px 0px 0px;
	background-color: #CDD9D2;
	border: 1px solid #006223;
	margin-bottom: 15px;
}

#opening_hours {
	width: 230px;
	list-style-type: none;
	text-align: center;
	padding: 0;
	float: right;
	margin: 0px;
}

#opening_hours li {
	display: inline;
	margin: 0px 10px 0px 0px;
	text-align: center;
}
	
#opening_label {
	width: 10px;
	margin: 0px 0px 0px 3px;
	float: left;
	font-size: 10px;
	color: #006223; 
	vertical-align: middle;
	font-weight: normal;
}

textarea.review {
	color: #006223;
} 

hr {
	width: 90%;
	margin-left: 10%;
}

hr.thick_hr {
	width: 90%;
	margin-left: 10%;
	height: 3px;
	border: 1px solid #006223;
}

#frame_right {
	width: 815px; /* IE5 */
	padding:0;
	float: right;
	border-left: 1px solid #006223;
	voice-family: "\"}\""; /* fudge IE5 */
	voice-family: inherit; /* fudge IE5 */
	width:814px;
}

div.intro {
	float: right;
	width: 812px;
	margin: 0;
	padding: 0px 0px 5px 0px;
	background:#FFFFFF;
	border-bottom: 1px solid #006223;
	height: 130px;
	width: 814px; /* IE5 */
	voice-family: "\"}\""; /* fudge IE5 */
	voice-family: inherit; /* fudge IE5 */
}

div.intro h1 {
	font-family: "Tahoma";
	font-size: 18px;
	line-height: 1.3em;
	margin: 0px 5px 5px 2px;
	text-align: center;
}

div.intro h2 {
	font-family: "Tahoma";
	font-size: 14px;
	line-height: 1.3em;
	margin: 0px 5px 5px 2px;
	text-align: center;
}

div.intro h3 {
	font-family: "Tahoma";
	font-size: 12px;
	line-height: 1.3em;
	margin: 0px 5px 5px 2px;
	text-align: center;
}

div.intro p {
	font-family: "Tahoma";
	font-size: 11px;
	line-height: 1.3em;
	text-align: center;
	margin: 0px 5px 3px 5px;
	padding-right: 5px;
}

#search_box h1 {
	font-family: "Tahoma";
	font-size: 12px;
	margin: 0px;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}

#search_box p {
	font-family: "Tahoma";
	font-weight: normal;
	color: #FFFFFF;
	font-size: 9px;
	margin: 2px 2px 5px 2px;
	text-align: center;
	padding: 0;
}


#search_right_side {
	float: right;
	width: 120px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	text-align: center;
}

#search_right_side p {
	text-align: center;
	margin: 0;
	padding: 0;
}

input.button { 
	font-size: 11px; 
	font-family: Tahoma; 
	background-color: #006223; 
	color: #FFFFFF; 
	text-align: center;
	margin: 2px 3px 3px 3px;
	padding: 1px 1px 1px 1px;
	cursor: hand;
}

input.big_button { 
	font-size: 13px; 
	font-family: Tahoma; 
	background-color: #006223; 
	color: #FFFFFF; 
	text-align: center;
	margin: 2px 3px 3px 3px;
	padding: 1px 1px 1px 1px;
	cursor: hand;
}

#pbe
{
	width: 125px;
	height: 120px;
	margin: 20px 3px 10px 3px;
	background: url(images/pbe_back.gif) no-repeat;
	border: 1px solid #006223;
}

#pbe_form
{
	margin: 0;
	padding: 0;
}

#pbe h1 {
	font-family: "Tahoma";
	font-size: 12px;
	line-height: 1.3em;
	margin: 0px 0px 2px 0px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

#pbe p {
	font-family: "Tahoma";
	font-size: 11px;
	line-height: 1.2em;
	margin: 0px 2px 0px 2px;
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
}

#pbe_input { 
	font-size: 11px; 
	font-family: Tahoma; 
	width: 110px;
	text-align: left;
	margin: 0px 0px 5px 0px;
}

#prev_next {
	text-align: center;
	margin: 8px 0px 8px 0px;
	font-size: 14px;
}

#prev_next a {
	text-decoration: underline;
}

div.place_review_listing {
	width: 440px;
	margin-left: 100px;
	padding: 0px 5px 0px 5px;
	float: left;
}

div.place_review_listing h1 {
	font-family: "Tahoma";
	font-size: 18px;
	line-height: 1.3em;
	margin: 8px 0px 3px 0px;
	text-align: center;
	font-weight: bold;
}

div.place_review_listing h2 {
	font-family: "Tahoma";
	font-size: 11px;
	line-height: 1.3em;
	margin: 0;
	text-align: center;
	font-weight: bold;
}

div.place_review_listing h3 {
	font-family: "Tahoma";
	font-size: 11px;
	line-height: 1.3em;
	margin: 0px 0px 2px 0px;
	text-align: center;
	font-weight: bold;
}

div.place_review_listing p {
	font-family: "Tahoma";
	font-size: 11px;
	line-height: 1.2em;
	margin: 2px 0px 3px 0px;
	text-align: center;
}

div.place_review_listing p.closed_down {
	font-family: "Tahoma";
	font-size: 12px;
	font-weight: bold;
	color: red;
	line-height: 1.2em;
	margin: 2px 0px 3px 0px;
	text-align: center;
}

div.place_review_listing a {
	text-decoration: underline;
}

div.place_review_images {
	text-align: center;
}

div.review {
	margin: 3px 5px 15px 15px;
	background-color: #CDD9D2;
	border: 1px solid #006223;
}

div.review h1 {
	font-family: "Tahoma";
	font-size: 12px;
	line-height: 1.3em;
	margin: 2px 0px 3px 0px;
	text-align: center;
	font-weight: normal;
}

div.review p {
	font-family: "Tahoma";
	font-size: 11px;
	line-height: 1.2em;
	text-align: left;
	margin: 4px 5px 3px 5px;
}

div.review_buttons {
	font-family: "Tahoma";
	font-size: 11px;
	line-height: 1.2em;
	text-align: center;
	margin: 4px 5px 3px 5px;
}

#personal {
	margin: 0;
	padding: 0;
 	float: left;
	border-right: 1px solid #006223;
	height: 150px;
	width: 339px; /* IE5 */
	voice-family: "\"}\""; /* fudge IE5 */
	voice-family: inherit; /* fudge IE5 */
	width: 338px;
}


html>body #personal {
	width:338px; /* Opera */
}
	
#activity {
	margin: 0;
	padding: 0;
 	float: right;
	width: 339px;
	height: 150px;
}

#personal h1 {
	margin: 1px 1px 1px 1px;
	background: url(images/green_dot.gif) repeat;
	color: #FFFFFF; 
	text-align: center;
	vertical-align: middle;
	background-position: left top;
	font-weight: normal
}

#activity h1 {
	margin: 1px 1px 1px 1px;
	background: url(images/green_dot.gif) repeat;
	color: #FFFFFF; 
	text-align: center;
	vertical-align: middle;
	background-position: left top;
	font-weight: normal
}

#my_pbe_display {
	margin: 0;
	padding: 0;
	border-top: 1px solid #006223;
	border-bottom: 1px solid #006223;
	float: left;
	width: 678px; /* IE5 */
	voice-family: "\"}\""; /* fudge IE5 */
	voice-family: inherit; /* fudge IE5 */
	width: 677px;
}

html>body #my_pbe_display {
	width: 677px; /* Opera */
}
	
#my_pbe_display h1 {
	margin: 1px 1px 1px 1px;
	background: url(images/green_dot.gif) repeat;
	color: #FFFFFF; 
	text-align: center;
	vertical-align: middle;
	background-position: left top;
	font-weight: normal
}

div.row {
	padding: 6px 0px 6px 0px;
}

div.row span.large_label {
  	float: left;
  	width: 120px;
  	text-align: left;
	font-size: 12px;
	color: #006223; 
	font-weight: bold;
	margin-left: 5px;
}

div.row span.very_large_label {
  	float: left;
  	width: 140px;
  	text-align: left;
	font-size: 12px;
	color: #006223; 
	font-weight: bold;
	margin-left: 5px;
}

div.row span.small_label {
  	float: left;
  	width: 80px;
  	text-align: left;
	font-size: 12px;
	color: #006223; 
	font-weight: bold;
	margin-left: 5px;
}


div.row span.small_formw {
  	float: right;
  	width: 100px;
	text-align: left;
	font-size: 12px;
	color: #006223; 
	font-weight: normal;
} 

div.row span.large_formw {
  	float: right;
  	width: 130px;
	text-align: left;
	font-size: 12px;
	color: #006223; 
	font-weight: normal;
} 

div.row span.very_large_formw {
  	float: right;
  	width: 300px;
	text-align: left;
	font-size: 12px;
	color: #006223; 
	font-weight: normal;
} 

div.map_logo {
	width: 190px;
	float: right;
	text-align: left;
	margin: 0px;
	padding-right: 5px;
	border: thin solid #006223;
}

div.map_logo p {
	text-align: left;
	margin: 0px;
	padding: 0px;
}


div.map_info {
	width: 250px;
}

div.map_info h1 {
	font-family: "Tahoma";
	font-weight: strong;
	color: #006223;
	font-size: 12px;
	margin: 2px 2px 2px 2px;
	text-align: center;
	padding: 0;
}

div.map_info a {
	text-decoration: underline;
}

label.map {
	width: 150px;
	float: left;
	font-size: 11px;
	color: #006223; 
	padding: 3px 0px 3px 5px;
	vertical-align: bottom;
	font-weight: normal;
}

span.map_checkbox {
	float: left;
	margin: 0;
	padding-top: 8px;
	width: 30px;
	vertical-align: bottom;
}

#map_button { 
	font-size: 11px; 
	font-family: Tahoma; 
	background-color: #006223; 
	color: #FFFFFF; 
	text-align: center;
	margin: 10px 0px 10px 50px;
}

div.map_intro_text {
	width: 600px;
	float: left;
}

div.map_intro_text h1 {
	font-family: "Tahoma";
	font-weight: bold;
	color: #006223;
	font-size: 18px;
	margin: 2px 2px 5px 2px;
	text-align: center;
	padding: 0;
}

div.map_intro_text p {
	font-family: "Tahoma";
	font-weight: normal;
	color: #006223;
	font-size: 12px;
	margin: 2px 2px 5px 2px;
	text-align: center;
	padding: 0;
}

div.map_intro {
	float: right;
	width: 612px;
	margin: 0;
	padding: 0px 0px 5px 0px;
	background:#FFFFFF;
	border-bottom: 1px solid #006223;
	height: 170px;
	width: 614px; /* IE5 */
	voice-family: "\"}\""; /* fudge IE5 */
	voice-family: inherit; /* fudge IE5 */
}

img.floatLeft { 
	float: left; 
	margin: 4px; 
}

img.floatRight { 
	float: right; 
	margin: 4px; 
} 

iframe.floatRight { 
	float: right; 
	margin: 4px; 
} 

iframe.floatLeft { 
	float: right; 
	margin: 4px; 
} 

span.floatRight { 
	float: right; 
	margin: 4px; 
        text-align: center;
} 

span.floatLeft { 
	float: left; 
	margin: 4px;
        text-align: center;
}

span.flRight { 
	float: right; 
	margin: 10px 4px 4px 10px; 
        text-align: center;
} 

span.flLeft { 
	float: left; 
	margin: 10px 10px 4px 4px;
        text-align: center;
}

div.londontopfive {
	width: 205px;
	margin: 5px;
	background-color: #E3F7B2;
	border: 1px solid #006223;
        height: 540px;
}

div.londontopfive h2 {
        text-align: left;
        margin: 0px 0px 0px 60px;
        font-size: 14px;
}

div.londontopfive h3 {
        text-align: left;
        margin: -3px 0px 5px 60px;
        font-size: 10px;
        font-weight: normal;
}

div.londontopfive p {
        text-align: left;
        margin: 0px 0px 2px 60px;
}


div.londontopfive img {
        float: left;
        margin: 0px 5px 5px 5px;
        border: solid #006223 1px;
        vertical-align: middle;
}

div.londontopfive img.top_pic {
        align: center;
        margin: 2px 5px 10px 0px;
        border: 0;
}

div.londontopfive a {
        text-decoration: none;
}

div.londontopfive a:hover {
        color: #996600;
}

div.londontopfive a:hover p {
        color: #996600;
}

div.topfiveentry {
        height: 80px;
        border: 1px solid #006223;
        margin: 0px 5px 0px 5px;
        background-color: #D2FAD2;
        padding-right: 3px;
}

div.topfiveentry img {
        float: left;
        margin: 5px 5px 5px 5px;
        border: solid #006223 1px;
}

div.london_ethnic {
	width: 640px;
	margin: 10px;
	background-color: #E3F7B2;
	border: 1px solid #006223;
}

div.london_ethnic p {
        text-align: center;
}

div.ethnic_entry { 
        float: right;
        border: 1px solid #006223;
        width: 170px;
        height: 140px;
        margin: 10px 20px 10px 5px;
        padding: 5px;
        background-color: #D2FAD2;
        padding-right: 3px;
} 


div.ethnic_entry h2 {
        text-align: center;
        margin: 5px 0px 0px 0px;
}

div.ethnic_entry h3 {
        text-align: center;
        margin: -3px 0px 5px 0px;
        font-size: 10px;
        font-weight: normal;
}

div.ethnic_entry p {
        text-align: center;
}

div.ethnic_entry img {
        border: solid #006223 1px;
}

div.london_ethnic img.top_pic {
        align: center;
        margin: 2px 5px 10px 200px;
        border: 0;
}

div.ethnic_entry a {
        text-decoration: none;
}

div.ethnic_entry a:hover {
        color: #996600;
}

div.ethnic_entry a:hover p {
        color: #996600;
}

div.london_modal {
	width: 100%;
	margin: 5px;
	background-color: #ffffff;
}

div.london_modal h1 {
	font-size: 24px;
        color: #006223;
        margin: 0px 0px 3px 0px;
}

div.london_modal h2 {
	font-size: 14px;
        color: #006223;
        margin: 0px 0px 3px 0px;
}

div.london_modal p {
	font-size: 12px;
        text-align: justify;
        margin: 5px 30px 5px 10px;
        color: #006223;
}

div.london_modal p.center {
	font-size: 12px;
        text-align: center;
        margin: 5px 30px 5px 10px;
        color: #006223;
}

div.search_section {
        width: 640px;
	background: url("http://www.veggieplaces.co.uk/images/london_search_background.gif") no-repeat;
        margin-left: 10px;
        height: 520px;
}

.search_london  {
	width: 420px;
        margin: 10px 0px 10px 110px;
	border: 1px solid black;
}

.search_london a.accordion {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: white;
	background-color: #006223;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
}

.search_london div h1 {
        font-size: 14px;
}

div.poi {
        width: 195px;
        margin: 5px;
        float: right;
}

div.poi p {
        text-align: center;
}

fieldset.advanced {
         width: 95%;
	 margin-left: 5px;
}

fieldset.advanced p {
        text-align: center;
}

div.place_header {
	width: 640px;
	margin: 0px;
}