
/* Global styles */

html {
	font-size:11px;
	overflow-x: auto;
}

body {
	background: #e5e5e5 url(../../../images/frontend/clubit/background.gif) repeat-x 0 0;
	font-family: Verdana, 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: #2b6ba6;
	text-decoration: none;
}

a:hover {
	color: #4585c0;
	text-decoration: underline;
}

img {
	border: 0; /* stops linked images having borders */
}

/* Default table widths */

table {
	width: 100%;
}

td {
	vertical-align: top;
}

/* Container and main design */

#container {
	width: 980px;
	margin: 0 auto 0 auto;
	text-align: left;
	padding: 15px 0 15px 0;
}

#container_in{
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background-color: #fff;
}

#header_left{
	background: url(../../../images/frontend/clubit/header_left.gif) no-repeat 0 0;
	height: 126px;
}

#header_right{
	background: url(../../../images/frontend/clubit/header_right.gif) no-repeat 100% 0;
	height: 126px;
	padding: 0 15px 0 15px;
}

#banner {
	height: 126px;
	background: #124460 url(../../../images/frontend/clubit/header_bg.gif) repeat-x 0 100%;
	overflow: hidden;
}

#banner img {
	vertical-align: top;
}

#header_content_right{
	padding: 19px 20px 0 0;
	float: right;
	width: 450px;
	text-align: right;
}

#header_topnav{
	color: #59576b;
}

#header_topnav a:link,
#header_topnav a:visited,
#header_topnav a:hover,
#header_topnav a:active{
	color: #fff;
}

#header_search {
	padding: 18px 0 0 0;
}

#header_search input {
	vertical-align: top;
}

#header_search .input {
	background: #fbfbfb url(../../../images/frontend/clubit/header_search.gif) repeat-x 0 100%;
	color: #999999;
	border: 1px solid #212128;
	border-bottom: 1px solid #fbfbfb;
	border-right: 1px solid #fbfbfb;
	margin: 0 5px 0 0;
	padding: 4px 0 0 5px;
	width: 156px;
	height: 16px;
}

#header_search select {
	background: #fbfbfb url(../../../images/frontend/clubit/header_search.gif) repeat-x 0 100%;
	color: #999999;
	height: 22px;
	border: 1px solid #212128;
	border-bottom: 1px solid #fbfbfb;
	border-right: 1px solid #fbfbfb;
	margin: 0 5px 0 0;
	padding: 2px;
}

#header_search .btn {
	border: 0;
	padding: 0;
	background: transparent;
	margin: 0;
}

#header_subscribe{
	color: #acacc8;
	padding-top: 22px;
}

#header_subscribe a:link,
#header_subscribe a:visited,
#header_subscribe a:hover,
#header_subscribe a:active{
	color: #fe9700;
}

#header_nav {
	background: url(../../../images/frontend/clubit/top_nav_bg.gif) repeat-x;
	height: 53px;
}

#header_nav ul {
	list-style: none;
	margin: 0;
	padding: 14px 0 0 35px;
}

#header_nav li {
	list-style: none;
	margin: 0;
	display: block;
	float: left;
}

#header_nav li a:link,
#header_nav li a:visited,
#header_nav li a:hover,
#header_nav li a:active {
	padding: 6px 15px;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #daeadc;
	text-decoration: none;
}

#header_nav li a:hover {
	color: #e9f6eb;
}

#header_nav li a.active:link,
#header_nav li a.active:visited,
#header_nav li a.active:hover,
#header_nav li a.active:active {
	color: #e9f6eb;
	text-decoration: underline;
}

.idx_media_con {
	background: #fff url(../../../images/frontend/clubit/idx_media_con.gif) no-repeat 0 0;
	padding: 9px;
	min-height: 370px;
}

.idx_media {
	background: url(../../../images/frontend/clubit/idx_media_bg.jpg) no-repeat;
	height: 190px;
	width: 670px;
	overflow: none;
	margin-bottom: 10px;
}

.idx_media .idx_left {
	width: 126px;
	padding: 20px 0 0 24px;
}

.idx_media .idx_right {
	padding: 20px 0 0 0;
}

