/* DEFAULT FORM STYLING */

/* ie7 */

.default_form .field, default_form .buttons
{
    clear: both;
    margin: 0 0 1.5em;
}

.default_form h3 
{
    margin: 0 0 10px 0;
}

.default_form .field label
{
    display: block;
    background: #cecece;
    padding: 3px 0 3px 10px;
    font-weight: bold;
}

.default_form .long label
{
    width: 450px;
    display: block;
    margin-bottom: 10px;
    background: #cecece;
    padding: 3px 0 3px 10px;
    font-weight: bold;
}

.default_form .field label span
{
    display: block;
    margin: 3px 0px;
    font-size: 9px;
}

.default_form ul.fields
{
    margin: 0 0 1.5em;
    padding: 0;
}

.default_form ul.fields li
{
    list-style-type: none;
    margin: 0;
}

.default_form ul.inline li, .default_form ul.inline label
{
    display: inline;
}

.default_form ul.inline li
{
    padding: 0 .75em 0 0;
}

input.radio, input.checkbox
{
    margin: 3px;
    vertical-align: bottom;
}

button, input.submit, input.image
{
    cursor: pointer;
}

* html input.radio, * html input.checkbox
{
    margin: 0;
    vertical-align: middle;
}

/* ie6 */

*+html input.radio, *+html input.checkbox
{
    margin: 0;
    vertical-align: middle;
}

/* ie7 */

textarea
{
    overflow: auto;
}

input.text, input.password, textarea, select
{
    margin: 0;
    vertical-align: bottom;
}

input, textarea, select
{
    border: 1px solid #000000;
    padding: 2px;
}

.error
{
    margin: 0 0 10px 0;
    border: 1px solid #FF0B00;
    background: #FFD1CF;
    display: block;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

/* horizontal layout */
 
.default_form .field
{
    padding-left: 150px;
}

.default_form .field label
{
    display: inline;
    float: left;
    width: 130px;
    margin-left: -150px;
}

/* DEFAULT LINK BUTTON */

a:link.link_button, a:visited.link_button
{
    font-size: 10px;
    display: inline-block;
    margin: 0px;
    padding: 2px 5px;
    color: #ff4499;
    border: 1px solid #000000;
    background: #000000;
    line-height: 12px;
    text-transform: uppercase;
}

a:hover.link_button 
{
    color: #7f7f7f;
}

/* BROWSE BUTTON */

.browse 
{
    padding: 0px;
    margin: 0px;
    height: 18px;
    width: 300px;
    vertical-align: top;
}

/* FORGOT PASSWORD */

#forgot_password .default_form
{
    width: 360px;
    margin: 0 auto;
    border: 1px solid #000000;
    padding: 10px;
}

/* REGISTER */

#register .default_form
{
    width: 360px;
    margin: 0 auto;
    border: 1px solid #000000;
    padding: 10px;
}

#register input
{
    width: 180px;
}

#register .dancer_or_dj 
{
    margin-left: 150px;
}

#register .dancer_or_dj input
{
    width: 15px;
    border: none;
}

#register .dancer_or_dj label
{
    width: 40px;
    margin: 0 20px 0 5px;
}

/* CHANGE PASSWORD */

#change_password.default_form
{
    width: 438px;
    margin: 0 auto;
    border: 1px solid #000000;
    padding: 10px;
}

#change_password.default_form input
{
    width: 250px;
}

/* MANAGE ACCOUNT */

#manageAccount.general_form
{
    border: 1px solid #e2e2e2;
    padding: 20px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
}

/* LOGIN FORM */

#login
{
    padding: 10px;
    margin: 0 auto;
    font-size: 10px;
}

#login.default_form .field
{
    padding-left: 50px;
    margin-bottom: 5px;
}

#login.default_form .field label
{
    width: 70px;
    margin-left: -50px;
    padding: 0px;
    background: none;
} 

#login input
{
    width: 140px;
}

#login .error 
{
    margin: 10px 0 0 0;
    text-align: left;
}

/* Default PROFILE STYLES */

.default_profile 
{
    padding: 0px 10px 10px 10px;
    margin: 0;
}

.default_profile table
{
    border: 0px !important;
    border-collapse: separate !important;
}

.default_profile #share-bar{
background: none;
position: relative;
}

.default_profile #share-bar a:link,
.default_profile #share-bar a:hover,
.default_profile #share-bar a:visited {
background: none;
border: none;
color: #000;
}

