@charset "UTF-8";
body {
	margin: 0;
	background: #F2F2F2 url(/images/background.gif) center top repeat-y;
	/*overflow-x: auto;*/
	overflow-y: scroll; 
	#overflow-y: none;
	#overflow: none;
	font-size:13px;
}
* html body { overflow-y:auto; }
body, div, span, p, h1, h2, h3, h4, td, a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
input, textarea, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
}
input.text, input.submit, select, textarea {
	border:1px solid #CCC;
	padding:2px;
}
.glow input:focus, input.glow:focus, textarea:focus, select:focus {
/*	border: 1px solid #C11 !important; */
	background-color: #FFD !important;
}
option[selected="selected"] { font-weight: bold; }
label { cursor: pointer; }
h1 { font-size:22px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h1.nopad, h2.nopad, h3.nopad, h4.nopad, h5.nopad {
	margin: 0 !important;
	padding: 0 !important;
}
/*
input.text, input.submit, textarea {
	border-left-width:2px;
	border-right-width:2px;
}*/
input.submit {
	background-color:#EEE;
	cursor:pointer;
}
/* this is automatically applied in common.js to inputs with class submit */
input.submitHover {
	border-color:#999;
	background-color:#F8F8F8;
}
form {
	padding:0;
	margin:0;
}
sup { font-size:8px; }
.hand { cursor: pointer !important; }
.help { cursor: help !important; }
.arrow { cursor: default !important; }
.hide { display: none !important; }
.cloak { visibility: hidden !important; }
.show { display: block !important; }
.reveal { visibility: visible !important; }
.xlink { cursor: alias !important; }
.unselectable { -moz-user-select: none; cursor: default; } /* requires HTML attribs <?= _UNSELECTABLE_ ?> */
a, a:link, a:visited {
	color:#F39300;
	text-decoration:none;
}
a:hover, a:active {
	text-decoration: underline;
}
a.noline:hover, a.noline:active {
	border-bottom: 0;
}
a.nolink, a.nolink:link, a.nolink:visited, a.nolink:hover, a.nolink:active {
	color:#646464;
	text-decoration:none;
	font-weight:normal;
	border: 0;
}
.active {
	xbackground-color:#F9E0AE;
}
.inactive, #mainLinks a.inactive, #mainLinks a:visited.inactive, #mainLinks a:link.inactive {
	xbackground-color: #CCC;
	text-decoration: line-through;
}
.indent {
	display: inline;
	border-left: 0 dotted #999;
	border-bottom: 0 dotted #999;
}
.note {
	color:#F00;
	font-weight:bold;
}
.fakeLink {
	color:#F39300;
	cursor:pointer !important;
	text-decoration:none;
}
.fakeLinkHover {
	text-decoration:underline;
}
.fakeLinkBlue {
	color:#039;
	cursor:pointer;
	text-decoration:none;
	font-weight:bold;
}
.fakeLinkBlueHover {
	text-decoration:underline;
}
.fakeBlue {
	color:#006;
}
.fakeGrey {
	color:#666;
}
#footerSpacer {
	float: left;
	height: 230px;
	margin-left: -1px;
	margin-top: 104px;
	width: 1px;
}
#footerSpacer.login { height: 620px; }
* html #footerSpacer { height: 256px; }
* html #footerSpacer.login { height: 546px; }
#centerMe {
	margin:0 auto;
	padding: 0 0 0 20px;
	width: 883px;
	position: relative;
	background-color: #FFF;
}
#logoLink {
	width: 361px;
	height: 105px;
	position: absolute;
	left:21px;
	top:25px;
	z-index:1;
}
#logoLink #LLtext {
	height: 22px;
	text-align: right;
	padding: 85px 10px 0 0;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 11px;
	font-size: 16px;
	font-family: Courier New;
	color: #F39300;
	color: #FFF;
}
#logoLink a:hover { border: 0; cursor:pointer; }
.bgnd {
	background:#FFF url(/images/bgnd_1.gif) top left no-repeat;
	padding-top: 44px;
	float:left;
	width:824px;
}
#bgnd1 { background-image:url(/images/bgnd_1.200809041200.gif); }
#bgnd2 { background-image:url(/images/bgnd_2.200809041200.gif); }
#bgnd3 { background-image:url(/images/bgnd_3.200809041200.gif); }
#bgnd4 { background-image:url(/images/bgnd_4.200809041200.gif); }
#wrapper {
	background:url(/images/wrapper.gif) left repeat-y;
	padding: 0 0 125px 0;
	position: static;
	border-right: 1px solid #646464;
	width: 753px;
}
#content { width: 735px; position:relative; padding-top:5px; cursor: default; }
#content #container { margin:0 auto 15px; } /* for the forum */
#left {
	position:relative;
	top: 123px;
	float:left;
	width: 310px;
	padding:10px 0;
	overflow:hidden;
	font-size:12px;
	margin-bottom:20px;
}
#right {
	position:relative;
	top: 128px;
	float:left;
	width:420px;
	overflow:hidden;
	font-size:12px;
	padding:2px 0;
	margin-left:5px;
	margin-bottom:20px;
}
#both { position: relative; top: 123px; left: 125px; width: 615px; margin-bottom:20px; }
#full { position: relative; top: 123px; width: 742px; margin-bottom:20px; }
/* opera hacks */
html:first-child #left { top:0; }
html:first-child #right { top:5px; }
html:first-child #both, html:first-child #full { top:10px; }

