/*
array (
  'yellow-green' => 'EEEDAD',
  'light-yellow-green' => '6ABA34',
  'green' => 'D6BD87',
  'light-brown' => 'F5F4D1',
  'light-green' => 'C6F797',
  'light-brown1' => 'F8E9C8',
  'light-brown2' => 'F8E9C8',
  'dark-brown1' => 'A78555',
  'dark-brown2' => '93714C',
  'blue' => '146EB4',
  'weak-blue' => '858482',
  'f1' => 'blue',
  'formgrid.stroke' => 'f1',
  'formgrid.text' => 'black',
  'formgrid.hint.text' => 'f1',
  'formgrid.hint.text1' => 'f1',
  'buttons.stroke' => 'black',
  'buttons.text' => 'white',
  'buttons.fill' => 'f1',
  'page.stroke' => 'none',
  'page.text' => 'black',
  'page.fill' => 'white',
  'controls.fill' => 'light f1',
  'controls.stroke' => 'f1',
  'controls.text' => 'black',
  'title.text' => 'black',
  'profile-actions.stroke' => 'black',
  'topbar.fill' => 'light f1',
  'topbar.text' => 'white',
  'topbar.stroke' => 'white',
  'profile-tabs.fill' => '21648b',
  'profile-tabs.text' => 'white',
  'profile-tabs.stroke' => 'white',
  'profile-sections.fill' => '21648b',
  'profile-sections.text' => 'white',
  'profile-sections.stroke' => 'black',
  'profile-sections.header.fill' => 'dark 21648b',
  'profile-sections.header.text' => 'white',
  'profile-sections.header.stroke' => 'black',
  'tabs.fill' => 'light f1',
  'tabs.text' => 'white',
  'tabs.stroke' => 'white',
  'box.fill' => 'white',
  'box.stroke' => 'f1',
  'box.text' => 'black',
  'frame2.fill' => 'ff8800',
  'message-box.fill' => 'yellow',
  'message-box.stroke' => 'f1',
  'message-box.text' => 'black',
  'orange' => 'FF9900',
  'red' => 'FF0000',
  'white' => 'FFFFFF',
  'black' => '000000',
  'f2' => 'orange',
)*/


/* ----------------------- /srv/websites/www/m4mlounge.com/ui/styles/spinners/spinners.css ----------------------- */



.spinner-off {
	background: transparent no-repeat top left;
	
}




.spinner-large {
	background: url("styles/spinners/spinner-large.gif") no-repeat top left;
	width:32px;
	height:32px;	
}


.spinner-small {
	background: url("styles/spinners/spinner-small.gif") no-repeat top left;
	width:16px;
	height:11px;	
}


.spinner-off {
	background: transparent no-repeat top left;
	
}


/* ----------------------- /srv/websites/www/m4mlounge.com/ui/styles/admin.css ----------------------- */

div.adminbar {
	background-color:#146eb4 /*topbar.fill*/;
	height:30px;
	color:#ffffff /*topbar.text*/;
	font-size:11px;
	font-weight:bold;
}

div.adminbar img {
	padding-top:2px;
	margin-left:8px;
	float:left
}

div.adminbar span {
	padding-top:8px;
	padding-right:10px;
	float:right
}

div.adminbar span a {
	color:white;
}

div.adminbar a {
	color:white;
	text-decoration:none;	
}

div.admin {
	background-color:white;
}

div.admin .footer {
	background: transparent;
	margin-left: 10px;
}



/* ----------------------- /srv/websites/www/m4mlounge.com/ui/styles/chatbar.css ----------------------- */



#chatbar {
    z-index:99;
}
div.chat_window {
	width:215px;
	height:249px;
	background-color:white;
	border:1px solid black;
}

div.chat_window_header {
	width:100%;
	height:21px;
	background-color:#132440;
	margin:0px;
	color:white;
	font-weight:bold;
	
} 

div.chat_window_header span {
	float:left;
	padding-top:3px;
	padding-left:3px;
	font-size:11px;
} 

div.chat_window_pic {
	width:45px;
	height:45px;
	background-color:gray;
	margin:5px;
	top:0px;
	float:left;
	background: 1px solid #132440; 
}

div.chat_scroll {
	width:210px;
	height:170px;
	background-color:white;
	margin:0px;	
	overflow-x:hiden;
	overflow-y:auto;
	padding-left:4px;
	font-size:11px;
}

div.chat_input {
	width:213px;
	height:23px;
	background-color:white;
	margin:0px;
	border-top:1px solid black
}

div.chat_input div {
	float:left;
	width:18px;
	height:15px;
	background:transparent url('styles/chat-icon.gif') no-repeat scroll;
	left:3px;
	top:2px;
	position:relative;
}

