/* ============================================================
 *
 *                   broadbandchoice_old_screen.css
 *
 * ============================================================ */

/* broadband choice */
div.bcforums1 { font: bold 14px arial, sans-serif; padding-top:10px; }
div.bcforums2 { font: 11px arial, sans-serif; padding: 1px 0 0 6px; color:gray; }
div.bcforums3 { font: 10px/10px arial, sans-serif; border-bottom: 1px solid #D6D0C9; }
div.bcnews1 { font: bold 14px arial, sans-serif; padding-top:10px; }
div.bcnews2 { font: 11px arial, sans-serif; padding: 2px 0 2px 6px; }
div.bcnews3 { font: 12px arial, sans-serif; padding-bottom:10px; color:gray; border-bottom: 1px solid #D6D0C9; }
div.bcnews1a { font: bold 14px arial, sans-serif; padding-top:15px; }
div.bcnews2a { font: 12px arial, sans-serif; padding: 3px 0 3px 6px; }
div.bcnews3a { font: 11px arial, sans-serif; padding-bottom:15px; color:gray; border-bottom: 1px solid #D6D0C9; }
div.bcstats1 { font: 13px arial, sans-serif; padding-top:12px; }
div.bcstats2 { font: 13px arial, sans-serif; padding-top:4px; }
div.bcstats3 { font: 11px arial, sans-serif; border-bottom: 1px solid #D6D0C9; }
div.bcstats4 { font: bold 14px arial, sans-serif; padding-top:10px; }
div.bcstats5 { font: 11px arial, sans-serif; padding: 1px 0 0 6px; color:gray; }
div.bcstats6 { font: 11px arial, sans-serif; padding: 1px 0 3px 6px; }
div.bcstats7 { font: 11px/13px arial, sans-serif; padding: 2px 0 0 6px; color:gray; }


/* ============================================================
 *
 *                   broadbandchoice_screen.css
 *
 * ============================================================ */

#bc {
	background: #eee;
	border: 1px solid gray;
	margin: 0 0.5em;
	padding: 2em 3em;
	z-index: 2;
}
#bc h2 {
	font: normal 2em Arial, sans-serif;
	margin: 0 0 0.6em;
	padding: 0 0 0.2em;
}
#bc_body td.title {
	padding: 15px 0 0;
}
#bc_body td.title h1 {
	color: #840;
	font: 32px Arial, sans-serif;
}
#bc_body h1 {
	color: #840;
	font: 32px Arial, sans-serif;
	margin: 0;
}
#bc_body h2 {
	display: none;
}
#bc_body td.tabs {
	border-bottom: 1px solid #8B6021;
	padding: 12px 0 0;
	text-align: center;
}
#bc_body td.tabs td.tab,
#bc_body td.tabs td.tabactive {
	border-left: 1px solid #EEE;
	color: white;
	font: bold 14px Arial, sans-serif;
	padding: 3px 25px 5px;
}
#bc_body td.tabs td.tab {
	background: #8B6021 url(/img/bc/grad2.gif);
}
#bc_body td.tabs td.tabactive {
	background: #BEC3D5 url(/img/bc/grad1.gif);
}


/* ============================================================
 *
 *                   common_content_all.css
 *
 * ============================================================ */

/* formatted bodies */
#content td.bodytext { padding: 0.1em 1em 0.3em 1em !important; }
#content .bodytext p { margin: 0.8em 0; }
#content .bodytext p.wcauth { margin: 0.8em 0 -0.7em 1em; padding-left: 0; padding-bottom: 2px; border-bottom: 1px dotted #9ac; width: 251px; }
#content .bodytext p.wcauth a:hover { color: blue !important; }


/* whirlcode */
#content .wcrep1 { color: #45A; }
#content .wcrep2 { color: #9F6E19; } /* #B70 */
#content .wcgrey { color: #555; }
#content .wcsml  { font-size: 10px; }
#content .wcserif{ font-family: serif; }
#content .wcauth { color: #45A; font-size: 11px; font-weight: bold; padding-left: 15px; }
#content .wcauth a { text-decoration: none !important; color: #45A !important; cursor: pointer !important; }
#content .wcauth a:hover { text-decoration: underline !important; color: blue !important; }


/* whirlcode2 */
#content span.wcspoil { color: #E5E1DE !important; background-color: #E5E1DE !important; cursor: default; }
#content span.wcspoil span { color: #E5E1DE !important; }
#content span.wcspoil:hover { color: black !important; }
#content span.wcspoil:hover span { color: black !important; }
#content span.wcspoil a { opacity: 0; } /* hack to hide all links */
#content span.wcspoil:hover a { opacity: 1; }
#content .bodytext pre {
	font: 0.9em consolas, monospace;
	margin-left: 1em;
	padding: 0.5em 1em;
	border-left: 2px dashed #D1C9C0;
	overflow-x: auto;
	width: 40em;
}
#content .bodytext hr {
	border: 0;
	color: #C0C0C0;
	background-color: #C0C0C0;
	height: 1px;
	margin: 1.2em 1em;
	width: auto;
}
#content .bodytext p.reference {
	margin: 0.8em 0 -0.6em 1em;
	padding-bottom: 2px;
	border-bottom: 1px dotted #9ac;
	width: 25em;
	color: #45A;
	font-size: 11px;
	font-weight: bold;
}
#content .bodytext p.reference a {
	text-decoration: none !important;
	color: #45A !important;
	cursor: pointer !important;
}
#content .bodytext p.reference a:hover {
	text-decoration: underline !important;
	color: blue !important;
}

/* inter-links */
#content .bodytext a.internal { padding-right: 7px; background: transparent url(/img/intlink.gif) no-repeat top right; }
#content .bodytext a.internal,
#content .bodytext a.internal:link,
#content .bodytext a.internal:active,
#content .bodytext a.internal:visited { color: #730; text-decoration: none; }
#content .bodytext a.internal:hover { color: #A50; text-decoration: underline; }
#content .bodytext a.internal img { display: none; }

/* inter-links */
#content .bodytext a.external { padding-right: 7px; background: transparent url(/img/extlink.gif) no-repeat top right; }
#content .bodytext a.external img { display: none; }

/* inter-links */
#content .bodytext a.email { padding-right: 7px; background: transparent url(/img/exteml.gif) no-repeat top right; }
#content .bodytext a.email img { display: none; }




/* links */
#content a,
#content a:link,
#content a:active,
#content a:visited { color: #029; text-decoration: none; }
#content a:hover { color: #04F; text-decoration: underline; }
#content .showvisited a:visited { color: #015; } /* different shade for visited threads */

/* inter-links */
#content a.inter,
#content a.inter:link,
#content a.inter:active,
#content a.inter:visited { color: #730; text-decoration: none; }
#content a.inter:hover { color: #A50; text-decoration: underline; }

/* wiki links */
#content a.wiki,
#content a.wiki:link,
#content a.wiki:active,
#content a.wiki:visited { text-decoration: none; color: #730; border-bottom:1px dotted #730; }
#content a.wiki:hover { color: #A50; text-decoration: none; border-bottom:1px solid #730; }

/* red links */
#content a.redlink,
#content a.redlink:link,
#content a.redlink:active,
#content a.redlink:visited { color: #730 /* #700 */; text-decoration:none; }
#content a.redlink:hover { color: #A50 /* #A00 */; text-decoration:underline; }

/* grey links */
#content a.greylink,
#content a.greylink:link,
#content a.greylink:active,
#content a.greylink:visited { color: #777; text-decoration:none; }
#content a.greylink:hover { color: #00E; text-decoration:underline; }


/* misc */
#content .concealed { display: none; }
#content .small { font: 10px 'Lucida Grande',Verdana,Arial,Helvetica,sans-serif; }
#footer .concealed { display: none; }


/* ============================================================
 *
 *                   common_grid_all.css
 *
 * ============================================================ */

.grid p {
	font: normal 13px Arial, sans-serif;
}
.grid table {
	background-color: white;
	border: 1px solid #AAA;
	border-collapse: collapse;
	font: 11px Tahoma, sans-serif;
	margin: 0px 10px 10px 0px;
}
.grid tr {
}
.grid th {
	background-color: #3a437b;
	border-bottom: 1px solid #999;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 4px 8px;
	text-align: left;
}
.grid th a {
	color: white !important;
	text-decoration: underline;
}
.grid td {
	border: 1px solid #bbb;
	border-collapse: collapse;
	font-size: 11px;
	margin: 0px;
	padding: 4px 8px;
}
.grid input {
	font: 11px Tahoma, sans-serif;
}
.grid .button {
	padding: 2px;
	text-align: center;
}
.grid .button button {
	background-color: #ddd;
	border: 1px outset #ddd;
	color: black;
	font-size: 11px;
	width: 100%;
}
.grid .subheading td {
	background-color: #626da3;
	border: 1px solid #bbb;
	color: white;
	font-weight: bold;
}
.grid .subheading a {
	color: white !important;
}
.grid .input {
	background-color: #dddfff;
	padding: 2px 3px;
}