#left p {
	padding:0 0 15px 10px;
	margin:0;
	color:#646466;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-indent:-10px;
	line-height:1.4em;
}
.mmm, .blue, blue { color: #039 !important; }
.mmm, .bold, b { font-weight: bold !important; }
.smallcaps, smallcaps { font-variant: small-caps; }
.magenta, magenta { color:#BC007B; }
.feature, .number, #centerMe .orange { color: #F39300 !important; }
.feature { font-weight:bold; }
.teal, teal { color:#009EE0; }
.money { color:#26A12D; }
.red, red { color:#E1011B; }
.error, error {
	color:#FF0000 !important;
	font-weight:bold !important;
}
.grey, grey { color: #999 !important; }
.medgrey, medgrey { color: #666 !important; }
.darkgrey, darkgrey { color: #333 !important; }
.big, big { font-size:16px !important; }
.sml, sml { font-size: 9px !important; }
.left, left { text-align: left !important; }
.right, right { text-align: right !important; }
.center, center { text-align:center !important; }
.orangeHover:hover { color: #F39300 !important; }
.boldHover:hover { font-weight: bold !important; }
.link_atuser { color: #F39300 !important; }
.link_atmbit { color: #003399 !important; }

.clear { clear:both !important; float:none !important; overflow:hidden !important; }
.clearLeft { clear:left !important; float:none !important; }

/* licensing popup */
#licPopup {
	width:470px;
	display:none;
	position:absolute;
	cursor: default;
}
#licPopupTop {
	background: #C5C6CA;
	border-left: 1px solid #C5C6CA;
	border-right: 1px solid #C5C6CA;
	width:445px;
	height:31px;
	font-size: 18px;
	padding-top: 10px;
	font-weight: bold;
	text-align: center;
}
#licPopupBtm {
	background: #C5C6CA;
	border-left: 1px solid #C5C6CA;
	border-right: 1px solid #C5C6CA;
	width:445px;
	height:19px;
}
#licPopupMid {
	position:relative;
	padding:10px;
	width:425px;
	text-align: center;
	font-size:12px;
	background:#FFF none repeat scroll 0%;
	border-left: 1px solid #C5C6CA;
	border-right: 1px solid #C5C6CA;
	color:#006;
}
#overlay_modal {
	background: #000;
	opacity: 0.92 !important;
	cursor: pointer;
}
#licCloseR { top: 4px; right: 26px; }
#licCloseL { top: 4px; left: 4px; }
.licClose {
	background: url(/images/mmmail/msg_close_u.jpg) no-repeat scroll 0%;
	height: 11px;
	width: 11px;
	cursor: pointer;
	position: absolute;
	overflow: hidden;
}
.closeHover { background: url(/images/mmmail/msg_close_p.jpg) no-repeat scroll 0%; }
/* end licensing popup */

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#ajaxIndicator {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50px;
	right: 70px;
}
#toolTipToggle {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 10px;
	right: 10px;
}
#toolTipText {
	position: absolute;
	top: 35px;
	right: 10px;
	text-align: left;
	font-size: 9px;
}

#loginBar, #verifyBar, #searchBar, #adminBar {
	font-size: 11px;
	position: absolute;
	right: 140px;
	overflow: hidden;
	cursor: default;
}
#loginBar {
	top: 86px;
	height: 30px;
}
#verifyBar {
	height: 20px;
	top: 72px;
}
#searchBar {
	top: 115px;
	background: #F6F7F9;
	font-size: 11px;
	padding: 0 1px 5px 10px;
	width: 349px;
	text-align: right;
	z-index:100;
}
#adminBar {
	height: 20px;
	top: 60px;
}
#loginBar #cartIconLink img {
	border: 0;
	position: relative;
	top: 4px;
}
#searchBar label {
	font-size: 14px;
	padding-right: 5px;
}
#searchBar #search_q {
	border-width: 2px;
	padding: 2px 3px;
	width: 240px;
	color: #666;
}
#searchBar #search_L img { border: 0; }
#searchBar #search_submit {
	position: relative;
	top: 12px;
	left: -2px;
	margin-top: -8px;
	padding: 0;
	cursor:pointer;
}
#searchBar div {
	text-align: right;
	padding-right: 40px;
	position: relative;
	top: 2px;
}
#searchBar div a {
}
#smallPlayerHolder { position:absolute; top:-18px; left:-18px; overflow:hidden; }
/* status bar */
#statusBar { position: relative; top: 123px; width: 730px; text-align:center; font-size:11px; color:#666; margin-bottom:10px; }
#statusBar table { background:#F9CA62; margin:0 auto; font-size:11px; }
#statusBar td { height:1%; }
#statusBar #sbTL { background:url(/images/statusbar/outer_tl.gif) left no-repeat; height:4px; width:14px; }
#statusBar #sbTR { background:url(/images/statusbar/outer_tr.gif) right no-repeat; height:4px; width:14px; }
#statusBar #sbBL { background:url(/images/statusbar/outer_bl.gif) left no-repeat; height:4px; width:14px; }
#statusBar #sbBR { background:url(/images/statusbar/outer_br.gif) right no-repeat; height:4px; width:14px; }
#statusBar #sBlinks { padding:2px 0 2px 10px; }
#statusBar #sBcontentPad { background: #FCF8DE; text-align: center; padding: 2px 20px; cursor: default; }
#statusBar #sBmH { height:25px; width: 0; #width: 1px; float:left; }

