BODY
{
    width: 100%;
    text-align: center;
    background-color: White;
    color: Black;
    font-family: Arial,Sans-serif;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    float: left;
}



#wrapper
{
    margin: 0 auto;
    width: 925px;
    padding: 0px;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    clear: both;
    height: 100%;

}

html > body #wrapper
{

}

#subwrapper
{
    width: auto;
    float: left;
    margin: 0 0 0 10px;
}
html > body #subwrapper
{
    margin: 0 0 0 20px;
}

#left
{
    width: 725px;
    float: left;
}
#right
{
    width: 160px;
    float: left;
    text-align: center;
    margin: 0px 0 0 0;
    padding: 0px 0 0 8px;
}
#innerleft
{
    clear: both;
    width: 100%;
    border-right: solid 1px #ccc;
    float: left;
    margin: 0 0 3px 0;
}
html > body #innerleft
{
    margin: 0 0 20px 0;
}
#innerleft_left
{
    float: left;
    width: 174px;
    text-align: left;
    border-right: solid 1px #ccc;
}

.submit
{
    border: none;
    color: #ff0099;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    background-color: transparent;
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
}

span .cb
{
    width: 100%;
    border: solid 1px green;
}
.cb label
{
    border: solid 1px green;
    float: left;
    width: 300px;
}
.cb input
{
    border: solid 1px green;
    float: left;
}



/******************************************************************************************************/

#header
{
    width: 100%;
    text-align: center; 
}

/******************************************************************************************************/


#toolbar
{
    margin: 0;
    width: 100%;
    clear: both;
    text-align: center;
    height: 50px;
    padding: 0px;
}

html > body #toolbar
{
    width: 100%;
}

#toolbar img
{
    padding: 6px 0 0 0;
    margin: 0px;
}

#toolbar a
{
    float: left;
    padding: 0px;
    margin: 0px;
}
#toolbar a:hover
{
}

/******************************************************************************************************/

#main
{
    float: left;
    position: relative;
    margin: 0px;
    color: Black;
    width: 536px;
    text-align: justify;
    padding: 6px;
    background-color: White;
}

#main p
{
    margin: 10px 0 10px 0;
}


/******************************************************************************************************/

#footer
{
    font: 100% verdana,arial,sans-serif;
    margin: 20px 0 0px 0px;
    padding: 10px 0 10px 0;
    font-size: 10px;
    clear: both;
    border-top: dotted 1px #ccc;
    color: #999;
}


#footer a
{
    color: #FF00FF;
    text-decoration: none;
}

#footer a:hover
{
    color: #999;
}

/******************************************************************************************************/

#memberlogin a img
{
    border-bottom: dotted 1px #999;
    padding: 1px 0 11px 0;
    margin: 0 0 9px 0;
}

.loginbox
{
    color: black;
    background-color: #ccc;
    padding: 0px;
    margin: 0px;
}

.loginbox_surround_outer
{
    margin: 0px;
    padding: 0px;
    line-height: 10px;
}
.loginbox_surround
{
    border: solid 2px #999;
    border-bottom: dashed 1px #999;
    border-top: none;
    width: 155px;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
    background-color: #ccc;
    margin-top: 0px;
    line-height: 10px;
}


.loginbox img, .loginbox td img
{
    padding: 0px;
    margin: 0px;
}
.loginbox_titletext
{
    display: none;
}



.loginbox_surround td
{
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}
.loginbox_labels
{
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}
.loginbox_labels label
{
    font-size: 10px;
    font-weight: bold;
    width: 35px;
    padding: 0px;
    margin: 0px;
    color: #333;
}
.loginbox_textbox input
{
    float: right;
    width: 80px;
    font-size: 11px;
    border: Solid 1px #999;
    padding: 0px;
    margin: 0px 0 0 0;
}
.loginbox_textbox
{
    padding: 0px;
    margin: 0px;
}


.loginbox_loginbutton
{
    border: Solid 1px #999;
    font-size: 9px;
    font-weight: normal;
    color: #333;
    margin: 0px;
    width: 100%;
}
.loginbox_checkbox input
{
    font-size: 9px;
    width: 20px;
    position: relative;
    padding: 0px;
    margin: 0px;
}
.loginbox_checkbox label
{
    float: left;
    width: 120px;
    font-size: 10px;
    position: relative;
    padding: 0px;
    margin: 4px 0 0 0;
}


#forgotpasswordoption
{
    width: 145px;
    border: solid 2px #999;
    border-top: none;
    background-color: #ccc;
    padding: 3px 3px 6px 3px;
    margin: 0px 0 0 0;
    text-align: center;
}
#forgotpasswordoption a
{
    color: #ff0099;
    font-weight: bold;
    font-size: 9px;
}
#forgotpasswordoption a:hover
{
    color: #666;
}

.loginbox_surround_outer img
{
}


.passwordrecoverybox
{
    color: black;
    width: 155px;
    background-color: #ccc;
    padding: 0px;
    margin: 0px;
}
.passwordrecoverybox_surround
{
    border: solid 2px #999;
    border-top: none;
    padding: 3px;
}

.passwordrecoverybox_label
{
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}
.passwordrecoverybox_label label
{
    font-size: 10px;
    font-weight: bold;
    width: auto;
    padding: 0px;
    margin: 0px;
    text-align: right;
    color: #333;
    float: right;
}
.passwordrecoverybox_textbox input
{
    float: right;
    width: 80px;
    font-size: 11px;
    border: Solid 1px #999;
    padding: 0px;
    margin: 0px;
}
.passwordrecoverybox_textbox
{
    padding: 0px;
    margin: 0px;
}

.passwordrecoverybox_failuretext
{
}
.passwordrecoverybox_hyperlink
{
}
.passwordrecoverybox_instruction
{
    font-size: 10px;
    width: 100%;
    padding: 0px;
    text-align: left;
    margin: 0px;
    color: #333;
}

.passwordrecoverybox_submitbutton
{
    border: Solid 1px #999;
    font-size: 10px;
    font-weight: bold;
    color: #333;
    margin: 0 0 5px 0;
}
.passwordrecoverybox_success
{
}
.passwordrecoverybox_title
{
}
.passwordrecoverybox_validator
{
}





#memberoptions
{
    width: 155px;
    padding: 0px;
    margin: 5px 0 5px 0;
}
.memberoptions_title
{
    padding: 0px;
    margin: 0px;
    float:left; height:29px;
}
.memberoptions_content
{
    padding: 6px 3px 6px 3px;
    border-left: solid 2px #999;
    border-right: solid 2px #999;
    width: 145px;
    text-align: center;float:left;
}
.memberoptions_content input
{
    padding: 0px;
    margin: 0px;
}
.memberoptions_content img
{
    padding: 0px;
    margin: 0px;
}
#memberlogin input
{
    padding: 0px;
    margin: 0px;
}

.LoginStatus
{
    color: #ff0099;
    margin: 10px 0 0 0;
    width: 135px;
    font-weight: bold;
}

#membersarea
{
    width: 100%;
    padding: 0px;
    margin: 0px 10px 0 0;
    background-color: #f0f0f0;
    font-weight: bold;
    color: #333;
}

.successmsg
{
    margin: 12px 0 12px 0;
    color: #ff0099;
    font-weight: bold;
    font-size: 15px;
}




span.updated, span.updated a:link, a.updated:link
{
    clear: both;
    font-size: 14px;
    font-weight: bold;
    color: #ff0099;
    margin: 3px;
}

caption
{
    font-size: 25px;
    text-align: left;
    font-weight: bold;
    color: #333;
    border-bottom: dotted 1px #999;
    padding: 0 0 6px 8px;
}

.statistics, .gossip, .adverts, .adverts1, .radio
{
    width: 155px;
    padding: 12px 0 0px 0;
    margin: 12px 0 0px 0;
    border-top: dotted 1px #999;
    clear: both;
    display: block;
}
.adverts1
{
    margin: 7px 0px 0px 0px;
    padding: 0px;
    border-top: none;
}
.adverts2
{
    float: right;
    width: 210px;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    border-top: none;
    text-align: center;
}
.adverts2 img
{
    width: 200px;
    padding-bottom: 10px;
}
.adverts3
{
    clear: both;
    border-top: dotted 1px #999;
    margin: 8px 0px 0px 0px;
    padding: 0px;
    text-align: center;
}
.adverts3 img
{
    padding-top: 10px;
    width: 510px;
}