/* ============================================================
 *
 *                   common_pagination_screen.css
 *
 * ============================================================ */

#content ul.pagination {
	margin: 0;
	padding: 0.3em 1em;
	z-index: 5;
	text-align: center;
	font: normal 1.2em/1.6em Georgia, Cambria, Charter, 'Century Schoolbook', serif;
	overflow: hidden;
}
#content ul.pagination li {
	display: inline;
	list-style: none;
	/*letter-spacing: -0.02em;*/
	color: white;
	border-right: 1px solid #525D94;
}
#content ul.pagination li a {
	color: white;
	text-decoration: none;
	padding: 0.1em 0.3em 0.25em 0.5em;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
}
#content ul.pagination.tabby li a {
	padding-bottom: 0.7em;
}
#content ul.pagination li.user a {
	background-color: #525D94;
}
#content ul.pagination li.current a {
	background-color: white !important; /* important = do not get overwritten by .user style */
	color: #3a437b !important;
	box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
}
#content ul.pagination li a:hover {
	background-color: #525D94;
	color: white;
}
#content ul.pagination li.user a:hover {
	background-color: #6268A4;
	color: white;
}


/* otherwise not all pagination links are white */
body.IE6 #content ul.pagination li a:link,
body.IE6 #content ul.pagination li a:visited,
body.IE6 #content ul.pagination li a:active {
	color: white;
}


/* exceptions for first/last post messages */

#content ul.pagination li.last {
	border-right: none !important;
}
#content ul.pagination li.first a {
	padding-right: 0.8em !important;
}
#content ul.pagination li.last a {
	padding-left: 0.8em !important;
}
#content ul.pagination li.first a,
#content ul.pagination li.last a {
	color: #BAC2E8;
	white-space: nowrap;
} 
#content ul.pagination li.first a:hover,
#content ul.pagination li.last a:hover {
	background-color: transparent !important; /* important = do not get overwritten by footer styles */
	text-decoration: underline !important;
}



/* exceptions for when pagination is in footer */

#content div.footbar {
	background-color: #78644F;
}
#content div.footbar ul.pagination li {
	border-right: 1px solid #88745F;
}
body.IE6 #content div.footbar ul.pagination li a,
body.IE7 #content div.footbar ul.pagination li a {
	padding-top: 0.6em;
}
#content div.footbar ul.pagination.tabby li a {
	padding-top: 0.7em;
	padding-bottom: 0.25em;
}
#content div.footbar ul.pagination li.user a {
	background-color: #88745F;
}
#content div.footbar ul.pagination li.current a {
	color: #524638 !important; /* important = do not get overwritten by .user style */
}
#content div.footbar ul.pagination li a:hover {
	background-color: #88745F;
}
#content div.footbar ul.pagination li.user a:hover {
	background-color: #98846F;
}
#content div.footbar ul.pagination li.first a,
#content div.footbar ul.pagination li.last a {
	color: #A8947F;
} 
#content div.footbar ul.pagination.tabby li a {
	-moz-border-radius-topleft: 0 !important; -webkit-border-top-left-radius: 0 !important; -khtml-border-top-left-radius: 0 !important; border-top-left-radius: 0 !important;
    -moz-border-radius-topright: 0 !important; -webkit-border-top-right-radius: 0 !important; -khtml-border-top-right-radius: 0 !important; border-top-right-radius: 0 !important;
	-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
}



/* exceptions for when pagination is a closed thread */
#replies.threadclosed div ul.pagination li {
	border-right: 1px solid #777;
}
#replies.threadclosed div ul.pagination.tabby li a {
	padding-top: 0.5em;
	padding-bottom: 0.3em;
}
#replies.threadclosed div ul.pagination li.user a {
	background-color: #777;
}
#replies.threadclosed div ul.pagination li.current a {
	color: #444 !important; /* important = do not get overwritten by .user style */
}
#replies.threadclosed div ul.pagination li a:hover {
	background-color: #777;
}
#replies.threadclosed div ul.pagination li.user a:hover {
	background-color: #888;
}
#replies.threadclosed div ul.pagination li.first a,
#replies.threadclosed div ul.pagination li.last a {
	color: #999;
}


/* ============================================================
 *
 *                   common_simplemodal_screen.css
 *
 * ============================================================ */

div.modal-content {
	display:none;
}

/* Overlay */
#simplemodal-overlay {
	background-color: black;
	cursor: default;
}

/* Container */
#simplemodal-container {
	height: 400px;
	width: 500px;
	color: #444;
	background-color: #ddd;
	border: 3px solid white;
	padding: 10px;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px;
	box-shadow: 0px 3px 40px rgba(0,0,0,0.4);
}
#simplemodal-container h1 {
	margin-top: 0.33em;
}
#simplemodal-container .simplemodal-data {
	padding: 0 10px;
}
#simplemodal-container div.modal-buttons,
#simplemodal-container div.modal-cancel {
	position: absolute;
	padding: 20px;
	width: auto;
	height: auto;
	top: auto;
	bottom: 0;
	left: 0;
	right: auto;
}
#simplemodal-container div.modal-buttons {
	text-align: right;
	left: auto;
	right: 0;
}
#simplemodal-container div.modal-buttons button,
#simplemodal-container div.modal-buttons input,
#simplemodal-container div.modal-cancel button,
#simplemodal-container div.modal-cancel input {
	font-size: 1.5em;
	padding: 0.1em 1em;
}


/* ============================================================
 *
 *                   forum_index_screen.css
 *
 * ============================================================ */

#index {
	margin-right: -2em;
}
body.mobile #index {
	margin-right: 0;
}
#index div.column {
	float: left;
}
body.mobile #index div.column {
	width: auto !important;
}
#index div.column div.inner {
	margin-right: 1.5em;
}
body.mobile #index div.column div.inner {
	margin-right: 0;
}
#index h3 {
	background-color: #525d94;
	color: white;
	padding: 0.2em 0.66em 0.3em 0.66em;
	font: 1.6em Georgia, arial, sans-serif;
	text-align: left;
	margin: 0;
	-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px;
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.25);
}
#index table {
	width: 100%;
	border-spacing: 0;
	margin: 0 0 1.7em 0;
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.25);
}
body.IE7 #index table {
	border-collapse: collapse;
}
#index table tbody tr td.title {
	background: #eee url(/img/forum/grad-eee.gif) repeat-x top;
	border-bottom: 1px solid #ccc;
	padding: 0.5em 1em 0.4em 1em;
	text-shadow: 0 1px 0 white;
}
#index table tbody tr td.title div.title a {
	font: bold 1.2em Arial, sans-serif;
}
#index table tbody tr td.title div.subtitle {
	font: normal 0.9em/0.9em 'Lucida Grande', Verdana, Arial, sans-serif;
	color: gray;
}
#index table tbody tr td.threads {
	background: #ddd url(/img/forum/grad-ltgrey.gif) repeat-x top;
	border-bottom: 1px solid #ccc;
	padding: 0.35em 1em 0.35em 1em;
	font: normal 0.8em 'Lucida Grande', Verdana, Arial, sans-serif;
	color: gray;
	text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}
#index table tbody tr td.threads a {
	color: #447;
}
#index table tbody tr td.threads div.sub a {
	font-weight: bold;
}

/*================ IE6 ===============*/

