html{font-size:11px}
body{background:#acc; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:#284958; text-align:center; margin:0; padding:0}
a:link, 
a:active, 
a:visited, 
a:hover{color:#2F5361; text-decoration:underline}
a:hover{color:#426E7F}
table{width:100%}
td{vertical-align:top}
#container{width:932px; margin:0 auto 0 auto; text-align:left; background:#FEFEFE}

#wrapper{width:900px; margin:0 auto 0 auto; text-align:left; background:#FEFEFE; border:1px solid #000}

#b_left{background:url(../../../images/frontend/Default/border_left.gif) repeat-y; width:16px; padding:0}
#main{background:#FEFEFE}
#content{padding:10px; font-size:13px}
#b_right{background:url(../../../images/frontend/Default/border_right.gif) repeat-y; width:16px; padding:0}
#banner{height:115px; background:url(../../../images/frontend/Default/banner_bg.gif) repeat-x}

#banner_content{height:88px}

#banner_text, 
#banner_sdw{padding:20px 0 0 40px; font-size:40px; color:#89A2A2; font-style:italic; letter-spacing:-3px}
#banner_text span{color:#D3DFDF}
#banner_sdw{color:#000}
#banner_search{background:url(../../../images/frontend/Default/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}

#tabs{float:left; width:100%; line-height:normal; font-size:11px;     color:#FFF;     font-weight:bold}

#tabs ul{list-style-type:none; margin:0; padding:0}

#tabs li{display:inline; margin:0; padding:0}

#tabs a:link, 
#tabs a:active, 
#tabs a:visited, 
#tabs a:hover{float:left; background:url(../../../images/frontend/Default/nav_tab_left.gif) no-repeat left top; margin:0; margin-left:3px; /*spacing between each tab*/padding:0 0 0 5px; text-decoration:none}

#tabs a span{float:left; display:block; background:url(../../../images/frontend/Default/nav_tab_right.gif) no-repeat right top; padding:6px 18px 7px 13px; font-weight:bold; color:#fff}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span{float:none}
/* End IE5-Mac hack */
#tabs a:hover span{color:#fff}

#tabs a:hover{/*onMouseover style*/background-position:0% -27px; /*Shift background image up to start of 2nd tab image*/}

#tabs a:hover span{/*onMouseover style*/background-position:100% -27px; /*Shift background image up to start of 2nd tab image*/}

#tabs a.active:link, 
#tabs a.active:active, 
#tabs a.active:visited, 
#tabs a.active:hover{/*Selected Tab style*/background-position:0 -54px; /*Shift background image up to start of 2nd tab image*/}

#tabs a.active:link span, 
#tabs a.active:active span, 
#tabs a.active:visited span, 
#tabs a.active:hover span{/*Selected Tab style*/background-position:100% -54px; /*Shift background image up to start of 2nd tab image*/color:#59879E}

#footer{background:transparent url(../../../images/frontend/Default/banner_bg.gif) repeat-x scroll 0 0; padding:0px 10px 0 10px; color:#FFF; height:45px; text-align:right}
#footer a:link, #footer a:active, #footer a:visited{color:#FFF}
#footer a:hover{color:#FFF; text-decoration:underline}
#footer_col{width:100%; margin:2px 0 2px 0}
#footer_col td{width:20%; /* 100% divided by number of columns */border-right:1px dotted #c3c3c3; padding:5px 5px 7px 15px}
#footer_col td.end{border:0}
#footer_col a:link, #footer_col a:active, #footer_col a:visited{color:#878787}
#footer_col a:hover{color:#4fa6e3}
.input, .button{border:1px solid #477283; padding:2px; background:#FFF; color:#477283; font-size:11px; margin:1px; display:inline}
.button{background:#C9D4D7; padding:1px; font-weight:bold}
a.admin_button:link, 
a.admin_button:active, 
a.admin_button:visited, 
a.admin_button:hover{background:#C9D4D7; padding:5px; font-weight:bold; font-size:11px; color:#477283; margin:1px; border:1px solid #477283; width:auto; vertical-align:middle; float:right; text-align:center; display:block; color:#477283; text-decoration:none}
a.admin_button:hover{color:#8DA9B4}
/*
.admin_button a:link, 
.admin_button a:active, 
.admin_button a:visited, 
.admin_button a:hover{color:#477283; text-decoration:none}
.admin_button a:hover{color:#8DA9B4}
*/
.admin_button img{vertical-align:middle; border:0}
.border{border:1px solid #4C7382; background:#E6EAEB}

#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}
.lnav{border:1px solid #4C7382; background:#E6EAEB}
.lnav a:link, 
.lnav a:active, 
.lnav a:visited, 
.lnav a:hover{text-decoration:none}
.header{background:#2C4D5C url(../../../images/frontend/Default/tile_h.gif) repeat-x; padding:6px; color:#FFF; font-weight:bold; font-size: 11px; border-bottom:1px solid #102128; border-left:1px solid #7599A7; border-top:1px solid #7599A7}
.header img{vertical-align:middle}
.m_header{background:#2C4D5C url(../../../images/frontend/Default/tile_h.gif) repeat-x; padding:6px; border-left:1px solid #9DB7C4; border-top:1px solid #9DB7C4; font-weight:bold; color:#FFF}
.m_header span.cat{float:right; color:#FFF; font-weight:bold}
.m_header a:link, 
.m_header a:active, 
.m_header a:visited{color:#FFF}
.m_header a:hover{color:#FFF; text-decoration:underline}
/* begin changes by Iasmin Balaj (iasminb@gmail.com), on Jan 27, 2009 */
.lnav_l, 
.lnav_d{background-color:#E6EAEB; background:url(../../../images/frontend/Default/nav.gif) no-repeat 3px 50%; display:block; padding:2px 0 2px 15px}
.lnav_l-{background-color:#E6EAEB; background:url(../../../images/frontend/Default/nav.gif) no-repeat 10px 50%; display:block; padding:2px 0 2px 23px}
.lnav_l--{background-color:#E6EAEB; background:url(../../../images/frontend/Default/nav.gif) no-repeat 17px 50%; display:block; padding:2px 0 2px 28px}
.lnav_l---{background-color:#E6EAEB; background:url(../../../images/frontend/Default/nav.gif) no-repeat 24px 50%; display:block; padding:2px 0 2px 35px}
.lnav_l----{background-color:#E6EAEB; background:url(../../../images/frontend/Default/nav.gif) no-repeat 31px 50%; display:block; padding:2px 0 2px 42px}
.lnav_l-----{background-color:#E6EAEB; background:url(../../../images/frontend/Default/nav.gif) no-repeat 38px 50%; display:block; padding:2px 0 2px 50px}
/* end changes by Iasmin Balaj (iasminb@gmail.com), on Jan 27, 2009 */
.lnav_d{background-color:#DCDEDD}
.content{padding:8px}
.box{background:#E5E9EC; border:1px solid #4C7382; padding:10px; margin:5px 0 5px 0}
.title{border-bottom:1px dotted #35484F; font-size:14px; 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:12px; font-weight:normal; float:right}
.box img.img{border:2px solid #437181; margin:0 12px 8px 0}
.fm_des{background:#F8F8F8; border-bottom:1px solid #666664; padding:4px; margin:4px 0 4px 0}
.shadetabs{padding:3px 0; margin-left:0; margin-top:1px; margin-bottom:0; font:bold 12px Verdana; list-style-type:none; text-align:left}

.shadetabs li{display:block; float:left; margin:0; padding:0; background:url(../../../images/frontend/Default/m_tab_l.gif) no-repeat 0 0; margin-right:3px; height:25px}

.shadetabs li a:link, 
.shadetabs li a:active, 
.shadetabs li a:visited, 
.shadetabs li a:hover{text-decoration:none; padding:5px 10px; display:block; float:left; color:#FFF; background:url(../../../images/frontend/Default/m_tab_r.gif) no-repeat 100% 0}

.shadetabs li a:visited{color:#FFF}

.shadetabs li a:hover{text-decoration:none; color:#FFF}

.shadetabs li.selected{position:relative; top:1px; background:url(../../../images/frontend/Default/m_tab_a_l.gif) no-repeat 0 0}

.shadetabs li.selected a:link, 
.shadetabs li.selected a:active, 
.shadetabs li.selected a:visited, 
.shadetabs li.selected a:hover{background:url(../../../images/frontend/Default/m_tab_a_r.gif) no-repeat 100% 0; text-decoration:none}

.contentstyle{border:1px solid #477283; background:#E6EAEB/* url(../../../images/frontend/Default/idx_media.gif) repeat-x 0 0*/; margin-bottom:1em; padding:10px; clear:both; height:320px}

.thumb{border:1px solid #437181; margin:2px}

.maintitle{background:#2C4D5C url(../../../images/frontend/Default/tile_h.gif) repeat-x; padding:6px; color:#FFF; font-weight:bold; border-bottom:1px solid #102128; border-left:1px solid #7599A7; border-top:1px solid #7599A7}
.maintitle span.cat{float:right; color:#FFF; font-weight:bold}
.maintitle a:link, 
.maintitle a:active, 
.maintitle a:visited{color:#FFF}
.maintitle a:hover{color:#FFF; text-decoration:underline}

.main_content{padding:8px}
.clear{clear:both; display:none}

.pages{padding:6px; margin-bottom:10px; border:1px solid #4C7382; background:#E6EAEB}
.pages a:link, 
.pages a:active, 
.pages a:visited{color:#2F5361; text-decoration:underline}
.pages a:hover{color:#426E7F}

.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 Page */
.shadetabs_m{padding:3px 0; margin-left:0; margin-top:1px; margin-bottom:0; font:bold 12px Verdana; list-style-type:none; text-align:left; /*set to left,center,or right to align the menu as desired*/}

.shadetabs_m li{display:block; float:left; margin:0; padding:0; background:url(../../../images/frontend/Default/m_tab_l_2.gif) no-repeat 0 0; margin-right:3px; height:21px}

.shadetabs_m li a:link, 
.shadetabs_m li a:active, 
.shadetabs_m li a:visited, 
.shadetabs_m li a:hover{text-decoration:none; padding:3px 10px; display:block; float:left; color:#BCBCBC; background:url(../../../images/frontend/Default/m_tab_r_2.gif) no-repeat 100% 0}

.shadetabs_m li.selected{position:relative; top:1px; background:url(../../../images/frontend/Default/m_tab_l_2.gif) no-repeat 0 0}

.shadetabs_m li.selected a:link, 
.shadetabs_m li.selected a:active, 
.shadetabs_m li.selected a:visited, 
.shadetabs_m li.selected a:hover{background:url(../../../images/frontend/Default/m_tab_r_2.gif) no-repeat 100% 0; color:#2C4C57; text-decoration:none}

.contentstyle_m{border:1px solid #BCBCBC; background:#FFF url(../../../images/frontend/Default/m_top.gif) repeat-x 0 0; margin-bottom:1em; padding:10px; clear:both}

.med_opts{background:url(../../../images/frontend/Default/med_opts_bg.gif) repeat-x; height:32px}
.med_opts_l{background:url(../../../images/frontend/Default/med_opts_left.gif) no-repeat 0 0; height:100%}
.med_opts_r{background:url(../../../images/frontend/Default/med_opts_right.gif) no-repeat 100% 0; height:100%}
.med_opts_text{padding:3px 0 0 2px; text-align:center; vertical-align:middle}
.med_opts img{vertical-align:middle}
.med_opts a:link, 
.med_opts a:active, 
.med_opts a:visited, 
.med_opts a:hover{margin:0 10px 0 5px}
.med_info_h{background:url(../../../images/frontend/Default/b_bg.gif) repeat-x; height:22px}
.med_info_tl{background:url(../../../images/frontend/Default/b_c_tl.gif) no-repeat 0 0; height:100%}
.med_info_tr{background:url(../../../images/frontend/Default/b_c_tr.gif) no-repeat 100% 0; height:100%}
.med_info_ht{padding:4px 0 0 10px; color:#FFF; font-size:12px; font-weight:bold; text-align:left}
.med_info_ht a:link, 
.med_info_ht a:active, 
.med_info_ht a:visited, 
.med_info_ht a:hover, 
.med_info_b a:link, 
.med_info_b a:active, 
.med_info_b a:visited, 
.med_info_b a:hover{color:#FFF; text-decoration:underline}
.med_info_b span{float:right}
.med_info_bl{background:url(../../../images/frontend/Default/b_c_bl.gif) no-repeat 0 0; height:100%}
.med_info_br{background:url(../../../images/frontend/Default/b_c_br.gif) no-repeat 100% 0; height:100%}
.med_info_b{background:url(../../../images/frontend/Default/b_bg_b.gif) repeat-x; height:20px}
.med_info_bt{padding:3px 8px 0 8px; text-align:left; color:#FFF}
.med_info_box{background:#E5E9EC; border-left:1px solid #999; border-right:1px solid #999; padding:10px; text-align:left}
.media_title{font-size:18px; text-align:left}
.media_title span{float:right}
.memberbar{text-align:right; padding-bottom:10px}

.row_l, 
.row_d{background-color:#E6EAEB; background:url(../../../images/frontend/Default/nav.gif) no-repeat 10px 50%; display:block; padding:3px 0 3px 25px}
.row_d{background-color:#DCDEDD}

#sub_search{background:url(../../../images/frontend/Default/search_bg.jpg) no-repeat 0 0; height:51px; padding:8px 0 0 0; width:248px; margin:20px 30px 0 0; text-align:center; color:#FFF; font-weight:bold}

.header span.cat{float:right; color:#FFF; font-weight:bold}
.header a:link, 
.header a:active, 
.header a:visited{color:#FFF; text-decoration:none}
.header a:hover{color:#FFF; text-decoration:underline}

/* 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:#B5CACF}
.handle{font-size:14px; font-family:Arial,sans-serif; border:1px solid #aaa; cursor:move; height:14px; border-width:0px 0px 1px 0px; background:#666; 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:#F5F5F5; border-width:1px; border-color:#D5D5D5; border-style:solid; margin:2px 0 10px 0; padding:1px; padding-top:5px}

.form_box legend{color:#AFAFAF; font-weight:bold; margin-left:20px}

.form_box table td{padding:4px; vertical-align:top}

.small_br{display:block}

/**** page links **********************************************/
#pageLinks{padding:10px 0 3px 0; text-align:right; font-family:tahoma,arial,verdana; font-size:12px; font-weight:bold}
#pageLinks em{font-style:normal; padding:1px 4px 2px 4px; background:#284958; color:#fff; text-decoration:none; border:1px solid #284958}
#pageLinks a:link, 
#pageLinks a:active, 
#pageLinks a:visited, 
#pageLinks a:hover{padding:1px 4px 2px 4px; border:1px solid #284958; text-decoration:none}
#pageLinks a:hover{background:#284958; color:#fff; text-decoration:none}

/* 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:#7BA0B2; color:#fff}

.row1_color{background-color:#E6EAEB}

.row2_color{background-color:#D1DCDF}

.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 #7497A4; padding:5px; background-color:#F5F6F8}

/* 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 #ccc; padding:4px}

.commentHeadHighlight{border-top:1px solid #ccc; padding:4px; background:#D1DCDF}

.commentBody{margin-top:4px; margin-left:4px}

.media_options{border:1px solid #7497A4; padding:5px; background-color:#F5F6F8}

.media_icons{width:80%}

.media_icons td{text-align:left; padding:3px; vertical-align:middle}

.media_icons td img{vertical-align:middle}

.media_user_details{border-bottom:1px solid #ccc; 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 #ccc; margin-bottom:8px; padding-bottom:8px}

.media_ajax_list{width:100%; font-size:11px}
.media_ajax_list td{border-bottom:1px solid #ccc; 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}

.media_thumb{border:3px double #ccc; margin:2px; height:80px; width:120px;}

.media_thumb_detailed{border:3px double #ccc; margin:0 12px 8px 0; width: 120px}

.member_thumb{border:3px double #ccc; margin:2px}

.group_thumb{border:3px double #ccc; margin:0 12px 8px 0}

.group_thumb_div{width:90px; height:70px; overflow:hidden; border:3px double #ccc; margin:2px; text-align:center}

.group_thumb_div img{margin:-10px 0 0 -15px}

.pic_thumb{border:3px double #ccc; margin:0 12px 8px 0}

.line_seperator{border-bottom:1px solid #ccc; padding:5px 3px 5px 3px; margin-bottom:5px}

.group_forum_table{width:100%; text-align:left; background-color:#7BA0B2}

.group_forum_avatar{width:58px; height:43px; border:1px solid #000}

.dropmenudiv{position:absolute; border:1px solid #7BA0B2; 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 #7BA0B2; padding:1px 0; text-decoration:none; text-align:left; background-color:#C9D4D7}

.dropmenudiv a:hover{background-color:#7BA0B2; color:#FFF}

/* INDEX MEDIA SELECT LINKS */
.index_media_links{}

.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}

/* 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/Default/nav.gif) no-repeat 10px 50%; display:block; padding:3px 0 3px 25px; font-weight:bold}

.result_alert{color:#FFF; 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 0; padding-left:2px; white-space:nowrap; border-left:1px solid #cfcfcf; line-height:15px; font-size:12px}

.media_list_desc{font-size:10px; padding-bottom:5px; height:50px; padding-right:5px; overflow-y:hidden; text-align:justify}