div.chat_input textarea {
	font-size:11px;
	width:184px;
	border:0px;
	margin:2px;	
	xbackground-color:gray;
	overflow:hidden;
	height:14px;
	padding:0;
}

div.chat_tab {
	margin-left:0px;
	width:160px;
	height:24px;
	border:1px solid darkgray;
	cursor:pointer;
	float:left;
	font-size:11px;	
	color:555555;
	padding-top:4px;	
}

div.chat_closebar {
	width:25px;
}


div.chat_tab span {
	float:left;
	padding-top:2px;
	padding-left:5px;
} 

div.chat_button {
	background-color:white;
	width:15px;	
	float:right;
	height:20px;
	cursor:pointer;
}


div.chat_close {
	background:transparent url(styles/chat-sprites.png) no-repeat scroll -843px -63px;
	height:15px;
	width:15px;
}

div.chat_minimize {
	background:transparent url(styles/chat-sprites.png) no-repeat scroll -711px -58px;
	height:15px;
	width:15px;
}


div.chat_contactlist .chat_window {
	height:449px;
} 

div.chat_contactlist .chat_scroll {
	height:428px;
	margin-bottom:1px;
} 

div.chat_tab_onlinecontacts {
	margin-right:100px;
}



/* ----------------------- /srv/websites/www/m4mlounge.com/ui/styles/formgrid.css ----------------------- */


div.grid dl {
	clear:both;
	margin:0;
	padding:0;
}

div.grid dt {
	color:#000000 /*formgrid.text*/;
	font-size:100%;
	font-weight:bold;
}

div.grid dt {
	float:left;
	margin:12px 0 0;
	text-align:right;
}

div.grid dd {
	border-bottom:1px dotted #146eb4 /*formgrid.stroke*/;
	float:left;
	margin:12px 0 0;
	padding-bottom:7px;
	padding-left:10px;
}


div.grid dd span {
	font-size:10px;
	color:#146eb4 /*formgrid.hint.text*/;
	padding:0;
}


div.grid div.buttons {
	clear:both;
	width:100%;
	text-align:center;
}

/* ----------------------- /srv/websites/www/m4mlounge.com/ui/styles/global.css ----------------------- */


body, table, input, textarea, select {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:12px;
}

body {
	background-color:#ffffff /*page.fill*/;
	xcolor:#000000 /*page.text*/;
	padding-bottom:40px;
}


input, textarea, select {
	border:1px solid #146eb4 /*controls.stroke*/;
	/*
	background:white url(images/textbox-bg.png) no-repeat top left;
	padding:2px;
	*/
	/*padding-left:4px;*/
	margin-top:4px;
}

input[type='checkbox'] { 
	border:0px solid red;
}

input[type='radio'] { 
	border:0px solid red;
}

h1 {
	font-size:14px;
	color:#000000 /*title.text*/;
	padding-left:15px;
}
form {
	margin:0px;
	padding-top:-3px;
	xborder:1px solid red;	
}

A.nav:hover {
	text-decoration: underline;
	color:#000000 /*page.text*/;
	font-weight:bold;
}

A.nav {
	text-decoration: none;
	color:#000000 /*page.text*/;
	font-weight:bold;	
}

p.title {
	font-size:18px;
	color:#000000 /*title.text*/;
	font-weight:bold;       
	margin-bottom:8px;
	margin-left:10px;
}

.topbar a, .footer a, .profile_actions a {
	text-decoration:none;
}

.topbar a:hover, .footer a:hover, .profile_actions a:hover {
	text-decoration:underline;
}

.quicklinks {
    font-size:11px;
}


input.button, button.button, span.button {	
	font-size:12px;
	padding:2px;
	border-width:1px;
	background-color:#146eb4 /*buttons.fill*/;
	border-color:#000000 /*buttons.stroke*/;
	color:#ffffff /*buttons.text*/;
	font-weight:bold;
	overflow:visible;
	cursor:pointer;
}

span.button {
	padding:3px 8px 3px 8px;
	margin:8px;
	border:1px solid black;
}

table.paging {
    width:100%;
    font-weight:bold;
}

table.paging tr td {
    border-width:0px 0px 0px 0px;        
}

table.paging tr td a {
    padding:2px 2px 2px 2px !important;
    margin:2px 2px 2px 2px !important;
}




table.report tr td {
	padding:4px; 
	margin:3px;
	padding:10px;	 
}

table.report tr.header {
    background-color:#ffff00 /*report.header.fill*/;;
    border-bottom:2px;
}

table.report tr.row2 {
    background-color:#ffff00 /*report.fill-1*/;
}

table.report tr.row1 {
    background-color:#ffff00 /*report.fill-2*/;
}

