@import url("screen.css");

/******************************************************
 Begin Public Book'd Styles
******************************************************/

body{ background: #f5f5f5 url(/images/public/page_bg.jpg) top left repeat-x;}
.home_body{ background: #f5f5f5 url(/images/public/background.jpg) top left repeat-x;}

.container{ width: 950px;}
.footer-container{ width: 950px; margin:0 auto;}

#header{ padding: 30px 0 0px 0; }
#header h1{ font-size: 2em; color: #aaa; margin-left: 0px;}
.header_right{text-align: right; }
.header_container{ border-bottom: 1px solid #888;}

#content{ padding: 20px 0px 0px 0px; margin: 0;  }
#content h2{ font-size: 24px; color: #222; font-weight: normal; font-family: 'lucida sans', verdana, helvetica, sans-serif; line-height: 32px; margin: 0 0 15px 0;}
.main_body_for_columns{ padding-top: 20px; padding-bottom: 20px;}

#page_header{ text-align: left; margin: 10px 0 20px 0;}
#page_header h2{ font-size: 24px; color: #222; font-weight: normal;}
#page_content{ margin: 0 0 20px 0;}

.home_bg{background: transparent url(/images/public/home_background.jpg) top center no-repeat; height: 100%;}

#banner{ margin-bottom: 50px; margin-top: 0px;}
#banner h2{ font-size: 38px; color: #333; font-weight: bold; font-family: 'century gothic', 'lucida sans', arial, sans-serif; line-height: 45px; margin: 0 0 10px 0;}
#banner p{ color: #333; font-size: 16px; margin: 0 0 15px 0; padding: 0;}

#banner_left{ float: left; width: 380px; padding-top: 15px;}
#banner_right{  float: right; width: 370px; text-align: right; padding: 0;}
#banner_right p.signup_button{ margin: 0 0 10px 0;}
#banner_right p.tour_button{ margin:0; font-size: 12px; color: #aaa;  }
#banner_right p.tour_button img{ margin: 0 0 0 10px; float: right; vertical-align:center;}

#page_header_container{margin-bottom: 0px; padding: 13px 0 0px 0; }
#page_header_container h2{ margin: 0px 0 0px 0;  padding: 0; color: #eee; font-weight: normal; font-size: 28px;}
.page_header_wrapper{ padding: 0 0 0 0;}
p.all_plan_info{margin: 10px 0 0 0; padding: 0; color: #404040; font-weight: bold; background-color: ; padding: 0px 15px 15px 0; font-size: 14px; border-width: 0px 0 1px 0; border-style: solid; border-color: #ccc;}



/* the three boxes of content underneath the banner (no longer on bottom, but whatever) */
#bottom_boxes{ padding-left: 0px; padding-right: 0px; padding-top: 100px;}
#bottom_boxes h3{ font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; text-transform: uppercase;}
table.bottom_boxes{  padding: 0;}
table.bottom_boxes td{ width:34%; vertical-align: top;}
table.bottom_boxes td.first{ width: 33%;}
table.bottom_boxes td.last{ width: 33%; }

table.bottom_boxes ul.what{ list-style-type: none; margin: 0; padding: 0 20px 0 0;}
table.bottom_boxes ul.what li{ margin: 0 0 5px 0; padding: 1px 0 5px 22px; font-weight: normal; font-size: 12px; background: transparent url(/images/public/icon_check.jpg) 0 5px no-repeat;}

table.bottom_boxes ul.how{ list-style-type: none; margin: 0 30px 0 0; padding: 0;}
table.bottom_boxes ul.how li{ margin: 0; padding: 0 0 0 55px; font-weight: bold; font-size: 14px;}
table.bottom_boxes ul.how li p{ font-weight: normal; font-size: 12px;}
table.bottom_boxes ul.how li.publish{background: transparent url(/images/public/icon_publish.jpg) 0 3px no-repeat;}
table.bottom_boxes ul.how li.promote{background: transparent url(/images/public/icon_promote.jpg) 0 5px no-repeat;}
table.bottom_boxes ul.how li.book{background: transparent url(/images/public/icon_book.jpg) 0 5px no-repeat;}

table.bottom_boxes ul.who{ list-style-type: none; margin: 0; padding: 0; border-top: 1px solid #ccc;}
table.bottom_boxes ul.who li{ margin: 0; padding: 4px 4px 4px 4px; font-weight: normal; border-bottom: 1px dotted #aaa;}
p.who_for{ margin: 0 0 5px 0;}

#features{ background: transparent url(/images/public/features_bg.jpg) top left no-repeat; padding: 20px 20px 20px 20px; margin-bottom: 20px;}

/*feature boxes*/
table.feature_boxes{ }
table.feature_boxes td{ width: 34%; vertical-align: top; }
table.feature_boxes td.first{ width: 33%; }
table.feature_boxes td.last{ width: 33%; }
table.feature_boxes td h4{ font-size: 12px; font-weight: bold; margin: 0 0 0 0; padding: 0;}
table.feature_boxes td h3{ font-size: 14px; font-weight: bold; margin: 10px 0 4px 7px; padding: 0;}
table.feature_boxes td p{ font-size: 12px; color: #666; margin: 0 0 10px 0; padding: 0 5px 0 7px; line-height: 17px;}


/* main navigation styles */
#main_nav{  padding: 32px 0 0 0px; float: right;}
#main_nav ul{ margin: 0; padding: 0;  list-style-type: none;}
#main_nav ul li{ font-size: 16px; display: inline; margin: 0 0 0 25px;}
#main_nav ul li.first{ }
#main_nav ul li a{ color: #404040; text-decoration: none; font-family: 'lucida sans', 'helvetica neue', helvetica, sans-serif; letter-spacing: 0.5px;}
#main_nav ul li a:hover{ text-decoration: none; color: #111; }

#footer{ padding: 15px 0 50px 0; margin: 0; border-top: 5px solid #666; background-color: #111;}
#footer ul{ list-style-type: none; margin: 0 30px 0 0px; padding: 0;}
#footer ul li{ display: inline; margin: 0 15px 0 0; padding: 0 15px 0 0; border-right: 1px solid #404040; }
#footer ul li.last{ border: 0;}
#footer ul li a{ color: #eee; font-weight: normal; text-decoration: none;}
#footer ul li a:hover{ text-decoration: underline;}
#footer p.copyright{color: #fff; margin: 0 0 5px 0;}

#sidebar{ margin-top: 20px; }
#sidebar ul{ background-color: #eee; margin: 0 0 20px 0; padding: 0; border-width: 1px 1px 0 1px; border-style: solid; border-color: #bbb;}
#sidebar ul li{ margin: 0 0 0 0; list-style: none; padding: 12px 5px 12px 43px; color: #333; font-weight: bold; font-size: 12px; border-bottom: 1px solid #bbb; border-top: 1px solid #fff;}
#sidebar ul li.selected{ color: #111; font-weight: bold; font-size: 1.1em;}
#sidebar ul li a{ color: #404040; text-decoration: none; font-weight: normal;}
#sidebar ul li a:hover{ color: #333; text-decoration: underline; }
#sidebar h3{ font-weight: normal; margin: 0 0 5px 0; padding: 0 0 0 0; color: #fff;}
#sidebar h4{ font-weight: bold; margin: 0 0 10px 0; padding: 0 0 0 0; color: #111; font-size: 12px;}

#vertical{ margin-top: 20px; background-color: #ddd; padding: 00px;}
#vertical ul{ background: transparent; margin: 0 0 0px 0; padding: 0; border-width: 0; border-style: solid; border-color: #bbb;}
#vertical ul li{ margin: 0 0 0 0; list-style: none; padding: 1px 0 5px 22px; color: #333; font-weight: normal; font-size: 12px; border-bottom: 0px solid #bbb; border-top: 0px solid #fff; background: transparent url(/images/public/icon_check_trans.png) 0 5px no-repeat;}
#vertical ul li.selected{ color: #111; font-weight: bold; font-size: 1.1em;}
#vertical ul li a{ color: #404040; text-decoration: none; font-weight: normal;}
#vertical ul li a:hover{ color: #333; text-decoration: underline; }
#vertical h3{ font-weight: bold; margin: 0 0 10px 0; padding: 0 0 0 0; color: #111;}

.vertical_section{ border-bottom: 1px solid #aaa; border-top: 1px solid #fff;}
.vertical_first{ border-top: 0;}
.vertical_last{ border-bottom: 0;}
.vertical_section_inner{padding: 20px;}

/*styles for tour sidebar */
#sidebar ul li.overview{ background: transparent url(/images/tour/icons/overview.jpg) 9px 9px no-repeat;}
#sidebar ul li.create{ background: transparent url(/images/tour/icons/create.jpg) 11px 9px no-repeat;}
#sidebar ul li.publish{ background: transparent url(/images/tour/icons/publish.jpg) 11px 9px no-repeat;}
#sidebar ul li.accept{ background: transparent url(/images/tour/icons/accept.jpg) 7px 9px no-repeat;}
#sidebar ul li.manage{ background: transparent url(/images/tour/icons/manage.jpg) 7px 9px no-repeat;}
#sidebar ul li.send{ background: transparent url(/images/tour/icons/send.jpg) 9px 9px no-repeat;}
#sidebar ul li.notifications{ background: transparent url(/images/tour/icons/notifications.jpg) 13px 6px no-repeat;}
#sidebar ul li.track{ background: transparent url(/images/tour/icons/customer.jpg) 10px 9px no-repeat;}
#sidebar ul li.connected{ background: transparent url(/images/tour/icons/customer_connected.jpg) 5px 7px no-repeat;}

table.tour_overview{ width: 100%; margin: 0 0 300px 0; padding: 0;}
table.tour_overview td{ width: 33%; vertical-align: top;}
table.tour_overview td h3{ font-weight: bold; text-transform: uppercase; color: #222; font-size: 14px; margin: 0 0 5px 0;}
table.tour_overview td p{ line-height: 18px; color: #666;}

#about{ padding: 0px 30px 30px 0;}
#about h3.big{font-size:24px; margin: 0 0 20px 0; line-height: 30px; font-weight: normal; color: #666;}
#about h3.big span{font-weight: bold; color: #333;}
#about p{ font-size: 14px; color: #666;line-height: 22px;}
#tour{ padding-left: 10px; }
.tour_inner{padding-right: 20px;} /* this is used on the photographers page */
#vertical_content h3{ font-weight: bold;}
#canceled{ padding-top: 20px; font-size: 14px;}
#canceled h3{ font-size: 18px; font-weight: bold; margin: 0 0 10px 0;}


#sidebar h3.about{font-size: 18px; margin-bottom: 20px; font-weight: bold;}
#sidebar ul.about_us_sidebar{ background: transparent; border: 0; padding: 0;}
#sidebar ul.about_us_sidebar li{ background: transparent;  border: 0; padding: 3px 10px 10px 43px; margin: 0 0 10px 0; }
#sidebar ul.about_us_sidebar li.twitter{background: transparent url(/images/public/icons/twitter.jpg) 0px 0px no-repeat;}
#sidebar ul.about_us_sidebar li.facebook{background: transparent url(/images/public/icons/facebook.jpg) 0px 0px no-repeat;}
#sidebar ul.about_us_sidebar li.blog{background: transparent url(/images/public/icons/blog.jpg) 2px 0px no-repeat;}
#sidebar ul.about_us_sidebar li a{ background: transparent; color: #ddd; padding: 0; color: #aaa; font-size: 14px; font-weight: normal;}
#sidebar ul.about_us_sidebar li a:hover{}

img.tour_number_icon{ float: left; margin: 0 10px 5px 0; padding: 0 0 0 0;}
img.full_screenshot{ margin-bottom: 30px;}

.sidebar_box{padding: 20px; border-top: 4px solid #000; background-color: #333; color: #999;}

#sidebar p.last{ margin: 0;}

/* Pricing table styles */
#prices{ padding-top: 20px;}

#prices table.pricetable{ margin: 0 0 20px 0; padding: 0; width: 100%;}
#prices table.pricetable th{ margin: 0; padding: 0; background: transparent;}
#prices table.pricetable th.plan{ width: 195px; border-width: 1px 0px 0px 1px; border-style: solid; border-color:  #aaa;}
#prices table.pricetable th.plan_last{border-width: 1px 1px 0px 1px; border-style: solid; border-color:  #aaa;}
#prices table.pricetable td{ margin: 0; padding: 5px; background-color: #e1e1e1; text-align: center; font-weight: bold; border-width: 1px 0px 0px 1px; border-style: solid; border-color:  #cacaca;}
#prices table.pricetable td.side{ background-color: #cfe1ed; font-weight: bold; padding: 5px; text-align: left;}
#prices table.pricetable td.side span{font-weight: normal; color: #666;}
#prices table.pricetable th.select{ padding-left: 20px;}
#prices table.pricetable td.odd_side{ background-color: #e1edf6;}
#prices table.pricetable td.odd{ background-color: #f1f1f1;}
#prices table.pricetable tfoot td{ background-color: #222; padding: 8px; }
#prices table.pricetable td.bottom{ border-bottom: 1px solid #cacaca;}
/*#prices table.pricetable td.col1{ background-color: #dcdbdb;}
#prices table.pricetable td.col2{ background-color: #f3efef;}
#prices table.pricetable td.col3{ background-color: #f7f7f7;}*/


#pricing_faq{ padding: 20px; background-color: #eee; margin-bottom: 20px;}
#pricing_faq h2{ font-weight: bold; margin: 0 0 5px 0; font-size: 20px; color: #222;}
#pricing_faq h3{ font-weight: bold; margin: 0 0 5px 0; font-size: 14px; color: #333;}
#pricing_faq p{ margin: 0 0 15px 0; font-size: 12px; /*font-family: georgia, times, 'times new roman', serif;*/}

#tour_header{ background-color: #333; padding: 20px; border-top: 4px solid #000;}
#tour_header h3{margin: 0 0 5px 0; color: #fff; font-weight: normal;}
#tour_header p{margin: 0 0 5px 0; color: #fff;}
table.tour_header_table{ margin: 0; padding: 0;}
table.tour_header_table td{ vertical-align: top;}
table.tour_header_table td.site{}
table.tour_header_table td.admin{}
table.tour_header_table td ul{ list-style-type: none; margin: 0; padding: 0;}
table.tour_header_table td ul li{ margin: 0; padding: 0; font-weight: bold; color: yellow;}
table.tour_header_table td ul li a{ margin: 0; padding: 0; font-weight: normal; color: #999; text-decoration: none;}
table.tour_header_table td ul li a:hover{ text-decoration: underline;}

/*signup styles*/
.signup_form{ padding: 20px; background-color: #ddd; border-top: 4px solid #aaa;}
.plan_info{padding: 10px; background-color: #ccc; margin-bottom: 15px;}
.discount_message{ padding: 8px; background-color: #ffffcc; margin-bottom: 10px; border: 1px solid #ffe95c;}
.discount_error{ padding: 8px; background-color: #ffebe8; margin-bottom: 10px; border: 1px solid #dd3c10;}
.checkbox{ margin: 0 5px 0 0; padding: 0 0 0 0; float:left; display: block; }
.checkbox_line{ padding: 0 0 0 0; line-height: 16px; }
.checkbox_line a{ color: #333; text-decoration: none; font-weight: bold;}
.checkbox_line a:hover{text-decoration: underline;}
/*custom table fields*/
table.form_table td.label{ text-align: right; width: 120px;}
label{  color: #111; font-weight: bold;}
table.form_table td.details{ color: #666;}
table.form_table td.details input{ padding: 3px 6px 3px 6px;}
table.form_table td.details select{ padding: 3px 6px 3px 6px; }
input.submit{font-size: 14px;}


/*Error Styles*/
#content .errorExplanation{ border: 1px solid #ccc; padding: 20px; margin-bottom: 1.8em;}
#content .errorExplanation h2{ font-size: 1.2em; font-weight: bold; color: #222;}
#content .errorExplanation ul{ margin-bottom: 0; }
#content .errorExplanation ul li{ }

/* Fields only for the login layout */

#login_content{ padding: 0px 0 0 0px; margin-top: 100px; text-align: center;}
#login_box{ padding: 20px; text-align: left; width: 300px; border: 1px solid #999; margin: 0 auto;}