.radio
{
}
.gossip
{
    padding-left: 4px;
}
.statistics_title, .gossip_title
{
    padding: 0px;
    margin: 0px;
    border-bottom: solid 1px #999;
    height: 29px;
}

.statistics_title img
{
    padding: 0px;
    margin: 0px;
}
.statistics_content
{
    border-left: solid 2px #999;
    border-right: solid 2px #999;
    border-bottom: solid 1px #ccc;
    font-size: 10px;
    width: 100%;
    height: 100%;
    float: left;
    display: block;
}
html > body .statistics_content
{
    margin-left: 0px;
    width: 155px;
}

.statistics_content .info
{
    height: 100%;
    width: 85px;
    float: right;
}
.statistics_content .info, .statistics_content a
{
    color: #ff0099;
    font-weight: bold;
    float: left;
    margin: 0px 0 0 0;
    clear: right;
}
.statistics_content .info, .statistics_content a:hover
{
    color: #666;
}

.statistics_content .status
{
    color: #999;
    float: left;
    margin: 0px;
    padding: 0px;
    line-height: 22px; 
}

.statistics_content .status img{width:auto;height:auto;}

.statistics_content img
{
border:1px solid #CCCCCC;
float:left;
height:50px;
margin:2px;
overflow:hidden;
padding:0px;
width:50px;
}
.statistics_content .commentcount
{
    float: left;
    clear: left;
    width: 90px;
    padding: 0px;
    font-size: 9px;
}
.statistics_content .commentcount a
{
    margin-top: 0px;
    font-size: 9px;
}

#favorites
{
    width: 520px;
}
#favorites_bands input
{
    float: left;
    width: 50px;
    padding: 0px;
    margin: 0px;
}
#favorites_bands label
{
    float: left;
    width: 100px;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    padding: 0px;
    margin: 0px;
}

IMG
{
    border: none;
}

/******************************************************************************************************/

#box
{
    border: solid 2px #ff9900;
    float: left;
    position: relative;
    padding: 2px;
    margin: 2px;
    font-family: arial;
    font-size: 9px;
    text-decoration: none;
    color: #000;
    background-color: #ccc;
    width: 12px;
    font-weight: bold;
}
#box:hover
{
    color: #ff9900;
    background-color: white;
}
/******************************************************************************************************/


.adverts img
{
    width: 155px;
}



/******************************************************************************************************/

form
{
    /* set width in form, not fieldset (still takes up more room w/ fieldset width */
    margin: 0px;
    padding: 0px;
    width: 100%;
}

form br
{
    clear: left;
}

form small
{
    display: block;
    margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
    padding: 1px 3px;
    font-size: 88%;
}

form small
{
    display: block;
    clear: left;
    margin: 0 0 0px 25%; /* instructions/comments left margin set to align w/ right column inputs */
    padding: 0px;
    font-size: 11px;
}

form input, form textarea
{
    display: inline; /* inline display must NOT be set or will hide submit buttons in IE 5x mac */
    width: auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
    margin: 5px 0 0 10px; /* set margin on left of form elements rather than right of                               label aligns textarea better in IE */
}

form fieldset
{
    /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
    padding: 0px 10px 8px 10px; /* padding in fieldset support spotty in IE */
    margin: 0px 0 0px 0;
    text-align: justify;
    height: auto;
    width: auto;
    border: none;
}

form fieldset input
{
    font-size: 11px;
    border: solid 1px #999;
    float: left;
    background-color: #ccc;
    width: 70%;
    padding: 2px;
    margin: 2px 0 0 0;
    color: #f0be29;
}

html > body form fieldset input
{
    width: 65%;
}

form fieldset textarea
{
    color: White;
    border: solid 1px #999;
    float: left;
    width: 70%;
    height: 250px;
    background-color: #ccc;
    font: 100% verdana,arial,sans-serif;
    margin: 6px 0 0 0;
    padding: 2px;
}

html > body form fieldset textarea
{
    width: 65%;
    margin: 3px 0 0 0;
}

form label
{
    display: block; /* block float the labels to left column, set a width */
    float: left;
    width: 20%;
    padding: 0 5px 0 0;
    margin: 8px 0 0 0; /* set top margin same as form input - textarea etc. elements */
    text-align: right;
    clear: left;
}

form fieldset legend
{
    font-size: 1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */ /* be careful with padding, it'll shift the nice offset on top of border  */
    border: solid 1px #333;
    background-color: #222;
    padding: 3px;
    color: #FF0099;
}

/******************************************************************************************************/

#content
{
    margin: 0px 0 0px 0;
    padding: 0 12px 0 12px;
    position: relative;
    font-family: Arial;
    color: #666;
    font-size: 12px;
    text-align: justify;
}

#content a
{
    color: #ff0099;
}
#content a:link
{
    color: #ff0099;
}
#content a:visited
{
}
#content a:active
{
}
#content a:hover
{
    color: #666;
}

/******************************************************************************************************/

#portal_navigation
{
    font: 100% verdana,arial,sans-serif;
    width: 550px;
    position: absolute;
    text-align: right;
    margin: 0px;
    padding: 4px;
    color: #333;
    font-size: 9px;
    line-height: 15px;
}

#portal_navigation a
{
    text-decoration: none;
    color: White;
    padding: 3px;
    border: solid 1px #333;
    background-color: #111;
    margin: 0 0px 0px 3px;
}

#portal_navigation a:hover
{
    border: solid 1px #FF00FF;
    padding: 3px;
    color: #FF00FF;
}

/******************************************************************************************************/

#membership_options_outer
{
    width: 280px;
    text-align: center;
    border: solid 1px #333;
    padding: 0px;
    margin: 0px 0 30px 0;
}

#membership_options_outer a
{
    padding: 0px;
    margin: 0px;
}

#membership_options_outer a:visited
{
    padding: 0px;
    margin: 0px;
}

#membership_options_outer img
{
    padding: 0px;
    margin: 0px;
    border: none;
    width: 100%;
}

#membership_option
{
    float: left;
}

#membership_option img
{
    width: 120px;
    height: 150px;
    border: dotted 1px #333;
    margin: 6px;
    padding: 3px;
}

#membership_option a
{
    float: left;
    text-align: center;
}

/******************************************************************************************************/

#login_box
{
    font: 11px verdana,arial,sans-serif;
    width: auto;
}

#login
{
    width: 280px;
    margin: 0px 0px 0px 0px;
    float: left;
}

html > body #login
{
    margin: 0 10px 0 0;
}



#login_outer
{
    width: 260px;
    float: left;
    position: relative;
    border: solid 1px #999;
    text-align: left;
    padding: 10px;
    color: Black;
    margin: 0px;
}

#login input
{
    color: Black;
}

html > body #login_outer
{
    width: 258px;
}

#login_outer a
{
    margin: 0px;
    color: #FF00FF;
    font-size: 10px;
    border-bottom: dotted 1px #FF00FF;
    text-decoration: none;
}

#login_outer a:hover
{
    color: White;
    border-bottom: dotted 1px White;
    text-decoration: none;
}

/******************************************************************************************************/

#forgotpassword_outer
{
    width: 150px;
    padding: 10px 0 0 0;
    float: left;
}

/******************************************************************************************************/

.input_button
{
    color: #333;
    font-size: 11px;
    width: auto;
    padding: 2px;
    margin: 8px 2px 0 0;
}

/******************************************************************************************************/

#warning_loggedout
{
    width: 760px;
    border: solid 1px #333;
    padding: 3px;
    margin: 0 0 20px 0;
    color: Red;
    font: 11px verdana,arial,sans-serif;
}

/******************************************************************************************************/

#membership
{
    width: 500px;
    font: 11px verdana,arial,sans-serif;
}

/******************************************************************************************************/