div.message-box {
	background-color:#ffff00 /*message-box.fill*/;
	border:1px solid #146eb4 /*message-box.stroke*/;	
	color: #000000 /*message-box.text*/	
}

div.system-message-box {
	background-color:pink;
	border:1px solid #146eb4 /*message-box.stroke*/;	
	color: #000000 /*message-box.text*/	
}

table.checkboxes tr td {
	vertical-align:top;
	padding-right:10px;
	line-height:22px;
}

p.title {
	font-size:13px;
	color:#000000 /*title.text*/;
	font-weight:bold;       
	margin-bottom:8px;
	margin-left:10px;
	margin-top:7px;
}


div.footer {
	padding-bottom:20px;
	font-size:12px;
	margin-top:19px;
	margin-left:10px;
}


/* ----------------------- /srv/websites/www/m4mlounge.com/ui/styles/photogrid.css ----------------------- */


div.photogrid {
	width:300px;
	margin-top:10px;
}

div.photogrid img {
	margin-left:8px;
	margin-bottom:8px;
}

/* ----------------------- /srv/websites/www/m4mlounge.com/ui/styles/profile-gallery.css ----------------------- */


div.profile-gallery .divider {
	border-bottom:1px solid #ffff00 /*profile-gallery.stroke*/;
	background-color:#ffff00 /*profile-gallery.fill*/;
}

/* ----------------------- /srv/websites/www/m4mlounge.com/ui/styles/profile-tabs.css ----------------------- */

ul.profile-tabs {
	xborder:1px solid red;
	padding-left:0px;	
	list-style:none;
	background-color:#21648b /*profile-tabs.fill*/;
	margin-top:0px;	
	color:#ffffff /*profile-tabs.text*/;
	
}
ul.profile-tabs li {
	float:left;
	padding:3px 10px 3px 10px;		
	border-left:1px solid #ffffff /*profile-tabs.stroke*/;	
	border-top:1px solid #ffffff /*profile-tabs.stroke*/;
	border-bottom:1px solid #ffffff /*profile-tabs.stroke*/;
	font-weight:bold;	
	background-color:#21648b /*profile-tabs.fill*/;
	color:#ffffff /*profile-tabs.text*/;
}

ul.profile-tabs li a {
	color:#ffffff /*profile-tabs.text*/;
}



/* ----------------------- /srv/websites/www/m4mlounge.com/ui/styles/profile.css ----------------------- */


ul.profile_actions {
	xborder:1px solid red;
	padding-left:0px;	
	list-style:none;
	margin-top:0px;	
}
ul.profile_actions li {
	list-style-image:none;
	border-bottom: 1px solid lightgray;
	padding: 4px 8px;
	xborder:1px solid red;
}

ul.profile_actions li:last-child {
	border-bottom: 0px;
}

/* ----------------------- /srv/websites/www/m4mlounge.com/ui/styles/pushbutton.css ----------------------- */



.pushbutton,.pushbutton span,.pushbutton span span,.pushbutton span span span {
	float: left;
	background-position: left top
}

.pushbutton {
	background-position: left top;
	text-decoration: none;
	margin-left:3px;
	
}


.pushbutton span {
	background-position: right top
}

.pushbutton span span {
	background-position: right bottom
}

.pushbutton span span span {
	background-position: left bottom;
	padding: 2px 8px
}

.pushbutton_bar .selected,.pushbutton_bar .selected span,.pushbutton_bar .selected span span,.pushbutton_bar .selected span span span {
	background-image: url('styles/pushbutton.gif');
	color: #fff
}

.pushbutton_bar .selected:hover {
	text-decoration: none
}

.pushbutton_bar_label {
	color:#808080;
	float:left;
	padding:2px 8px;
}


/* ----------------------- /srv/websites/www/m4mlounge.com/ui/styles/report.css ----------------------- */

table.report tr td {
	padding:7px; margin:0px 
}

table.report tr.header {
    background-color:#EFEFFF;
    border-bottom:2px;
    font-weight:bold;
}

table.report tr.row2 {
    background-color:#EFEFFF;
}

table.report tr.row1 {
    background-color:#EFF3F0;
}


table#datatable tr td {
	xmargin:0;
	xpadding:0;
}

table#datatable tr td  {
	xmargin:0;
	xpadding:0;
}

/* ----------------------- /srv/websites/www/m4mlounge.com/ui/styles/reset.css ----------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	xpadding: 0;
	border: 0;
	outline: 0;
	xfont-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
body {
	xline-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ----------------------- /srv/websites/www/m4mlounge.com/ui/styles/sizes.css ----------------------- */

.fullsize {
	width:980px;
}

.firstcolumn {
	width:150px;
}

.secondcolumn {
	width:600px
}

.thirdcolumn {
	width:250px;
}

