/* Global styles */
html{
        /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
        height: 100%;
        margin-bottom: 1px;
        overflow-x: auto;
}
/* Global styles */
body{
        background: #fff;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #878787;
        text-align: center;
        margin: 0;
        padding: 0;
}
/* Global link styles */
a:link,
a:active,
a:visited,
a:hover{
        color: #CC0000;
        text-decoration: none;
}
a:hover{
        color: #000000;
        text-decoration: underline;
}
img{
        border: 0; /* stops linked images having borders */
}
/* Default table widths */
table{
        width: 100%;
}
td{
        vertical-align: top;
        font-size: 11px;
}
/* Container and main design */
#container{
        width: 1001px;
        margin: 0 auto 0 auto;
        text-align: left;
        padding: 0;
}
#wrapper{
        background: #fff;
}
#banner{
        height: 196px;
        background: #000 url(../../../images/frontend/Dazed/img01.gif) repeat-x 0 100%;
}
#banner_content{
        height: 138px;
}
#top_bar{
        background: url(../../../images/frontend/Dazed/top_bar.gif) no-repeat;
        color: #fff;
        padding: 5px 10px 5px 10px;
        height: 30px;
}
#top_bar p.top_user{
        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
        font-size: 13px;
        color:#fff;
        padding: 2px 15px 0 2px;
        margin: 0;
}
#top_bar a:link,
#top_bar a:active,
#top_bar a:visited,
#top_bar a:hover{
        color: #ffffff;
        text-decoration: none;
}
#top_bar a:hover{
        color: #fff;
        text-decoration: underline;
}
#top_search{
        text-align:center;
        padding: 18px 0 0 0;
}
#top_search input.top_input{
        border: 1px solid #EFEFEF;
        background: #000000;
        color: #FFFFFF;
        padding: 3px;
        height: 25px;
        font-size: 18px;
        width: 400px;
        margin: 0;
        vertical-align: middle;
}
#top_search input.top_btn{
        border: 1px solid #EFEFEF;
        background: url(../../../images/frontend/Dazed/button.gif) repeat-x;
        color:#fff;
        margin: 0;
        font-size: 13px;
        padding: 7px 18px 6px 18px;
        vertical-align: middle;
}
#banner_text/*,
#banner_sdw*/{
        padding: 25px 0 0 0;
        text-align:center;
        font-size: 60px;
        color: #fff;
        font-weight: bold;
        letter-spacing: -3px;
}
#banner_text span{
        color: #328ccc;
}
/*
#banner_sdw{
        color:#000;
}*/
/*
#top_search{
        background: url(../../../images/frontend/Dazed/search_bg.jpg) no-repeat 0 0;
        height: 51px;
        padding: 8px 0 0 0;
        width: 248px;
        float: right;
        margin: 20px 30px 0 0;
        text-align:center;
        color: #FFF;
        font-weight: bold;
}*/
#upload{
        float: right;
        padding: 8px 8px 0 0;
}
#tab_end{
        background: url(../../../images/frontend/Dazed/tab_end.gif) repeat-x;
        height:47px;
        font-size:12px;
        padding: 8px;
        color: #000;
        text-align:center;
}
#tab_end a:link,
#tab_end a:active,
#tab_end a:visited,
#tab_end a:hover{
        color: #CC0000;
        text-decoration: none;
}
#tab_end a:hover{
        color: #000;
        text-decoration: underline;
}
#content{
        background: #fff;
        min-height:400px;
        margin: 0;
        padding: 8px 20px 8px 20px;
}
.border{
        background: transparent;
}
.borders{
        background: #efefef;
        border:1px dashed#ccc;
}
.header{
        background: url(../../../images/frontend/Dazed/header.gif) no-repeat 0 100%;
        padding: 12px;
        color: #FFF;
        font-weight: bold;
}
.header span.cat{
        float:right;
        color: #FFF;
        font-weight:bold;
}
.header a:link,
.header a:active,
.header a:visited,
.header a:hover{
        color: #FFFFFF;
        text-decoration: none;
}
.header a:hover{
        text-decoration: underline;
}
.header img{
        vertical-align: middle;
}
.m_header,
.maintitle{
        background: url(../../../images/frontend/Dazed/maintitle.gif) repeat-x 0 100%;
        padding: 12px;
        color: #FFF;
        font-weight: bold;
}
.m_header span.cat,
.maintitle span.cat{
        float:right;
        color: #FFF;
        font-weight:bold;
}
.m_header a:link,
.m_header a:active,
.m_header a:visited,
.m_header a:hover,
.maintitle a:link,
.maintitle a:active,
.maintitle a:visited,
.maintitle a:hover{
        color: #FFFFFF;
        text-decoration: none;
}
.m_header a:hover,
.maintitle a:hover{
        text-decoration: underline;
}
.main_content{
        padding: 8px;
}
#footer_box{
        border-top: 3px solid #cc0000;
        height:380px;
        background: #fff url(../../../images/frontend/Dazed/footer.gif) repeat-x;
        margin: 8px 0 0 0;
        padding: 4px;
}
#footer_col{
        width: 100%;
        height:360px;
        margin: 2px 0 2px 0;
}
#footer_col td{
        width: 33%; /* 100% divided by number of columns */
        padding: 5px 5px 5px 15px;
}
#footer_col td.end{
        border: 0;
}
#footer_col a:link,
#footer_col a:active,
#footer_col a:visited{
        color: #383838;
}
#footer_col a:hover{
        color: #666666;
}
.copyright{
        text-align: center;
        padding: 5px;
}
.copyright a:link,
.copyright a:active,
.copyright a:visited,
.copyright a:hover{
        color: #cc0000;
        text-decoration: none;
}
.content{
        padding: 8px;
}
.box{
        background: #efefef;
        border:1px dashed#ccc;
        padding: 10px;
        margin: 5px 0 5px 0;
}
.title{
        border-bottom: 1px solid #cfcfcf;
        font-size: 16px;
        font-weight: bold;
        margin-bottom:5px;
}
.title a:link,
.title a:active,
.title a:visited,
.title a:hover{
        text-decoration: none;
}
.title span{
        font-size: 11px;
        font-weight: normal;
        float: right;
}
.titles{
        border-bottom: 1px dashed #cfcfcf;
        font-size: 20px;
        color: #383838;
        font-weight: bold;
        padding-right: 8px;
        padding-left: 8px;
        margin-bottom:5px;
}
.titles a:link,
.titles a:active,
.titles a:visited,
.titles a:hover{
        text-decoration: none;
}
.titles span{
        font-size: 11px;
        font-weight: normal;
        float: right;
}
.box img.img{
        border: 2px solid #868686;
        margin: 0 12px 8px 0;
}
/* Pagination */
/**** page links **********************************************/
#pageLinks{
        padding: 10px 0 3px 0;
        text-align: right;
        font-size: 11px;
        font-weight: bold;
}
        #pageLinks em{
                font-style: normal;
                padding: 1px 4px 2px 4px;
                background: #cc0000;
                color: #fff;
                text-decoration: none;
                border: 1px solid #efefef;
        }
        #pageLinks a:link,
        #pageLinks a:active,
        #pageLinks a:visited,
        #pageLinks a:hover{
                padding: 1px 4px 2px 4px;
                border: 1px solid #ccc;
                background: #efefef;
                text-decoration: none;
        }
        #pageLinks a:hover{
                background: #fff;
                color: #cc0000;
                text-decoration: none;
        }