/* Profile Navigation DJs */
#profile_nav_dj
{
    width: 220px;
    float: left;
    margin: 0 10px 0 0;
}
#profile_nav_dj #profile_image 
{
    text-align: center;
    margin-bottom: 10px;
}
#profile_nav_dj a:link, #profile_nav_dj a:visited
{
    display: block;
    padding: 2px 5px;
    background: #222222;
    color: #ffffff;
    line-height: 18px;
    margin-bottom: 5px;
    border: 1px solid #000000;
}
#profile_nav_dj a:hover {background: #e2e2e2; color: #222222;}
#profile_nav_dj a.selected {background: #00b0e0; color: #ffffff;}
#profile_nav_dj a:hover.selected {background: #00b0e0;}

/* Profile Navigation Dancers */
#profile_nav_dancer
{
    width: 220px;
    float: left;
    margin: 0 10px 0 0;
}
#profile_nav_dancer #profile_image 
{
    text-align: center;
    margin-bottom: 10px;
}
#profile_nav_dancer a:link, #profile_nav_dancer a:visited
{
    display: block;
    padding: 2px 5px;
    background: #222222;
    color: #ffffff;
    line-height: 18px;
    margin-bottom: 5px;
    border: 1px solid #000000;
}
#profile_nav_dancer a:hover {background: #e2e2e2; color: #222222;}
#profile_nav_dancer a.selected {background: #ff4499; color: #ffffff;}
#profile_nav_dancer a:hover.selected {background: #ff4499;}

#profile_details {width: 460px; float: left;}

#profile_details h3
{
    background: #444444;
    margin: 0 0 10px 0;
    color: #ffffff;
}

#profile_details #styles_list_djs ul {margin: 10px 0 0 20px; padding: 0px; list-style: none;}

#profile_details #styles_list_djs ul li {
    background: url(../Media/LayoutImages/icon-record.jpg) left no-repeat;
    padding: 0 0 0 30px;
    height: 38px;
    line-height: 25px;
}

#profile_details #styles_list_djs label {display: inline-block;}

#profile_details #styles_list_dancers ul {margin: 10px 0 0 20px; padding: 0px; list-style: none;}

#profile_details #styles_list_dancers ul li {
    background: url(../Media/LayoutImages/icon-dancer.jpg) left no-repeat;
    padding: 0 0 0 30px;
    height: 38px;
    line-height: 25px;
}

#profile_details #styles_list_dancers label {display: inline-block;}

/* Tabs */
#profile_details .tabs
{
    width: 100%;
    margin: 0px;
}

#profile_details .tabs .ajax__tab_body 
{
    margin: 0px;
    padding: 0px;
}

#profile_details .tabs .ajax__tab_header,
#profile_details .ajax__tab_tab,
#profile_details .ajax__tab_inner,
#profile_details .ajax__tab_outer,
#profile_details .ajax__tab_active
{
    height: 0px;
    margin: 0px !important;
    padding: 0px !important;
}

#profile_details textarea 
{
    margin: 0 0 10px 0;
    padding: 10px;
    line-height: 16px;
}

#profile_details .inputName
{
    width: 270px;
}

#profile_details .inputAge
{
    width: 30px;
}

#profile_details .inputWeight
{
    width: 50px;
}

#profile_details .inputSpecialSkills,
#profile_details .inputExperience,
#profile_details .inputFavouriteMusic,
#profile_details .inputInterests
{
    width: 438px;
}

#profile_details .inputBookingDesc
{
    width: 438px;
}

.albums_grid .AlbumItem
{
    width: 460px;
}