.idx_media .idx_thumb {
	border: 0;
	width: 120px;
	height: 90px;
	vertical-align: top;
}

.idx_media .rating {
	padding-top: 21px;
	text-align: center;
	display: block;
	font-weight: bold;
	width: 120px;
	font-size: 10px;
}

.idx_media .rating span {
	display: block;
	padding-bottom: 3px;
}

.idx_media .idx_title {
	font-size: 16px;
	font-weight: bold;
	height: 32px;
	padding-top: 5px;
}

.idx_media .idx_title span {
	float: right;
	color: #a5a5a5;
	font-weight: bold;
	display: block;
	padding-right: 28px;
	text-align: right;
	font-size: 10px;
}

.idx_media .idx_title span a:link,
.idx_media .idx_title span a:visited,
.idx_media .idx_title span a:hover,
.idx_media .idx_title span a:active {
	color: #a5a5a5;
	text-decoration: none;
}

.idx_media .idx_file_info {
	width: 180px;
	float: left;
	height: 86px;
	overflow: hidden;
	line-height: 200%;
}

.idx_media .idx_desc {
	width: 300px;
	height: 72px;
	float: left;
	padding: 8px;
}

.idx_media .idx_tags {
	float: right;
	width: 330px;
	height: 25px;
	overflow: hidden;
	color: #fff;
	padding: 20px 0 0 10px;
}

.idx_media .idx_tags a:link,
.idx_media .idx_tags a:visited,
.idx_media .idx_tags a:hover,
.idx_media .idx_tags a:active {
	color: #fff;
}

#top_bar {
	background: #d9e1e4;
	border-bottom: 1px solid #ced6d8;
	color: #33849c;
	padding: 6px 8px;
	height: 100%;
	text-align: right;
}

#top_bar p.top_user {
	padding: 0;
	margin: 0;
	border: 0;
	float: left;
}

#top_bar a:link,
#top_bar a:active,
#top_bar a:visited,
#top_bar a:hover {
	color: #33849c;
	text-decoration: none;
}

#top_bar a:hover {
	color: #33849c;
	text-decoration: underline;
}

#top_search {
	float: right;
}

#top_search input.top_input {
	border: 1px solid #969696;
	background: #747474;
	color: #fff;
	padding: 3px;
	height: 13px;
	font-size: 10px;
	width: 180px;
	margin: 0;
	vertical-align: middle;
}

#top_search input.top_btn {
	border: 1px solid #969696;
	background: #747474;
	margin: 0;
	font-size: 0;
	padding: 3px 10px 2px 10px;
	vertical-align: middle;
}

#banner_text/*,
#banner_sdw*/ {
	padding: 10px 0 0 40px;
	font-size: 40px;
	color: #515151;
	font-weight: bold;
	letter-spacing: -3px;
}

#banner_text span {
	color: #328ccc;
}

/*
#banner_sdw{
	color:#000;
}*/

/*
#top_search{
	background: url(../../../images/frontend/clubit/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 */

#tabs {
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	height: 29px;
	overflow: hidden;
}

#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/clubit/tabs.gif) no-repeat 0 -33px;
	margin: 0;
	margin-left: 1px;
	padding: 0 0 0 6px;
	text-decoration: none;
}

#tabs a:link span,
#tabs a:active span,
#tabs a:visited span,
#tabs a:hover span {
	float: left;
	display: block;
	background: url(../../../images/frontend/clubit/tabs.gif) no-repeat 100% -33px;
	padding: 8px 19px 8px 13px;
	font-weight: bold;
	color: #515151;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {
	float:none;
}

/* End IE5-Mac hack */

/* Hover */

#tabs a:hover {
	background-position: 0% -66px;
	cursor: pointer;
}

#tabs a:hover span {
	background-position: 100% -66px;
	color: #515151;
	cursor: pointer;
}

/* Active tab */

#tabs a.active:link,
#tabs a.active:active,
#tabs a.active:visited,
#tabs a.active:hover {
	background-position:0 0;
}

#tabs a.active:link span,
#tabs a.active:active span,
#tabs a.active:visited span,
#tabs a.active:hover span {
	background-position:100% 0;
	color: #fff;
}