.message-box {
	xwidth:500px;
}

input[type='text'], select { 
	width:200px;
}

div.grid dt {
	width:140px;
}

div.grid dd {
	xwidth:335px;
}


/* ----------------------- /srv/websites/www/m4mlounge.com/ui/styles/topbar.css ----------------------- */

div.topbar {
	background-color:#146eb4 /*topbar.fill*/;
	height:30px;
	color:#ffffff /*topbar.text*/;
	font-size:11px;
	font-weight:bold;
}

div.topbar img {
	padding-top:2px;
	margin-left:8px;
	float:left
}

div.topbar span {
	padding-top:8px;
	padding-right:10px;
	float:right
}

div.topbar span a {
	color:#ffffff /*topbar.text*/;
}

div.topbar a {
	color:#ffffff /*topbar.text*/;	
}





/* ----------------------- /srv/websites/www/m4mlounge.com/ui/../webapp/components//box1/box1.css ----------------------- */


.rounded3 {
	border: 1px solid #146eb4 /*box.stroke*/;
	background-color:white;
}			
.rounded3 .tl {
	background: url(/ui/images/box3/146eb4-topleft.png) no-repeat top left;	
	margin:-1px;	
}
.rounded3 .tr {
	background: url(/ui/images/box3/146eb4-topright.png) no-repeat top right;	
}
.rounded3 .br {
	background: url(/ui/images/box3/146eb4-bottomright.png) no-repeat bottom right;	
}
.rounded3 .bl {
	background: url(/ui/images/box3/146eb4-bottomleft.png) no-repeat bottom left;	
}		

.rounded3 .tr, .rounded3 .tl, .rounded3 .bl, .rounded3 .br {
	position:relative;
}		
.rounded3 .bl {
	padding:10px;
}

.rounded3 .border {
	border:1px solid #146eb4 /*box.stroke*/;
}

.rounded3 hr {
	border-top:1px solid #146eb4 /*box.stroke*/;	
}




/* ----------------------- /srv/websites/www/m4mlounge.com/ui/../webapp/components//box2/box2.css ----------------------- */

div.box2 {
	xmargin-left:20px;
	margin-top:28px;
	border:1px solid #146eb4 /*box.stroke*/;;
	xpadding-left:8px;
	padding-bottom:18px;
	xwidth:700px;
}

div.box2 span.box2_title {
	padding:3px 10px 3px 10px;
	xmargin-left:15px;
	top:-9px;
	position:relative;
	background-color:#ffffff /*page.fill*/;
	border-bottom:0px
}

div.box2 span.box2_action a {
	font-weight:bold;
	xmargin-left:648px;
	position:relative;
	top:-10px
}

div.box2 dl dt { 
	width:150px; 

}
div.box2 dl dd { 
	width:325px; 
}



/* ----------------------- /srv/websites/www/m4mlounge.com/ui/../webapp/components//frame1/frame1.css ----------------------- */



/* ----------------------- /srv/websites/www/m4mlounge.com/ui/../webapp/components//frame2/frame2.css ----------------------- */


div.frame2 div.s1 {
 
    background: transparent url(/ui/images/frame2/ff8800-s1.png) no-repeat top left ;	 
	float:left;
	padding-left:27px;
	padding-top:15px;	
	
}

	
	
div.frame2 div.s3 {
 
	width:10px;
	height:30px;
	 
    background: transparent url(/ui/images/frame2/ff8800-s3.png) no-repeat ;	 
	float:right;
	
}

	
	
div.frame2 div.s4 {
 
    background: transparent url(/ui/images/frame2/ff8800-s4.png) repeat-y top left ;		
}

	
	
div.frame2 div.s6 {
 
    background: transparent url(/ui/images/frame2/ff8800-s6.png) repeat-y top right ;		
}

	
	
div.frame2 div.s7 {
 
	width:20px;
	height:30px;
	 
    background: transparent url(/ui/images/frame2/ff8800-s7.png) no-repeat ;	 
	clear:both;
	float:left;
		
}

	
	
div.frame2 div.s8 {
 
    background: transparent url(/ui/images/frame2/ff8800-s8.png) repeat-x bottom right ;		
}

	
	
div.frame2 div.s9 {
 
	width:10px;
	height:30px;
	 
    background: transparent url(/ui/images/frame2/ff8800-s9.png) no-repeat ;	 
	float:right;
	
}

	
	
div.frame2  { 
 background: #ff8800 /*frame2.fill*/ url(/ui/images/frame2/ff8800-s2.png) repeat-x top left;	
}













/* ----------------------- /srv/websites/www/m4mlounge.com/ui/../webapp/components//paging/paging.css ----------------------- */

.pagenav { 
	padding: 0pt 0pt 0pt 10px; 
	display: block; 
	height: 14px; 
}