#contact
{
    font: 11px verdana,arial,sans-serif;
    width: auto;
    clear: both;
    position: relative;
    background-color: Transparent;
    text-align: left;
    padding: 0px 140px 0 0;
    margin: 0px;
    color: Black;
    margin: 0px;
}

#contact textarea
{
    height: 110px;
}

#contact_success
{
    border: solid 1px #333;
    font: 11px verdana,arial,sans-serif;
    padding: 8px;
}

/******************************************************************************************************/

#newsletter
{
    width: 100%;
    text-align: center;
    padding: 0px;
    margin: 0px;
}
#newsletter img
{
    width: 200px;
    float: left;
}

.newsletter_datagrid
{
    padding: 0px;
    margin: 0px;
}


.newsletter_information
{
    padding: 0px;
    margin: 0px;
    border-bottom: dotted 1px #999;
    vertical-align: top;
    width: 100%;
    padding-top: 12px;
    padding-left: 12px;
    padding-bottom: 12px;

}

.newsletter_information .content
{
    float: left;
    padding: 6px;
    padding-left: 12px;
    padding-right: 0px;
    padding-top: 0px;
    width: 300px;
}

.newsletter_information h1
{
    font: 100% arial,verdana,sans-serif;
    margin: 6px 0 6px 0;
    font-size: 13px;
    padding: 0px;
    clear: right;
    float: left;
    position: relative;
    text-align: left;
}

html > body .newsletter_information h1
{
    margin: 0px 0 6px 0;
}

.newsletter_information h2
{
    padding: 0px 0 4px 0px;
    margin: 0px;
    font-size: 18px;
    text-align: left;
    clear: left;

}
.newsletter_information h2 p
{
    margin: 6px 0 0 0;
}
.newsletter_information h2 br
{
    margin: 6px 0 0 0;
}

.newsletter_information h2 a
{
    color: #FF00FF;
    border-bottom: dotted 1px #FF00FF;
    text-decoration: none;
}

.newsletter_information h2 a:hover
{
    color: White;
    border-bottom: dotted 1px White;
}

.newsletter_information h3
{
    padding: 4px 0px 8px 0px;
    margin: 0px;
    font-size: 12px;
    font-weight: normal;
    text-align: justify;
    color: #333; 

}

.newsletter_information h4
{
    padding: 4px 0px 8px 0px;
    margin: 0px;
    text-align: left;
    font-size: 9px;
    font-weight: normal;
    color: #333;
    float: right;
}

#newsletter_navigation, #newsletter_navigation_gossip
{
    font: 11px verdana,arial,sans-serif;
    padding: 6px 0 6px 0;
    margin: 6px 0 0 0;
    text-align: right;
}
#newsletter_navigation_gossip
{
    margin: 0px 1px 0px 1px;
    padding: 6px 2px 6px 2px;
}


#newsletter_navigation a, #newsletter_navigation_gossip a
{
    font-weight: bold;
    text-decoration: underline;
    margin: 0px;
    padding: 10px;
    color: #ff0099;
}
#newsletter_navigation_gossip a
{
    padding: 3px;
    font-size: 9px;
}

#newsletter_navigation a:hover, #newsletter_navigation_gossip a:hover
{
    color: #666;
}

a.readmorelink:link, a.readmorelink:visited, a.readmorelink:active
{
    color: #ff0099;
    float: left;
    font-weight: bold;
}
a.readmorelink:hover
{
    color: #666;
}

#featured_article a.readmorelink
{
    padding-left: 10px;
}

#page_mainimage
{
    float: left;
    width: 250px;
    border: solid 1px #222;
    margin: 0;
    padding: 80px 3px 3px 3px;
    height: 250px;
    color: #444;
    text-align: center;
}

/******************************************************************************************************/

#advert
{
    width: auto;
    border: solid 1px #333;
    margin: 6px 0 0 0;
    padding: 10px;
    float: left;
    position: relative;
}


#advert img
{
    border: dotted 1px #333;
    width: 100%;
    float: left;
}

/*******************************************************************************************************/


a.boxlink
{
    background-color: #FF9933;
    font-family: arial;
    font-size: 10px;
    padding: 1px 5px 1px 5px;
    margin: 2px;
    text-decoration: none;
    color: White;
    font-weight: bold;
    border: solid 1px #999;
    font-size: 9px;
    line-height: 15px;
    float: left;
}
a.boxlink:hover
{
    border: solid 1px #666;
    color: White;
    background-color: #999;
}




#tabletheme1 table
{
    border: solid 1px #adadad;
    color: White;
    font-family: Arial;
    text-align: center;
}
#tabletheme1 th
{
    padding: 6px;
    font-family: Arial;
    font-size: 11px;
    color: #666;
    border-right: solid 1px #adadad;
}
#tabletheme1 a
{
    width: 100px;
    background-color: #FF9933;
    font-family: arial;
    font-size: 10px;
    padding: 1px 5px 1px 5px;
    margin: 2px;
    text-decoration: none;
    color: White;
    font-weight: bold;
    border: solid 1px #999;
    font-size: 9px;
    line-height: 12px;
    float: left;
}
#tabletheme1 a.boxlinka
{
    background-color: #9affb3;
}
#tabletheme1 a.boxlinkb
{
    background-color: #33ccff;
}
#tabletheme1 a.boxlinkc
{
    background-color: #e69aff;
}
#tabletheme1 a.boxlinkd
{
    background-color: #ff9a33;
}
#tabletheme1 a.boxlinke
{
    background-color: #3f6f7e;
}
#tabletheme1 a.boxlinkf
{
    background-color: #7e3f7e;
}
#tabletheme1 a.boxlinkg
{
    background-color: #a57b52;
}
#tabletheme1 a.boxlinkh
{
    background-color: #bfff7e;
}
#tabletheme1 a.boxlinkj
{
    background-color: #ffbf00;
}
#tabletheme1 a.boxlinkk
{
    background-color: #33ccff;
}
#tabletheme1 a.boxlinkl
{
    background-color: #9affb3;
}
#tabletheme1 a.boxlinkm
{
    background-color: #e69aff;
}
#tabletheme1 a.boxlinkn
{
    background-color: #ff9a33;
}
#tabletheme1 a.boxlinkp
{
    background-color: #3f6f7e;
}
#tabletheme1 a.boxlinkr
{
    background-color: #7e3f7e;
}
#tabletheme1 a.boxlinks
{
    background-color: #a57b52;
}
#tabletheme1 a.boxlinkt
{
    background-color: #bfff7e;
}
#tabletheme1 a.boxlinku
{
    background-color: #ffbf00;
}
#tabletheme1 a.boxlinkv
{
    background-color: #33ccff;
}
#tabletheme1 a.boxlinkw
{
    background-color: #9affb3;
}
#tabletheme1 a.boxlinky
{
    background-color: #ff9a33;
}
#tabletheme1 a.boxlinkx
{
    background-color: #e69aff;
}
#tabletheme1 a:hover
{
    border: solid 1px #666;
    color: White;
    background-color: #999;
}
#tabletheme1 td
{
    font-family: Arial;
    line-height: 9px;
    font-size: 11px;
    color: #444;
    border-top: solid 1px #adadad;
    background-color: #c9c8c8;
    width: 70px;
    text-align: center;
}
#tabletheme1 td.tabletheme1_left
{
    border-right: solid 1px #adadad;
    border-top: none;
    text-align: center;
}




#tabletheme2 table
{
    padding: 0px;
    margin: 0px;
    width: 100%;
}
#tabletheme2 p
{
    padding: 0 0 0px 0;
    margin: 0 0 18px 0;
    line-height: 20px;
    clear: left;
}
#tabletheme2 td.tabletheme2_left
{
    width: 550px;
    margin: 0px;
    padding: 10px 0 0 0;
    text-align: justify;
}
#tabletheme2 td.tabletheme2_left img
{
    border: solid 1px #adadad;
    float: right;
    padding: 10px;
    margin: 0 0 100px 30px;
    background-color: #ccc;
}
.layout1
{
    width: 200px;
}


#tabletheme2 td.tabletheme2_right
{
    padding: 5px;
    border: solid 1px #adadad;
}
#tabletheme2 td.tabletheme2_right img
{
}