#index_ie6 table {
	border-collapse: collapse;
}
#index_ie6 table h3 {
	background-color: #616ca3;
	color: white;
	padding: 0.2em 0.66em 0.3em 0.66em;
	font: 1.5em arial, sans-serif;
	text-align: left;
	margin: 0;
}
#index_ie6 table table {
	width: 100%;
	border-spacing: 0;
	margin: 0 0 1.7em 0;
}
#index_ie6 table table tbody tr td.title {
	background: #eee url(/img/forum/grad-eee.gif) repeat-x top;
	border-bottom: 1px solid #ccc;
	padding: 0.5em 1em 0.4em 1em;
}
#index_ie6 table table tbody tr td.title div.title a {
	font: bold 1.2em Arial, sans-serif;
}
#index_ie6 table table tbody tr td.title div.subtitle {
	font: normal 0.9em/0.9em 'Lucida Grande', Verdana, Arial, sans-serif;
	color: gray;
}
#index_ie6 table table tbody tr td.threads {
	background: #ddd url(/img/forum/grad-ltgrey.gif) repeat-x top;
	border-bottom: 1px solid #ccc;
	padding: 0.35em 1em 0.35em 1em;
	font: normal 0.8em 'Lucida Grande', Verdana, Arial, sans-serif;
	color: gray;
}
#index_ie6 table table tbody tr td.threads a {
	color: #447;
}
#index_ie6 table table tbody tr td.threads div.sub a {
	font-weight: bold;
}


/* ============================================================
 *
 *                   forum_replies_all.css
 *
 * ============================================================ */

#replies {
	position: relative;
}
body.mobile #replies {
	margin-top: 2em;
}
#replies .buttons {
	display: block;
	position: absolute;
	top: -27px;
	bottom: auto;
	left: auto;
	right: 0;
	width: auto;
	height: auto;
}
#replies .buttons a {
	border: none;
	display: block;
	float: right;
	margin: 0 0 0 2px;
}
#replies .buttons a.breply {
	height: 36px;
	width: 128px;
}
#replies .buttons a.breply span {
	display: none;
}
#replies .buttons a.bwatch,
#replies .buttons a.bwatching,
#replies .buttons a.bmod {
	font: bold 13px Arial, sans-serif;
	background-color: #3a437b;
	color: white;
	padding: 0.3em 0.6em;
	margin: 6px 0 0 2px;
}
#replies .buttons a.bwatch:hover,
#replies .buttons a.bwatching:hover,
#replies .buttons a.bmod:hover {
	background-color: #525D94;
}
#replies .buttons a.bwatching {
	background-color: #D87400;
}
#replies .buttons a.bwatching:hover {
	background-color: #FF9922;
}
#replies div.topbar {
	background-color: #3a437b;
	-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px;
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.25);
}
#replies div.footbar {
	background-color: #78644F;
	-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
	border-top: 1px solid #bbb;
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.25);
}
body.IE6 #replies .footbar {
	border-bottom: 1px solid #D1C9C0;/* For some reason this makes the background color not bleed into the content margin */
}
#replies.threadclosed div.topbar {
	background-color: #555;
}
#replies.threadclosed div.footbar {
	background-color: #555;
}






/*============================ LEGACY TABLE LAYOUT ==============================*/


#replies table {
	border-spacing: 0;
	margin: 0;
	width: 100%;
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.25);
}
body.IE6 #replies table,
body.IE7 #replies table {
	border-collapse: collapse; /* Otherwise table borders don't work */
}
body.webkit #replies col.c1,
body.webkit #replies col.c3 {
	width: 15em !important; /* narrower widths because of typeface */
}
body.IE6 #replies col.c1,
body.IE7 #replies col.c1,
body.IE6 #replies col.c3,
body.IE7 #replies col.c3 {
	width: 20em !important; /* different widths needed for IE */
}
#replies table tr td {
	padding: 0.5em;
	text-align: center;
	font: normal 10px 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}
#replies table tr td table tr td {
	font: 1em 'Lucida Grande', Arial, Helvetica, sans-serif;
	padding: 0.1em 0.5em;
	text-align: left;
}
#replies table tr td.bodytext,
#reply td.bodytext {
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
#replies span.bu_name {
	font: bold 15px/16px Arial, Helvetica, sans-serif;
}
#replies table tr td.bodyuser,
#replies table tr td.bodymore {
	vertical-align: top;
}
#replies table tr td.bodytext {
	padding: 8px 12px 10px 12px;
	vertical-align: middle;
}
body.IE6 #replies table tr td.bodytext,
body.IE7 #replies table tr td.bodytext {
	border-bottom: 1px solid #bbb;
	border-top: none;
	padding-top: 10px; 
}
#replies table tr td.bodypost {
	vertical-align: bottom;
}
#replies table tr td.herringed {
	border-left: 3px solid #B70;
}
#replies table tr td.admin {
	border-bottom: 2px solid #828DBB;
}
#replies table tr td.bodytext div.edited,
#replies table tr td.bodytext div.op {
	float: right;
	font: 10px 'Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
	margin-bottom: 15px;
	text-align: right;
}
#replies table tr td.bodytext div.edited {
	color: #888;
	width: 150px;
}
#replies table tr td.bodytext div.op {
	color: #bbb;
	width: 20px;
}
#replies table tr td.bodytext div.op {
	color: #bbb;
	width: 20px;
}
#replies table tr td.bodypost div.tools {
	padding-bottom: 2px;
}


















#replylist  {
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.25);
}


/* Forum/Thread titles in recent user posts view */
#replylist h3 {
	background-image: url(/img/forum/grad-grey.gif);
	font: bold 14px Arial, sans-serif;
	padding: 0.4em;
	margin: 0;
	border-bottom: 1px solid #BBB;
	text-align: center;
}

#replylist div.moderation {
	background: url(/img/forum/grad-ltorange.gif) repeat-x top #E5E5E5;
	font: 10px 'Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
	padding: 0.5em;
	border-bottom: 1px solid #BBB;
	text-align: center;
}

/* Notices */
#replylist div.notice {
	background: url(/img/forum/reply-e5e5e5.gif) repeat-x top #E5E5E5;
	font: 10px 'Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
	padding: 0.5em 0;
	border-bottom: 1px solid #BBB;
	text-align:center;
	position: relative;
}
#replylist div.notice div.replyuser,
#replylist div.notice div.replytools {
	position: absolute;
	top: 0; bottom: 0; width: 190px;
	padding: 0.5em;
	text-align: center;
}
#replylist div.notice div.replyuser {
	left: 0; right: auto;
}
#replylist div.notice div.replytools {
	left: auto; right: 0;
}
#replylist div.notice div.replytext {
	margin: 0 210px;
}

/* Notices, mobile */
body.mobile #replylist div.notice div.replyuser,
body.mobile #replylist div.notice div.replytools {
	position: relative;
	top: auto; bottom: auto; left: auto; right: auto;
}
body.mobile #replylist div.notice div.replytext {
	margin: 0 10px;
}

/* Reply */
#replylist div.reply {
	background: url(/img/forum/reply-eeeeee.gif) repeat-x bottom #eee;
	padding: 0;
	border-top: 2px solid #f2f2f2;
	border-bottom: 1px solid #bbb;
	position: relative;
	min-height: 90px;
	vertical-align: middle;
}
#replylist div.reply-archived {
	min-height: 55px;
}
#replylist div.reply.hidden {
	background: #E5D8D3;
	box-shadow: 0 10px 20px rgba(255, 255, 255, 0.5) inset;
}

/* Reply body, global */
#replylist div.reply div.replytext div.edited,
#replylist div.reply div.replytext div.op {
	float: right;
	font: 10px 'Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
	margin-bottom: 15px;
	text-align: right;
}
#replylist div.reply div.replytext div.edited {
	color: #888;
	width: 150px;
}
#replylist div.reply div.replytext div.op {
	color: #bbb;
	width: 20px;
}
#replylist div.reply div.replytext div.op {
	color: #bbb;
	width: 20px;
}

/* Reply body, desktop */
body.not_mobile #replylist div.reply div.replytext {
	margin: 10px 232px;
	text-align: left;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
}

/* Reply sidebars */
#replylist div.reply div.replyuser div.usergroup {
	color: #555;
}

/* Reply sidebars, desktop */
body.not_mobile #replylist div.reply div.replyuser div.username {
	margin: 1px;
}
body.not_mobile #replylist div.reply div.replyuser,
body.not_mobile #replylist div.reply div.replytools {
	position: absolute;
	top: 0; bottom: 0;
	width: 210px;
	padding: 3px 4px;
	text-align: center;
	background: url(/img/forum/reply-e5e5e5.gif) #e5e5e5 repeat-x top;
}
body.not_mobile #replylist div.reply.hidden div.replyuser,
body.not_mobile #replylist div.reply.hidden div.replytools {
	background: rgba(214, 184, 175, 0.2);
}
body.not_mobile #replylist div.reply div.replytools div.replytools-inner {
	position: absolute;
	bottom: 0;
	top: auto;
	left: 0; right: 0;
	padding: 5px 4px;
}
body.not_mobile #replylist div.reply div.replyuser div,
body.not_mobile #replylist div.reply div.replytools div {
	font: normal 10px 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}