#upload {
	float: right;
	padding: 8px 8px 0 0;
}

#tab_end {
	background: #525252 url(../../../images/frontend/clubit/dark_bar.gif) repeat-x 0 0;
	padding: 8px;
	color: #fff;
	text-align:center;
}

#tab_end a:link,
#tab_end a:active,
#tab_end a:visited,
#tab_end a:hover {
	color: #cfcfcf;
	text-decoration: none;
}

#tab_end a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#content {
	padding: 18px;
}

.border {
	border: 1px solid #34859d;
	background: #fff url(../../../images/frontend/clubit/content_grad.gif) repeat-x 0 100%;
}

.header,
.m_header,
.maintitle {
	background: #898989 url(../../../images/frontend/clubit/maintitle.gif) repeat-x 0 100%;
	padding: 6px;
	color: #FFF;
	font-weight: bold;
	border-bottom: 1px solid #34859d;
	border-left: 1px solid #62afc4;
	border-right: 1px solid #62afc4;
	border-top: 1px solid #72c3da;
}

.header span.cat,
.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,
.header a:link,
.header a:active,
.header a:visited,
.header a:hover,
.maintitle a:link,
.maintitle a:active,
.maintitle a:visited,
.maintitle a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.m_header a:hover,
.header a:hover,
.maintitle a:hover {
	text-decoration: underline;
}

.header img {
	vertical-align: middle;
}

.main_content {
	padding: 8px;
}

#footer_left{
	background: url(../../../images/frontend/clubit/footer_left.gif) no-repeat 0 0;
	height: 16px;
}

#footer_right{
	background: url(../../../images/frontend/clubit/footer_right.gif) no-repeat 100% 0;
	height: 16px;
	padding: 0 16px 0 16px;
}

#footer{
	height: 16px;
	overflow: hidden;
	background: #252525;
}

#footer_box {
	padding: 32px 0 0 32px;
	width: 660px;
	line-height: 20px;
}

#footer_col {
	width: 100%;
	margin: 2px 0 2px 0;
}

#footer_col td {
	width: 25%; /* 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: #fbae1e;
}

#footer_col a:hover {
	color: #fff;
	text-decoration: underline;
}

.copyright {
	text-align: left;
	padding: 5px;
}

.copyright a:link,
.copyright a:active,
.copyright a:visited,
.copyright a:hover {
	color: #fff;
	text-decoration: none;
}

.content {
	padding: 8px;
}

.box {
	border: 1px solid #34859d;
	background: #fff url(../../../images/frontend/clubit/content_grad.gif) repeat-x 0 100%;
	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;
}

.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: #328ccc;
	color: #fff;
	text-decoration: none;
	border: 1px solid #3676ac;
}

#pageLinks a:link,
 #pageLinks a:active,
 #pageLinks a:visited,
 #pageLinks a:hover {
	padding: 1px 4px 2px 4px;
	border: 1px solid #838383;
	background: #e3e3e3;
	text-decoration: none;
}

#pageLinks a:hover {
	background: #fff;
	color: #328ccc;
	text-decoration: none;
}

/* Left navigation styles */

.lnav {
	border: 1px solid #34859d;
	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/clubit/nav.gif) no-repeat 10px 50%;
	display: block;
	padding: 3px 0 3px 25px;
}

.lnav_d {
	background-color: #e3e3e3;
}

/* 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: 248px;
	vertical-align: top;
	padding-left: 8px;
}

#nav {
	width: 180px;
	vertical-align: top;
	padding-right: 8px;
}

/* Other */

.clear {
	clear: both;
}

input,
textarea,
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
	border: 1px solid #969696;
	color: #878787;
}

select {
	padding: 1px;
}

.input,
.button {
	border: 1px solid #969696;
	padding: 3px;
	background: #FFF;
	color: #878787;
	font-size: 11px;
	margin: 1px;
	display: inline;
}

.button {
	background: #e2e2e2;
	padding: 2px 4px;
	font-weight: bold;
	cursor: pointer;
}