/* external links */
img.xLink { border: 0; display: inline; padding: 0 0 2px 2px; }
.descriptionLink img.xLink { padding: 0 0 2px 16px; position: absolute; }

/* nav bar on the right */
#mainNav {
	position: absolute;
	top: 110px;
	left: 773px;
	width: 130px;
	overflow: hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: lowercase;
	background-color:#FFF;
}
#mainNav ul {
	margin: 0;
	padding: 0;
	position: relative;
}
#mainNav li {
	position: relative;
	list-style:none;
	display: block;
	padding: 10px 0 6px 25px;
	text-indent: -12px;
	border-left: 1px solid #646464;
}
#mainNav li.indent {
	position: relative;
	text-indent: 0;
	padding: 0 0 5px 25px;
	color: #F90;
}
#mainNav .selected {
	background: url(/images/navSelected.gif) center left repeat-y;
	margin-left: -1px;	#margin-left: 0;
	padding-left: 26px;
	border-left: 1px solid #FFF; #border-left: 0 solid #FFF;
	/*height:1.2em;*/
}
#mainLinks a, #mainLinks a:link, #mainLinks a:visited {
	color:#039;
	font-weight: normal;
	text-decoration:none;
	border:0;
}
#mainLinks a:hover, #mainLinks a:active {
	color:#009EE0;
	text-decoration:underline;
}
#mainNav .selected a {
	color:#009EE0;
}
#mainNav .keepCase {
	text-transform:none;
}
#mainNav .spacer {
	height:2px;
	width:102px;
	background:url(/images/spacer.gif) center left no-repeat;
	border:0;
	border-right:0;
	border-top:0;
	border-bottom:0;
	border-left:1px solid #646464;
	padding:10px 0;
	margin:0;
}
#myLinks {
	font-size: 10px;
}
#myLinks a, #myLinks a:link, #myLinks a:visited {
	color:#646464;
	font-weight: normal;
	text-decoration:none;
	border:0;
}
#myLinks a:hover, #myLinks a:active {
	color:#999 !important;
	text-decoration:underline;
}
#myLinks a.editLink {
	color:#5353CE;
}

