/*
Website: JustBooked.co.uk
Designer: Carrot Media
xHTML / CSS: Ryan Downie
Main Developer: Chris Barber
Version: 1.0
-------------------------------------------------------------
Contents
1. General Settings
2. Headings
3. Masthead
4. Navigations
5. Forms
6. Tables
7. Home Page
8. Sign Up Page
9. Progressive Enhancements
10.Account Page
11.Event Page
-------------------------------------------------------------
*/
/* 1. General Settings (Global)
---------------------------------------------------------------------*/
a {outline:none} /* stops dotted line around links on click in firefox */
div#login-area p { width:180px; }
.flickr_badge_image { margin: 0px 10px; }
.flickr_badge_image img {
background-color: #f36c21;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0pt 0pt;
padding: 6px;
display:relative;
float:left;
margin: 0px 15px 10px 15px;
}
/* 2. Headings
---------------------------------------------------------------------*/
/* 3. Masthead
---------------------------------------------------------------------*/
/* 4. Navigations
---------------------------------------------------------------------*/
/* 5. Forms
---------------------------------------------------------------------*/
/* 6. Tables
---------------------------------------------------------------------*/
div#main-content-wide table {width:100%;}
div#main-content-wide table tr.heading {background: #FF7900 url(/images/orange-button-hover.png) repeat-x scroll left bottom}
div#main-content-wide table th {border:1px solid #DF7300;color:#FFFFFF; font-size:139%; padding:12px 8px; text-shadow:1px 2px 0 #CF7500; }
div#main-content-wide table td {border:1px solid #BFBFBF; font-size:91%; padding:9px 11px;}
div#main-content-wide td.show-info a { width: 22px; height: 20px; display: block; background: url(../images/show.png) no-repeat center center; text-indent: -9999px}
div#main-content-wide td.edit-info a { width: 22px; height: 20px; display: block; background: url(../images/edit.png) no-repeat center center; text-indent: -9999px}
div#main-content-wide td.invite-info a { width: 22px; height: 20px; display: block; background: url(../images/book.png) no-repeat center center; text-indent: -9999px}
div#main-content-wide td.show-info a:hover, td.edit-info a:hover, td.remove-info a:hover, td.invite-info a:hover {border-bottom: none!important;}
div#main-content-wide td.remove-info a { width: 22px; height: 20px; display: block; background: url(../images/cross.png) no-repeat center center; text-indent: -9999px}
/* 7. Home Page
---------------------------------------------------------------------*/
/* 8. Sign Up Page
---------------------------------------------------------------------*/
/* 9. Progressive Enhancements
---------------------------------------------------------------------*/
/* 10. Account Page
---------------------------------------------------------------------*/
.account {display:block;clear:both; margin: 0px 0px 5px 0px;}
.account img {padding: 4px; background: #00B5E7}
.account a {font-size:71%;margin:0px 5px 10px 0px;}
/* 11. Event Page
---------------------------------------------------------------------*/
ul#comments {width:100%; float: left; list-style:none;}
ul#comments li {margin: 5px 0;float: left; width: 100%; list-style:none;}
ul#comments li img {background:#00B5E7 none repeat scroll 0 0; float:left; padding:4px;}
ul#comments li input {margin:24px 10px 0 20px; width: 357px; }
ul#comments {display: block}
ul#comments span {display: block; float: right; margin: 5px 10px 0 0}
.comments {display:block;clear:both; margin: 0px 0px 5px 0px;}
.comments img {padding: 4px; background: #00B5E7}
.comments textarea {border:1px solid #CCCCCC; padding:0px; margin:0px 0px 10px 0px; width:450px; float:left; height: 100px; font-family:Arial, Helvetica, sans-serif ;font-size:12px; }
.comments fieldset {background:#FCFCFC none repeat scroll 0 0; border:1px solid #CCCCCC; margin:10px 0; padding:6px 10px; position:relative; }
.comment-img { width: 15%; float:left; }
.comment-txt { width: 80%; float:right; margin-right: 15px; border:1px solid #cacaca; background: #fff; }
.comment-txt p { padding: 0px 5px; margin:0px;}
.comment-txt span { color: #000;}
img.account-photo {background:#00B5E7 none repeat scroll 0 0; float:right; padding:4px; }
.eventlist li {margin: 10px 0;float: left; width: 100%; list-style:none;}
.eventlist {width:85%; float: left; list-style:none;}
h6 {color:#5F5F5F; float:left; font-family:Arial,Helvertica,Sans-Serif; font-size:100%; margin:1px 0 0; width:130px; }
ul#account-people {width:100%; float: left; list-style:none;}
ul#account-people li {margin: 10px 0;float: left; width: 100%; list-style:none;}
ul#account-people li img {background:#00B5E7 none repeat scroll 0 0; float:left; padding:4px;}
ul#account-people li input {margin:24px 10px 0 20px; width: 357px; }
ul#account-people {display: block}
ul#account-people li div.peoplestatus { width: 80px; height: 32px; margin: 24px 0 0 0; display:block; float:right; }
ul#account-people li div.peoplestatus span {display: block; float:left; margin: 5px 0; }
ul#account-people li div.peoplestatus span.tick { background: url(/images/tick.png) no-repeat 0 0; width: 17px; height: 18px; text-indent: -9999px }
ul#account-people li div.peoplestatus span.not { background: url(/images/remove_user.png) no-repeat 0 0; width: 24px; height: 24px; text-indent: -9999px }
ul#account-people li div.peoplestatus span.booknow { background: url(/images/book.png) no-repeat 0 0; width:24px; height: 24px; text-indent: -9999px }
ul#account-people li div.peoplestatus span.book-attending { background: url(/images/book.png) no-repeat 0 0; width:24px; height: 24px; text-indent: -9999px }
ul#account-people li div.peoplestatus span.not-attending { background: url(/images/remove_user.png) no-repeat 0 0; width: 24px; height: 24px; text-indent: -9999px }
ul#account-people li div.peoplestatus span.remove_user { background: url(/images/cross.png) no-repeat 0 0; width:22px; height: 17px; text-indent: -9999px }
ul#account-people li div.peoplestatus span.noreply { background: url(/images/no-reply.png) no-repeat 0 0; width:24px; height: 24px; text-indent: -9999px }
/*ul#account-people span {display: block; float: right; margin: 33px 58px 0 0}
ul#account-people span.tick {background: url(/images/tick.png) no-repeat 0 0; width: 17px; height: 18px; text-indent: -9999px}
ul#account-people span.not {background: url(/images/cross.png) no-repeat 0 0; width: 22px; height: 17px; text-indent: -9999px}
ul#account-people span.booknow {margin:30px 42px 0 0; background: url(/images/book.png) no-repeat 0 0; width:24px; height: 24px; text-indent: -9999px}
ul#account-people span.book-attending {margin:30px 53px 0 0; background: url(/images/book.png) no-repeat 0 0; width:24px; height: 24px; text-indent: -9999px}
ul#account-people span.not-attending {background: url(/images/cross.png) no-repeat 0 0; width: 22px; height: 17px; text-indent: -9999px; margin: -25px 22px 0 0}
ul#account-people span.remove_user {background: url(/images/remove_user.png) no-repeat 0 0; margin: -25px 0px 0 20x; width:24px; height: 24px; text-indent: -9999p}
ul#account-people span.noreply {background: url(/images/no-reply.png) no-repeat 0 0; margin: 30px 52px 0 0; width:24px; height: 24px; text-indent: -9999px}
*/
div#location div#map {width: 268px; height: 268px; background:#00B5E7 none repeat scroll 0 0; padding:4px;}
div#location ul {margin: 10px 0 0}
div#location ul li {margin:7px 0; }
div.helpbox { }
div.helpbox h3 { /*font-family: Nilland !important;*/ font-family:Arial,Helvertica,Sans-Serif; color: #00b5e7; text-decoration:underline; }
div.helpbox a { color: #00b5e7; text-decoration:underline;}
div.helpbox ul { margin: 10px 0 0 }
div.helpbox ul li { background:transparent url(../images/list.png) no-repeat scroll 0 5px; color:#5F5F5F; font-size:92%; line-height:1.5; list-style-type:none; margin:5px 0 !important; padding:0 0 0 26px; }
div.helpbox ul li a { color: #00b5e7; text-decoration:underline;}
div.helpbox ul li a:hover { color: #00b5e7; text-decoration:none;}
div#details { clear:both; border:1px solid #CCCCCC; background:#ffffff; padding:9px; width:550px; height: auto; display:block; font-family:Arial, Helvetica, sans-serif ;font-size:12px;}
.ui-datepicker-trigger { padding: 0px 5px; }
.team-profile { margin-bottom: 20px; height:auto; width: 600px; overflow:visible; display:block; float:left; }
.team-profile-text { float:left; width: 440px; }
.team-profile-img { float:left; width: 150px; margin-right: 10px; }
ol#wedding-planning {background:#FF7900 url(/images/orange-button.png) repeat-x scroll left top; float:left; margin:20px 24px 0; position:relative; width:95%; -moz-border-radius:9px; -webkit-border-radius:9px; }
ol#wedding-planning a {color: #FFF}
ol#wedding-planning li { background:transparent url(/images/arrow.png) no-repeat scroll right top; color:#FFFFFF; float:left; font-family:/*nilland*/ arial; font-size:130%; letter-spacing:3px; list-style-type:none; padding: 17px 60px 17px 26px; text-shadow:1px 1px 0 #000000; }
ol#wedding-planning li.last {background: none; padding: 17px 0 17px 26px}
ol#wedding-planning span {background:transparent url(/images/tag.png) no-repeat scroll 0 0; padding:11px 11px 26px; position:absolute; top:-38px; }
ol#party-planning {background:#FF7900 url(/images/orange-button.png) repeat-x scroll left top; float:left; margin:20px 24px 0; position:relative; width:95%; -moz-border-radius:9px; -webkit-border-radius:9px; }
ol#party-planning a {color: #FFF}
ol#party-planning li { background:transparent url(/images/arrow.png) no-repeat scroll right top; color:#FFFFFF; float:left; font-family:/*nilland*/ arial; font-size:140%; letter-spacing:3px; list-style-type:none; padding: 17px 60px 17px 26px; text-shadow:1px 1px 0 #000000; }
ol#party-planning li.last {background: none; padding: 17px 0 17px 26px}
ol#party-planning span {background:transparent url(/images/tag.png) no-repeat scroll 0 0; padding:11px 11px 26px; position:absolute; top:-38px; }
ol#business-planning {background:#FF7900 url(/images/orange-button.png) repeat-x scroll left top; float:left; margin:20px 24px 0; position:relative; width:95%; -moz-border-radius:9px; -webkit-border-radius:9px; }
ol#business-planning a {color: #FFF}
ol#business-planning li { background:transparent url(/images/arrow.png) no-repeat scroll right top; color:#FFFFFF; float:left; font-family:/*nilland*/ arial; font-size:140%; letter-spacing:3px; list-style-type:none; padding: 17px 60px 17px 26px; text-shadow:1px 1px 0 #000000; }
ol#business-planning li.last {background: none; padding: 17px 0 17px 26px}
ol#business-planning span {background:transparent url(/images/tag.png) no-repeat scroll 0 0; padding:11px 11px 26px; position:absolute; top:-38px; }
ol#trip-planning {background:#FF7900 url(/images/orange-button.png) repeat-x scroll left top; float:left; margin:20px 24px 0; position:relative; width:95%; -moz-border-radius:9px; -webkit-border-radius:9px; }
ol#trip-planning a {color: #FFF}
ol#trip-planning li { background:transparent url(/images/arrow.png) no-repeat scroll right top; color:#FFFFFF; float:left; font-family:/*nilland*/ arial; font-size:150%; letter-spacing:3px; list-style-type:none; padding: 17px 60px 17px 26px; text-shadow:1px 1px 0 #000000; }
ol#trip-planning li.last {background: none; padding: 17px 0 17px 26px}
ol#trip-planning span {background:transparent url(/images/tag.png) no-repeat scroll 0 0; padding:11px 11px 26px; position:absolute; top:-38px; }
div#home-content { float: left; width:890px; margin: 10px 30px 0px 30px; }
div#home-content p {color:#5F5F5F; font-size:93%; line-height:1.7; margin-bottom: 0px; }
div#home-content a { text-decoration: none; color: #ff7000; }
div#home-content a:hover { border-bottom: 1px solid #ff7000; }
div#home-content p a { text-decoration: none; color: #ff7000; }
div#home-content p a:hover { border-bottom: 1px solid #ff7000; }