/*************** QUBE MODIFICATIONS SHEET
				 this is modifications to the standard Quintessentially black skin. **********************/

				 
/***************** regular elements ******************/
html, body { width:100%; height:100%; margin:0; padding:0; font-family:Verdana, Helvetica, sans-serif; font-size:11px;  }
body { background:#000; }

/* font colors */
body, p, div, th, td, legend { font-family:Verdana, Helvetica, sans-serif; text-align:justify; font-size:11px; color: #ccc; }

div#container { width:933px; margin:0 auto; margin-bottom:20px; }
hr { margin:0; padding:0; border: 0px; height: 1px; color: #999; background-color: #999; }
input, textarea, select, option { font-weight:normal; font-family:Verdana, Helvetica, sans-serif; color: #000; font-size: 11px; }
input.bg { background:transparent; } /* fix for edges of checkboxes, image submit buttons etc */
ul { margin-top:0; }
li { font-size: 11px; margin-top:0;margin-bottom:0; }
fieldset, .fieldset { 
	border-width:1px; border-style:solid; border-color:#666; margin-bottom:10px;
	font-family:Verdana, Helvetica, sans-serif; font-size:11px; color:#ccc;
	position:relative;
}
fieldset { padding:0 10px 10px 10px; }
.normal { font-family:Verdana, Helvetica, sans-serif; text-align:justify; font-size:11px; color:#ccc; font-weight:normal; }
/*a:hover { color: #fff; background-color: #666; }*/
th, .thstyle { color: #999; }
td { text-align:left; }
img { border:0; }

/********* transparent box styles *************/
.qubebox, div.thread, div#profilediv, .cv_background, fieldset.profilefields, .searchbox, .new_to_qube_main, .messagelist,
.message_row td, .forumheaderrow div, .forummessagerows
{
	background:#222; border:1px solid #666;
}

h3, .h3style, .home_page_header, .forums_path_name, .messenger_header, .profile_header, .chat_header_line, .insider_header,
.exchange_header, .new_to_qube_head, .message_row_over td, .legend, #qube_notice, .cv_header, .forummessagerows_over 
{
	background:#333; border:1px solid #666;
}


/************** varying headline styles ******************/
h1, h2, h4, .h4style, .h2style { font-family:Verdana, Helvetica, sans-serif; color:#999; }
h3 { font-family:Verdana, Helvetica, sans-serif; color:#999; }
h1 { font-family:Verdana, Helvetica, sans-serif; font-size:11px; margin:0; margin-bottom:10px; }
h2, h3, h4, .h2style, .h4style { font-weight:bold; font-size:12px; margin:3px 0 3px 0; padding:0; border-color: #666; }
.h3style { font-family:Verdana, Helvetica, sans-serif; font-size: 12px; margin-bottom: 3px; border-color: #666; }
h2, .h2style { width:100%; border-bottom:1px solid #666; margin-top:0; color:#fff; background: transparent; }
h3, h4, .h3style, .h4style { font-size:11px; font-weight: bold; border-left:0; border-right:0; padding:6px; margin-top:0; margin-bottom:10px; }
h3, .h3style, .h3style div { font-size:11px; }
.h3style { font-weight:normal; } /* because divs inside these are usually just page text. */
h4, .h4style { background-color:transparent; border-bottom:0; text-align:right; }
.header { margin-top:0;padding-top:0; } /* used on the NEWS page and INDEX pages for section heads */
/*** deleted #mainmenu prefix from middot, and added line-height element ****/
.middot { margin:0 5px 0 5px; }
.narrow_middot { margin:0 2px 0 2px; }

/************** core individual styles ******************/
.qubebox { float:left; padding:10px;  }
.qubebox hr { margin:10px 0 10px 0; color: #3a3a3a; background-color: #3a3a3a; }
#submenudecoration {
	width:971px; height:65px;
	background: transparent url('http://www.quintessentially.com/qube/skins/ui_white/menu/topmenu/decoration.png') no-repeat scroll center;
}
.menubar { height:21px; line-height:10px; text-align:center; }
.menubar a.left { display:block; float:left; }
.menubar a.right { float:right; }
#main_menu a, #tool_menu a { padding-top:2px; } /* this is a fix because the main_menu images are shallower than they should be */
#rotating_images { 
	text-align: left;
	-moz-opacity:0; opacity:0;
}
#twopane_left { width:353px; margin-right:10px; }
#twopane_right { width:353px; margin-right:0px; }
#ticker { float:right;margin-right:40px;margin-top:15px; width:450px; text-align:left; }
.copyright_notice { clear:both; text-align:right; padding-top:3px; border-top:1px solid #999; }

/****** advertising ********/
.header_leaderboard_banner { width:600px; height:60px; float:right;text-align:right;  }
.skyscraper_banner { }

/************** global misc. styles *****************/
.legend { position:absolute; top:-.5em; left:.5em; }
.fieldset { position: relative; margin-top:1em; padding-top:.75em; }
.nopad { padding:0; }
.nodisplay { display:none; }
.scriptonly, .invisible { visibility:hidden; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
img.left_image { border:1px solid #000;}
.somepadding { padding:10px; }
.smalldark, .unobtrusive { font-size:10px; color:#bbb; }
.leftindent { padding-left:30px; }
.alert, .alert ul, .alert li { color:#f44; }
.alert a { color:#aaa; } .alert a:hover { color:#f44; }
a.alert { color:#f66; } a.alert:hover { color:#aaa; }
.alertbox { 
	border:1px solid #666;
	background:#000;
	padding:10px;
	margin:10px 30px 10px 30px;
	color:#fff;
	font-weight:normal;
}
.open, .open ul, .open li { color:#4f4; }
.harsh { color:#fff; }
.rb { border:1px solid #f00; } /* red border for debugging */
.gb { border:1px solid #0f0; } /* red border for debugging */
.bb { border:1px solid #00f; } /* red border for debugging */
.b_tr { border-top:1px dashed #666; border-right:1px dashed #666; }
.b_t { border-top:1px dashed #666; }
.b_sb { border-bottom:1px solid #666; }
.compact_p p { margin:0; padding:0; }
.height100 { height:100%; }

/*********** submenus *************/
.networksubs { border-top:1px solid #666; }
.membersubs { border-bottom: 1px solid #666; }


/************* index page ****************/
.home_page_header { margin-bottom:10px; border-left:0; border-right:0; }
.home_page_header td { font-weight:bold; color:#999; }
#index_myprofile,#index_news,#index_messenger,#index_forums, #index_swapshop, #index_jobshop, #index_learn, 
#index_newest,#index_member,#index_birthdays,#index_col1,#index_col2, #qb_rotate, #index_insider { float:none; margin-bottom:10px; }
#index_col1 { float:left; width: 240px; margin-right:10px; } 
#index_col2 { float:left; width: 300px; margin-right:10px; } 
#index_col3 { float:left; width: 240px; }
#index_forums, #index_swapshop, #index_newest { width:220px; } 	/* col 1 */
#index_news, #index_learn, #index_magazine { width:278px; }					/* col 2 */
#index_messenger, #index_member, #index_birthdays, #index_jobshop { width:220px; }		/* col 3 */
#qb_rotate{ width:220px; height:102px; }
#index_insider { padding:0; width:240px; height:120px; background: transparent url('../../../images/insider.jpg') no-repeat scroll bottom right; }
#index_insider2 { float:none; margin-bottom:10px; padding:0; width:240px; height:80px; background-color:#000; }
#index_myprofile { float:none; width:780px; }
#index_learn { text-align:center; line-height:16px; font-weight:bold;  width:278px;}

/* news page */
.news_main_div { }

/************* new to qube page **************/
.new_to_qube_head { padding:10px; }
.new_to_qube_main { border-left:0; border-right:0; margin-bottom:10px; }
.new_to_qube_table { border-collapse:collapse; width:520px; margin:0 auto; }
.new_to_qube_table td { padding:5px; }
.new_to_qube_table td div.divider { text-align:center; margin:20px 0 10px 0; }

/************** registration page *****************/
.registration_table { border-collapse:collapse; width:520px; margin:0 auto; }
.registration_table td { padding:5px; }
.registration_table td div.divider { text-align:center; margin:20px 0 10px 0; }

/************ full profile page *****************/
#profile_leftcol { float:left; }
#profile_rightcol { float:left; padding-left:10px; }
#full_profile_div, #full_profile_topbar, #full_profile_main { float:none; }
#full_profile_topbar { margin-bottom:10px; }

/************* insider page ****************/
.insider_header { border-left:0; border-right:0; margin-bottom:10px; width:100%; }
.insider_header td { padding:5px; }
#insider_citylist,#insider_col1,#insider_col2 { float:none; margin-bottom:10px; }
#insider_col1 { float:left; width: 172px; margin-right:10px; } 
#insider_col2 { float:left; width: 374px; margin-right:10px; } 
#insider_col3 { float:left; width: 374px; }
#insider_citylist { width:150px; } 				/* col 1 */
#insider_venuelist { width:354px; }				/* col 2 */
#insider_details { width:354px; }				/* col 3 */
#insider_upperbar{ float:none; width:738px; margin-bottom:10px; }
#worldmapdiv { text-align:center; border:1px solid #666; width:758px; padding:0; background-color:#000; }
.insider_detail { padding:2px 0 2px 8px; }
.insider_detail p { margin:0; padding:0; }
.insider_details_table td { padding:2px; padding-bottom:6px; }
.lightministars { padding:0; margin:0; height:10px; width:53px; background: transparent url('../images/stars/5mini.png') no-repeat scroll top left; }
.darkministars { padding:0; margin:0; height:10px; width:53px; background: transparent url('../images/stars/0mini.png') no-repeat scroll top left; }
/* insider 'add' page */
#addvenue_title { width:536px; height:78px; margin-bottom:10px; }
#addvenue_details { width:170px; height:247px; margin-right:10px; }
#addvenue_details input, #addvenue_details select { width:164px; margin-bottom:5px; }
#addvenue_description { width:536px; height:137px; margin-bottom:10px; }
#addvenue_description .widetextarea { width:526px; height:116px; }

/************** qubespace ******************/
.qs_rightpanel { float:none; }

/************** qube chat! *****************/
.chat_header_line { border-left:0; border-right:0; margin-bottom:10px; width:100%; }
.chat_header_line td { padding:5px; }
#chat_main_wrapper { padding:0; background: #000 url('../images/chat/chat_back_main.jpg') scroll top left no-repeat; margin-bottom:10px; }
#chat_main { background:transparent; width:546px; height:400px; padding:10px 0 10px 0; overflow:scroll; overflow-x:auto; } 
#chat_users { width:180px; margin:0 10px 10px 0; padding-bottom:0; 
				background: #000 url('../images/chat/chat_back_users.jpg') scroll top right no-repeat; }
.chat_users_boxes { clear:both; overflow:hidden; width:100%; height:25px; margin-bottom:10px; }
.chat_users_avatars { height:25px; float:left; padding-right:10px; }
.chat_users_info { font-size:10px; height:25px; float:left; /*width:75px; */padding-top:0px;text-align:left; }
.chat_users_121button { height:25px; width:25px; float:right; }
/* .chat_users_boxes:hover { background-color:#333; } */
#chat_input { width:526px; float:right; background: #000 url('../images/chat/chat_back_input.jpg') scroll top left no-repeat; }
#chat_input #message { width: 465px; }
#chat_input #send { border:0; }
.chat_message, .chat_sys_message { padding:2px 10px 2px 20px; }
.chat_message { text-indent:-10px; }
.chat_self { color:#99f; }
.chat_alt { background:transparent; }
.chat_sys_message { height:1em; margin-top:2px; margin-bottom:2px; padding-left:10px; padding-right:10px; opacity:0.5; -moz-opacity:0.5; }
.chat_sys_message div { text-align:center; background:transparent url('../images/greyspacer.gif') scroll center left repeat-x; }
.msg_inner { color:#f99; background:#000; border:1px solid #666; }
/********** modifiers for 121 chat *******************/
#chat_121_interface { width: 535px; }
#chat_121_interface #chat_users { width:155px; } /* shrink the users box - no 121 button */
#chat_121_interface .chat_users_121button { display:none; } /* hide the 121 button for this */
#chat_121_interface #chat_main { background:transparent; width:346px; height:200px; padding:10px 0 10px 0; overflow:scroll; overflow-x:auto; } 
#chat_121_interface #chat_input { width:513px; }
#chat_121_interface #chat_input #message { width:452px; }
.div_121_response { width:280px; margin:0 auto; padding:10px 0 15px 0; }
.div_121_response textarea { width:100%; margin:0 auto; height:4em; }
.div_121_preface { text-align:left; margin:10px; border:1px solid #666; background-color:#000; padding:5px; }

/******** qube notices, like mac os 'sheets' **********/
#qube_notice_wrapper { width:100%; height:100%; text-align:center; position:absolute; top:0; z-index:150; }
#qube_notice { display:block; margin:0 auto; width:300px; padding:10px; }
.notice_closebox { float:right; }

/********** exchange page *****************/
.exchange_header { border-left:0; border-right:0; margin-bottom:10px; width:100%; }
.exchange_header td { font-weight:bold; padding:5px; }
#addlisting_title { width:536px; height:123px; margin-bottom:10px; }
#addlisting_details { width:170px; height:292px; margin-right:10px; }
#addlisting_details input, #addlisting_details select { width:164px; margin-bottom:5px; }
#addlisting_description { width:536px; height:137px; margin-bottom:10px; }
#addlisting_description .widetextarea {
	width:526px;
	height:116px;
}
#addjob_title { width:536px; height:80px; margin-bottom:10px; }
#addjob_details { width:170px; height:249px; margin-right:10px; }
#addjob_details input, #addjob_details select { width:164px; margin-bottom:5px; }
#addjob_description { width:536px; height:137px; margin-bottom:10px; }
#addjob_description .widetextarea {
	width:526px;
	height:116px;
}
#viewone_left { width:293px; margin-right:10px; }
#viewone_right { width:413px; margin-right:0px; }

/********* general two-column form controls **********/
.formcontrols { padding:5px; }
.formcontrols label { 
	float:left; 
	text-align:right; 
	width:300px;
	padding:3px;
	font-weight:bold;
}
.formcontrols div.val {
	padding:3px;
	float:left;
	text-align:justify;
}
.formcontrols input.text { width:240px; }



/********* messenger styles **********/

.messenger_header { border-left:0; border-right:0; margin-bottom:10px; }

/* over / out states for message row highlights */
.message_row td { border:0; border-top:1px solid #000; }
.message_row_over td { border:0; border-top:1px solid #000; cursor:pointer; }

/* view message index */
.headerrow { padding:7px; }
.headerrow div { font-weight:bold; }
.headerrow .date { float:left; width:150px; }
.headerrow .from { float:left; width:150px; }
.headerrow .to { float:left; width:150px; }
.headerrow .subject { float:left; }
.headerrow .scriptonly { float:right; width:150px;text-align:right; }
.messagelist { border:0; }
.messagelist td { border-top:1px solid #000; padding-left:7px; vertical-align:middle; }
td.messagesubject { overflow:hidden; border-right:1px solid #000; border-left:1px solid #000; }
td.messagefrom { padding:0 0 0 5px; vertical-align:middle; width:160px; border-left:1px solid #000; }

.selectbox { padding-top:4px; padding-right:9px; width:20px; text-align:right; font-weight:bold;border:0px solid #0ff; }
.headerrow input, .messagerows input { vertical-align:middle; }

/* view single message */
.messagedetails { border:0px solid #ff0; width:580px; padding:5px; }
.messagedetails label { 
	float:left; 
	text-align:right; 
	width:100px;
	padding:3px;
	font-weight:bold;
}
.messagedetails .val {
	padding:3px;
	float:left;
	text-align:justify;
}
.messagedetails .recipients { 
	border:0px solid #0f0;
	padding:3px;
	float:left;
	text-align:left;
	width:325px;
}
div.messagecontent {
	padding:10px;
	border-top:1px dashed #666;
	border-bottom:1px solid #666;
}
div.messagedisplay { position:relative; }
div.mailtools { position:absolute; right:5px; top:5px; text-align:right; color:#666; }


/* compose/resume message */
.composecontrols { padding:5px; }
.composecontrols label { 
	float:left; 
	text-align:right; 
	width:150px;
	padding:3px;
	font-weight:bold;
}
.composecontrols div.val {
	padding:3px;
	float:left;
	text-align:justify;
}
#msg_recipients { width:170px; height:306px; margin-right:10px; }
#msg_subject { width:536px; height:34px; margin-bottom:10px; }
#msg_body { width:536px; height:240px; margin-bottom:10px; }
#recipient_selector { width:170px; }
.widetextarea {
	width:526px;
	height:220px;
}
.widetextfield { width:526px; }

/********** profile styles **************/
.profile_header { border-left:0; border-right:0; margin-bottom:10px; }
.v_spaced_table { width:340px; margin:10px 10px 0 10px; }
.v_spaced_table td { padding-bottom:10px; }
.profile_submit { padding-top:20px; text-align:right; }
.profile_head { border-bottom:1px solid #666; width:100%; }
.profile_head td { font-weight:bold; font-size:11px; color:#fff; }
#profile_basic, #profile_occupation { margin-bottom:10px; width:353px; }
#profile_photo, #profile_geo { width:738px; margin-bottom:10px; }
#profile_basic { margin-right:10px; }
.profile_textline { width:162px; }
.profile_fullline { width:330px; }
.profile_textarea { width:162px; height:80px; }
.profile_fullarea { width:330px; height:80px; }

/* note that appears inside a profilefield with note in. */
.cross_account_note{ color:#fff; margin:10px; }

fieldset.profilefields {
	padding:10px;
	width:620px;
	margin:0 auto;
}
fieldset.profilefields table {
	margin:0 auto;
}
div#profilediv {
	width:240px;
	border:1px solid #666;
	padding:10px;
	margin-top:7px;
	margin-left:10px;
	position: relative;
}
div.profilediv br { clear:left; }
.profilecat {
	font-weight:bold;
}
.profileval { 
	text-align:right;
}

.cv_background { border-left:0; border-right:0; }

.cv_header { width:100%; border-top:1px solid #666;border-bottom:1px solid #666;margin-bottom:10px; border-left:0px; border-right:0px; padding:3px;}
.cv_header td { vertical-align:top; font-weight:bold; }


/********* viewing thread styles ***********/
div.thread {
	margin-top:0px;
	border-left:0;
	border-right:0;
	padding:10px;
}
fieldset .editbox {
	float:right;
	margin:0 5px 0 10px;
	text-align:right;
}
fieldset.post p, .messagecontent p { /* all P tags in contents of messages, posts etc are assigned the status of BRs. */
	margin:0; padding:0; 
}
legend.post { color: #ccc; }
div.postcontents { 
	padding:0;
	word-wrap:break-word;
}
fieldset.abridged_thread_message {
	border:1px solid #666;
	margin-bottom:7px;
	padding:0;
	background-color:#300;
}
fieldset.abridged_thread_message a {
	display:block;
	font-weight:bold;
	padding:10px;
	text-align:center;
}
	

/*********** member search/browse styles ***********/
#member_table_div {} 
#member_photos_div { float:right; }


/**************** network pages *****************/
.network { margin:0 auto; margin-bottom:10px; }
.network td, .forumtable td { border-top:1px dashed #666;  }
#connections_received, #connections_sent, #existing_connections { width:738px; margin:0; margin-top:10px; }


/**************** birthday lists *****************/
.birthdaylist { margin:10px; padding-bottom:20px; }
.birthdaylist .item { border-top:1px dashed #666; clear:left; }
.birthdaylist .name { float:left; width:150px; padding:2px; }
.birthdaylist .date { float:left; padding:2px; }


/******************** table layouts: members, network, etc *******************/
.searchbox { width:100%; padding:10px; margin:0 auto; }
.searchtable { margin:0 auto; }
.searchtable td { padding:5px 10px 5px 10px; }


/******************** page layouts *******************/

/* three-column layout */
.three_col_edge, .three_col_center, .three_col_div { float:left; }
.three_col_edge { width:240px; }
.three_col_center { width:230px; }
.three_col_div {
	width:20px;
	height:300px;
	text-align:center; 
	background: transparent url('../images/divider_btm.gif') no-repeat scroll bottom center;
}

/* two-column layout */
.two_col_image, .two_col_text, .two_col_div { float:left; }
.two_col_image { width:300px;}
.two_col_text { width:430px; }
.two_col_div {
	width:20px;
	height:300px;
	text-align:center; 
	background: transparent url('../images/divider_btm.gif') no-repeat scroll bottom center;
}
#divider { height:100%; background: transparent url('../images/divider_btm.gif') no-repeat scroll bottom center; }
.divider { border:0px; margin:0px; padding:0px; text-align:center; vertical-align:top;}


/********* forum styles **********/

/* used at the top of the 'all forums' page */
table.forums_path_name {
	border-left:0; border-right:0; margin-bottom:10px;
	border-collapse:collapse; width:100%;
}
.forums_path_name td { padding:2px; }
.forumgroupheading { padding:10px; width:auto; margin-bottom:0; }

/* view message index */
.forumgroup { margin-bottom:40px; }
.forumheaderrow { padding: 0px; }
.forumheaderrow div { font-weight:bold; }
.forummessagerows {
	border:0px;
	display:block; 
	width:100%;
	height:auto;
	margin-bottom:1px;
}
.forummessagerows_over {
	border:0px;
	display:block; 
	width:100%;
	height:auto;
	margin-bottom:1px;
}
.forummessagerows td {
	cursor:auto;
}
.forummessagerows_over td {
 	cursor:pointer;
}

/* divs for forum index */
.forum_index_left { 
	border:0px solid #0ff; width:540px; float:left;
	height:4em;
 }
.forumtitle { text-align:left; }
.forumdesc {
	text-align:left;
	font-size:10px; color:#ccc;
}
/* right-floating divs for forum index */
.forum_index_right { 
	border:1px solid #ff0; float:right; width:200px;
	height:4em;
}
.forumstats_cell { border-left:1px solid #000; }
.forumstats{
	text-align:right;
	font-size:10px; color:#aaa;
}
.forumcontrols_cell { border-left:1px solid #000; }
.forumcontrols {
	font-size:10px; 
	text-align:right;
}

/* forums admin section */
#your_private_forums, #forums_you_belong_to { width:738px; margin-left:0; }
#forum_members { width:170px; height:239px; margin-right:10px; }
#forum_title { width:536px; height:34px; margin-bottom:10px; }
#forum_description { width:536px; height:173px; margin-bottom:10px; }
#forum_member_selector { width:170px; }
#forum_description .widetextarea {
	width:526px;
	height:116px;
}


/******************** MISC UNCLASSIFIED **************************/
div.formleft { height:25px; float:left; }
div.formright { float:right; }
div.divider {
	 margin:20px 100px 10px 100px;
	 font-weight:bold;
	 border-bottom:1px solid #aaa;
}
.note { 
	margin:5px 110px 0px 110px;
	font-size:9px; color:#aaa;
	text-align:right;
}

div.segment { /* used as a segment in a list of several things. just vertical padding really. */
	padding-bottom:20px;
}

a.unread { font-weight:bold; }
b.white { color:#fff; }

.forumtable { margin-top:0px; margin-bottom:0px; }




.passnote { color:#999; font-size:11px; }

.hrstyle { border-bottom:1px solid #999; } /* bottom border, like a following hr, for e.g. table rows. */
.topdots { border-top:1px dashed #666; }
.th_td { /* for td's which look quite like th's! */
	text-align:right;
	vertical-align:top;
	width:60px;
	font-weight:bold;
}