/* content holder in the right panel */

#activeContent {
	width:402px;
	background:#C5C6C8 url(/images/evolving.gif) top right no-repeat;
	padding:46px 4px 10px 4px;
}
#quickMenu {
	background-color:#FFF;
	padding:3px;
	font-size: 14px;
	text-transform:lowercase;
	text-align:center;
}
#quickMenu a {
	color:#009;
}
#quickMenu .selected {
	color:#009EE0;
}
#subQuickMenu {
	background-color:#646466;
	padding:3px;
	margin-top:2px;
	font-size: 12px;
	text-align:center;
	/*height:1.6em;*/
}
#subQuickMenu a {
	font-weight:normal;
}
#subQuickMenu a:hover {
	border:0;
	text-decoration:underline;
}
#subQuickMenu .selected {
	font-weight:bold;
}
#contentHolder {
	background-color:#FFF;
	padding:3px;
	margin-top:2px;
}

#searchLink,#browseLink,#contributeLink,#whatsnewLink,#libraryLink,#userLink,#forumLink {
	overflow:hidden;
	float:left;
	height:1.2em;
	text-align:center;
}
#searchLink {
	width: 133px;
	border-right: 3px solid #F39300;
}
#browseLink {
	width: 120px;
	border-right: 3px solid #F39300;
	text-align: center;
}
#contributeLink {
	width: 110px;
	text-align: right;
}
#whatsnewLink {
	display: none;
	width:124px;
}
#mbox_nav, #friendreqs_nav {
	cursor: default;
	display: inline;
	padding-left: 0;	#padding-left: 2px;
}
#footer {
	text-align: left;
	font-size: 11px;
	color: #999;
	padding: 0 15px 10px 10px;
	margin: 0 20px 10px 0;
	clear: both;
	border-top: 1px solid;
}
#ad_footer_box {
        cursor: default;
        clear: both;
        font-size: 12px;
        border-width:1px 1px 0 1px;
        border-style:solid;
        border-color:#ccc #646464 #ccc #ccc;
        background:#eee;
        width: 738px;
        margin: 0 7px 0 0;
        padding: 7px 8px 7px 6px;
        font-size:11px;
}
#ad_footer_link {
        position: absolute;
        right: 0;
        right: 10px !ie;
        top: 0;
        z-index: 1;
}
#ad_footer_banner {
	position: relative;
	left: -5px;
	bottom: 5px;
}
#ad_footer_banner a img {
	border: 0;
}
#ad_footer {
        padding: 4px;
        position: relative;
}
#ad_footer_ad a { color: #039; }
#ft_what, #ft_who, #ft_why, #ft_tell, #ft_legal {
	border-right: 1px solid;
	float: left;
	width: 150px;
	width: 190px;
	height: 155px;
	padding: 10px 10px 0 20px;
	margin-bottom: 10px;
	cursor: default;
}
#ft_legal { border-right:0; width:145px; }
#footer .ft_heading {
	font-size: 12px;
	font-weight: bold;
	color: #515254;
	padding-bottom: 6px;
}
#footer .ft_link {
	padding: 4px 0 4px 2px;
}
#footer .ft_link a {
	margin: 0;
}
#footer .soon {
	color: #515254;
}

#footerLinks {
	width: 500px;
	float: left;
}
#footerCopyright {
	cursor: default;
	float: right;
	padding:10px 0;
}
#footer a {
	color: #039;
	margin: 0 15px 0 5px;
}

wbr:after { content: "\00200B" } /* Opera WBR compatibility */

.tipMaxW { width: 400px; }
#tipJS, .tipJS { display: none; }
.hilite { color:#FFF !important; background:#F90; padding:1px 3px; }

#noJS {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #F00;
	background-color: #000;
	border: 4px dotted #F00;
	padding: 10px 0;
	margin: 5px 0;
	width: 95%;
	z-index: 1;
	position: fixed;
	top: 0;
}

/************** vertical alignment ******************/
/******************
	Don't change the CSS below here. It controls the table layout.
	The CSS and markip for standards based browsers is very clean and simple,
	but to get this to work in IE, there are several dummy DIVs that need
	to be put into the markup.
******************/
/* All browsers */
.row { display:table; vertical-align:middle; }
.top { display:table-cell; vertical-align:top; }
.middle { display:table-cell; vertical-align:middle; }
/* IE specific rules in all-ie.css */