body.not_mobile #replylist div.reply div.replyuser {
	left: 0;
	right: auto;
}
body.not_mobile #replylist div.reply div.replytools {
	left: auto;
	right: 0;
	vertical-align: bottom;
	display: table-cell;
}
body.not_mobile #replylist div.reply div.replytools div.tools {
	padding-bottom: 2px;
}

/* Reply body, mobile */
body.mobile #replylist div.reply {
	padding-bottom: 5em;
}
body.mobile #replylist div.reply div.replytext {
	margin: 0 10px;
	text-align: left;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	/* overflow-x: scroll;*/
}

/* Reply sidebars, mobile */
body.mobile #replylist div.reply div.replymeta {
}
body.mobile #replylist div.reply.hidden div.replymeta {
	background: rgba(214, 184, 175, 0.2);
}
body.mobile #replylist div.reply div.replymeta div.replyuser {
	background-color: #ddd;
	padding: 3px 4px;
	text-align: left;
}
body.mobile #replylist div.reply div.replymeta div.replyuser span.bu_name {
	font-size: 1.3em;
}
body.mobile #replylist div.reply div.replymeta div.replytools {
	padding: 5px 5px;
	text-align: right;
	opacity: 0.6;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	top: auto;
}
body.mobile #replylist div.reply div.replymeta div.replyuser div {
	display: inline;
	padding: 0 3px;
}
body.mobile #replylist div.reply div.replymeta div.replyuser br {
	display: none;
}
body.mobile #replylist div.reply div.replymeta div.replyuser div.userstats,
body.mobile #replylist div.reply div.replymeta div.replyuser div.voteblock,
body.mobile #replylist div.reply div.replymeta div.replytools div.shortcode {
	display: none;
}












div.voteblock {
	font: bold 10px monospace !important;
	padding: 5px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
div.voteblock span.voteitem,
div.voteblock span.voteactive,
div.voteblock span.votecrusty,
div.voteblock span.votewait {
	border: 1px solid #ccc;
	background-color: #ccc;
	cursor: pointer;
	padding: 1px 2px 1px 2px;
	color: #fff;
}
div.voteblock span.voteactive {
	background-color: #fff;
	border: 1px solid #fff;
	color: black;
	cursor: default;
}
div.voteblock span.votecrusty {
	background-color: #f5f0cc;
	border: 1px solid #fff;
	color: black;
}
div.voteblock span.votewait {
	background-color: #777;
	border: 1px solid #777;
}









#replies .search_mini {
	color: #78644F;
	float: right;
	margin-top: 1em;
	text-align: right;
}
#replies .search_mini .searchbox {
	border: 1px solid #78644F;
	width: 9em;
}
#replies .foot_reply {
	color: #78644F;
	font: bold 1.6em Arial;
	margin-top: 0.4em;
	text-align: right;
}
#replies .foot_reply a {
	color: #78644F !important;
	text-decoration: underline;
}
#replies .foot_reply a:hover {
	color: #3D3327 !important;
}
#replies .foot_subs {
	color: #78644F;
	float: left;
	margin: 1em 0 -1.5em 0;
}
#replies .foot_subs a {
	color: #78644F !important;
	text-decoration: underline;
}
#replies .foot_subs a:hover {
	color: #3D3327 !important;
}









/* Jump to reply */
#replies tr.scrolling td.bodytext { background: url(/img/forum/reply-e5e5e5.gif) #e5e5e5 repeat-x top !important; }


/* ============================================================
 *
 *                   forum_replies_screen.css
 *
 * ============================================================ */

#replies .buttons a.breply {
	background: transparent url(../img/button-reply-24.png) top right;
}
body.IE6 #replies .buttons a.breply {
	background: transparent url(../img/button-reply-8.png) top right; /* IE6 doesn't properly support translucent pngs */
}

#replies table tr td.bodyuser,
#replies table tr td.bodytext,
#replies table tr td.bodymore {
	border-bottom: 1px solid #bbb;
}
#replies table tr td.bodytext {
	border-top: 2px solid #f2f2f2;
}
#replies table tr td.bodypost {
	border-bottom: 1px solid #bbb;
}

#replies table tr td.bodytext {
	background: url(/img/forum/reply-eeeeee.gif) #EEE repeat-x bottom;
}
#replies table tr td.bodyuser,
#replies table tr td.bodypost,
#replies table tr td.bodymore {
	background: url(/img/forum/reply-e5e5e5.gif) #e5e5e5 repeat-x top;
}
#replies table tr.modtool td.bodymore {
	background: url(/img/forum/grad-ltorange.gif) #e5e5e5 repeat-x top;
}
#replies table tr td.self {
	background: url(/img/forum/grad-ltblue.gif) #d9dded repeat-x top;
}


/* ============================================================
 *
 *                   forum_reply_screen.css
 *
 * ============================================================ */

#reply {
	margin: 3em 0;
	text-align: center;
}
#reply table {
	border-spacing: 0em;
	margin: 0 auto;
}
#reply table th {
	font: bold 15px Arial, sans-serif;
	padding-right: 0.5em;
	text-align: right;
	vertical-align: top;
}
#reply table td {
	text-align: left;
	vertical-align: middle;
}
#reply table td.right {
	padding-left: 0.5em;
	text-align: left;
	vertical-align: top;
}
#reply input#head {
	border: 1px solid silver;
	font-size: 19px;
	width: 100%;
}
#reply textarea#body {
	border: 1px solid silver;
	width: 100%;
}


/* ============================================================
 *
 *                   forum_threads_screen.css
 *
 * ============================================================ */

#threads table {
	border-spacing: 0;
	margin: 0;
	margin-top: -1.5em;
	width: 100%;
}
body.IE6 #threads table,
body.IE7 #threads table {
	border-collapse: collapse; /* Otherwise table borders don't work */
}
#threads table tbody {
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.25);
}
#threads table tbody td {
	border: 0;
	border-bottom: 1px solid #D1C8BF;
	font: 10px/11px 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
#threads .footbar {
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.25);
	border-top: 1px solid #bbb;
	background-color: #3a437b;
	margin: 0px;
}
body.IE6 #threads .footbar {
	border-bottom: 1px solid #D1C9C0; /* For some reason this makes the background color not bleed into the content margin */
}
#threads table thead tr td.group {
	color: white;
	text-align: right;
}
#threads table thead tr td.reps,
#threads table thead tr td.reads {
	background-color: #937F69;
	color: white;
	font-size: 11px;
	padding: 4px;
	text-align: center;
}
#threads table thead tr td.oldest,
#threads table thead tr td.newest {
	color: white;
	font-size: 11px;
	padding: 4px;
	text-align: center;
}
#threads table thead tr td.goend {
}
#threads table tbody tr td {
	background-color: #DDD;
	background-image: url(/img/forum/grad-ltgrey.gif);
	border-bottom: 1px solid #CCC;
}
#threads table tbody tr.sticky td {
	background-color: #CCC;
	background-image: url(/img/forum/grad-grey.gif);
	border-bottom: 1px solid #BBB;
}
#threads table tbody tr.recent td {
	background-color: #D9DDED;
	background-image: url(/img/forum/grad-mblue.gif);
	border-bottom: 1px solid #B8BED7;
}
#threads table tbody tr.section td {
	background-color: #CCC;
	background-image: url(/img/forum/grad-grey.gif);
	padding: 0.7em 18em 0.7em 0 !important;
	text-align: center !important;
}
#threads table tbody tr td.title {
	padding: 2px 5px 2px 1em;
	text-align: left;
}
#threads table tbody tr td.title a.title {
	font: bold 14px Arial, Helvetica, sans-serif;
}
#threads table tbody tr.closed td.title a.title {
	color: #766;
}
#threads table tbody tr.pointer td.title a.title {
	color: #56b;
}
#threads table tbody tr.sticky td.title a.title {
	color: #730;
}
#threads table tbody tr.faq td.title a.title {
	color: black;
}
#threads table tbody tr.section td.title a.title {
	color: black;
}
#threads table tbody tr td.group {
	color: #669;
	padding: 2px 0.5em 2px 1px;
	text-align: right;
}
#threads table tbody tr td.group a {
	color: #669;
}
#threads table tbody tr td.reps,
#threads table tbody tr td.reads {
	background-image: none;
	font: 14px 'Lucida Grande', Arial, Helvetica, sans-serif;
	padding: 2px;
	text-align: center;
}
#threads table tbody tr td.oldest,
#threads table tbody tr td.newest {
	padding: 2px;
	text-align: center;
}
#threads table tbody tr td.oldest {
	padding-right: 0;
}
#threads table tbody tr td.newest {
	padding-left: 0;
}
#threads table tbody tr td.goend {
	padding: 2px 2px 2px 3px;
	text-align: center;
}
#threads table tbody tr.pointer td.newest {
	color: gray;
}
#threads table tbody tr.deleted td.title {
	color: #888;
}
#threads table tbody tr.deleted td.title a {
	color: #A09999;
}
#threads table tbody tr.deleted td.title span a {
	color: #888;
	text-decoration: underline;
}
#threads table tbody tr.deleted td.newest {
	color: gray;
}
#threads .foot_newthread {
	color: #78644F;
	font: bold 1.6em Arial;
	margin-top: 0.4em;
	text-align: right;
}
#threads .foot_newthread a {
	color: #78644F !important;
	text-decoration: underline;
}
#threads .foot_newthread a:hover {
	color: #3D3327 !important;
}
#threads .search_mini {
	color: #78644F;
	float: left;
	margin-top: 1em;
}
#threads .search_mini .searchbox {
	border: 1px solid #78644F;
	width: 9em;
}