/******************************************************************************************************/

#links
{
    width: 430px;
    text-align: left;
    font: 10px verdana,arial,sans-serif;
    float: left;
}

.links_datagrid
{
    width: 100%;
    border: solid 1px #adadad;
    background-color: #ccc;
    float: left;
}

.links_image
{
    width: 120px;
    border: none;
    border-bottom: solid 1px #adadad;
    padding: 10px;
    display: none;
}

.links_image img
{
    width: 120px;
    height: 60px;
    border: solid 1px #adadad;
    display: none;
}

.links_information
{
    padding: 8px 10px 10px 10px;
    border: none;
    border-bottom: solid 1px #adadad;
    vertical-align: top;
}

.links_information h1
{
    font-size: 11px;
    padding: 0px;
    width: 50%;
    float: left;
    position: relative;
    height: 20px;
    margin: 0px;
    padding: 0px;
    color: #666;
}

.links_information h2
{
    font-size: 10px;
    color: #666;
    padding: 0px;
    margin: 0px;
    width: 100%;
    float: left;
    clear: both;
}

.links_information h3
{
    padding: 0px;
    margin: 0px;
    height: 20px;
    width: 40%;
    float: right;
}

.links_information h3 a
{
    background-color: #FF9933;
    font-family: arial;
    font-size: 10px;
    padding: 1px 5px 1px 5px;
    margin: 2px;
    text-decoration: none;
    color: #666;
    font-weight: bold;
    border: solid 1px #999;
    font-size: 9px;
    line-height: 15px;
    float: right;
}

.links_information h3 a:hover
{
    border: solid 1px #666;
    color: White;
    background-color: #999;
}

.links_information h4
{
    text-align: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
    position: relative;
}

.links_information h4 a
{
    font-size: 10px;
    color: #333;
    padding: 0px;
    margin: 0px;
    width: auto;
    float: left;
}

.links_information h4 a:hover
{
    color: #FF9933;
}

.links_information h4 a:visited
{
}

#links_navigation
{
    padding: 6px 0px 6px 0px;
    margin: 3px 4px 0px 0px;
    text-align: right;
    float: right;
}

#links_navigation a
{
    border: solid 1px #333;
    padding: 3px;
    margin: 0px;
    color: #FF0099;
    text-decoration: none;
    background-color: #222;
}

#links_navigation a:hover
{
    border: solid 1px #FF0099;
    background-color: #333;
}

.links_navigation_alphabet
{
    width: 80%;
    padding: 4px;
    margin: 0 3px 0 0;
    float: right;
}

.links_navigation_alphabet a
{
    background-color: #FF9933;
    font-family: arial;
    font-size: 10px;
    padding: 1px 5px 1px 5px;
    margin: 2px;
    text-decoration: none;
    color: #666;
    font-weight: bold;
    border: solid 1px #999;
    font-size: 9px;
    line-height: 15px;
    float: right;
}

.links_navigation_alphabet a:hover
{
    border: solid 1px #666;
    color: White;
    background-color: #999;
}



.links_none
{
    width: 100%;
    border: solid 1px #adadad;
    color: #666;
    font: 11px verdana,arial,sans-serif;
    background-color: #ccc;
    float: left;
    padding: 6px;
}

#page_mainimage
{
    float: left;
    width: 250px;
    border: solid 1px #222;
    margin: 0;
    padding: 80px 3px 3px 3px;
    height: 250px;
    color: #444;
    text-align: center;
}




/******************************************************************************************************/
#artistsarea
{
    width: 500px;
    padding: 0px;
    margin: 0px;
    background-color: #f0f0f0;
    font-weight: bold;
    color: #333;
}

.profile_title
{
    width: 100%;
    background-image: url( '/site/images/gradientblack.jpg' );
    background-repeat: repeat-x;
    height: 30px;
    color: White;
    line-height: 27px;
    padding: 0 0 0 6px;
}


#gallery
{
    width: 520px;
    background-color: #ccc;
    height: 80px;
    margin: 0 0 3px 0;
}
#gallery img
{
    width: 70px;
    border: solid 2px #999;
    margin: 4px 5px 4px 5px;
    padding: 0px;
}
.gallery_image
{
    width: 85px;
    border: solid 1px #999;
}

#imageupload
{
    width: 520px;
    border-bottom: dotted 1px #ccc;
    padding: 0 0 12px 0;
    vertical-align: top;
}
.imageupload_submit
{
    border: solid 1px #999;
    font-size: 11px;
    padding: 0px;
    margin: 12px 0 0 3px;
    background-color: #f0f0f0;
    color: #ff0099;
    font-weight: bold;
}
.imageupload_default
{
    border: solid 1px #999;
    border-top: none;
    width: 155px;
    color: #ff0099;
    font-weight: bold;
    font-size: 10px;
    background-color: #ccc;
    padding: 3px 0 3px 0;
    margin: 0px;
}
.imageupload_imagelist
{
    margin: 10px 0 0 0;
}
.imageupload_imagelist td
{
    width: 155px;
    text-align: center;
    padding: 0px;
    margin: 10px 10px 0 0;
    vertical-align: top;
}
.imageupload_imagelist input
{
    width: 100%;
    border-top: dotted 1px #999;
    border-bottom: none;
    padding: 0px;
    margin: 0px;
    color: #ff0099;
}
.imageupload_imagelist label
{
    text-align: center;
    padding: 0px;
    margin: 0px;
}
.imageupload_imagelist img
{
    width: 155px;
    border: solid 1px #999;
}
#imageuploader
{
    margin: 12px 0 0 0;
}
#imageuploader input
{
    border: solid 1px #999;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    background-color: #f0f0f0;
    color: #ff0099;
}

#gigslist
{
    width: 500px;
    background-color: #ccc;
    margin: 0px;
    padding: 0px;
}
#gigslist_wrapper
{
    width: 500px;
    clear: both;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
    float: left;
    border-bottom: dotted 1px #999;
}
#gigslist_wrapper img
{
    float: left;
    width: 80px;
    border: solid 2px #999;
    margin: 3px;
}
#gigslist_wrapper .text
{
    float: left;
    margin: 6px 6px 6px 3px;
}
#gigslist h1
{
    border-bottom: solid 2px White;
    font-size: 12px;
    color: Black;
    padding: 0px 0 3px 0;
    margin: 0px;
    width: auto;
}
#gigslist h2
{
    font-size: 11px;
    color: #333;
    padding: 0px;
    margin: 3px 0 0 0;
    width: auto;
}
#gigslist h3
{
    font-size: 12px;
    color: Black;
    padding: 0px;
    margin: 0px;
    width: auto;
    float: right;
}
#gigslist h4
{
    font-size: 11px;
    color: #333;
    padding: 0px;
    margin: 0px;
    width: auto;
}
#gigslist a
{
    color: #ff0099;
    font-weight: bold;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
}










#profileinfo
{
    width: 100%;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    font-size: 11px;
}
#profileinfo a
{
    color: #ff0099;
}
#profileinfo a:hover
{
    color: #666;
}
#profileinfo td
{
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}
#profileinfo td.title
{
    font-weight: bold;
    margin: 2px 0 2px 0;
    text-align: left;
    background-image: url( '/site/images/gradientblack.jpg' );
    background-repeat: repeat-x;
    height: 30px;
    color: White;
    line-height: 27px;
    padding: 0px 6px 0 6px;
    clear: both;
}
#profileinfo td.column
{
    width: 25%;
    padding: 6px;
    background-color: #ccc;
    margin: 0px;
    color: #555;
    text-align: left;
    text-transform: capitalize;
}
#profileinfo td.column b
{
    color: #666;
}

#profileinfo td.content
{
    margin: 0px;
    text-align: justify;
    padding: 6px;
    background-color: #f0f0f0;
    color: #555;
}
#profileinfo td.content1
{
    margin: 0px;
    text-align: justify;
    padding: 6px;
    background-color: #ccc;
    color: #555;
}
#profileinfo td.content2
{
    margin: 0px;
    text-align: justify;
    padding: 6px;
    background-color: #ccc;
    color: #555;
}