.pagenav .summary { 
	float: left; 
	width: 200px; 
}

.pagenav .pager_container { 
	margin: 0pt; 
	padding: 1px 12px 4px; 
	float: right; 
}

.pagenav .pager_container ul.pager { 
	margin: 0pt; 
	padding: 1px 0pt 0pt; 
	list-style-type: none; 
	list-style-image: none; 
	list-style-position: outside; 
	line-height: 1em; 
}

.pagenav .pager_container ul.pager li { 
	line-height: 1em; 
	display: inline; 
}

.pagenav .pager_container ul.pager li a { 
	padding: 3px 3px 2px; 
	line-height: 1em; 
	text-decoration:none;
}

.pagenav .pager_container ul.pager li a:hover { 
	border-bottom: 1px solid #3b5998; 
	background-color: #3b5998; 
	color: #ffffff; 
	text-decoration: none; 
}

.pagenav .pager_container ul.pager li.current a { 
	border-bottom: 2px solid #3b5998; 
	color: #3b5998; 
	font-weight: bold; 
	padding-left: 2px; 
	padding-right: 2px; 
	line-height: 1em; 
}

.pagenav .pager_container ul.pager li.current a:hover { 
	border-bottom: 2px solid #3b5998; 
	background-color: transparent; 
	color: #3b5998; 
	font-weight: bold; 
	padding-left: 2px; 
	padding-right: 2px;
}

.pagenav .pager_container ul.pager li.disabled a { 
	border-bottom: 0px solid #3b5998; 
	color: #999999;
	font-weight: bold; 
	padding-left: 2px; 
	padding-right: 2px; 
	line-height: 1em;
	cursor:default;	 
}

.pagenav .pager_container ul.pager li.disabled a:hover { 
	border-bottom: 0px solid #3b5998; 
	background-color: transparent; 
	color: #999999; 
	font-weight: bold; 
	padding-left: 2px; 
	padding-right: 2px;
	cursor:default;
}



/* ----------------------- /srv/websites/www/m4mlounge.com/ui/../webapp/components//panel/panel.css ----------------------- */


.mainbox {
	width: 655px;
	
}

.mainbox .bd,.mainbox .hd,.mainbox .hd .title,.mainbox .ft {
	background:
		url('styles/panel-a.png');
	background-repeat: no-repeat;
}

.mainbox {
	background-position: top left;
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
	padding: 0;
}

.mainbox .hd {
	padding-top: 10px;
	
}

.mainbox .hd .title {
	background-position: -655px top;
}

.mainbox .bd {
	background-position: -655px top;
	background-repeat: repeat-y;
	text-align: center;
}

.mainbox .ft {
	postion: relative;
	background-position: bottom left;
	height: 75px;
	margin-top: -60px;
	z-index: 15;
}

.mainbox {
	margin-top: 10px;
}

/* --- orange box fonts */
.mainbox .title {
	display: block;
	position: relative;
	padding: 0 12px 5px 10px;
	margin: 0 0 0 0;
	height: auto;
	text-align: right;
}

.mainbox .title h1,.mainbox .title p {
	display: block;
	float: left;
	font-family: Arial, helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	font-size: 116%;
	margin-top: -3px;
}

.mainbox .title p {
	float: none;
	font-weight: normal;
	font-size: 100%;
	margin-top: 3px;
	margin-bottom: 0;
}




/* ----------------------- /srv/websites/www/m4mlounge.com/ui/../webapp/components//panel2/panel2.css ----------------------- */

div.panel2 {
  margin: 0 auto;
  padding: 0;
  font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
  color: #222;
  xbackground-color: white;
  text-align: center;
}

div.panel2 {
  xbackground: #E5E5E5;
}

div.panel2 a.admin:link, a.admin:visited {
  color: #f00;
  font-family: verdana;
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
  padding: 1px;
}

div.panel2 a.admin:hover { 
  color: #fff; 
  background: #f00; 
  text-decoration: none;
}

div.panel2 p {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}

div.panel2 p.submit input {
  vertical-align: middle;
}

div.panel2 h1 {
  font-family: "Lucida Grande", arial, sans-serif;
  padding: 0;
  border-bottom: 0;
  margin: 0;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}

div.panel2 div.container {
  background-color: #fff;
  width: 520px;
  text-align: left;
  margin: 40px auto 20px auto;
  border: 10px solid #ccc;
}

div.panel2 div.container .inner {
  padding: 25px 28px 15px 28px;
}


div.panel2 div.top {
  width: 435px;
  border: none;
  padding: 12px 76px 6px 39px;
  height: 12px;
  margin: 36px auto 0;
  background: url(styles/rounded_panel.png) no-repeat left top;
}