/* ============================================================
 *
 *                   jobs_all.css
 *
 * ============================================================ */

/* Home page element */

#latestjobs .job {
	border-bottom: 1px solid #D1C9C0;
	margin-bottom: 0.6em;
	padding-bottom: 0.6em;
}
#latestjobs .job:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#latestjobs .job strong {
	font-size: 11px;
	margin-right: 0.3em;
	white-space: nowrap;
}
#latestjobs .job em {
	color: #937F68;
	font-size: 12px;
	font-style: normal;
	margin-left: 0.3em;
	white-space: nowrap;
}

/* Job list */

#jobs h4 {
	background-color: #f8f8f8;
	border-bottom: 2px solid #D1C9C0;
	font-size: 1.4em;
	font-weight: normal;
	margin: 2em 0 0.2em 0;
	padding: 0.4em 0.7em;
}
#jobs ul {
	margin: 0;
	padding: 0;
}
#jobs li {
	border-bottom: 1px dashed #bbb;
	list-style: none;
	margin: 0;
	padding: 0.5em 1em;
}
#jobs li a {
	font-weight: bold;
}
#jobs li span {
	color: #888;
}
#jobs li.none {
	border-bottom: none;
	color: #888;
}
#jobs li span.mark {
	color: red;
	font-weight: bold;
}
#jobs li.new {
}
#jobs li.pending,
#jobs li.edit-pending {
	background-color: #FFFFDD;
}
#jobs li.deleted {
	background-color: #fdd;
}
#jobs li.ended {
	background-color: #ddd;
	color: gray !important;
}
#jobs li.ended a {
	color: #779;
}
#jobs li span.when {
	display: block;
	float: right;
	font-size: 0.85em;
}
#jobs li span.when.ditto {
	display: none;
}
#jobs .blammo {
	display: none;
}

/* Pills */

#jobs span.job-new,
#jobs span.job-pending,
#jobs span.job-edit-pending,
#jobs span.job-ended,
#jobs span.job-deleted {
	position: relative;
	top: -1px;
	background-color: gray;
	color: white !important;
	font: bold 10px arial, sans-serif;
	padding: 2px 4px 3px 4px;
	margin-right: 0.5em;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
}
#jobs span.job-new {
	background-color: #3B4A9F;
}
#jobs span.job-pending {
	background-color: #974;
}
#jobs span.job-edit-pending {
	background-color: #B74;
}
#jobs span.job-ended {
	background-color: #999;
}
#jobs span.job-deleted {
	background-color: maroon;
}

/* Job ad */

#jobad {
	background: #eee;
	border: 1px solid gray;
	margin: 0 0.5em 2em 0.5em;
	padding: 2em 3em;
	z-index: 2;
}
#jobad.preview {
	background: #F2EBE5;
}
#jobad h2 {
	font: normal 2.2em Arial, sans-serif;
	margin: 0 0 0.1em 0;
	/*padding: 0 0 0.2em 0;*/
}
#jobad h3 {
	font: normal 1.6em Arial, sans-serif;
	margin: 0 0 0.6em 0;
	/*padding: 0 0 0.2em 0;*/
}
#jobad .whirlcode2 {
	font: normal 1.2em/1.4em Arial, sans-serif;
}
#jobad .whirlcode2 p {
	margin: 1em 0;
}
#jobad .whirlcode2 ul,
#jobad .whirlcode2 ol {
	margin: 1em 0;
	padding: 0 0 0 2em;
}
#jobad .whirlcode2 h2 {
	color: #3D3327;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0.5em 0;
}
#jobad .whirlcode2 h3 {
	color: #3D3327;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0.5em 0;
}
#jobad .whirlcode2 h4 {
	color: #3D3327;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0.5em 0;
}
#jobad a.button {
	border: 2px outset white;
	font: bold 18px Arial, sans-serif;
	padding: 0.3em 1em;
}
#jobad a.button:link,
#jobad a.button:visited {
	background-color: #ddd !important;
	color: black !important;
	text-decoration: none !important;
}
#jobad a.button:hover,
#jobad a.button:active {
	background-color: #eee !important;
	color: black !important;
	text-decoration: none !important;
}
#jobad h3 small {
	color: gray;
	font-size: 1em;
	font-weight: normal;
}


/* ============================================================
 *
 *                   jobs_form_screen.css
 *
 * ============================================================ */

#box form.job {
	border: 0;
	margin: 0;
	padding: 0;
}
#box form.job > table {
	border: 0;
	border-spacing: 10px;
	margin: 0;
	padding: 0;
	width: 100%;
}
#box form.job table tr th {
	font-size: 1.2em;
	padding: 3px 0;
	text-align: right;
	vertical-align: top;
}
#box form.job table tr td {
	color: #888;
	font-size: 1.1em;
	padding: 0;
	text-align: left;
	vertical-align: top;
}
#box form.job table tr td strong {
	color: black;
}
#box form.job table tr td label {
	color: black;
	font-weight: normal;
}
#box form.job table tr td input {
	font-size: 16px;
}
#box form.job table tr td select {
	font-size: 16px;
}
#box form.job table tr td input.mono {
	font: 16px monospace;
}
#box form.job table tr td textarea {
	font-size: 16px;
	width: 98%;
}
#box form.job table tr td input.checkboxpad {
	margin-top: 0.4em;
}
#box form.job table.forpub {
	border: 1px solid #ccc;
	background: #e5e5e5;
}
#box form.job table.notforpub {
	border: 1px solid #D1C9C0;
	background: #F2EBE5;
}
#box form.job .incomplete input,
#box form.job .incomplete textarea {
	border: 2px solid red !important;
}
#box form.job .incomplete span,
#box form.job .incomplete label,
#box form.job .incomplete th {
	color: #D00 !important;
	font-weight: bold !important;
}


/* ============================================================
 *
 *                   news_all.css
 *
 * ============================================================ */