#profileinfo td.content .imgframe
{
    text-align: center;
    font-size: 9px;
    width: 110px;
    float: left;
    padding: 4px;
    border: solid 1px #ccc;
    margin-right: 2px;
    background-color: White;
}
#profileinfo td.content .imgframe a img
{
    width: 110px;
    padding: 0px;
    margin: 0px;
    border: solid 1px #ccc;
}
#profileinfo td.content .imgframe .date
{
    color: #666;
    width: 100%;
    margin-bottom: 2px;
    text-align: center;
    font-size: 9px;
}
#profileinfo td.content .imgframe .description
{
    color: #666;
    width: 100%;
    margin-bottom: 2px;
    text-align: center;
    font-size: 10px;
}



#profileinfo img
{
    float: left;
    border: solid 1px #999;
    margin: 0px 0 10px 6px;
    width: 210px;
}

#profileinfo .outerbox
{
    float: left;
    width: 275px;
}

#profileinfo .boxedtext
{
    border: solid 1px #999;
    border-left: none;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 3px;
    width: 100%;
    background-color: #ccc;
    text-align: left;
}
#profileinfo a.boxedlink
{
    border: solid 1px #999;
    float: left;
    margin: 3px 3px 3px 0px;
    padding: 3px 0px 3px 6px;
    width: 100%;
    clear: left;
    background-color: #ccc;
    color: #ff0099;
    text-decoration: none;
    border-left: none;
}
#profileinfo a.boxedlink:hover
{
    color: White;
    background-color: #999;
}

#profileinfo .wrapper
{
    width: 100%;
    clear: both;
}
#profileinfo .boxedtext h1
{
    font-weight: bold;
    font-size: 10px;
    text-indent: 0px;
    color: #666;
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 2px 0px;
    float: left;
    clear: left;
    width: 100px;
}
#profileinfo .boxedtext h2
{
    font-weight: bold;
    font-size: 10px;
    text-indent: 0px;
    color: #333;
    padding: 0px;
    margin: 0px 0px 2px 110px;
}

#profileinfo .boxedtext1
{
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 3px;
    background-color: #ccc;
    text-align: left;
    color: #666;
}
#profileinfo .boxedtext1 h1
{
    font-weight: bold;
    font-size: 12px;
    text-indent: 0px;
    color: #666;
    padding: 0px 0 0 5px;
    margin: 0px 0px 2px 0px;
    float: left;
    clear: left;
    width: 100px;
}
#profileinfo .boxedtext1 h2
{
    font-weight: bold;
    font-size: 12px;
    text-indent: 0px;
    color: #333;
    padding: 0px;
    margin: 0px 0px 2px 0px;
}
#profileinfo .boxedtext1 h3
{
    font-weight: bold;
    font-size: 12px;
    text-indent: 0px;
    color: #333;
    padding: 0px;
    margin: 0px 0px 2px 4px;
}


#profileinfo .thumbnailimage
{
    width: 130px;
    padding: 0px;
    margin: 0px;
}
#profileinfo a.thumbnailimage img
{
    width: 130px;
    margin: 3px;
    padding: 0px;
}
#profileinfo a.thumbnailimagesmall img
{
    width: 80px;
    margin: 3px;
    padding: 0px;
}

#profileinfo td.comments
{
    background-color: #e0e0e0;
    padding: 6px;
    color: #666;
}
#profileinfo td.comments h1
{
    font-size: 11px;
    padding: 3px;
    margin: 0px;
}
#profileinfo td.comments h2
{
    font-size: 11px;
    padding: 3px;
    margin: 0px;
}

#gossipinfo
{
    width: 100%;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    font-size: 10px;
    background-color: White;
}
#gossipinfo td.content2 a
{
    color: #ff0099;
    clear: both;
    width: 130px;
    display: block;
    border-bottom: dashed 1px #ccc;
    text-decoration: none;
}
#gossipinfo td.content2 a:hover
{
    color: #666;
}
#gossipinfo td.content2
{
    margin: 0px;
    text-align: justify;
    padding: 0px;
    background-color: White;
    color: #555;
    padding-left: 6px;
}
#gossipinfo .boxedtext1
{
    float: left;
    margin: 0px;
    padding: 0px;
    background-color: white;
    text-align: left;
    color: #666;
}
#gossipinfo .boxedtext1 h1
{
    font-weight: bold;
    font-size: 10px;
    text-indent: 0px;
    color: #666;
    padding: 0px 0 0 5px;
    margin: 0px 0px 2px 0px;
    float: left;
    clear: left;
    width: 100px;
}
#gossipinfo .boxedtext1 h2
{
    font-weight: bold;
    font-size: 10px;
    text-indent: 0px;
    color: #333;
    padding: 0px;
    margin: 0px 0px 2px 0px;
}
#gossipinfo .boxedtext1 h3
{
    font-weight: bold;
    font-size: 10px;
    text-indent: 0px;
    color: #333;
    padding: 0px;
    margin: 0px 0px 2px 4px;
}
.gossip_content
{
    border-left: solid 2px #999;
    border-right: solid 2px #999;
    border-bottom: solid 2px #999;
    font-size: 10px;
    width: 100%;
}
html > body .gossip_content
{
    margin-left: 1px;
    width: 153px;
}

.gossip_content1
{
    border: solid 2px #999;
    width: 149px;
    margin-left: 1px;
    border-top: none;
    padding-top: 3px;
    padding-bottom: 3px;
}
.gossip_content1 #gossipinfo td.content2
{
}
.gossip_content1 #gossipinfo td.content2 a
{
    border: none;
}


#gossipinfo td.content2 a.remove
{
    padding: 0px;
    margin: 0px;
    border: none;
}


#layout1
{
    width: 522px;
    padding: 0px;
    margin: 0px 12px 0 12px;
    font-weight: bold;
    color: #333;
    vertical-align: middle;
}
#layout1 a
{
    color: #ff0099;
}
#layout1 img
{
    float: left;
    border: solid 1px #999;
    margin: 10px 0 10px 10px;
    width: 210px;
}

#layout1 .title
{
    margin: 3px 0 3px 0;
    width: 508px;
    text-align: left;
    background-image: url( '/site/images/gradientblack.jpg' );
    background-repeat: repeat-x;
    height: 30px;
    color: White;
    line-height: 27px;
    padding: 0px 6px 0 6px;
    clear: both;
}
html > body layout1 .title
{
    width: 520px;
    clear: none;
}

#layout1 .profile
{
    float: left;
    margin: 6px 0 6px 0;
    width: 530px;
    text-align: left;
    padding: 6px;
    clear: both;
    background-color: #f0f0f0;
}

#layout1 .box1
{
    padding: 7px 0 0px 0px;
    margin: 0px;
    float: left;
    width: 294px;
}
#layout1 .box1 .boxedtext
{
    border: solid 1px #999;
    float: left;
    margin: 3px 0px 0px 0px;
    padding: 3px;
    clear: left;
    width: 286px;
    background-color: #ccc;
    border-left: none;
    text-align: left;
}
#layout1 .box1 a.boxedlink
{
    border: solid 1px #999;
    float: left;
    margin: 3px 3px 0px 0px;
    padding: 3px;
    width: 100%;
    clear: left;
    background-color: #ccc;
    color: #ff0099;
    text-decoration: none;
    border-left: none;
}
#layout1 .box1 a.boxedlink:hover
{
    color: White;
    background-color: #999;
}
#layout1 .box1 h1
{
    font-weight: bold;
    font-size: 10px;
    text-indent: 0px;
    color: #666;
    padding: 0px 0 0 5px;
    margin: 0px 0px 2px 0px;
    float: left;
    clear: left;
    width: 100px;
}
#layout1 .box1 h2
{
    font-weight: bold;
    font-size: 10px;
    text-indent: 0px;
    color: #333;
    padding: 0px;
    margin: 0px 0px 2px 0px;
}