/* 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;
}

.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/clubit/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/clubit/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/clubit/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/clubit/tabs_small.gif) no-repeat 100% -25px;
	text-decoration: none;
	color: #fff;
}

.contentstyle {
	border: 1px solid #515151;
	background: #e3e3e3;
	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: #E6EAEB;
	background: url(../../../images/frontend/clubit/nav.gif) no-repeat 10px 50%;
	display: block;
	padding: 3px 0 3px 25px;
}

.row_d {
	background-color: #DCDEDD;
}

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

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

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

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

.media_options {

}

.media_icons {
	width:100%;
}

.media_icons td {
	text-align:left;
	padding:3px 3px 3px 10px;
	vertical-align:middle;
	color: #4d4d4d;
}

.media_icons a{
	color: #4d4d4d;
}

.media_icons td img {
	vertical-align:middle;
}

.media_user_details {
}

.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 #838383;
	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 #838383;
	padding: 1px 0;
	text-decoration: none;
	text-align:left;
	background-color: #e3e3e3;
	color:#838383;
}

.dropmenudiv a:hover {
	/*background-color: #c3c3c3;
	color:#FFFFFF;*/
	background-color: #ffffff;
	color:#328ccc;
}

/* INDEX MEDIA SELECT LINKS */

.media_tabs_bar {
	width: 670px;
}

.idx_display_opts {
	color: #5f5f5f;
	font-weight: bold;
	font-size: 12px;
	display: block;
	float: left;
	padding-top: 12px;
}

.index_media_links {
	height: 35px;
	float: right;
	padding-right: 10px;
	padding-bottom: 1px;
	width: 400px;
}

.index_media_links a:link,
.index_media_links a:active,
.index_media_links a:visited,
.index_media_links a:hover {
	text-decoration: none;
	display: block;
	float: left;
	background: url(../../../images/frontend/clubit/idx_tabs.gif) no-repeat;
	width: 96px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #aaaaaa;
	margin-right: 2px;
	outline: none;
}

.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;
	color: #5f5f5f;
}

.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/clubit/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;
}

.side_dark {
	background: #35879f url(../../../images/frontend/clubit/side_dark.jpg) no-repeat 0 0;
	width: 248px;
	color: #fff;
}

.side_dark .thumb {
	width: 58px;
	height: 43px;
	border: 1px solid #000;
	margin: 0;
}

.side_dark .side_header {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 13px 0 0 17px;
	text-shadow: #007bad 1px 1px 0px;
	height: 32px;
	overflow: hidden;
}

.side_dark a:link,
.side_dark a:visited,
.side_dark a:hover,
.side_dark a:active {
	color: #fff;
	text-decoration: underline;
}

.side_dark .side_padding {
	padding: 6px 15px;
}

.sd_footer {
	background: url(../../../images/frontend/clubit/side_dark_base.gif) no-repeat 0 0;
	height: 10px;
}

.side_light {
	background: #eaeaea url(../../../images/frontend/clubit/side_light.jpg) no-repeat 0 0;
	width: 248px;
	color: #6f6f6f;
}

.side_light .thumb {
	width: 58px;
	height: 43px;
	border: 1px solid #000;
	margin: 0;
}

.side_light .side_header {
	color: #6f6f6f;
	font-size: 15px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 13px 0 0 17px;
	text-shadow: #fff 1px 1px 0px;
	height: 32px;
	overflow: hidden;
}

.side_light a:link,
.side_light a:visited,
.side_light a:hover,
.side_light a:active {
	color: #6f6f6f;
	text-decoration: underline;
}

.side_light .side_padding {
	padding: 6px 15px;
}

.sl_footer {
	background: url(../../../images/frontend/clubit/side_light_base.gif) no-repeat 0 0;
	height: 6px;
}

.tags,
.tags a:link,
.tags a:visited,
.tags a:hover,
.tags a:active {
	color: #4096b0;
}

.footer_more {
	background: #55b0ce url(../../../images/frontend/clubit/footer_more.jpg) no-repeat 0 0;
	height: 63px;
	text-align: right;
	overflow: hidden;
}

.footer_more img {
	vertical-align: top;
}

.copyright_bar {
	background: #797979 url(../../../images/frontend/clubit/copyright_bar.gif) repeat-x 0 100%;
	height: 44px;
	line-height: 44px;
	color: #fff;
	text-align: left;
	padding: 0 16px;
}