#news .article {
	background: #eee;
	border: 1px solid rgba(0, 0, 0, 0.35);
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.25);
	margin: 0 0.5em 2em 0.5em;
	padding: 2em 3em;
	z-index: 2;
}
#news .article.index {
	margin: 0 1.5em 1.5em 0;
	padding: 1.2em 1.5em 0.5em 1.5em;
}
#news .article h1 {
	font: normal 2.5em Arial, sans-serif;
	margin: 0 0 0.3em 0;
	padding: 0 0 0.2em 0;
}
#news .article.index h1 {
	font: bold 1.8em Arial, sans-serif;
	margin: 0 0 0.3em 0;
	padding: 0 0 0.2em 0;
}
#news .article h1.title {
	border-bottom: 1px dashed #888;
}
#news .article h3 {
	float: right;
	font: normal 1.2em Arial, sans-serif;
	margin: 0 0 0 1em;
	text-align: right;
}
#news .article.index h3 {
	font: bold 1.0em Arial, sans-serif;
}
#news .article h6.note {
	color: red;
	font: bold 1.3em Arial, sans-serif;
	margin: 0 0 -1em 0;
	text-align: right;
}
#news .article span.whirlcode1 {
	font: normal 1.3em/1.5em Arial, sans-serif;
	margin: 1em 0;
}
#news .article.index span.whirlcode1 {
	font: normal 1em/1.35em Arial, sans-serif;
}
#news .article span.whirlcode1 .wptitle {
	color: #77634F;
	font-weight: bold;
}
#news .article span.whirlcode1 .wpquote {
	color: #3A437B;
	font-style: italic;
}
#news .article.roundup h3 {
	margin-top: 0.3em;
}
#news .article.roundup h4 {
	color: #937F68;
	font-size: 1em;
	font-weight: normal;
	margin: 0.5em 0 0.3em 0;
}
#news .article.roundup h4 a {
	font-weight: bold;
}
#news .article.roundup h4 a:visited {
	color: #779;
}
#news .article.roundup p {
	color: #3D3327;
	font-size: 0.85em;
	margin: 0.3em 0 1em 0.7em;
}
#comments {
	background: #eee;
	border: 1px solid gray;
	margin: 2em 0.5em;
	padding: 2em 3em;
}
#comments .mainrhed {
	font: 18px/24px 'Trebuchet MS',Verdana,Geneva,sans-serif;
}
#comments .mainsml {
	color: #559;
	font: 11px/11px Verdana,Geneva,sans-serif;
}
#comments .mainrtop {
	background: #DDE2EE;
	color: black;
	font: 11px Verdana,Geneva,sans-serif;
}
#comments .mainrtopHigh {
	background: #EED19A;
	color: black;
	font: 11px Verdana,Geneva,sans-serif;
}
#comments .mainrtopDel {
	background: #AAA;
	color: black;
	font: 11px Verdana,Geneva,sans-serif;
}
#comments .mainbod {
	color: black;
	font: 14px/17px 'Trebuchet MS',Verdana,Geneva,sans-serif;
}
#comments .mainbodHigh {
	background: #FFF8EB;
	color: black;
	font: 14px/17px 'Trebuchet MS',Verdana,Geneva,sans-serif;
}
#comments .mainbodDel {
	background: #CCC;
	color: black;
	font: 14px/17px 'Trebuchet MS',Verdana,Geneva,sans-serif;
}
#comments .mainUserMark {
	border-right: 4px solid #D87400;
	padding-right: 5px;
}


/* ============================================================
 *
 *                   skin_core_screen.css
 *
 * ============================================================ */

/* Core */
body {
	margin: 0;
	padding: 0;
	border: none;
	font-family: Arial, sans-serif;
	font-size: 12.8px;
	background-color: #3D3327; /* brown */
}
body.mobile {
	background-color: #D1C9C0; /* beige */
	-webkit-text-size-adjust: none;
}

body.IE6 {
	position: relative; /* this rather insane addition fixes a text selection bug */
}
body.IE6.wide #root,
body.IE6.wide #footer {
	width: 110em; /* css properties to support max-widthing in javascript */
}
body.IE6,
body.IE7,
body.opera {
	font-size: 13px; /* initial size needs to be slightly different */
}


table {
	font-family: Arial, sans-serif;
}

body pre {
	white-space: pre-wrap; /* http://whrl.pl/RbJmtf */
}
body.IE6 pre,
body.IE7 pre {
	word-wrap: break-word; /* http://whrl.pl/RbJmtf */
}
body.opera pre {
	word-wrap: -o-pre-wrap; /* http://whrl.pl/RbJmtf */
}

body.opera wbr:after {
	content: "\00200B";/* http://www.quirksmode.org/oddsandends/wbr.html */
}


/* Content */
*::-moz-selection  {
	background: #BFB4A7;
	color: #222222;
}
a::-moz-selection,
a *::-moz-selection  {
	background: #C3C5DF;
	color: #222222;
}
*::selection  {
	background: #BFB4A7;
	color: #222222;
}
a::selection,
a *::selection  {
	background: #C3C5DF;
	color: #222222;
}


/* Content */
#root {
	background-color: #D1C9C0;
}
#root,
#footer {
	position: relative;
	width: 97%;
	max-width: 110em;
	margin: 0px auto;
}
body.edge #root {
	z-index: 5;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
	-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
}
body.edge #footer {
	z-index: 4;
}
body.mobile #root,
body.mobile #footer {
	position: static;
	width: auto;
	max-width: auto;
	margin: auto;
}
body.mobile #root {
	background-color: transparent;
}

/* Content */
#content {
	position: relative;
	background: #D1C9C0 url(/skin/web/img/top-24.png) repeat-x top; /* beige with gradient */
	border-top: 7px solid #232A54; /* dark blue */
	margin: 0 0 0 16em;
	width: auto;
	min-height: 100em;
	padding: 4.5em 1.5em 1.5em 1.5em;
	-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
}
body.mobile #content {
	border-top: none;
	margin: auto;
	width: auto;
	min-height: auto;
	padding: 0;
}
body.IE6 #content {
	height: 1200px; /* instead of min-height, which IE6 doesn't support */
}
#content > span.shim-swoosh {
	display: block;
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: auto;
	width: 257px; height: 55px;
	background: url(/skin/web/img/top-left-24.png) no-repeat top left;
}
body.mobile #content > span.shim-swoosh {
	display: none;
}

/* Breadcrumbs */
#content ul#breadcrumb {
	display: block;
	position: absolute;
	top: 1.2em; bottom: auto;
	left: 1.5em; right: 1.5em;
	width: auto; height: auto;
	margin: 0;
	padding: 0;
}
body.mobile #content ul#breadcrumb {
	position: static;
	top: auto; bottom: auto;
	left: auto; right: auto;
	padding: 1em 0.5em 0.5em 1em;
}
#content ul#breadcrumb li {
	display: inline;
	list-style: none;
	margin: 0 0.3em 0 0;
	font: normal 1.8em Georgia, Cambria, Charter, 'Century Schoolbook', serif;
	letter-spacing: 0em;
	color: white;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.2);
}
#content ul#breadcrumb li a {
	color: white;
	font: normal 0.75em Georgia, Cambria, Charter, 'Century Schoolbook', serif;
	text-decoration: underline;
}
#content ul#breadcrumb li a:hover {
	color: #D1C9C0;
}
#content ul#breadcrumb li:before {
	content: "\00BB \0020";
}


#content ul#breadcrumb_footer {
	display: block;
	margin: 1em 0 0.5em 0;
	padding: 0;
}
#content ul#breadcrumb_footer li {
	display: inline;
	list-style: none;
	margin: 0 0.3em 0 0;
	font: normal 1.4em Georgia, Cambria, Charter, 'Century Schoolbook', serif;
	letter-spacing: 0em;
	color: #78644F;
}
#content ul#breadcrumb_footer li a {
	color: #78644F;
	font: normal 0.9em Georgia, Cambria, Charter, 'Century Schoolbook', serif;
	text-decoration: underline;
}
#content ul#breadcrumb_footer li a:hover {
	color: #3D3327;
}
#content ul#breadcrumb_footer li:before {
	content: "\00BB \0020";
}


/* Standard box style (previously id=wiki) */
#box {
	margin: 0 0.5em 2em 0.5em;
	padding: 2em 3em;
	background: #eee;
	border: 1px solid gray;
	z-index: 2;
}
body.mobile #box {
	padding: 0.8em 1.5em;
}
#box h1 {
	font: normal 2.5em Arial, sans-serif;
	margin: 0 0 0.6em 0;
	padding: 0 0 0.2em 0;
}
#box h1.title {
	border-bottom: 1px dashed #888;
}
#box h2 {
	font: normal 2em Arial, sans-serif;
	margin: 0 0 0.6em 0;
	padding: 0 0 0.2em 0;
}
#box h2.subtitle {
	background-color: #DED6CE;
	margin: 1em 0 0.6em 0;
	padding: 0.2em 0.4em;
}
#box h6.note {
	font: bold 1.3em Arial, sans-serif;
	margin: 0 0 -1em 0;
	text-align: right;
	color: red;
}
#box div.bodytext {
	font: normal 1.25em/1.3em Arial, sans-serif;
}
#box div.bodytext h3 {
	font: bold 1.2em Arial, sans-serif;
	color: #3D3327;
	margin: 1em 0 0.6em 0;
}
#box div.bodytext h4 {
	font: normal 1.1em Arial, sans-serif;
	color: #3A437B;
	margin: 0.6em 0 0.4em 0;
}
#box div.bodytext pre {
	font: 0.9em consolas, monospace;
	margin-left: 1em;
	padding: 0.5em 1em;
	border-left: 2px dashed #D1C9C0;
	overflow-x: auto;
}


/* ============================================================
 *
 *                   skin_footer_screen.css
 *
 * ============================================================ */