.albums_grid .AlbumItem ul
{
    float: left;
    background: none;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.albums_grid .AlbumItem ul li
{
    margin-bottom: 10px;
}

.albums_grid .AlbumItem img
{
    float: left;
    margin: 0 10px;
}

.albums_grid .AlbumItem h3
{
    color: #000000 !important;
    background-color: #cccccc !important;
    padding: 1.5px 0px;
    border-top: 1px solid #444444;
    border-bottom: 1px solid #444444;
    text-transform: capitalize;
}

.albums_grid .AlbumItem h3 span
{
    padding: 0px;
    text-transform: capitalize;
}

/* SEARCH PROFILE RESULT */

#profile_extras 
{
    width: 218px;
    float: left;
}

#profile_extras #profile_image
{
    text-align: center;
}

/* AJAX Tabs default styling */

.ajax__tab_header 
{
    font-size: 11px;
    margin: 0px !important;
    padding: 0px !important;
}

.ajax__tab_outer 
{
    margin: 0px !important;
    padding: 0px !important;
}

.ajax__tab_inner 
{
    margin: 0px !important;
    padding: 0px !important;
}

.ajax__tab_tab 
{
    margin: 0px !important;
    padding: 3px !important;
    display: block;
}

.ajax__tab_hover 
{
    background: #e2e2e2;
    color: #ffffff;
    display: inline-block;
}
.ajax__tab_active .ajax__tab_outer 
{
    margin: 0px !important;
    padding: 0px !important;
}

.ajax__tab_active .ajax__tab_inner 
{
    margin: 0px !important;
    padding: 0px !important;
}

.ajax__tab_active
{
    background: #464646;
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
}

/* PROFILE AJAX TABS */

.profile_tabs
{
    width: 470px;
    float: left;
    margin: 0 0 0 10px;
}

.profile_tabs .ajax__tab_hover 
{
    background: #ff4499;
    color: #ffffff;
}

.profile_tabs .ajax__tab_active
{
    background: #000000;
    color: #ffffff;
    font-weight: bold;
}

.profile_tabs .ajax__tab_body 
{
    font-size: 10px;
    border-top: 2px solid #000000;
    padding: 10px 0 0 0;
}

.no_data 
{
    border: 1px solid #000000;
    background: #f0f0f0;
    display: block;
    padding: 10px;
    color: #000000;
    line-height: 170%;
}

/* Profile Main Tab */

#tab_profile_main ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#tab_profile_main li
{
    margin-bottom: 5px;
    vertical-align: top;
}

#tab_profile_main ul li label
{
    width: 130px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    text-transform: uppercase;
    color: #ff4499;
}

/* SEARCH AJAX TABS */

#sidebar #search 
{
    padding: 10px 0px;
}

#sidebar #search p
{
    padding: 0px 10px;
}

/* Dj Search Button */
#search a:link.link_button_dj, #search a:visited.link_button_dj
{
    display: inline-block;
    margin: 0px 0 0px 80px;
    background: #00b0e0;
    padding: 2px;
    color: #ffffff;
}

#search a:hover.link_button_dj
{
    background: #ffffff;
    color: #00b0e0;
}

/* Dancer Search Button */
#search a:link.link_button_dancer, #search a:visited.link_button_dancer
{
    display: inline-block;
    margin: 0 0 0 80px;
    background: #ff4499;
    padding: 2px;
    color: #ffffff;
}

#search a:hover.link_button_dancer
{
    background: #ffffff;
    color: #ff4499;
}

#search .search_tab
{
    padding: 7px 0 0 0;
}

#search .search_tab .field
{
    padding: 0 0 5px 80px;
    margin: 0px;
}

#search .search_tab .field label
{
    display: inline;
    float: left;
    width: 80px;
    margin-left: -80px;
    padding-left: 0px;
    background: none;
    font-weight: normal;
} 

#search select
{
    font-size: 9px;
    padding: 0px;
}

.search_tabs
{
    width: 220px;
    margin: 0px auto;
}

.search_tabs .ajax__tab_tab {width: 104px;}

.search_tabs .ajax__tab_body 
{
    font-size: 10px;
    padding: 0px 7px 7px 7px;
    background: #464646;
    color: #ffffff;
}

/* END SEARCH TABS */

/* Dancer / DJ Booking Form */

#booking_form {border: 1px solid #000000; padding: 10px 10px 0 10px;}
#booking_form .artist_name {color: #00b0e0;}
#booking_form .contact_name {width: 240px;}
#booking_form .email_address {width: 240px;}
#booking_form .telephone {width: 240px;}
#booking_form .hours_required {width: 240px;}
#booking_form .additional_info {width: 280px; padding: 3px; margin: 0px;}

/* General Enquiry Form */

#enquiry_form {margin: 0 0 20px 0;}
#enquiry_form .contact_name {width: 260px;}
#enquiry_form .email_address {width: 260px;}
#enquiry_form .telephone {width: 260px;}
#enquiry_form .details {width: 254px; padding: 5px;}

.send_failure
{
    margin-bottom: 10px;
    padding: 10px 10px 0px 10px;
    border: 2px solid #FF0B00;
    background: #FFD1CF;
}

.send_failure h4
{
    padding: 0px;
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    color: #FF0B00;
    text-transform: uppercase;
}

.send_success
{
    margin-bottom: 10px;
    padding: 10px 10px 0px 10px;
    border: 2px solid #7FC234;
    background: #E8F5D9;
}

.send_success h4
{
   padding: 0px;
   margin: 0px 0px 10px 0px;
   font-weight: bold;
   color: #7FC234;
   text-transform: uppercase;
}

#current_chart {

}

#current_chart ul#chart {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#current_chart ul#chart li {
margin-bottom: 15px;
clear: both;
background: #d8f1f7;
padding: 5px;
}

#current_chart ul#chart li .chart_position {
width: 40px;
padding: 7px 0px;
text-align: center;
margin-right: 10px;
float: left;
background: #007291;
font-size: 24px;
font-family: Century Gothic;
font-weight: bold;
color: #fff;
}

#current_chart ul#chart li input {
width: 300px;
border: 1px dashed #b4e3f0;
display: inline-block;
}

#current_chart .artist {
font-weight: bold;
}

#current_chart a.link_button {
color: #ffffff;
}

#current_chart a:hover.link_button {
color: #00b0e0;
}