div.panel2 div.container {
  border: none;
  padding: 12px 76px 36px 39px;
  margin: 0 auto;
  background: url(styles/rounded_panel.png) no-repeat left bottom;
  width: 435px;
}

div.panel2 div.container div.inner {
  padding: 0;  
}


/* ----------------------- /srv/websites/www/m4mlounge.com/ui/../webapp/components//panel3/panel3.css ----------------------- */



./images/panel3/panel3bg.gif

.panel3 {
    float: right;
}

.panel3 .t {
    background: url(./images/panel3/panel3bg.gif) repeat-x scroll 0 0 transparent;
    width: 240px;
}


.panel3 .tl {
    background: url(./images/panel3/panel3lf.gif) no-repeat scroll 0 0 transparent;
}

.panel3 .tr {
    background: url(./images/panel3/panel3rt.gif) no-repeat scroll 100% 0 transparent;
    min-height: 146px;
    padding: 8px 30px 5px;
}

/* ----------------------- /srv/websites/www/m4mlounge.com/ui/../webapp/components//profilescanner/profilescanner.css ----------------------- */



.profilescanner_arrow_left {
	background: url("/ui/skins/quomingle/imgs/common/arrows.jpg") no-repeat -35px 0px;
	width:33px;
	height:90px;
	xborder:1px solid red;
	display:block;
	float:left;
	cursor:pointer;
	margin-top:5px;
	margin-left:5px;
}

a.profilescanner_arrow_left:hover {
	background-position:-35px -90px;
}


.profilescanner_arrow_right {
	background: url("/ui/skins/quomingle/imgs/common/arrows.jpg") no-repeat 5px 0px;
	width:33px;
	height:90px;
	xborder:1px solid red;
	display:block;
	float:left;
	cursor:pointer;	
	margin-top:5px;
}

a.profilescanner_arrow_right:hover {
	background-position:5px -90px;
}


div.profilescanner_pics {
	border:0px solid white;
	width:530px;
	height:100px;
	float:left;
	margin-bottom:5px;
	overflow:hidden;
}

div.profilescanner_pics .inner {
	width:5000px;
}


.profilescanner_pics img {
	margin-left:5px;
	cursor:pointer;
}



/* ----------------------- /srv/websites/www/m4mlounge.com/ui/../webapp/components//profilesections/profile-sections.css ----------------------- */


div.profile-section-header {
	font-weight: bold;
	padding-top: 5px;
	padding-left: 10px;
	xmargin-left: 100px;
	margin-bottom: 10px;
	margin-top: 20px;
	xclear: both;
	height: 23px;
	width: 500px;
	background-color: #21648b /*profile-sections.header.fill*/;
	color: #ffffff /*profile-sections.header.text*/;
	border: 1px solid #000000 /*profile-sections.header.stroke*/;
}



/* ----------------------- /srv/websites/www/m4mlounge.com/ui/../webapp/components//ticker/ticker.css ----------------------- */




div.ticker  {
	background:none repeat scroll 0 0 #224466;
}

div.ticker, div.ticker .inner {
	margin:0 auto;
	width:600px;
	position:relative;
	height:40px;	
}

div.ticker .inner {
	overflow:hidden;
	padding-top:5px;

}



div.ticker ul {
	position:relative;
	list-style:none outside none;
	margin:0;
	padding:0;
	xoverflow:hidden;
	width:1000px;
}

div.ticker ul li {
	float:left;
	xborder:1px solid black;
	height:40px;
	color:white;
	vertical-align:middle;
	padding-top:0px;
	
}

div.ticker ul li.ticker_first {
	xborder:1px solid red;
	xposition:relative;
}


div.ticker ul li img {
	vertical-align:top;
	padding-right:4px;
	margin-top:-8px;
	
}

div.ticker ul li > span {
	vertical-align:middle;
	padding-left:40px;
	display:block;	
	height:30px;
	padding-top:8px;
}


div.ticker .fade {
	background:url("styles/ticker-fade.png") repeat-y scroll 0 0 transparent;
	display:block;
	left:0;
	padding:8px 0;
	pointer-events:none;
	position:absolute;
	top:0;
	width:60px;
	height:23px;
	z-index:30;
	xborder:1px solid red;
}

div.ticker .fade-right {
	background-position:-60px 0;
	left:auto;
	right:0px;	
}




/* ----------------------- /srv/websites/www/m4mlounge.com/ui/skins/quomingle/background.css ----------------------- */


body {
	background-position:center 476px;
	background-repeat:no-repeat;
	background-color:#ffffff;
	margin-top:0px;
}

/* ----------------------- /srv/websites/www/m4mlounge.com/ui/skins/quomingle/box.css ----------------------- */