#layout1 .box2
{
    color: #333;
    float: left;
    margin: 0px;
    width: 507px;
    text-align: left;
    text-indent: 0px;
    padding: 6px;
    clear: both;
    background-color: #ccc;
    text-align: justify;
}
#layout1 .box2 .boxedtext
{
    float: left;
    margin: 3px 0 0 6px;
}
#layout1 .box2 .inner
{
    float: left;
    margin: 3px 0 6px 3px;
    background-color: #e0e0e0;
    border-top: solid 2px #f0f0f0;
    border-bottom: solid 2px #f0f0f0;
    padding: 6px;
    text-align: justify;
    width: 490px;
}

#layout1 .box2 h1
{
    font-weight: bold;
    font-size: 12px;
    color: #666;
    padding: 0px;
    margin: 0px 0px 2px 0px;
    float: left;
    clear: left;
    width: 100px;
}
#layout1 .box2 h2
{
    font-weight: bold;
    font-size: 12px;
    color: #333;
    padding: 0px;
    margin: 0px 0px 2px 0px;
}
#layout1 .box2 h3
{
    font-weight: bold;
    font-size: 11px;
    color: #555;
    padding: 0px;
    margin: 0px 0px 2px 0px;
    float: left;
    clear: both;
    width: 500px;
}
#layout1 .box2 h4
{
    font-weight: bold;
    font-size: 10px;
    color: #666;
    padding: 0px;
    margin: 0px 0px 2px 0px;
}
#layout1 .box2 .imgframe
{
    text-align: center;
    font-size: 9px;
}
#layout1 .box2 .imgframe a img
{
    width: 70px;
    padding: 0px;
    margin: 0px;
}
#layout1 .box2 .imgframe .date
{
    color: #666;
    width: 100%;
    border-bottom: solid 2px #f0f0f0;
    margin-bottom: 2px;
    text-align: center;
}

#layout1 .box3
{
    float: left;
    margin: 2px 0 6px 0;
    width: 535px;
    text-align: left;
    padding: 0px;
    clear: both;
}
#layout1 .box3 h1
{
    width: 100%;
    float: left;
    background-color: #ccc;
    margin: 1px 0px 1px 0px;
    padding: 3px 3px 3px 6px;
    font-size: 11px;
    color: #666;
}


#layout1 .box4
{
    clear: both;
    width: 504px;
    background-color: #ccc;
    padding: 6px;
    margin: 0px;
}
#layout1 .box4 h1
{
    margin: 0px;
    padding: 3px 0 3px 0;
    font-size: 15px;
    color: #333;
    color: #ff0099;
}
#layout1 .box4 textarea
{
    padding: 0px;
    margin: 0px;
    clear: both;
    width: 500px;
    font-family: arial;
}
#layout1 .box4 input
{
    border: none;
    color: #ff0099;
    cursor: pointer;
    background-color: Transparent;
    font-weight: bold;
    text-decoration: underline;
}


#layout1 .box5
{
    clear: both;
    width: 507px;
    color: #333;
    margin: 2px 0 2px 0;
    text-align: left;
    padding: 6px;
    background-color: #e0e0e0;
    text-align: justify;
}
#layout1 .box5 .inner
{
    clear: both;
    padding: 3px;
}
#layout1 .box5 .inner h1
{
    font-weight: bold;
    font-size: 11px;
    color: #555;
    padding: 0px;
    margin: 0px 0px 2px 0px;
    float: left;
    clear: both;
}
#layout1 .box5 .inner h2
{
    font-weight: bold;
    font-size: 10px;
    color: #666;
    padding: 0px;
    margin: 0px 0px 2px 0px;
}




#layout1 .thumbnailimage
{
    width: 130px;
    padding: 0px;
    margin: 3px;
}
#layout1 a.thumbnailimage img
{
    width: 130px;
    margin: 3px;
    padding: 0px;
}
#layout1 a.thumbnailimagesmall img
{
    width: 80px;
    margin: 3px;
    padding: 0px;
}


#layout2
{
    width: 100%;
    float: left;
}
#layout2_wrapper
{
    width: 490px;
    float: left;
    border: dashed 1px #999;
    padding: 6px;
    margin: 6px 0 6px 10px;
}
#layout2_wrapper img
{
    width: 150px;
    float: left;
}
#layout2_wrapper input
{
    width: 80px;
    float: left;
    margin: 6px;
    padding: 0px;
}
#layout2_wrapper .text
{
    width: 320px;
    padding: 0px 6px 6px 6px;
    font-size: 11px;
    float: left;
}
#layout2_wrapper .text h3
{
    font-size: 13px;
    padding: 0px;
    margin: 0px;
}
#layout2_wrapper .text h1
{
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    color: #777;
}
#layout2_wrapper .text h4
{
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    color: #999;
}
#layout2_wrapper .text h5
{
    font-size: 14px;
    padding: 15px 0 0 12px;
    margin: 0px;
    color: #ff0099;
}
#layout2_wrapper .text h6
{
    font-size: 13px;
    padding: 6px 0 0 12px;
    margin: 0px;
    color: #999;
}
#layout2_wrapper .text h7
{
    font-size: 13px;
    padding: 6px 0 0 12px;
    margin: 0px;
    color: #999;
}
#layout2_wrapper .text a
{
    font-size: 11px;
    color: #ff0099;
    font-weight: bold;
}



.updated2
{
    color: #ff0099;
    font-size: 12px;
    text-transform: uppercase;
}

.registrationform_rbl td
{
    width: 100px;
    border: dashed 1px #999;
}
.registrationform_rbl label
{
    padding: 0px;
    margin: 0px 0px 0 0;
    padding-top: 2px;
    text-align: left;
}
.registrationform_rbl td input
{
    margin: 0px 0 0 0;
    width: 25px;
    float: right;
}
html > body .registrationform_rbl td input
{
    margin: 2px 0 0 0;
}

.registrationform_cbl
{
    float: left;
    text-align: center;
    margin: 0 0 0 0px;
    font-size: 11px;
}
.registrationform_cbl td
{
    width: 190px;
    border-bottom: dotted 1px #ccc;
    text-align: right;
}
.registrationform_cbl td label
{
    padding: 0px;
    margin: 0px;
    text-align: left;
    float: left;
}
.registrationform_cbl td input
{
    float: right;
    margin: 0px;
    padding: 0px;
    width: 90px;
    font: Arial;
}

.searchform_cbl
{
    float: left;
    text-align: center;
    margin: 0px;
    font-size: 12px;
}
.searchform_cbl td
{
    width: 212px;
    text-align: right;
    border: dashed 1px #999;
}
.searchform_cbl td label
{
    padding: 0px;
    margin: 0px;
    text-align: left;
    float: right;
    width: 190px;
}
.searchform_cbl td input
{
    float: left;
    margin: 0px;
    padding: 0px;
    width: 10px;
    margin-left: 5px;
    margin-top: 2px;
}

.searchform_rbl td
{
    width: 134px;
    border: dashed 1px #999;
    vertical-align: top;
}
.searchform_rbl td label
{
    padding: 0px;
    margin: 0px 0px 0 0;
    padding-top: 3px;
    text-align: left;
    vertical-align: top;
    width: 100px;
    float: right;
}
.searchform_rbl td input
{
    margin: 0px 0 0 0;
    float: left;
    vertical-align: top;
    width: 25px;
}
html > body .searchform_rbl td input
{
    margin: 2px 0 0 0;
    vertical-align: top;
}

.searchform_rbl1col td
{
    width: 140px;
    border: dashed 1px #999;
    vertical-align: top;
}
.searchform_rbl1col td
{
    width: 280px;
}
.searchform_rbl1col td label
{
    padding: 0px;
    margin: 0px 0px 0 0;
    padding-top: 3px;
    text-align: left;
    vertical-align: top;
    width: 100px;
    float: right;
}
.searchform_rbl1col td label
{
    width: 250px;
}
.searchform_rbl1col td input
{
    margin: 0px 0 0 0;
    width: 25px;
    float: left;
    vertical-align: top;
}
html > body .searchform_rbl1col td input
{
    margin: 2px 0 0 0;
    vertical-align: top;
}