.copyright_bar a:link,
.copyright_bar a:visited,
.copyright_bar a:hover,
.copyright_bar a:active {
	color: #fff;
	text-decoration: underline;
}

.footer_links {
	height: 158px;
	background: #252525 url(../../../images/frontend/clubit/footer_links.gif) repeat-x 0 0;
}

#rackspace_footer {
	float: right;
	display: block;
	width: 95px;
	height: 44px;
	position: relative;
	top: 56px;
	right: 32px;
}

.file_embed {
	width: 208px;
	color: #388ca5;
	border: 1px solid #c6c6c6;
	border-bottom: 1px solid #fbfbfb;
	border-right: 1px solid #fbfbfb;
	background: #fbfbfb url(../../../images/frontend/clubit/file_embed.gif) repeat-x 0 100%;
	font-size: 10px;
}

.file_con {
	background: url(../../../images/frontend/clubit/file_con.gif) no-repeat 50% 0;
	padding: 9px;
}

.file_title {
	color: #686868;
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 12px 22px;
}

.rc {
	display:block
}

.rc * {
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#e4e8ea
}

.rc1 {
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #f3f5f5;
	border-right:1px solid #f3f5f5;
	background:#eaedef
}

.rc2 {
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #fcfcfc;
	border-right:1px solid #fcfcfc;
	background:#e9eced
}

.rc3 {
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #e9eced;
	border-right:1px solid #e9eced;
}

.rc4 {
	border-left:1px solid #f3f5f5;
	border-right:1px solid #f3f5f5
}

.rc5 {
	border-left:1px solid #eaedef;
	border-right:1px solid #eaedef
}

.rcfg {
	background:#e4e8ea;
	padding: 22px;
}

.file_opts{
	background: url(../../../images/frontend/clubit/file_opts_con.gif) no-repeat;
	height: 57px;
	width: 590px;
	margin: 0 auto;
	text-align: left;
	padding: 16px 0 0 32px;
	margin: 8px 0 8px 0;
}

.related_tabs {
	height: 33px;
	overflow: hidden;
	padding-left: 8px;
}

.related_tabs ul {
	margin:0;
	padding:0;
	list-style-type: none;
	text-align: left;
}

.related_tabs li {
	display: block;
	float: left;
	margin: 0;
	margin-right: 1px;
	padding: 0 0 0 5px;
	background: url(../../../images/frontend/clubit/related_tabs.gif) no-repeat 0 0;
}

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

.related_tabs li a:visited {
	color: #aaaaaa;
}

.related_tabs li a:hover {
	text-decoration: none;
	color: #aaaaaa;
}

.related_tabs li.selected {
	font-weight: bold;
	color: #757575;
}

.related_tabs li.selected a:link,
.related_tabs li.selected a:active,
.related_tabs li.selected a:visited,
.related_tabs li.selected a:hover {
	text-decoration: none;
	color: #757575;
}

.related_content {
	background: url(../../../images/frontend/clubit/file_related.gif) no-repeat 50% 0;
	margin-bottom: 1em;
	padding: 10px;
	clear: both;
	height: 320px;
}

.side_dark .idx_login{
	color: #fff;
	padding: 6px 8px;
}

.idx_login a:link,
.idx_login a:visited,
.idx_login a:hover,
.idx_login a:active{
	color: #fff;
	text-decoration: underline;
}

.idx_login td{
	vertical-align: middle;
}

.idx_login form{
	display: inline;
	margin: 0;
}

.idx_login .input{
	background: #fbfbfb url(../../../images/frontend/clubit/idx_login_input.gif) repeat-x 0 100%;
	border: 1px solid #608398;
	border-bottom: 1px solid #fbfbfb;
	border-right: 1px solid #fbfbfb;
	color: #999999;
	padding: 3px 4px;
	font-size: 10px;
	display: inline;
}

.idx_login .login_btn{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}

.idx_login img{
	vertical-align: top;
}

.reset_pass{
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.idx_login_con{
	background: url(../../../images/frontend/clubit/idx_login_con.png) no-repeat 0 0;
	height: 194px;
}