@import url("/_styles/jquery-datepicker.css");

/*
Orange: ff6716
Blue-Green: 04686b
Note Yellow: FFD
Note Yellow hover: FFA
*/

/* general */
*{padding:0px; margin:0px; font-family:Verdana;}

.Debug {border:solid 1px red;}
.Hidden {display:none;}
.Access {display:none;}

.FloatLeft {float:left;}
.FloatRight {float:right;}

.SmallText {font-size:80%;}
.Bold {font-weight:bold;}

.TextRight{text-align:right}

.MarginLeft{margin-left:10px;}

/* elements */
body, div, td, span, p {font-family:verdana; font-size:13px; color:#000; margin:0;}
input, textarea {font-size:13px;}
body {background: #333;}
h1 {color:#04686b; margin-top:0; margin-bottom:10px; font-size:25px; font-weight:bold;}
h2, h2 span {color:#04686b; margin-top:0; margin-bottom:5px; font-size:16px; font-weight:bold;}
h2 .Highlight {color:#000}
.Total {color:#ff6716; margin-bottom:20px; line-height:20px; font-weight:bold}
.Total table {background:#fff; font-weight:normal; text-align:right; padding:0; border-spacing:0; border-collapse:collapse}
.Total table .Header {color:#04686b; font-weight:bold; text-align:left}
.Total table tr.Alternate {background:#EEE}
.Total table td {padding:3px;border:1px #AAA solid}
.Total.Free table td.Header {text-decoration:none}
.Total.Free table td {text-decoration:line-through}
.Total.Free table td input {display:none}
h3 {color:#04686b; font-size:14px;}
h4 {font-size:12px; font-weight:bold; color:#04686B}
img {border:0}
ul {margin-left:20px; text-indent:10px;}
li {padding-bottom:5px;}

/* divs */
div.Clear {clear: both;}
div.OuterDiv  {margin:0 auto; padding:0; width:1001px; text-align:left; background:#EFEFEF;}
div.PicturePreview {width:100px; height:100px; border:solid 1px grey; background-color:#efefef; text-align:center;}
.FileField div.UploadedPicture {margin-left: 50px;}

/* links */
a {color:#288}
a:hover {color:#399;}
.AboveBoxLink {font-weight: bold;margin-right:15px}

/* header */
div.HeaderDiv {margin:auto; width:100%; text-align:left;}
.HeaderImage {padding:0; margin:0; background: #333 url("/_images/banner.png") no-repeat scroll 0 0; height:150px; font-weight:bold; text-indent:-9000px;}
.HeaderImage h2 a, .HeaderImage h1 a {text-decoration:none;color: #ff6716;}


/* footer */
div.FooterShadow {border-top:1px #AAA solid; border-right:2px #333 solid; border-left:2px #333 solid; padding:0}
div.FooterDiv {background:#DDD; border-top:1px #CCC solid; height:50px; padding:10px; position:relative}
.Copyright {font-size:10px; color:#999; position:absolute; bottom:0; right:0; width:230px;
text-align:right; padding:5px;}

/* menu */
div.MenuDiv {text-align:left; 
             background:url(/_images/menu-background.jpg) repeat-x; 
             border-top:1px #000 solid; border-bottom:1px #000 solid; 
             height:23px; width:1001px; padding:0; margin:0}
             
a.MenuItem, a.MenuItem:visited, a.MenuItemRight, a.MenuItemRight:visited {font-family:Verdana; 
                                 font-size:15px; font-weight:normal; width:120px; height:23px; 
                                 display:block; padding-top:2px; text-decoration:none; color:#EEE;
                                 letter-spacing:-1px;}
a.MenuItem, a.MenuItem:visited {padding-left:5px; float:left;
    background: url(/_images/menu-divider.jpg) no-repeat 100% 0%;}
a.MenuItem:hover{color:#CCC}
a.MenuItemRight, a.MenuItemRight:visited {padding-right:5px; text-align:right; float:right;
    background: url(/_images/menu-divider.jpg) no-repeat 100% 0%;}
a.MenuItemRight:hover{color:#CCC}

/* content */
div.ContentDiv {text-align:justify; padding:20px 30px 40px 30px; }
.Woff {background:#efe2d4 url(/_images/woff-background.jpg) no-repeat scroll 100% 100%;}

/* ajax tabControl */
.ajax__tab_body {background: url(/_images/dropshadow.png) no-repeat bottom right; margin:5px 5px 0 5px; float:left;
    padding-top:5px;}
.ajax__tab_body .ajax__tab_panel {background:#EAEAEA; padding:10px; text-align:left; border:1px #AFAFAF solid; float:left;
    position: relative;margin:-10px 5px 5px -7px; border-top:0px;}
div.ajax__tab_header {display:block; padding:0; border-bottom:1px #AFAFAF solid; text-indent:0; margin:5px 0 0 -2px;}
div.ajax__tab_header span.ajax__tab_tab {display:block; float:left; padding:2px 13px; border-left:1px #AFAFAF solid; border-right:1px #AFAFAF solid; border-top:1px #AFAFAF solid; 
    text-indent:0; background:#04686b; text-decoration:none; color:#fff; font-weight:normal; font-family:arial; letter-spacing:1px; font-size:11px}
div.ajax__tab_header span.ajax__tab_active .ajax__tab_tab {background:#EAEAEA; padding-bottom:3px; margin-bottom:-1px; color:#000}

/* box */
.Box {background:#EAEAEA url(/_images/box-background.jpg) repeat-x bottom left; padding:10px; text-align:left; border:1px #AFAFAF solid; float:left;}
.BoxShadow {background: url(/_images/dropshadow.png) no-repeat bottom right; margin:10px 5px 0 5px; float:left;}
.BoxShadow .Box {position: relative;margin:-5px 5px 5px -7px;}
.BoxShadow.Tabbed {padding-top:5px; margin-top:5px}
.BoxShadow.Tabbed .Box {border-top:0px; margin-top:-10px}
.Box.Full {float:none}
.BoxShadow .Box.Full {width:919px}
.NoBox {margin: 10px 0 }
ul.BoxShadowTab {display:block; padding:0; border-left:1px #AFAFAF solid; border-bottom:1px #AFAFAF solid; text-indent:0; margin:5px 0 0 -2px;}
ul.BoxShadowTab li {display:block; float:left; padding:2px 13px; border-right:1px #AFAFAF solid; border-top:1px #AFAFAF solid; 
    text-indent:0; background:#04686b;}
ul.BoxShadowTab li a {text-decoration:none; color:#fff; font-weight:normal; font-family:arial; letter-spacing:1px; font-size:11px}
ul.BoxShadowTab li.Selected {background:#EAEAEA; padding-bottom:3px; margin-bottom:-1px}
ul.BoxShadowTab li.Selected a {color:#000}
.BoxImage {margin: -10px -10px 5px -10px; width:435px}
.Box .Box{background:none; margin:10px;}
.LeftColumn {float:left; width:450px; margin-bottom:20px;}
.RightColumn {float:right; width:450px; margin-bottom:20px}
.BoxTabs a {color:#FFF; text-decoration:none; font-weight:bold; text-align:center; width:110px; display:block; float:left; margin-right:2px;}
.BoxTabs a:hover.UnselectedBoxTab {color:#FF7}
.SelectedBoxTab {background: url(/_images/selected-tab.gif) no-repeat; padding-top:10px; height:23px;}
.UnselectedBoxTab {background: url(/_images/unselected-tab.gif) no-repeat; padding-top:13px; height:20px;}
.InlineForm{line-height:25px;}

/* Home Search Box Specific Styles */
.HomeBox{width:415px}
.HomeSearchBox {margin:0 0 20px 78px;}
.MultiSearch .CheckListBox {width:246px; height:110px}
.LandingContent .HomeSearchBox h2 {margin:0 0 5px 0}
.LandingContent h2 {margin-left:78px; margin-bottom:15px;}
.HomeSearchBox .Box {width:765px;}
.DoubleColumn {width:45%; float:left; padding-right:10px}
.Field .RangeBox {width:71px; float:left; margin-top:3px;}
.PostFieldText {display:block; float:left; margin:0; padding:0 7px}
.Field .BandWantsList .CheckBoxField {display:block}
.Field, .BandWantsList .FieldItem {display:block}
.SubList {margin-top:2px;}
.HomeSearchBox .SearchForm {float:left; width:400px; border-right:1px #CCC solid; padding-right:20px;}
.HomeSearchBox .BrowseLinks {float:left; padding-left:20px;}
.HomeSearchBox .BrowseLinks h2 {font-size:14px}
.HomeSearchBox .BrowseLinks ul {margin:0; float:left}
.HomeSearchBox .BrowseLinks li {line-height:16px; list-style-type:none; text-indent:0; }
.HomeSearchBox .BrowseLinks ul.ListColumn1 {border-right:1px #CCC solid; padding-right:10px}
.HomeSearchBox .BrowseLinks ul.ListColumn2 {padding-left:10px;}
.TCCheckBox {margin:10px 0}

/* Login Bar */
.LoginBar input {font-size:10px; float:left; margin-right:2px; width:90px; color:#000}
.LoginBar span.Note.Full.Error {margin:2px 0}
.LoginBar.Box {background:url(/_images/menu-background.jpg) repeat #FD7B01; background-position:top; padding:4px 2px 2px 5px; float:right; margin-bottom:-2px; 
               margin-top:-2px; border-top:none; border-right:none; border-bottom:1px black solid; border-left:1px black solid;}
.LoginBar.Box.LoggedIn {color:#fff; font-size:12px; font-style:italic}
.LoginBar.Box.LoggedIn span {color:#fff; font-weight:bold; font-size:11px}
.LoginBar .FieldTitle {font-size:10px; color:#fff; display:block; float:left; line-height:14px; width:auto; padding-right:2px}
.LoginBar label {font-size:10px; color:#fff;}
.LoginBar input.SubmitButton {float:right; margin:0; width:auto; margin-top:-2px}
.LoginBar .LoginRow {height:17px}

/* Note */
.Note, .Note a{font-size:80%}
.Note.FieldNote {margin-top:3px; background:none; border:none; font-style:italic; float:left}
span.Note, div.Note {border:1px #fC1 solid; background:#FFD; float:right; margin-top:0; margin-bottom:3px; 
    padding:0px 3px 1px 3px; display:block;}
span.Note.Full, div.Note.Full {float:none; margin-bottom:10px}
.Full {float:none}
.Note select {margin:3px}
.Note a {font-size:90%}
.MultiSearch .Note.Full {border:1px #ff6716 solid; background: #ff6716;}
.MultiSearch .Note.Full .Field, .MultiSearch .Note.Full .FieldTitle {padding-bottom:0;  color:#fff; padding-right:9px; padding-left:0}
.MultiSearch .Note.Full .Field select {border:1px #999 solid;}
.MultiSearch .FieldTitle, .MultiSearch .Field {padding-left:3px}

/* forms */
.PostcodeTextBox {width:50px}
.DistanceTextBox {width:50px}

/* fields */
div.WideField, div.ShortFieldTitle, div.Field, div.FieldTitle {float:left; padding-right:10px;}
td.Field {width:200px; padding-top:8px;}

div.FieldTitle, div.ShortFieldTitle,
div.Field, div.ShortField, div.FileField, div.DateField, div.WideField,
div.SubmitButton, div.SubmitButtonShortTitle {padding-bottom:5px;}

div.Field, div.ShortField, div.FileField, div.DateField, div.WideField{float:left;}

.FieldTitle {width:170px;}
.ShortFieldTitle {width:75px;}

.AutoGrow {min-height:60px}
.Field select, .Field input {width:190px;}
.Field select {margin-top:3px}
.Field select.DoubleField {width:125px;}
.Field textarea {width:250px;}
.ShortField input, input.ShortField {width:50px;}
.FileField input{width:270px;}
.DateField input {width:70px;}
.CheckBoxField input {width:10px; margin-right:4px;}
.WideField input {width:400px;}
.WideField textarea {width:400px;}
.Field input.FileUpload {width:auto}

.SubmitButton {float:left; margin-left:178px; padding:0}
.SubmitButton2 {float:left; margin-left:200px;}
.HomeSearchBox .SubmitButton {margin-left:133px;}
.SubmitButtonShortTitle {float:left; margin-left:85px;}
select.StyleSelector {height:150px}
.AdvancedSearch .SubmitButton {float:right; margin-right:10px;}

.HomeSearchBox .FieldTitle {width:125px}

.Error {color:#F00}
.Success {color:#090}

/* Validators */
.Validator {float:left; padding-top:3px; padding-bottom:3px}
.TableHeader span {}
.TableRows span {}

/* Auto completes */
.AutoCompleteDropDownClear {background:#fff no-repeat scroll 50% 50%; border:none; padding:1px}
input.AutoCompleteDropDownDisabled {background:#DDD; border:none; padding:1px; width:182px}
.AutoCompleteDropDownInstrumentName {background:#fff url(/_images/InstrumentNameSearch.gif) no-repeat scroll 0% 50%;}
.AutoCompleteDropDownMusicianName {background:#fff url(/_images/MusicianNameSearch.gif) no-repeat scroll 0% 50%;}
.AutoCompleteDropDownStyleName {background:#fff url(/_images/StyleNameSearch.gif) no-repeat scroll 0% 50%;}
.AutoCompleteDropDownSuburb {background:#fff url(/_images/SuburbSearch.gif) no-repeat scroll 0% 50%;}
.AutoCompleteDropDownSuburb, .AutoCompleteDropDownStyleName, .AutoCompleteDropDownInstrumentName, .AutoCompleteDropDownMusicianName { border:none; padding:1px}
.Field input.AutoCompleteDropDownSuburb, .Field input.AutoCompleteDropDownStyleName, .Field input.AutoCompleteDropDownMusicianName, .Field input.AutoCompleteDropDownInstrumentName, .Field input.AutoCompleteDropDownClear {width:182px}
.AutoCompletePostText {margin-left:-5px; margin-right:5px;}

.AutoCompleteContainer {border:1px #777 solid; padding:1px; background:#FFF; width:184px; line-height:20px}
.AutoCompleteContainer ul {margin-left:0; z-index:999}
.AutoCompleteContainer .SelectedItem {border:1px #777 solid; background:#84C8CB url(/_images/dropdown-background.png) repeat-x  bottom left; color:#FFF; font-size:11px; padding:1px; font-weight:bold; letter-spacing:-1px; white-space:nowrap;}
.AutoCompleteContainer .SelectedItem a {color:#444; text-decoration:none; font-weight:bold}
.AutoCompleteContainer .SelectedItem a:hover {color:#ff6716;}

/* Timetable */
.Timetable {padding:0;border-collapse:collapse; border-spacing:0;}
.TimetableCell, .TimetableHeaderCell, .TimetableRowHeaderCell
{float:left;height:12px;font-size:10px;border-bottom:1px #AAA solid;border-right:1px #CCC solid;line-height:normal}
.TimetableCell{background:#fff;width:30px;}
.TimetableCell.Active{background:#ff6716;}
.TimetableHeaderCell{background:#fff;width:30px;text-align:center;}
.TimetableRowHeaderCell{background:#fff;width:85px;padding-left:3px}
.Timetable.Edit .TimetableCell {cursor:pointer}

.LinkButton {display:block; float:left; padding:5px; background:#04686b; 
color:#fff; font-weight:bold; margin:0 6px 6px 0; font-size:11px; border:1px solid lightgrey; text-decoration:none}
.LinkButton.Small {padding:3px; font-size:80%; float:none; display:inline;}
.LinkButton.FloatLeft {float:left}
.PreviewAdDisplay {text-align:left;width:400px;margin:10px;}

/* Browse Links */
.FooterLinks div {color:#555; font-size:10px; text-align:left}
.FooterLinks div a {color:#555}

.LandingContent .About {width:380px; float:left; padding-right:10px}
.LandingContent .About img {width:100%}
.SocialLinks {float:left; padding-left:5px; padding-top:2px;}
.SocialContainer {display:inline}

.FooterAd.BoxShadow {width:930px;clear:both; margin-bottom:20px;}
.FooterAd.Box {text-align:center; float:none; background-image:none; padding:5px;}

.CheckListBox {height:100px; overflow:auto; background:#fff;display:block; line-height:15px; border:1px #AAA solid}
.CheckListBox input {width:auto;margin:0 5px 0 2px;}

.Disabled {color:#777; font-style:italic;}
.NewFeature {float:left; margin-right:5px; background:#ff6716; color:white; border:1px white solid; padding:2px; font-size:10px; font-weight:bold;}
.MenuDiv .NewFeature {border:none; margin:-2px -1px 0 -27px; background:none; width:23px; font-size:8px; color:yellow}
.Box.Highlight {border-color:#00f}
.Box.Highlight h2 {color:#00f}

.BusinessHour .DayOfWeek {float:left; width:80px;}
.BusinessHour .Time {float:left; width:75px;}
.AddHours select, .AddHours input, .Pricing input {width:75px}
.Pricing select {width: 100px}
.Pricing .Price {float:left; width:50px;}
.Pricing .PriceType {float:left; min-width:90px; max-width:350px; overflow:hidden; padding-right:5px}
.ServiceList.Pricing .Pricing, .ServiceList.BusinessHours .BusinessHour {background:#fff}
.ServiceList.Pricing, .ServiceList.BusinessHours {border:1px buttonshadow solid; padding:5px; background:#fff; margin-top:5px;}

/*.RecentAdsList {float:right; width:120px}*/
.RecentAdsList {display:block; width:720px; margin-left:26px;}
.RecentAdsList .Ad {text-align:center; padding:5px; margin:5px; width:120px; float:left; height:160px; overflow:hidden;
                    background:#FFF; border:1px #AFAFAF solid; 
                    -moz-border-radius:5px;}
.RecentAdsList .Ad:hover{ background:#FFD; border:1px #fC1 solid;}
.RecentAdsList .Ad table.Image,
.RecentAdsList .Ad .Image tr,
.RecentAdsList .Ad .Image td {padding:0; border-spacing:0; border:0; margin:0; width:100%}
.RecentAdsList .Ad .Image td {text-align:center; height:100px; vertical-align:middle}
.RecentAdsList .Ad a {display:block; text-decoration:none; color:#000; font-size:10px}
.RecentAdsList h3 {text-align:center}

/* Support for rounded corners in WebKit and Firefox (but not IE) + CSS3 support: */
.WizardStep {float:left; padding:5px 15px; border:1px #04686b solid; background:#FFF url("/_images/site-sprite.png") no-repeat scroll -520px -84px; text-align:center; color:#999; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:125px}
.WizardStep a {color:#000; text-decoration:none; padding:5px 15px; margin:-5px -15px; display:block;}
.WizardStep a:hover {background:#ffa}
.WizardStep.Selected, .WizardStep.Selected h2 {color:#FFD; background:#04686b url("/_images/site-sprite.png") no-repeat scroll -350px -84px;}
.WizardJoin {float:left; height:1px; background:#04686b; width:30px; margin-top:25px}
.WizardStepContainer {margin:10px 0;}
.PopupList {font-size:11px; text-align:left; border:1px #fc1 solid; background:#ffd; padding:6px; position:absolute;}

.Lighter {color:#777}
.BodyText p {margin-bottom:20px;}
.BodyText .RightColumn p {font-size:11px; padding:3px; text-align:center; background:none; margin:0}
.BodyText ul {margin-top:20px; margin-bottom:15px}
.SignUpNow {text-align:center}

.BrowseText {display:block; float:right; width:50%}
.BrowseText p, .BrowseIntro p {font-size:11px; margin:10px 0;}