/* Footer */
#footer {
	min-height: 18em; /* will probably need tweaking */
	background: #3D3327 url(../img/footer-glow2.jpg) no-repeat top center; /* brown */
	padding: 2em 0 2em 0;
}
body.IE6 #footer {
	background: #3D3327; /* disable background glow in IE6 because we can't do translucent composition */
}
body.mobile #footer {
	min-height: initial;
	background: #3D3327;
}
#footer > span.shim1,
#footer > span.shim2 {
	display: block;
	position: absolute;
	top: 0; bottom: auto;
	left: 0; right: 600px;
	width: auto; height: 35px;
	background: url(../img/footer-shadow-half-24.png) no-repeat top left;
}
#footer span.shim2 {
	left: auto; right: 0;
	width: 600px;
	background-position: top right;
}
body.edge #footer span.shim1,
body.edge #footer span.shim2 {
	display: none;
	background: none;
}
body.IE6 #footer span.shim1,
body.IE6 #footer span.shim2 {
	display: none; /* IE6 doesn't properly support translucent pngs */
}
body.mobile #footer span.shim1,
body.mobile #footer span.shim2 {
	display: none;
}

/* Footer blocks */
#footer dl {
	margin: 0;
	float: left;
	width: 16%;
	min-height: 30em;
	border-left: 2px solid #5e554a;
}
body.mobile #footer dl {
	width: auto;
	min-height: initial;
	margin: 0;
	float: initial;
	border-left: initial;
}
#footer dl:first-child {
	border-left: 0;
}
#footer dl dt:first-child {
	margin-top: -2px;
}
#footer dl dt {
	margin: 1em 0 0.2em 1.5em;
	padding: 0 0 0.1em 0;
	color: #cac4bd;
}
body.webkit #footer dl dt,
body.webkit #footer dl dd {
	font: 12px/18px 'Helvetica Neue', Arial, sans-serif !important;
}
#footer dl dd {
	margin: 0 0 0 2em;
	padding: 0 0 0 0;
	color: #95867c;
}
#footer dl dd a {
	color: #95867c;
	text-decoration: none;
	border-bottom: 1px solid #5e554a;
}
#footer dl dd a:hover {
	color: white;
	text-decoration: underline;
}
#footer dl dt,
#footer dl dd {
	font: 12px/18px Arial, Helvetica, sans-serif;
}



#footer dl dt.whirlpool a {
	display: block;
	background: transparent url(../img/logo-redo-ghost-24.png) no-repeat top left;
	width: 150px;
	height: 150px;
	margin: 1em 0 0.5em 0.5em;
}
body.IE6 #footer dl dt.whirlpool a {
	background: transparent url(../img/logo-redo-ghost-8.png) no-repeat top left;
}
body.mobile #footer dl dt.whirlpool a {
	display: none;
}
#footer dl dt.bulletproof {
	margin-top: 2em;
}
#footer dl dt.bulletproof a {
	display: block;
	background: transparent url(../img/bulletproof-ghost-24.png) no-repeat top left;
	width: 151px;
	height: 37px;
	margin: 1em 0 0.5em 0.5em;
}
body.IE6 #footer dl dt.bulletproof a {
	background: transparent url(../img/bulletproof-ghost-8.png) no-repeat top left;
}
body.mobile #footer dl dt.bulletproof a {
	/*display: none; */
}
#footer dl dt a span {
	display: none;
}


/* ============================================================
 *
 *                   skin_leftnav_screen.css
 *
 * ============================================================ */

/* Logo */
body.not_mobile #logo {
	position: absolute;
	top: 0; bottom: auto;
	left: 0; right: auto;
	width: 16em; height: auto;
	z-index: 6;
}
body.not_mobile #logo h1 {
	margin: 0;
	padding: 0;
	width: 16em;
	height: 190px;
	background: #3a437b url(/skin/web/img/logo-bluegloss-8.png) no-repeat top right; /* blue with logo */
	font-size: 1em;
	position: relative;
}
body.not_mobile #logo h1 a {
	margin: 0;
	padding: 0;
	font-size: 1em;
	width: 16em;
	height: 190px;
	display: block;
}
body.not_mobile #logo h1 span {
	display: none;
}
body.not_mobile #logosub {
	position: absolute;
	top: 0; bottom: auto;
	left: 0; right: auto;
	width: 16em; height: auto;
	z-index: 5;
}
body #logosub h2 {
	margin: 0 0 0 -200em;
	padding: 0;
	width: 216em;
	height: 108px;/* 14.5em */
	background: transparent url(../img/logo-brown-8.png) no-repeat top right; /* blue with logo */
	font-size: 1em;
}
body.not_mobile.edge #logosub h2 {
	background-image: url(../img/logo-brown-24.png);
}

body.mobile #logo {
	position: static;
	background: #3a437b;
	width: auto;
}
body.mobile #logo h1 {
	margin: 0;
	padding: 2px 0.5em;
	width: auto;
}
body.mobile #logo h1 a {
	color: #D3DEFF;
}
body.mobile #logo span.accessible {
	display: inline !important;
}
body.mobile #logo span.accessible a {
	position: absolute;
	display: block;
	top:0;left:auto;right:0; width: 10em;
	padding: 0.5em;
	color: white;
	font: bold 14px Arial, sans-serif;
	text-align:right;
	text-decoration: underline;
}
body.mobile #logosub {
	display: none;
}



/* Left Bar */
#left {
	position: absolute;
	top: 190px; bottom: 0;
	left: 0; right: auto;
	width: 16em; height: auto;
	background-color: #3a437b; /* blue */
	border-bottom: 2px solid #525D94; /* blue lighter 1 */
	overflow: hidden;
}
body.mobile #left {
	position: relative;
	top: auto; bottom: auto;
	left: auto; right: auto;
	width: 100%; height: auto;
}


/* Left Menu */
#left ul#menu {
	margin: 0.8em 0 0.8em 0.8em;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
	box-shadow: 0 0 12px #2A3266;
	background-color: #616ca3;
}
#left ul#menu > li {
	margin: 0;
	padding: 0;
	position: relative;
}
#left ul#menu > li.even {
	background-color: #525d94; /* blue lighter 1 */
}
#left ul#menu > li.odd {
	/* background-color: #616ca3;*/ /* blue lighter 2 */
}
#left ul#menu > li.selected {
	background: #D1C9C0 url(../img/menu-back-beige-24.png) no-repeat top right; /* beige with gradient */
	overflow: hidden;
	-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
}
body.mobile #left ul#menu > li.selected {
	background-color: #D1C9C0; /* beige */
}
#left ul#menu > li > a {
	width: auto;
	display: block;
	font: normal 1.63em Georgia, Cambria, Charter, 'Century Schoolbook', serif;
	letter-spacing: -0.01em;
	color: #d3deff;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
#left ul#menu > li > a:hover {
	background-color: #2a3266; /* dark blue */
}
#left ul#menu > li > a span {
	display: block;
	padding: 0.36em 0.3em 0.4em 0.5em;
}
#left ul#menu > li.selected > a {
	color: #5a4a38 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#left ul#menu > li.selected > a:hover {
	background-color: transparent; /* #D1C9C0 */
}


/* Left Menu inner shadow */
#left ul#menu > li > span.shim1 {
	display: none;
}
body.mobile #left span.shim1 {
	display: none !important;
}
#left ul#menu > li.selected > span.shim1 {
	display: block;
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: auto;
	width: 0.8em; height: auto;
	background: url(../img/menu-back-beige-24.png) repeat-y top left !important;
}
#left ul#menu > li.beforeselected > span.shim1 {
	display: block;
	position: absolute;
	top: auto; bottom: 0;
	left: auto; right: 0;
	width: 8px; height: 8px;
	background: url(../img/menu-corner-beige-24.png) no-repeat bottom right !important;
}


/* Left Menu (sub items) */
#left ul#menu > li > ul {
	list-style-type: disc;
	margin: -0.5em 0 0 1.8em;
	padding: 0 0.5em 0.8em 0;
	display: none;
}
#left ul#menu > li.selected > ul {
	display: block;
}

#left ul#menu > li > ul > li {
	margin: 0;
	padding: 0;
	font: 1em/16px 'Lucida Grande', Calibri, Arial, sans-serif;
	color: #d3deff;
}
#left ul#menu > li > ul > li > a {
	color: #d3deff;
}

#left ul#menu > li.selected > ul > li {
	color: #5a4a38;
}
#left ul#menu > li.selected > ul > li > a {
	color: #5a4a38;
}