.registrationform_cbl_large
{
    float: left;
    text-align: center;
    margin: 0 0 0 0px;
    font-size: 11px;
}
.registrationform_cbl_large td
{
    width: 300px;
    border-bottom: dotted 1px #ccc;
    text-align: right;
}
.registrationform_cbl_large td label
{
    padding: 0px;
    margin: 2px 0 0 0;
    text-align: left;
    float: left;
}
.registrationform_cbl_large td input
{
    float: right;
    margin: 0px;
    padding: 0px;
    width: 90px;
}



.registrationform
{
    width: 100%;
    margin: 0 0 4px 0;
}
.registrationform a
{
    color: #ff0099;
    font-weight: bold;
}

.registrationform td
{
    text-align: left;
    padding: 4px;
    vertical-align: middle;
    color: #333;
}
.registrationform td.underline
{
    border-bottom: dotted 1px #ccc;
    font-weight: bold;
    width: 100%;
}
.registrationform td.title
{
    font-weight: bold;
    text-align: left;
    text-indent: 0px;
    width: 200px;
}
.registrationform td.title small, .registrationform td small
{
    font-weight: normal;
    color: #666;
    text-align: justify;
    font-size: 11px;
    clear: both;
    padding: 0 0px 0px 0px;
    margin: 0px 0 0 0px;
    text-indent: 0px;
    width: 100%;
}
.registrationform td.content
{
    width: 300px;
}
.registrationform select
{
    width: 154px;
    background-color: #f0f0f0;
    color: #333;
    margin-left: 3px;
}
.registrationform textarea
{
    width: 500px;
    margin: 0 0px 0 3px;
    height: 200px;
}
.registrationform input
{
    padding: 0px;
    margin: 0px 0px 0px 3px;
}
.registrationform label
{
    float: left;
    width: 60px;
}


.registrationform_small
{
    width: 153px;
    margin: 0px;
    margin-left: 1px;
    border: solid 2px #999;
    border-top: none;
}
.registrationform_small a
{
    color: #ff0099;
    font-weight: bold;
    font-size: 10px;
}

.registrationform_small td
{
    text-align: left;
    padding: 4px;
    vertical-align: middle;
    color: #333;
}
.registrationform_small td.underline
{
    border-bottom: dotted 1px #ccc;
    font-weight: bold;
    width: 100%;
    font-size: 9px;
}
.registrationform_small td.title
{
    font-weight: bold;
    text-align: left;
    text-indent: 0px;
    width: 200px;
}
.registrationform_small td.title small, .registrationform td small
{
    font-weight: normal;
    color: #666;
    text-align: justify;
    font-size: 11px;
    clear: both;
    padding: 0 0px 0px 0px;
    margin: 0px 0 0 0px;
    text-indent: 0px;
    width: 100%;
}
.registrationform_small td.content
{
    width: 300px;
}
.registrationform_small select
{
    width: 154px;
    background-color: #f0f0f0;
    color: #333;
    margin-left: 3px;
}
.registrationform_small textarea
{
    width: 129px;
    margin: 0px 0px 0px 0px;
    height: 100px;
    font-family: Arial;
}
.registrationform_small input
{
    padding: 0px;
    margin: 0px 0px 0px 3px;
    font-size: 10px;
}
.registrationform_small label
{
    float: left;
    width: 60px;
}


.charsremaining
{
    display: inline;
    border: none;
    width: auto;
    width: 20px;
    text-align: left;
    padding: 0px;
    margin: 0px;
}



#content h1, #heading, .registrationform td.heading
{
    width: 100%;
    font-size: 25px;
    text-align: left;
    font-weight: bold;
    color: #333;
    border-bottom: dotted 1px #999;
    padding-left: 0px;
    margin: 0px;
    text-indent: 0px;
}

.error
{
    font-weight: bold;
    color: #ff0099;
    text-transform: uppercase;
    text-align: justify;
    font-size: 9px;
    clear: both;
    padding: 0 0px 0px 0px;
    margin: 0px 0 0 20px;
    text-indent: 0px;
}


.members_search
{
    padding: 0px;
    margin: 0px;
    width: 100%;
}
.members_search_inner
{
    padding: 25px;
    width: 100%;
}
.members_search_inner img
{
    float: left;
    border: solid 1px #999;
    margin: 0px 0 10px 10px;
    width: 100px;
}
.members_search_inner a.thumbnailimagelarge img
{
    width: 250px;
    float: left;
    border: solid 1px #999;
    margin: 10px 0 10px 10px;
}
.members_search_inner .box1
{
    padding: 20px 0 20px 0px;
    margin: 0px;
    float: left;
    width: 220px;
    text-indent: 0px;
}
.members_search_inner .box1 .boxedtext
{
    border: solid 1px #999;
    float: left;
    margin: 3px 3px 0px 0px;
    padding: 3px;
    width: 100%;
    clear: left;
    background-color: #ccc;
    border-left: none;
}
.members_search_inner .box1 a.boxedlink
{
    border: solid 1px #999;
    float: left;
    margin: 3px 3px 0px 0px;
    padding: 3px 0px 3px 6px;
    font-weight: bold;
    width: 100%;
    clear: left;
    background-color: #ccc;
    color: #ff0099;
    text-decoration: none;
    border-left: none;
}
.members_search_inner .box1 a.boxedlink:hover
{
    color: White;
    background-color: #999;
}
.members_search_inner .box1 h1
{
    font-size: 11px;
    color: #666;
    padding: 0px;
    margin: 0px 0px 2px 4px;
    float: left;
    clear: left;
    width: 100px;
}
.members_search_inner .box1 h2
{
    font-size: 10px;
    color: #333;
    padding: 0px;
    margin: 0px 0px 2px 0px;
}

.members_search_inner .info
{
    padding: 0px 0 0 10px;
    margin: 0px;
    float: left;
}
.members_search_inner .info
{
    padding: 0px 0 0 10px;
    margin: 0px;
    float: left;
}

.members_search_inner .info h1
{
    font-size: 18px;
    padding: 0px;
    margin: 0px;
}
.members_search_inner .info h2
{
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    color: #333;
}
.members_search_inner .info h3
{
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    color: #666;
}
.members_search_inner .info h4
{
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    color: #666;
}
.members_search_inner .info a
{
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    color: #ff0099;
    text-decoration: none;
    border-bottom: dotted 1px #ff0099;
}

.members_search_inner .boxedtext
{
    border: solid 1px #999;
    float: left;
    margin: 3px 3px 0px 0px;
    padding: 3px;
    width: 100%;
    clear: left;
    background-color: #ccc;
    border-left: none;
}
.members_search_inner a.boxedlink
{
    border: solid 1px #999;
    float: left;
    margin: 3px 3px 0px 0px;
    padding: 3px;
    width: 100%;
    clear: left;
    background-color: #ccc;
    color: #ff0099;
    text-decoration: none;
    border-left: none;
}
.members_search_inner a.boxedlink:hover
{
    color: White;
    background-color: #999;
}






.members_search_altitemstyle
{
    background-color: #f0f0f0;
}
.members_search_alphabet
{
    text-align: left;
}
.members_search_alphabet a
{
    padding: 2px;
    width: 12px;
    margin: 0px;
    color: #ff0099;
    text-decoration: none;
    font-weight: bold;
    float: left;
}







#artist_profile
{
    width: 100%;
    float: left;
    margin: 0 0 3px 0;
}
#artist_profile .profile
{
    padding: 10px 0 0 10px;
    margin: 0px;
    float: left;
    width: 250px;
}
#artist_profile img
{
    float: left;
    border: solid 2px #999;
    margin: 10px;
    width: 200px;
}
#artist_profile b
{
    font-size: 12px;
    color: Black;
}
#artist_profile a
{
    color: #ff0099;
    font-weight: bold;
}

#artist_about
{
    clear: both;
    width: 500px;
    margin: 4px 0 0 0;
}
#artist_about img
{
    border: none;
    padding: 0px;
    margin: 0px;
}
#artist_about h1
{
    background-color: #ccc;
    padding: 4px 8px 4px 8px;
    margin: 3px 0 0 0;
    font-size: 13px;
    color: #333;
}
#artist_about h2
{
    background-color: #ccc;
    padding: 4px 8px 4px 8px;
    margin: 3px 0 0px 0;
    font-size: 11px;
    color: #333;
}