div.box2  {
	border:1px solid #146EB4;
	xmargin-left:13px;
	margin-top:15px;
	padding-bottom:18px;
	padding-left:10px;
	
}

div.account-box {
	margin-left:150px;
	width:700px;
	margin-top:30px;
}

div.box2 {
	-moz-border-radius:8px 8px 8px 8px;
	border:2px solid gray;
}

/* ----------------------- /srv/websites/www/m4mlounge.com/ui/skins/quomingle/global.css ----------------------- */


div.home-links {
	float:left;
	margin-left:15px;
	font-weight:bold;
}

/* ----------------------- /srv/websites/www/m4mlounge.com/ui/skins/quomingle/grid.css ----------------------- */


div.grid dt {
	margin-top:17px;
}


div.profile-section-view dt {
	margin-top:12px;
}

div.profile-section-view dd {
	border:0px;
}



/* ----------------------- /srv/websites/www/m4mlounge.com/ui/skins/quomingle/messagebox.css ----------------------- */

div.message-box {
	padding:20px;
	margin:15px;
}

/* ----------------------- /srv/websites/www/m4mlounge.com/ui/skins/quomingle/posting.css ----------------------- */



div.posting img {
	xfloat:left;
}

/* ----------------------- /srv/websites/www/m4mlounge.com/ui/skins/quomingle/splash.css ----------------------- */



div.splash-header {
	background: url("/ui/skins/quomingle/imgs/splash/header.jpg") no-repeat top left;
	width:1300px;
	height:334px;	
	margin-left:-160px;
	margin-top:0px;	
	margin-bottom:-204px;
	position:relative;

}

.clean .splash-header {
	background: transparent no-repeat top left;
}
div.splash > a {
	color:white;
	
}



div.splash div#page {
    background-color:transparent;
    border:0px solid red;
    padding-top:8px;
}


div.splash div.footer {
	background: url("/ui/skins/quomingle/imgs/splash/footer-logo.jpg") no-repeat 0px 27px;
	width:890px;
	margin-left:6px;
	background-color:transparent;
	border:0px;
	xcolor:white;
	border-top:1px solid gray;
}

div.splash div.footer a {
	xcolor:white;
}



div.splash #twitter  {
		cursor:pointer;
	height:32px;
	left:1097px;
	position:absolute;
	top:29px;
	width:39px;
	xdisplay:none;
}

div#splash-signin-box {
	xborder:1px solid #afafaf;
	border-top:0px;
	xbackground:#ba8cb6;
	left:710px;
	position:relative;
	width:420px;
	xheight:60px;
	x-moz-border-radius:0px 0px 7px 7px;
	padding-left:12px;
	padding-top:0px;
}

div#splash-signin-box input {
	xfont-size:15px;
	xcolor:gray;
	xwidth:144px;
	xbackground-color:white;
	margin-top:0px;
}

div#splash-signin-box a {
	font-size:10px;
	padding-right:0px;
}


div#splash-join-box {
	xborder:2px solid #afafaf;
	left:725px;
	position:relative;
	width:169px;
	height:53px;
	top:44px;
	cursor:pointer;
}


div.splash-text { 
	color:black;
	font-size:16px;
	font-weight:bold;	
}


div.splash-text a {
	color:black;
	text-decoration:none;
}

div.splash-text a:hover {
	text-decoration:underline;
}

div.splash-section {
	border:1px solid gray;
	margin-top:10px;
	width:100%;
}

div.splash-section div.header {
	margin-top:-10px;
	margin-left:10px;
	background-color:white;
	float:left;
	padding-left:10px;
	padding-right:10px;
}


div.splash-grid dt,div.splash-grid dd {
	padding-top:10px;
	padding-bottom:15px;

}

div.splash-grid dd input, div.splash-grid select {
	width:200px;
	height:25px;
	font-size:15px;
}

div.splash-grid dt {
	xpadding-top:30px;
	xcolor:white;
	font-size:14px;
	float:left;
	width:100px;
	margin:5px;
	padding-top:5px;
	padding-right:9px;	
}

div.splash-grid div.buttons {
	text-align:center;
	padding-bottom:10px;
}

div.splash-grid dd {
	xpadding-top:30px;
	xcolor:#000000 /*formgrid.text*/;
	xfont-size:100%;
	xfont-weight:bold;
	xwidth:100px;
	float:none;
	margin:5px;
	margin-left:111px;
	xwidth:100%;
}

div.splash-grid dl:last-of-type dd { 
	border:0px 
}

div.splash-profile-preview {
	background-color:white;
	margin:10px auto 10px auto;
	padding:5px;
	border:1px dotted lightgray;
	width:95%;
	height:260px;
	color:black;
}