/* Left New Messages  */
#left ul#menu > li#menu_whim {
	background-color: #D87400; /* orange +10% black *//* #FF9922; orange +10% white */
	-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
}
#left ul#menu > li#menu_whim a,
#left ul#menu > li#menu_whim li {
	color: white !important;
}
#left ul#menu > li#menu_whim a:hover {
	background-color: transparent !important;
}
#left ul#menu > li#menu_whim > ul {
	display: block;
}


/* Left text notes */
#left dl {
	margin: 1.5em 0 0 1.3em;
}
#left dl dt {
	border-bottom: 1px solid #525D94; /* blue lighter 1 */
	margin: 0 0 0.2em 0;
	padding: 0 0 0.1em 0.2em;
	color: #BAC2E8;
	font-family: 'Lucida Grande', Calibri, Tahoma, sans-serif;
	font-weight: bold;
}
#left dl dt a {
	text-decoration: none;
	color: #d3deff;
}
#left dl dt a:hover {
	color: white;
}
#left dl dd {
	margin: 0;
	padding: 0 1em 0 0.3em;
	color: #BAC2E8;
	font: 12px/17px 'Lucida Grande', Calibri, Arial, sans-serif;
}
#left dl dd a {
	color: #BAC2E8;
	text-decoration: none;
	border-bottom: 1px solid #525D94;
}
#left dl dd a:hover {
	text-decoration: underline;
}


/* User info */
#left dl.userinfo {
	margin-bottom: 2em;
}
#left dl.userinfo dd {
	font-size: 1.2em;
	line-height: 18px;
}
#left dl.userinfo dt {
	font: normal 1.63em Georgia, Cambria, Charter, 'Century Schoolbook', serif;
}
#left dl.userinfo dd a {
	color: #d3deff;
}


/* Login form */
#sign_in {
	margin: 0;
	padding: 0;
}
#sign_in fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
#sign_in fieldset legend {
	display: none;
}
#sign_in fieldset dd {
	margin-top: 0.3em;
}
#sign_in fieldset dd.persist input {
	margin: 0 2px 0 0;
}
#sign_in fieldset dd.persist label {
	font-size: 0.9em;
	line-height: 16px;
}
#sign_in fieldset dd.user input,
#sign_in fieldset dd.pass input {
	border: none;
}


/* Custom components */
#left dl.bulletproof dd a {
	display: block;
	background: transparent url(/skin/web/img/bulletproof-side-8.png) no-repeat top left;
	width: 167px;
	height: 41px;
	border: none;
	margin: 0.5em 0 0 0;
}
#left dl.bulletproof dd a span {
	display: none;
}






/* ------------ */
/* webkit fonts */
/* ------------ */



/* Left Menu */
body.webkit #left ul#menu > li > a {
	font: normal 1.7em Baskerville, Georgia, serif !important;
	letter-spacing: 0em !important;
}

/* Left Menu (sub items) */
body.webkit #left ul#menu > li > ul > li {
	font: 0.95em/16px 'Helvetica Neue', Arial, sans-serif !important;
}

/* Left text notes */
body.webkit #left dl dt {
	font: bold 13px/17px 'Helvetica Neue', Arial, sans-serif !important;
}
body.webkit #left dl dd {
	font: 12px/17px 'Helvetica Neue', Arial, sans-serif !important;
}

/* User info */
body.webkit #left dl.userinfo dt {
	font: normal 1.7em Baskerville, Georgia, serif !important;
}




/* ----------- */
/* IE6 can die */
/* ----------- */


/* this element's effect won't work so don't bother with it */
body.IE6 #logosub {
	display: none;
}

/* can't stretch the height automatically, so rough it */
body.IE6 #left {
	height: 1200px;
}

/* unfucks paddings somehow */
body.IE6 #left ul#menu li {
	border-bottom: 1px solid #525d94; /* blue lighter 1 */
}
body.IE6 #left ul#menu li li {
	border-bottom: 1px solid #D1C9C0; /* beige */
}
body.IE6 #left ul#menu li#menu_user,
body.IE6 #left ul#menu li#menu_user li,
body.IE6 #left ul#menu li#menu_whim li {
	border-bottom: 0;
}
body.IE6 #left ul#menu li#menu_whim {
	border-bottom: 1px solid #D87400;
}


/* -------------------------------------------------------------------------------- */
/* all of the following elements are here because IE6 doesn't recognise > selectors */
/* -------------------------------------------------------------------------------- */


/* Left Menu */
body.IE6 #left ul#menu li {
	margin: 0;
	padding: 0;
}
body.IE6 #left ul#menu li.even {
	background-color: #525d94; /* blue lighter 1 */
}
body.IE6 #left ul#menu li.odd {
	background-color: #616ca3; /* blue lighter 2 */
}
body.IE6 #left ul#menu li.selected {
	background-color: #D1C9C0; /* beige */
}
body.IE6 #left ul#menu li a.xx {
	width: auto;
	display: block;
	font: normal 1.63em Georgia, Cambria, Charter, 'Century Schoolbook', serif;
	color: #d3deff;
	text-decoration: none;
}
body.IE6 #left ul#menu li a.xx:hover {
	background-color: #2a3266; /* dark blue */
}
body.IE6 #left ul#menu li a.xx span {
	display: block;
	padding: 0.36em 0.3em 0.4em 0.5em;
}
body.IE6 #left ul#menu li.selected a.xx {
	color: #5a4a38 !important;
}
body.IE6 #left ul#menu li.selected a.xx:hover {
	background-color: transparent;
}


/* Left Menu inner shadow */
body.IE6 #left ul#menu li span.shim1 {
	display: none;
}

/* Left Menu (sub items) */
body.IE6 #left ul#menu li ul {
	list-style-type: disc;
	margin-left: 0; /* IE6: setting all margins is recipe for big fat trouble */
	padding: 0 0.5em 0.8em 1.8em;
	display: none;
}
body.IE6 #left ul#menu li.selected ul {
	display: block;
}

body.IE6 #left ul#menu li ul li {
	margin: 0;
	padding: 0;
	font: 0.9em/14px Tahoma, sans-serif;
	color: #d3deff;
}
body.IE6 #left ul#menu li ul li a {
	color: #d3deff;
	height: auto;
	font: normal 1em/14px Tahoma, sans-serif;
	letter-spacing: auto;
	color: #d3deff;
	text-decoration: underline;
}

body.IE6 #left ul#menu li.selected ul li {
	color: #5a4a38;
}
body.IE6 #left ul#menu li.selected ul li a {
	color: #5a4a38;
}


/* Left New Messages  */
body.IE6 #left ul#menu li#menu_whim {
	/* margin-top: 0.75em; */
	background-color: #D87400; /* orange +10% black *//* #FF9922; orange +10% white */
}
body.IE6 #left ul#menu li#menu_whim a,
body.IE6 #left ul#menu li#menu_whim li {
	color: white !important;
}
body.IE6 #left ul#menu li#menu_whim a:hover {
	background-color: #D87400; /* orange +10% black *//* #FF9922; orange +10% white */
}
body.IE6 #left ul#menu li#menu_whim ul {
	display: block;
}


/* ============================================================
 *
 *                   wiki_core_screen.css
 *
 * ============================================================ */

#wikinav {
	list-style: none;
	margin: 2px 0.5em;
	padding: 0;
}
#wikinav li {
	background: white;
	border: 1px solid #999;
	border-bottom: none;
	display: inline;
	font: 1.3em Arial, sans-serif;
	margin: 0 .3em 0 0;
	overflow: visible;
	padding: 2px 0 .1em 0;
	z-index: 1;
}
#wikinav li.selected {
	border-color: gray;
	font-weight: bold;
	padding: 2px 0 2px 0;
	z-index: 3;
}
#wikinav li a {
	background-color: #ECE8E2;
	border: none;
	color: #002bb8;
	margin: 0;
	padding: 2px .8em 2px .8em;
	position: relative;
	text-decoration: none;
	z-index: 1;
}
#wikinav li.selected a {
	background-color: #eee;
	padding-bottom: 4px;
	z-index: 3;
}
#wikinav li.disabled a {
	background-color: #D1C9C0;
	color: #927E68;
}
#box table.history {
	border-collapse: collapse;
	width: 100%;
}
#box table.history td {
	border-bottom: 1px solid silver;
	padding: 0.4em;
}
#box pre#compared {
	font: 15px monospace;
	overflow-x: auto;
	white-space: -moz-pre-wrap;
	width: 100%;
}
#box ins {
	background-color: #DFD;
	text-decoration: none;
}
#box del {
	background-color: #FDD;
}