/* Left navigation styles */
.lnav{
        border: 0px;
        background: #f8f8f8;
}
.lnav a:link,
.lnav a:active,
.lnav a:visited,
.lnav a:hover{
        text-decoration: none;
}
.lnav_l,
.lnav_d{
        background-color: #f8f8f8;
        background: url(../../../images/frontend/Dazed/nav.gif) no-repeat 10px 50%;
        display: block;
        padding: 3px 0 3px 25px;
}
.lnav_d{
        background-color: #f8f8f8;
}
/* Side navigation */                                                /* Why so many???? */
#search_nav{
        width: 250px;
        vertical-align: top;
        padding-right: 8px;
}
#group_nav{
        width: 300px;
        vertical-align: top;
        padding-right: 8px;
}
#profile_nav{
        width: 250px;
        vertical-align: top;
        padding-right: 8px;
}
#media_nav{
        width: 300px;
        vertical-align: top;
        padding-left: 8px;
}
#nav{
        width: 180px;
        vertical-align: top;
        padding-right: 8px;
}
/* Other */
.clear{
        clear: both;
}
.input,
.button{
        border: 1px solid #969696;
        padding: 2px;
        background: #FFF;
        color: #000000;
        font-size: 10px;
        margin: 1px;
        display: inline;
}
.button{
        background: url(../../../images/frontend/Dazed/button.gif) repeat-x;
        color: #fff;
        padding: 3px;
        font-weight: bold;
}
input {
        /*border: 1px solid #969696;*/
}
textarea {
        /*border: 1px solid #969696;*/
}
/* Admin only styles */
a.admin_button:link,
a.admin_button:active,
a.admin_button:visited,
a.admin_button:hover{
        background: #e2e2e2;
        padding: 5px;
        font-weight: bold;
        font-size: 10px;
        color: #878787;
        margin: 1px;
        border: 1px solid #c3c3c3;
        width: auto;
        vertical-align: middle;
        float: right;
        text-align: center;
        display: block;
        text-decoration: none;
}
a.admin_button:hover{
        color: #878787;
        background: #ffffff;
        border:1px solid #878787;
}
.admin_button img{
        vertical-align: middle;
        border:0;
}
/*
#footer{
        background: url(../../../images/frontend/Dazed/footer.gif) repeat-x;
        padding: 15px 10px 0 10px;
        color: #FFF;
        height: 25px;
        text-align: right;
}
#footer a:link,
#footer a:active,
#footer a:visited{
        color: #FFFFFF;
}
#footer a:hover{
        color: #FFFFFF;
        text-decoration: underline;
}
*/
.fm_des{
        background: #F8F8F8;
        border-bottom: 1px solid #666664;
        padding: 4px;
        margin: 4px 0 4px 0;
}
.shadetabs{
        height: 25px;
        position: relative;
        top: 1px;
}
.shadetabs ul{
        margin:0;
        padding:0;
        list-style-type: none;
        text-align: left;
}
.shadetabs li{
        display: block;
        float: left;
        margin: 0;
        margin-right: 1px;
        padding: 0 0 0 5px;
        background: url(../../../images/frontend/Dazed/tabs_small.gif) no-repeat 0 0;
}
.shadetabs li a:link,
.shadetabs li a:active,
.shadetabs li a:visited,
.shadetabs li a:hover{
        text-decoration: none;
        padding: 6px 10px 6px 5px;
        display: block;
        float: left;
        color: #515151;
        background: url(../../../images/frontend/Dazed/tabs_small.gif) no-repeat 100% 0;
}
.shadetabs li a:visited{
        color: #515151;
}
.shadetabs li a:hover{
        text-decoration: none;
        color: #515151;
}
.shadetabs li.selected{
        background: url(../../../images/frontend/Dazed/tabs_small.gif) no-repeat 0 -25px;
}
.shadetabs li.selected a:link,
.shadetabs li.selected a:active,
.shadetabs li.selected a:visited,
.shadetabs li.selected a:hover{
        background: url(../../../images/frontend/Dazed/tabs_small.gif) no-repeat 100% -25px;
        text-decoration: none;
        color: #fff;
}
.contentstyle{
        border: 1px dashed #cccccc;
        background: #efefef;
        margin-bottom: 1em;
        padding: 10px;
        clear: both;
        height: 320px;
}
.thumb{
        border: 1px solid #437181;
        margin: 2px;
}
.progress{
        background:#FFF;
        border:1px solid #000;
        width:300px;
        height:12px;
        text-align:left;
}
.progress_in{
        background:#EEAE1D;
        border-right:1px solid #000;
        height:100%;
        line-height:12px;
}
.radio {
        border:0;
        padding:0;
}
.media_title{
        font-size: 18px;
        text-align: left;
}
.media_title span{
        float:right;
}
.row_l,
.row_d{
        background-color: #f8f8f8;
        background: url(../../../images/frontend/Dazed/nav.gif) no-repeat 10px 50%;
        display: block;
        padding: 3px 0 3px 25px;
}
.row_d{
        background-color: #f8f8f8;
}
/* TOP FRIEND ARRANGE BOXES */
#boxes {
        font-family: Arial, sans-serif;
        list-style-type: none;
        margin: 10px;
        padding: 4px;
}
#boxes  li {
        cursor: move;
        position: relative;
        float: left;
        margin: 2px 2px 0px 0px;
        border: 1px solid #000;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E5E5E5;
}
.handle {
        font-size: 14px;
        font-family: Arial, sans-serif;
        border: 1px solid #aaa;
        cursor: move;
        height: 14px;
        border-width: 0px 0px 1px 0px;
        background: #E5E5E5;
        color: #eee;
        padding: 2px 6px;
        margin: 0px;
}
div.topFriendslabel {
        font-size: 18px;
        width:776;
        position: relative;
        display: block;
        clear: both;
        margin: 0 0 0 0;
        padding: 0 0 0 0 ;
}
/* PLAYLIST ARRANGE BOXES */
#pl_boxes {
        font-family: Arial, sans-serif;
        list-style-type: none;
        margin: 10px;
        padding: 4px;
}
#pl_boxes  li {
        cursor: move;
        position: relative;
        float: left;
        margin: 5px 5px 0px 0px;
        border: 1px solid #000;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E5EBEB;
}
/* FORM BOX */
.form_box {
        background-color:#fff;
        border-width:1px;
        border-color:#cc0000;
        border-style:solid;
        margin:2px 0 10px 0;
        padding:1px;
        padding-top:5px;
}
.form_box legend {
        color:#000;
        font-weight:bold;
        margin-left:20px;
}
.form_box table td {
        padding:4px;
        vertical-align:top;
}
.small_br {
        display:block;
}
/* VIEW SELECT */
.view_select {
        float:right;
        padding-top:5px;
        padding-bottom:5px;
}
.view_select a:link,
.view_select a:active,
.view_select a:visited,
.view_select a:hover {
        text-decoration:none;
}
/* SMALL TEXT */
.small_desc {
        font-size: 10px;
        padding: 5px 0 5px 3px;
}
.img_border {
        border: 2px solid #437181;
        margin: 0 12px 8px 0;
}
.tag_cloud {
}
.tag_cloud a:link,
.tag_cloud a:active,
.tag_cloud a:visited,
.tag_cloud a:hover {
        text-decoration:none;
}
/* PICTURE COMMENTS */
.pic_comments{
        margin: 0 auto 0 auto;
        width: 85%; /* Change width to change entire width of picture comments */
        text-align: left;
}
.pic_comments table{
        width:100%;
        text-align:left;
        background-color:#D5D5D5;
}
.pic_comments table td {
        background-color:#F5F5F5;
}
/* Alternating table rows */
.main_row_color {
        background-color:#c3c3c3;
        color:#ffffff;
}
.row1_color {
        background-color:#FFFFFF;
}
.row2_color {
        background-color:#E3E3E3;
}
.content_table{
        width:100%;
        text-align:left;
        background-color:#c3c3c3;
}
.admin_table{
        width:100%;
        text-align:left;
        background-color:#7BA0B2;
}
.admin_msg {
        border:1px solid #7497A4;
        padding:5px;
        background-color:#F5F6F8;
}
.admin_msg_info {
        border:1px solid #7497A4;
        padding:5px;
        background-color:#F5F6F8;
}
.admin_msg_green {
        border:1px solid #7497A4;
        padding:5px;
        background-color:#F5F6F8;
}
.admin_msg_red {
        border:1px solid #7497A4;
        padding:5px;
        background-color:#F5F6F8;
}
/* BULLETNS */
#bulletinb {
        width:600px;
        border:1px solid #C5D8EB;
        background-color:#fff;
        border-collapse:collapse;
        margin-bottom:.5em;
}
#bulletinb th{
        width:14%;
        background-color:#E8F1FA;
        color:#000;
        font-size:13px;
        font-weight:bold;
        text-align:left;
        border-right:1px solid #C5D8EB;
}
#bulletinb td,
#bulletinb th{
        padding:5px;
        vertical-align:top;
        border-bottom:1px solid #C5D8EB;
}
#bulletinb img{
        border:0;
}
.result_msg {
        border:1px solid #cc0000;
        padding:5px;
        background-color:#efefef;
}
/* MEDIA DISPLAY */
.media_box1,
.media_box2{
        background: #E5E9EC;
        padding: 10px;
        margin: 5px 0 5px 0;
        line-height: 15px;
}
.media_box2{
        background: #D1DCDF;
}
.media_img2{
        border: 2px solid #437181;
        background: #fff;
        padding: 1px;
        margin: 0 12px 8px 0;
}
.media_desc{
        padding-bottom:5px;
}
.greyb {
        color:#9F9F9F;
        font-weight:bold;
}
.commentEntry {
        margin:6px 0 10px;
}
.commentHead {
        border-top: 1px solid #cfcfcf;
        padding:4px;
}
.commentHeadHighlight {
        border-top: 1px solid #cfcfcf;
        padding:4px;
        background:#D1DCDF;
}
.commentBody {
        margin-top:4px;
        margin-left:4px;
}
.media_options {
        border:1px dashed #cccccc;
        padding:5px;
        background-color:#efefef;
}
.media_icons {
        width:80%;
}
.media_icons td {
        text-align:left;
        padding:3px 3px 3px 10px;
        vertical-align:middle;
}
.media_icons td img {
        vertical-align:middle;
}
.media_user_details{
        border-bottom: 1px solid #cfcfcf;
        padding:8px;
}
.media_user_details img{
        width: 58px;
        height: 43px;
        border: 1px solid #000;
        float: left;
}
.media_user_details div{
        line-height: 15px;
        padding-left:8px;
        margin-left:60px;
}
.media_info {
        line-height: 15px;
}
.media_info_box {
        border-bottom: 1px solid #cfcfcf;
        margin-bottom:8px;
        padding-bottom:8px;
}
.media_ajax_list {
        width:100%;
}
.media_ajax_list td {
        border-bottom: 1px solid #cfcfcf;
        padding: 3px;
        text-align: left;
        vertical-align: top;
        line-height: 15px;
}
.media_ajax_list td img{
        width: 90px;
        height: 70px;
        border: 0;
}
.wide_thumb{
        width: 90px;
        height: 54px;
        overflow: hidden;
        border: 1px solid #000;
}
.member_thumb {
        border:3px double #cfcfcf;
        margin: 2px;
}
.media_thumb{
        border:3px double #cfcfcf;
        margin: 2px;
}
.media_thumb_detailed{
        border:3px double #cfcfcf;
        margin: 0 12px 8px 0;
}
.group_thumb{
        border:3px double #cfcfcf;
        margin: 0 12px 8px 0;
}
.group_thumb_div{
        width: 90px;
        height: 70px;
        overflow: hidden;
        border:3px double #cfcfcf;
        margin: 2px;
        text-align:center;
}
.group_thumb_div img{
        margin:-10px 0 0 -15px;
}
.pic_thumb{
        border:3px double #cfcfcf;
        margin: 0 12px 8px 0;
}
.line_seperator{
        border-bottom: 1px solid #cfcfcf;
        padding: 5px 3px 5px 3px;
        margin-bottom:5px;
}
.group_forum_table{
        width:100%;
        text-align:left;
        background-color:#c3c3c3;
}
.group_forum_avatar{
        width: 58px;
        height: 43px;
        border: 1px solid #000;
}
.dropmenudiv{
        position:absolute;
        border:1px solid #383838;
        border-bottom-width: 0;
        font:normal 11px Verdana;
        line-height:18px;
        z-index:100;
}
.dropmenudiv a:link,
.dropmenudiv a:active,
.dropmenudiv a:visited,
.dropmenudiv a:hover{
        width: 100%;
        display: block;
        text-indent: 3px;
        border-bottom: 1px solid #383838;
        padding: 1px 0;
        text-decoration: none;
        text-align:left;
        background-color: #000000;
        color:#fff;
}
.dropmenudiv a:hover{
        /*background-color: #383838;
        color:#FFFFFF;*/
        background-color: #383838;
        color:#CC0000;
}
/* INDEX MEDIA SELECT LINKS */
.media_tabs_bar{
        width: 670px;
}
.index_media_links a:link,
.index_media_links a:active,
.index_media_links a:visited,
.index_media_links a:hover{
        text-decoration: none;
        font-weight: 100;
}
.index_media_links a.selected:link,
.index_media_links a.selected:active,
.index_media_links a.selected:visited,
.index_media_links a.selected:hover{
        font-weight: bold;
}
.group_table {
        width:1%;
}
.group_table td {
        width:1%;
        padding:3px 15px 3px 15px;
}
/* VERSION 2.1 */
/* PAID PACKAGES */
.pack_progress{
        background:#FFF;
        border:1px solid #000;
        width:200px;
        height:8px;
        text-align:left;
        overflow:hidden;
        position:relative;
}
.pack_progress_in{
        background:#328ccc;
        height:100%;
        line-height:8px;
        padding:0;
        position:relative;
}
#pack_nav{
        width: 250px;
        vertical-align: top;
        padding-right: 8px;
}
.pack_box {
        border:1px solid #969696;
        padding:5px;
        background-color:#F5F6F8;
        height:120px;
        margin:2px;
}
.pack_box_con {
        float:left;
        width:33.33%;
}
.lnav_sel{
        background-color: #f8f8f8;
        background: url(../../../images/frontend/Dazed/nav.gif) no-repeat 10px 50%;
        display: block;
        padding: 3px 0 3px 25px;
        font-weight:bold;
}
.result_alert {
        color:#FFFFFF;
        border:1px solid #AF3646;
        background-color:#BF3B50;
        padding:5px;
}
.main_title {
        color:#328CCC;
        font-weight:bold;
}
.mresponse_table {
        width:1%;
}
.mresponse_table td {
        width:1%;
        padding:3px 20px 3px 20px;
}
.media_response_text {
        text-align:center;
}
.media_list_info {
        float:right;
        width:175px;
        margin:0 5px 0 5px;
        padding-left:5px;
        white-space:nowrap;
        border-left:1px solid #cfcfcf;
        line-height:15px;
}
.media_list_desc {
        padding-bottom:5px;
        height:48px;
        margin-right:5px;
        overflow-y:hidden;
}