/* ----------------------- /srv/websites/www/m4mlounge.com/ui/skins/quomingle/tabs.css ----------------------- */

.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
    border-bottom:1px solid gray;
    width:784px;
    margin-bottom:10px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(styles/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    border-bottom:1px solid gray;
    
}
.tabs-nav .tabs-selected a {
    color: #000;
    border-bottom:1px solid white;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: 23px;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}




/* ----------------------- /srv/websites/www/m4mlounge.com/ui/skins/quomingle/textcontent.css ----------------------- */



.textcontent p {
	margin:10px 0px 10px 0px;
	line-height:19px;
}

.textcontent {
	width:750px;
	xborder:1px solid red;
}

.textcontent #toc {
	margin:20px 50px 20px 40px;
}
.textcontent h1 { 
	font-size:16px;
	margin-top:20px;
	padding-left:0;
	margin-bottom:10px;
}
.textcontent h2 { 
	font-size:15px;
	padding-top:20px;	
}

/* ----------------------- /srv/websites/www/m4mlounge.com/ui/skins/quomingle/tooltip.css ----------------------- */

/* tooltip styling. by default the element to be styled is .tooltip  */

.tooltip {
	display:none;
	background:transparent url("/ui/skins/quomingle/imgs/common/tooltip-bg.png");
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}



/* ----------------------- /srv/websites/www/m4mlounge.com/ui/skins/quomingle/topbar.css ----------------------- */

div.topbar {
	background: url("/ui/skins/quomingle/imgs/common/header.jpg") no-repeat top left;
	width:1300px;
	height:476px;	
	margin-left:-160px;
	margin-top:0px;	
	margin-bottom:-328px;
	position:relative;
	color:black;
}


.beta div.topbar {
	background: transparent;
	margin-bottom:-355px;
}

.beta div#page {
    background-color:transparent;
    border:0px;
}


div#beta-section {
	background: url("/ui/skins/quomingle/imgs/beta/lounge-beta.jpg") no-repeat top left;
	min-height:194px;	
	position:relative;
	padding-left:298px;	
	background-color:transparent;
	font-size:14pt;
	width:500px;
	padding-top:0px;
	color:black;
	margin-left:30px;
}

div#beta-section table tr td, div#beta-section a {
	font-size:14pt;
	color:black;
}

.clean .topbar {
	background: transparent no-repeat top left;
}

div.topbar  a {
	color:black;
	
}

div.topbar div  {
	}

div.topbar #navlinks {
		height:26px;
	left:170px;
	position:absolute;
	top:118px;
	width:837px;
	font-size:15px;
}

div.topbar #toplinks {
		height:30px;
	left:688px;
	position:absolute;
	top:41px;
	width:374px;
	text-align:right;
}

div.topbar #homebutton {
		cursor:pointer;
	height:23px;
	left:179px;
	position:absolute;
	top:84px;
	width:34px;
	display:none;
}

div.topbar #homelogo {
		cursor:pointer;
	height:60px;
	left:180px;
	position:absolute;
	top:8px;
	width:286px;
}


div.topbar #topbar-leaderboard {
		left:350px;
	position:absolute;
	top:8px;
}


div.topbar #twitter  {
	xborder:1px solid red;
	cursor:pointer;
	height:32px;
	left:1098px;
	position:absolute;
	top:27px;
	width:39px;
	xdisplay:none;
}


div#page {
	xbackground: url("/ui/skins/quomingle/headerbg.jpg") no-repeat 0px 0px;
    xmargin-left:-110px;
    xpadding-left:140px;

    position:relative;
    margin-left:0px;
    margin-right:0px;
    background-color:white;
    border:1px solid lightgray;
    xpadding-left:30px;
    xpadding-right:30px;
    padding-top:0px;
    min-height:266px;
	
}

div.footer {
	background: url("/ui/skins/quomingle/imgs/common/footer-logo.jpg") no-repeat 0px 27px;
	padding-left:168px;
	padding-top:32px;
	padding-bottom:40px;
	border-top:1px solid lightgray;
	margin-left:40px;
	margin-right:40px;
	margin-top:40px;
}

.clean div.footer {
	background: transparent;
}


p.title {
	font-size:18px;
	color:#000000 /*title.text*/;
	font-weight:bold;       
	margin-bottom:11px;
	margin-left:24px;
	margin-top:16px;
}




.fullsize {
	width:980px;
}




input.button, button.button, span.button {
	background-color:#2B3B69;
	border-color:#000000;
	border-width:1px;
	color:#FFFFFF;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	overflow:visible;
	padding:2px;
}


div.message-box {
	background-color:#FAEFCF;
	border:1px solid #146EB4;
	margin-left:20px;
	color:black;
}
.css_version:after {
	content: "Oct 11 2026 20:42:39"
}