#members_profile
{
    width: 100%;
    float: left;
    margin: 0 0 3px 0;
}
#members_profile .profile
{
    padding: 10px 0 0 10px;
    margin: 0px;
    float: left;
    width: 250px;
}
#members_profile img
{
    float: left;
    border: solid 2px #999;
    margin: 10px;
    width: 200px;
}

#members_profile b
{
    font-size: 12px;
    color: Black;
}
#members_profile a
{
    color: #ff0099;
    font-weight: bold;
}

#members_about
{
    clear: both;
    margin: 4px 0 0 0;
}
#members_about img
{
    border: none;
    padding: 0px;
    margin: 0px;
}
#members_about h1
{
    background-color: #ccc;
    padding: 4px 8px 4px 8px;
    margin: 3px 0 0 0;
    font-size: 13px;
    color: #333;
}
#members_about h2
{
    background-color: #ccc;
    padding: 4px 8px 4px 8px;
    margin: 3px 0 0px 0;
    font-size: 11px;
    color: #333;
}

#members_interests
{
    clear: both;
    width: 510px;
}
#members_interests img
{
    border: none;
    padding: 0px;
    margin: 0px;
}
#members_interests h1
{
    width: 514px;
    float: left;
    background-color: #ccc;
    margin: 3px 0px 0 0px;
    padding: 3px;
    font-size: 12px;
    color: #333;
}
#members_interests h2
{
    width: 340px;
    float: right;
    vertical-align: top;
    text-align: left;
    background-color: #ccc;
    margin: 0px 0 0px 0px;
    padding: 0px;
    font-size: 12px;
    color: #333;
}
#members_interests h3
{
    width: 180px;
    float: right;
    vertical-align: top;
    text-align: left;
    background-color: #ccc;
    margin: 0px 0 0px 0px;
    padding: 0px;
    font-size: 12px;
    color: #333;
}

img.onlinestatus
{
    float: left;
    margin: 0px;
    padding: 0px;
    border: none;
    width: 12px;
}




.modalBackground
{
    /*background-color: Gray;     filter: alpha(opacity=70);     opacity: 0.7;*/
}

.modalPopup
{
    background-color: #f0f0f0;
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    padding: 3px;
    width: 930px;
}

/* 
 wFORMS 2.0 Stylesheet - Campground Theme v3 (with tool-tip) - Aug. 2006
 See http://www.formassembly.com/wForms
 
 To be used along with wforms-jsonly.css
 This stylesheet and the associated images are Copyright (c) 2005 Cedric Savarese (http://www.4213miles.com)	
 and licensed under the Creative Commons Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/2.0/) 
*/


/* Form Sections ======================================================================== */

/* Fieldset  */
.modalform fieldset
{
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 10px 10px;
}
.modalform legend
{
    padding: 2px 5px;
    color: Red;
    font-weight: bold;
    font-size: 15px;
}

/* Inputs ======================================================================== */


.modalform input
{
    font-size: 10px;
}

/* Buttons ======================================================================= */

form .modalform .actions
{
    text-align: right;
    margin: 0px;
    padding: 10px;
    padding-top: 0px;
}

form .modalform .actions a:link, a:visited, a:active
{
    color: #ff0099;
    font-weight: bold;
}


/* Form Builder Related Rules ===================================================== */

/* Form or Fieldset instruction paragraph. */
form .modalform .instructions
{
    margin: 5px;
    padding: 3px;
    color: #333;
    text-align: left;
}

.column_centre, .column
{
    width: 48%;
    float: left;
    margin-right: 0px;
    margin-left: 6px;
    margin-top: 10px;
}
.column_centre
{
    float: none;
    margin: 0px auto;
}
.section
{
    border: solid 1px #ddd;
    width: 96%;
    padding: 1%;
    margin-bottom: 6px;
}
.inputs
{
    width: 100%;
}
.inputs label
{
    color: Black;
}
.inputs input, .inputs textarea, .inputs select
{
    width: 98%;
    margin-bottom: 4px;
    height: 15px;
    border: solid 1px #999;
    background-color: #ddd;
}
.inputs select
{
    width: 99%;
    margin: 0px;
    height: 18px;
    padding: 0px;
    font-size: 10px;
}
.inputs textarea
{
    height: 65px;
    font-family: Arial,sans-serif;
    font-size: 10px;
}
.inputs .error
{
    background-image: url( '/App_Images/arrowup.gif' );
    background-repeat: no-repeat;
    width: auto;
    text-align: center;
    background-position: center center;
    margin-bottom: 4px;
}









.modalform .newsletter_information img
{
    width: 400px;
    float: left;
}







.modalform .newsletter_information
{
    padding: 0px;
    margin: 0px;
    height: auto;
    vertical-align: top;
    width: 910px;
    padding-top: 12px;
    padding-left: 0px;
    padding-bottom: 12px;
    clear: both;
    border-bottom: dotted 1px #999;
}

.modalform .newsletter_information .content
{
    float: left;
    padding: 6px;
    padding-left: 12px;
    padding-right: 0px;
    padding-top: 0px;
}

.modalform .newsletter_information h1
{
    font-family: arial,verdana,sans-serif;
    margin: 6px 0 6px 0;
    font-size: 13px;
    padding: 0px;
    clear: right;
    float: left;
    position: relative;
    text-align: left;
}

html > body .modalform .newsletter_information h1
{
    margin: 0px 0 6px 0;
}

.modalform .newsletter_information h2
{
    padding: 0px 0 4px 0px;
    margin: 0px;
    font-size: 18px;
    text-align: left;
    clear: left;
    width: 500px;
}
.modalform .newsletter_information h2 p
{
    margin: 6px 0 0 0;
}
.modalform .newsletter_information h2 br
{
    margin: 6px 0 0 0;
}

.modalform .newsletter_information h2 a
{
    color: #FF00FF;
    border-bottom: dotted 1px #FF00FF;
    text-decoration: none;
}

.modalform .newsletter_information h2 a:hover
{
    color: White;
    border-bottom: dotted 1px White;
}

.modalform .newsletter_information h3
{
    padding: 4px 0px 8px 0px;
    margin: 0px;
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
    color: #333;
    width: 500px;
}

.modalform .newsletter_information h4
{
    padding: 4px 0px 8px 0px;
    margin: 0px;
    text-align: left;
    font-size: 9px;
    font-weight: normal;
    color: #333;
    float: right;
}

.modalform #newsletter_navigation, #newsletter_navigation_gossip
{
    font: 11px verdana,arial,sans-serif;
    padding: 6px 0 6px 0;
    margin: 6px 0 0 0;
    text-align: right;
}



#newsletter_navigation
{
    padding-bottom: 13px;
    border-bottom: dotted 1px #999;
    float:left;
}

#featured_article
{
    width: 315px;
    float: left;
}
#featured_article img
{
    width: 302px;
    padding: 0px 0px 6px 12px;
    clear: both;
}
#featured_article h1
{
    padding: 6px 0px 6px 10px;
    margin: 0px;
    font-size: 18px;
    text-align: left;
    clear: right;
    width: 302px;
}
#featured_article h2
{
    padding: 0px 0px 6px 12px;
    margin: 0px;
    font-size: 12px;
    font-weight: normal;
    text-align: justify;
    color: #333;
    clear: left;
}



.info
{
    position: relative; /*this is the key*/
    color: #000;
    text-decoration: none;
}
a.info
{
    background-color: Transparent;
    border: none;
}
a.info:hover
{
    z-index: 25;
    color: #999;
}

a.info span
{
    display: none;
}

a.info:hover span
{
    /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: -210px;
    left: 0px;
    height: 200px;
    border: 1px solid #999;
    background-color: White;
    color: #000;
    text-align: left;
    padding: 1px;
    color: White;
    font-size: 12px;
    font-weight: normal;
}
a.info:hover span img
{
    height: 200px;
}


.modalPopup .newsletter_information,.modalPopup .newsletter_information h2{float:left;}
#_ctl0_cp_main__ctl1_Panel1 .newsletter_information h3{float:left;overflow:auto; height:500px; }
#_ctl0_cp_main__ctl1_lbl_feat_content{}