@import "less";

/* Left Sidebar
-------------------------------------------------- */
/* Sidebar Nav
--------------------------------- */

/* -----------------------------------------------------------
	General
-------------------------------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
	background: #fff;
}
html, body/* td, th, p, li, */ {
	font-family: @bodyFamily;
}
html, body, td, th, p, li, .alt1, .alt1Active, tr.alt2 td, td.alt2 {
	color: #1A1A1A;
}

a:link,
a:visited,
a:active	{ color: @link; text-decoration: none; outline: none; }
a:hover		{ color: @link-hover; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
h2, h3, h4, h5, h6 {
	font-family: @headingFamily;
}
h1			{ font-size: 24px; font-weight: normal; color: @nice-blue; }
h2			{ font-size: 18px; font-weight: normal; }
h3			{ font-size: 14px; font-weight: bold; }

.tborder h1,
.tcat h2,
#threadslist h2,
.tborder h3,
.tborder h4,
.tborder h5 { display: inline; }

hr			{ clear: both; }

.floatLeft	{ float: left; }
.floatRight	{ float: right; }
.clear		{ clear: both; }
.clearLeft	{ clear: left; }
.clearRight	{ clear: right; }

dl			{ display: block; margin: 0; padding: 0; }
dt, dd		{ display: block; float: left; clear: left; margin: 0; padding: 0; font-weight: bold; }
dd			{ clear: none; margin: 0; padding: 0 0 5px 10px; font-weight: normal; }


/* Forms
--------------------------------- */
textarea,
.bginput	{ font-family: @bodyFamily; }
form input[type="text"],
form input[type="password"]	{
	padding: 2px 4px;
	color: #666;
	border: 1px solid #999;
	.box-shadow-innershadow;
	.input-corners;
}
div.input	{ float: left; }

#formcontrols,
#pm_filter .floatcontainer {
	overflow: hidden;
	float: left;
}
#pm_filter .floatcontainer {
	padding-left: 60px;
}
#formcontrols label,
#pm_filter .floatcontainer label {
	clear: left;
	float: left;
	display: block;
	width: 150px;
	margin: 0 0 10px;
	padding: 2px 10px 0 0;
}
#pm_filter .floatcontainer label {
	width: 40px;
}
#formcontrols label,
#formcontrols input.bginput,
#formcontrols select,
#pm_filter .floatcontainer select,
#pm_filter .floatcontainer input,
#pm_filter .floatcontainer a {
	float: left;
	margin: 0 10px 10px 0;
}

/* -----------------------------------------------------------
	Structure
-------------------------------------------------------------- */
div.page {
	width: auto;
	min-width: @page-width;
	padding: 0 50px;
}
.home .page,
#main {
	padding: 20px 60px 0;
}
td#primary {
	vertical-align: top;
}
#secondary {
	width: 300px;
	padding: 10px 0 0 30px;
	vertical-align: top;
}
#secondary .module {
	.aside;
}
#secondary .module h3 {
	.aside-heading;
}
#secondary .module h3 a {
	.aside-heading-link;
}
#secondary #feed h3			{ background-position: 10px 0px; }
#secondary #polls h3		{ background-position: 10px -72px; }
#secondary #stats h3		{ background-position: 10px -144px; }
#secondary #happenings h3	{ background-position: 10px -213px; }

#secondary .module .moduleContent {
	padding: 15px 20px;
	background: #F2F2F2;
}
#secondary .mrec {
	text-align: center;
}
#secondary .sponsor {
	width: 125px;
	float: left;
	margin: 0 10px 0 15px;
}
#secondary .briefWrap {
	position: relative;
	left: -10px;
	width: 320px;
	height: 195px;
	padding: 0;
}
.briefWrap .brief {
	width: 259px;
	height: 175px;
	padding: 10px 30px;
	line-height: 18px;
	background: #fff url("/shared/images/sprite-images.png") -108px -485px no-repeat;
}
#secondary .briefWrap h3 {
	padding: 0;
	background: none;
	border: none;
}
#secondary .briefWrap input {
	float: left;
	width: 160px;
	margin: 0 10px 0 0;
	padding: 5px 5px 2px;
	line-height: 16px;
}
#secondary .briefWrap .submit input {
	width: auto;
	margin: 0;
	padding: 3px 5px;
}
#secondary #feed .moduleContent {
	padding: 0;
}
ul#river {
	list-style: none;
	margin: 0 2px;
	padding: 0;	
}
ul#river li {
	margin: 0;
	padding: 14px 18px;
	border-bottom: 1px solid #666;
}
span.riverPosted {
	display: block;
	padding: 4px 0 0;
	font-size: 11px;
}

.looseContent {
	padding-left: 30px;
}
.looseContent h1 {
	padding-top: 20px;
}
.threadControls,
.iconKey {
	padding: 20px 0;
}
.threadControls .pagenav,
.threadControls .moderation {
	float: right;
}
.threadControls .moderation {
	position: relative;
	top: -10px;
	margin-left: 25px;
}
.vbmenu_popup {
	background: #999;
	-moz-box-shadow: 0 3px 3px #666;
	-webkit-box-shadow: 0 3px 3px #666;
	box-shadow: 0 3px 3px #666;
	border: none;
	clip: none !important;
}
.vbmenu_popup td.thead {
	font: bold 12px @headingFamily;
	color: #fff;
	background: #999;
	border: none;
}
.vbmenu_option {
	background: #fff;
}
.vbmenu_hilite {
	background: @link;
	color: #fff;
}
.vbmenu_option a:link, .vbmenu_option_alink {
	color: @nice-blue;
}

/* Header
-------------------------------------------------- */
#header, #resources, #branding {
	display: block;
	width: 100%;
	min-width: @page-width;
	margin: 0 0 15px;
	background: #fff url("/shared/images/sprite-gradients.png") 0 -2724px repeat-x;
}
#header {
	margin-top: 25px;
}
#header.toolbarCollapse {
	margin-top: 0;
}
#promobar {
	position: absolute;
}
.leaderboard {
	width: 728px;
	height: 90px;
	margin: 10px auto 0;
	padding: 3px;
	text-align: center;
	border: 6px solid #f2f2f2;
}



/* User Login Pulldown
--------------------------------- */
#userToolbar {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
	min-width: @page-width;
	background: transparent url("/shared/images/sprite-gradients.png") 0 -2016px repeat-x;
}
.toolbarCollapse #userToolbar {
	top: -60px;
}
.userBox {
	float: right;
	position: relative;
	width: 440px;
	height: 45px;
	padding: 66px 0 0 150px;
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	font-weight: 400;
	color: #7a7a7a;
	background: transparent url("/shared/images/sprite-images.png") right -361px no-repeat;
}
.userBox strong {
	font-weight: 700;
}
.guestBox .expanded .userBox {
	font-size: 13px;
	text-align: left;
}
.memberBox .expanded .userBox	{ padding-top: 30px; padding-bottom: 36px; }
.guestBox .expanded .userBox	{ padding-top: 10px; padding-bottom: 56px; }

.guestBox .userBox .extras,
.memberBox .expanded .extras	{ display: block; }
.userBox .extras,
.guestBox .expanded .extras,
.toolbarCollapse.guestBox form	{ display: none; }
 
#toggleuserBox,
.toolbarCollapse #toggleuserBox.expanduserBox {
	display: block;
	clear: both;
	position: absolute;
	left: 354px;
	bottom: 14px;
	width: 40px;
	height: 12px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	text-indent: -5000em;
	background: url("/forums/images/custom/buttons/collapse_tcat.gif") top right no-repeat;
}
#toggleuserBox.expanduserBox,
.toolbarCollapse #toggleuserBox {
	background-image: url("/forums/images/custom/buttons/collapse_tcat_collapsed.gif");
}
#login div.input {
	float: left;
	margin: 0 10px 8px 0;
}
#login, #login *, #login div label { color: #7a7a7a; }
#login label,
#login input.bginput {
	display: block;
	color: #666;
}
#login .text input.bginput {
	width: 120px;
	margin: 0 0 8px;
	line-height: 16px;
	border: none;
	.input-corners;
}
#login .input div, #login .input div * { font-size: 10px; }
#login .input div input, #login input[type="checkbox"] { margin: 0 0 0 2px; }
#login .input div label { display: inline; padding: 0 0 0 4px; color: #7a7a7a; }
.button,
a.button,
form .submit input,
#login .submit input,
#inlinego,
.altButton,
#jump .button,
#respond input#submit {
	/*display: block;
	float: left;*/
	margin: 0;
	padding: 5px 15px;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 1px 1px 2px #333;
	border: 1px solid #720812;
	.input-corners;
	.box-shadow-innerglow;
	background: #8f0c19 url("/shared/images/sprite-gradients.png") 0 -468px repeat-x;
	cursor: pointer;
}
.button:hover,
a.button:hover,
form .submit input:hover,
#login .submit input:hover,
#respond input#submit:hover {
	background-color: #7C0A16;
	background-position: 0 -504px;
}
#inlinego,
.altButton,
#jump .button {
	padding: 3px 6px;
	color: #333;
	text-transform: none;
	text-shadow: none;
	border-color: #a6a6a6;
	background-color: #f0f0f0;
	background-position: 0 -612px;
}
#inlinego:hover,
.altButton:hover,
#jump .button:hover {
	color: #000;
}
#login .submit input {
	margin: 14px 0 0;
}
/*
	margin: 10px 15px 15px 0;
	padding: 5px 15px;
*/	
	
/* General Header
--------------------------------- */
.header {
	position: relative;
	z-index: 9;
	height: 104px;
	margin: 0 500px 0 90px;
	padding: 15px 0 10px;
}
#site-title {
	display: block;
	overflow: hidden;
	width: 327px;
	height: 104px;
	margin: 0;
	text-indent: -5000em;
	background: transparent url("/shared/images/sprite-images.png") 0 0 no-repeat;
}
/* Nav
--------------------------------- */
#access,
#footer-nav,
#access {
	width: 100%;
	height: 36px;
	background: #A31321 url("/shared/images/sprite-gradients.png") 0 -288px repeat-x;
}
#access {
	height: auto;
}
#access #mainNav {
	overflow: hidden;
	height: 36px;
}
#access #subNav {
	display: block;
	clear: both;
	width: 100%;
	height: 24px;
	margin: 0;
	padding: 0;
	background: #eaeaea;
}
#access ul {
	margin: 5px 0 0 75px;
	padding: 0;
	line-height: 14px;
}
#access #subNav ul {
	margin-top: 0;
}
#access ul,
#access li,
#access #search input {
	display: block;
	float: left;
}
#access ul li,
#footer-nav li {
	position: relative;
	margin: 0;
	padding: 0;
	border-left: 1px solid #720812;
	border-right: 1px solid #D03D4C;
}
#access ul li.first-menu-item {
	border-left: 0;
}
#access ul li.last-menu-item {
	border-right: 0;
}
#access #subNav ul li {
	border: 0;
}
#access ul li a,
#footer-nav li a {
	display: block;
	padding: 6px 15px;
	.headingFont;
	font-weight: 200;
}
#access ul li a:hover {
	color: @link;
	text-decoration: none;	
}
#access #subNav ul li a {
	text-transform: none;
	padding: 5px 15px;
	font-weight: 100;
	color: #666;
}


#access ul li ul {
	display: none;
}
#access ul ul {
	display: none;
	float: left;
	position: absolute;
	z-index: 99999;
	top: 22px;
	left: 0;
	width: 198px;
	margin: 0;
	padding: 0;
	background: #fff;
	-moz-box-shadow: 0 3px 3px #666;
	-webkit-box-shadow: 0 3px 3px #666;
	box-shadow: 0 3px 3px #666;
}
#access ul ul ul {
	left: 100%;
	top: 0;
	padding: 0;
	border-top: none;
}
#access ul.vbmenu_popup {
	border: none;
}
#access ul ul li {
	padding: 0;
	border: none;
}
#access ul ul a,
#access ul ul li.thead {
	width: 168px;
	height: auto;
	padding: 4px 15px;
	line-height: 1.4em;
	color: @link;
	text-transform: none;
}
#access ul ul li.thead,
#access ul ul li.thead a,
#access #subNav ul ul li.thead a {
	font: bold 12px @headingFamily;
	color: #fff;
	background: #999;
}
#access #subNav ul ul li.thead a {
	padding: 0;
	text-transform: none;
	text-decoration: underline;
}
#access ul ul a:hover,
#access #subNav ul ul a:hover {
	color: #fff;
	background: @link;
	text-decoration: none;
}
#access li:hover > a,
#access a:focus {
	background: #fff;
	color: @link;
}
#access ul li:hover > ul,
#access ul li a:hover > ul,
#access ul li:hover > .vbmenu_popup {
	display: block;
}
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}
#access ul ul#accessbar_search_menu,
#access ul ul.navbar_search_menu {
	width: 310px;
}
#access ul ul#accessbar_search_menu li.thead {
	width: 280px;
}
#access ul ul#accessbar_search_menu li,
#access ul ul.navbar_search_menu li {
	padding: 4px 15px;
}
#access ul ul#accessbar_search_menu li .button,
#access ul ul.navbar_search_menu li .button {
	float: right;
	margin: 1px 0 0 10px;
}



#access #search {
	float: right;
	width: 250px;
	margin: 5px 90px 0 0;
}
#access #search input#s,
.brief input {
	width: 198px;
	margin: 1px 0 0;
	padding: 5px 5px 2px;
	border: none;
	font-size: 14px;
	line-height: 16px;
	font-weight: 300;
	.input-corners;
	.box-shadow-innershadow;
}
#access #search input#searchsubmit {
	overflow: hidden;
	width: 32px;
	height: 26px;
	margin: 1px 0 0 8px;
	padding: 0;
	text-indent: -5000em;
	background: transparent url("/shared/images/sprite-images.png") -68px -144px no-repeat;
	border: none;
	cursor: pointer;
}
#access #search input#searchsubmit:hover {
	background-position: -140px -144px;
}

/* Breadcrumbs
--------------------------------- */
#breadcrumbs	{ padding: 10px 0 4px 30px; }
#breadcrumbs,
#breadcrumbs a,
#breadcrumbs h1	{ color: @link; font-size: 14px; }
#breadcrumbs h1 { display: inline; }


/* -----------------------------------------------------------
	Home Page
-------------------------------------------------------------- */
/* Layout
-------------------------------------------------- */
body.home {
	font: 300 15px/1.625 Helvetica, Arial, sans-serif;
}
.home .page {
	min-width: 860px;
}
div#primary {
	float: left;
	margin: 0 -330px 20px 0;
	width: 100%;
}
div#content {
	margin: 0 330px 0 0;
	width: auto;
}
div#secondary {
	float: right;
	position: relative;
	padding-top: 0;
}
#content section {
	clear: both;
	margin: 0 0 25px;
}

/* Article Slider
-------------------------------------------------- */
/* Browser Resets */
.flex-container a:active,
#flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
#flexslider {
	.box-style;
	padding: 20px 50px 50px 60px;
}
#flexslider a {
	outline: 0;
}
#flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
#flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
#flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
#flexslider .slides {zoom: 1;}
#flexslider .slides > li {position: relative; min-height: 270px; }
#flexslider .slides li h1 {
	margin-bottom: 5px;
	font-size: 1.5em;
	line-height: 1.25em;
}
#flexslider .slides li .postInfo {
	.post-meta;
	display: block;
	padding: 0 0 10px;
}
#flexslider .slides li h1 a {
	color: @nice-blue;
	text-decoration: none;
}
#flexslider .slides li h1 a:hover {
	color: @dark-blue;
	text-decoration: underline;
}
#flexslider .slides li img {
	float: left;
	margin: 2px 30px 10px 0;
	padding: 6px;
	border: 1px solid #DDD;
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}


/* Direction Nav */
.flex-direction-nav li a {
	display: block;
	position: absolute;
	top: 50%;
	width: 12px;
	height: 40px;
	margin: -33px 0 0;
	text-indent: -9999px;
	background: url(/shared/images/sprite-icons.png) 0 -935px no-repeat;
	cursor: pointer;
	outline: none;
}
.flex-direction-nav li .next 			{ background-position: 0 -864px; right: 4px; }
.flex-direction-nav li .prev 			{ left: 4px; }
.flex-direction-nav li .next.disabled	{ background-position: -36px -864px; }
.flex-direction-nav li .prev.disabled	{ background-position: -36px -935px; }

/* Control Nav */
.flex-control-nav {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 213px;
	height: 45px;
	text-align: right;
	background: url(/shared/images/sprite-images.png) -216px -144px no-repeat;
}
.flex-control-nav li {
	margin: 13px 6px 0 0;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-nav li a {
	display: block;
	width: 29px;
	height: 22px;
	padding: 2px 0 0;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 2px #333;
	background: url(/shared/images/sprite-icons.png) 0 -1044px no-repeat;
	cursor: pointer;
}
.flex-control-nav li a:hover {
	text-shadow: 1px 1px 2px #000;
}
.flex-control-nav li a.active {
	background-position: 0 -1008px;
	cursor: default;
}

.comment-link {
	padding: 0 0 0 20px;
	background: url(/shared/images/sprite-icons.png) 0 -1224px no-repeat;
}

/* Home Page Boxes
-------------------------------------------------- */
#boxes {
	overflow: hidden;
	padding: 8px 5px;
	}
	a.halfBox {
		float: left;
		.box-style;
		width: 47%;
		margin-right: 6%;
		padding: 10px 0;
	}
	a.boxRight {
		margin-right: 0;
		}
		.halfBox h3,
		.halfBox p {
			margin: 0;
			padding: 0 14px;
		}
		.halfBox h3 {
			margin: 0;
			padding: 0 0 10px 58px;
			font-size: 18px;
			background: url(/shared/images/sprite-icons.png) 14px -3885px no-repeat;
		}
		.halfBox.boxRight h3 {
			background-position: 14px -3816px;
		}
	a.halfBox:hover {
		text-decoration: none;
		background: #c6c7c9; /* Old browsers */
		background: -moz-linear-gradient(top, #c6c7c9 0%, #484a4d 92%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c7c9), color-stop(92%,#484a4d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #c6c7c9 0%,#484a4d 92%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #c6c7c9 0%,#484a4d 92%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #c6c7c9 0%,#484a4d 92%); /* IE10+ */
		background: linear-gradient(top, #c6c7c9 0%,#484a4d 92%); /* W3C */
		}
		a.halfBox:hover h3 {
			color: #BF1E2E;
		}
		a.halfBox:hover h3,
		a.halfBox:hover p {
			color: #fff;
			text-shadow: 1px 1px 2px #333;
		}
	
	

/* Featured Discussions
-------------------------------------------------- */
#tabs {
	.box-style;
}
.discussions div {
	clear: left;
}
.discussions ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.discussions div ul li,
.discussions div ul li.even {
	.row;
	.row-background;
	margin: 0;
	padding: 10px 10px 10px 60px;
	background-image: url(/shared/images/sprite-icons.png);
	background-position: 10px -1102px;
	background-repeat: no-repeat;
}
.discussions div ul li.even {
	.alt-row-background;
}
.discussions div ul li p {
	margin: 2px 0 0;
	padding: 0;
	font-size: 13px;
}
ul#tab-nav li {
	float: left;
	margin: 2px 8px 5px;
	padding: 0;
}
ul#tab-nav li a {
	display: block;
	padding: 4px 12px 12px;
	font-size: 12px;
	text-transform: uppercase;
}
ul#tab-nav li.ui-state-active {}
ul#tab-nav li.ui-state-active a {
	font-weight: bold;
	color: #fff;
	background: transparent url(/shared/images/sprite-images.png) center -306px repeat-x;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;/*
	-moz-box-shadow: 0 4px 10px #B2B2B2;
	-khtml-box-shadow: 0 4px 10px #B2B2B2;
	-webkit-box-shadow: 0 4px 10px #B2B2B2;
	box-shadow: 0 4px 10px #B2B2B2;*/
}


/* Forum Categories
-------------------------------------------------- */
#categories {
	.box-style;
	overflow: hidden;
}
.categories {
	padding: 10px;
}
.forumCat {
	float: left;
	width: 47%;
	margin: 10px 0 15px;
	background: url(/shared/images/sprite-icons.png) 0 -1794px no-repeat;
}
.forum_67	{ background-position: 0 -2334px; } /* Digital Lifestyle */
.forum_83	{ background-position: 0 -2044px; } /* iPhone, iPad, iPod */
.forum_3	{ background-position: 0 -2840px; } /* Community Information Center */
.forum_9	{ background-position: 0 -1540px; }	/* Hardware */
.forum_18	{ background-position: 0 -2585px; } /* Software */
.forum_99	{ background-position: 0 -1512px; } /* Development */

.forumCat.odd {
	clear: left;
	padding-right: 6%;
}
.forumCat.odd h3,
.forumCat.odd ul {
	padding-right: 15px;
	border-right: 1px solid #999;
}
.forumCat h3,
.forumCat ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 60px;
}
.forumCat h3 a {
	color: #333;
}
.forumCat ul li {
	margin: 0;
	padding: 0;
}

/* -----------------------------------------------------------
	Forum Home
-------------------------------------------------------------- */
table.tborder,
div.tborder {
	margin: 10px auto;
	.box-style;
}
.tab_list .tborder {
	.box-style(5px 5px 0 0, 0 4px 10px #B2B2B2, transparent);
}
.tborder td {
	padding: 14px 6px;
	/*text-align: left;*/
	vertical-align: top;
}
#notice.tborder td {
	padding: 0 6px;
}
#primary .tborder td,
#threadslist.tborder td {
	.row;
}
.tborder td td,
#primary .tborder td td {
	padding: 0;
	border: none;
	-moz-box-shadow: none;
	-khtml-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.tcat {
	color: #666;
}
.tborder td.tcat,
#primary .tborder td.tcat,
#posts td.thead,
.section-header {
	.heading-style;
}
.tborder td.bordered,
#primary .tborder td.bordered,
#posts td.thead,
.section-header {
	padding: 0;
	border: 0;
}
#posts td.thead {
	font-size: 12px;
	font-weight: normal;
	color: #333;
}
.tcat a:link,
.tcat a:visited,
.tcat a:active,
.tcat_alink {
	color: @nice-blue;
}
.tcat a:hover,
.tcat_alink:hover {
	color: @dark-blue;
}
.tcat .borderLeft,
.tcat .borderRight,
#posts td.thead .borderLeft,
#posts td.thead .borderRight,
.section-header h2,
.section-header h2 span {
	width: auto;
	overflow: hidden;
	.heading-inner-left;
}
#posts td.thead .borderLeft,
#posts td.thead .borderRight {
	padding: 10px 10px 20px;
	border: none;
}
.tcat .borderRight,
#posts td.thead .borderRight,
.home article.first .entry-title a,
.section-header h2 span {
	display: block;
	.heading-inner-right;
}
#posts td.thead .borderRight {
	text-align: right;
}
.tcat .paddedBorder {
	padding: 10px;
}
td.thead {
	padding: 9px 10px;
	font-weight: normal;
	text-transform: uppercase;
	background: @link url(/shared/images/sprite-gradients.png) 0 -217px repeat-x;
	border: 1px solid #720812;
	.box-shadow-innerglow;
}
.columnLabel td.theadFirst,
.columnLabel td.theadLast,
#primary .columnLabel td.theadFirst,
#primary .columnLabel td.theadLast {
	border: 1px solid #720812;
	border-width: 0 0 0 1px;
}
.columnLabel td.theadLast,
#primary .columnLabel td.theadLast {
	border-width: 0 1px 0 0;
}
.thead div {
	width: auto;
	padding: 9px 8px 8px;
	border: 1px solid #DA2B43;
	border-bottom: 1px solid #CC1F37;
}
.columnLabel td,
#primary .columnLabel td {
	padding: 0;
}
.columnLabel .thead,
#primary .columnLabel .thead {
	padding: 7px 0 6px;
	background-position: 0 -288px;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.columnLabel .thead div {
	width: auto;
	padding: 4px 10px;
	border-width: 0 1px;
	border-left: 1px solid #720812;
	border-right: 1px solid #D03D4C;
}
.columnLabel td.theadFirst div {
	background: transparent url(/shared/images/sprite-gradients.png) left -368px no-repeat;
	border-left: 0;
}
.columnLabel td.theadLast div {
	background: transparent url(/shared/images/sprite-gradients.png) right -398px no-repeat;
	border-right: 0;
}

tr.alt1 td, td.alt1 {
	.row-background;
}
tr.alt2 td, td.alt2 {
	.alt-row-background;
}

.forumDescription {
	font-size: 14px;
	margin: 0;
	padding: 4px 0 0;
}

.tborder td.threadStats {
	color: #666;
	font-family: @headingFamily;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.threadViewIcon {
	float: right;
	padding: 0 0 10px 10px;
}
.threadViewText {
	float: left;
}
.button.markRead,
.button.markRead:hover {
	float: right;
	margin: 0 0 10px;
	text-shadow: none;
	border-color: #797a90;
	-moz-box-shadow: inset 0 0 1px #fff, 0 1px 7px #999;
	-khtml-box-shadow: inset 0 0 1px #fff, 0 1px 7px #999;
	-webkit-box-shadow: inset 0 0 1px #fff, 0 1px 7px #999;
	box-shadow: inset 0 0 1px #fff, 0 1px 7px #ccc;
	background: #abadbb; /* Old browsers */
	background: -moz-linear-gradient(top,  #abadbb 1%, #797a90 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#abadbb), color-stop(98%,#797a90)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #abadbb 1%,#797a90 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #abadbb 1%,#797a90 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #abadbb 1%,#797a90 98%); /* IE10+ */
	background: linear-gradient(top,  #abadbb 1%,#797a90 98%); /* W3C */

}

/* -----------------------------------------------------------
	Forum Category
-------------------------------------------------------------- */
.subforumSearch {
	float: right;
}
.vbmenu_control.thead {
	text-align: center;
}
tr.sticky td {
	background: #fff8c4;
}
tr.alt2.sticky td {
	background: #fffce5;
}
.pagenav,
.pagenav ul {
	margin: 0;
	padding: 0;
}
.pagenav .smallfont {
	font-size: 11px;
}
.pagenav ul {
	list-style: none;
	font-family: Tahoma, Verdana, sans-serif;
}
.pagenav ul li {
	float: left;
	margin: 4px 2px 0;
	padding: 0;
	text-align: center;
	font-size: 11px;
}
.pagenav ul li a,
.pagenav ul li.current strong {
	display: block;
	width: auto;
	height: auto;
	padding: 3px 6px;
	background: #F3F3F3;
	color: @nice-blue;
}
.pagenav ul li a:hover {
	color: @dark-blue;
	background: #EDEDED;
}
.pagenav ul li.current strong {
	color: #333;
	background: none;
}
.pagenav ul li.pageEntry {
	margin-top: 1px;
}
.pagenav ul li td.vbmenu_control {
	width: 24px;
	height: 24px;
	padding: 0;
	background: url("/shared/images/sprite-icons.png") 0 -288px no-repeat;	
}
.pagenav ul li td.vbmenu_control img {
	margin-top: 2px;
}
.headerStrip {
	.meta-bar;
	padding: 1px 0;
}
.headerStrip td {
	.meta-bar-child;
}
.headerStrip td.vbmenu_control,
.borderRight .vbmenu_control {
	.header-tools;
}
.headerStrip td.vbmenu_control a,
.borderRight .vbmenu_control a {
	color: @link;
}
.socialbuttons {
}
.socialbuttonhome {
	float:left;
	margin: 3px 0 0 5px;
	width:150px;
}
.digg,
.digg_forumview,
.gPlus,
.twitter,
.twitter_home,
.face,
.face_home,
span.st_email_button {
	display: block;
	float: left;
	width: 84px;
	height: 25px;
	margin: 1px 0 0 10px;
}
.gPlus {
	width: 65px;
}
.digg,
.digg_forumview {
	width: 76px;
}
.twitter {
	width: 82px;
}
.twitter_home {
	width: 60px;
}
.face {
	width: 80px;
}
.face_home {
	width: 50px;
}
span.st_email_button {
	margin-top: -2px;
}
td#tweet {
	padding: 0 6px;
}
.modActions, #jump select,
select.moderation {
	float: left;
	margin-right: 10px;
}
#forumRules {
	margin: 10px 0 20px;
}
#forumRules td,
#primary #forumRules td {
	border-left: 1px solid #9F9F9F;
	border-bottom: 0;
}
#primary #forumRules td.alt1,
#forumRules td.alt1,
#primary #forumRules td.tcat,
#forumRules td.tcat {
	border-left: 0;
}
.category-controls {
	margin: 20px 0 20px -10px;
}
.activeUsers td {
	padding: 0 6px;
}
/* -----------------------------------------------------------
	Forum Thread
-------------------------------------------------------------- */
#posts {
	margin: 10px auto;
	.box-style;
	border: 1px solid #E5E5E5;
}
.post {
	margin: 0 0 10px;
}
.post .thead div {
	border: none;
	color: #7F7F7F;
}
#posts td.thead a {
	color: @link;
	color: #666;
}
#posts td.thead a:hover {
	color: @link-hover;
}
#posts td.thead .bigusername {
	float: left;
	padding-left: 0;
	text-transform: none;
}
#posts td.thead .bigusername a,
#posts td.thead .bigusername span {
	color: @nice-blue;
}
#posts td.thead .bigusername a:hover,
#posts td.thead .bigusername span:hover {
	color: @dark-blue;
}
#posts td.thead .bigusername img.inlineimg {
	vertical-align: baseline;
}
div.postCount {
	padding-right: 0;
}
div.postCount input {
	margin-right: 6px !important;
}
div.postCount a img {
	position: relative;
	top: -2px;
	margin-left: 2px;
}
#posts td.thead .borderLeft,
#posts td.thead .borderRight {
	padding-top: 0;
	padding-bottom: 0;
}
#posts td.thead .borderLeft {
	padding-right: 0;
}
#posts td.thead .borderRight b {
	font-weight: normal;
}
.tborder td.controls {
	text-align: right;
}
.post tr.alt2 td,
.post td.alt2,
.post td.userDetails {
	background: #fff;
	border-right: 1px solid #F2F2F2;
	text-align: center;
}
.post td.userDetails {
	padding: 7px 8px 0 0;
	line-height: 20px;
	color: #666;
}
.post td.userDetails .customText {
	margin: 10px 0 0;
	padding: 0 4px;
	font-size: 11px;
	line-height: 15px;
}
#qrform .button,
.search .button {
	margin: 10px 10px 0 0;
}
#posts td.alt1 {
	padding: 5px 14px 0;
	font-size: 15px;
	line-height: 1.625em;
}
#posts .sig {
	font-size: 14px;
	line-height: 1.25em;
	color: #666;
}
#posts .sig hr {
	clear: both;
	display: block;
	margin: 20px 0 5px;
	padding: 0;
	border: 1px solid #BDBDBD;
	border-width: 1px 0 0;
	background: none;
}
.postMREC {
	float: left;
	width: 300px;
	padding: 5px 20px 15px 0;
}
.postMREC table td {
	padding: 0 10px 10px 0;
}
.postDate {
	margin: 0 0 5px;
	font-size: 12px;
	color: #666;
}
.postDate img.inlineimg {
	vertical-align: text-bottom;
}
.reputationImg {
	margin: 10px 0 0;
}
.quote td {
	text-align: left;
}
.post .quote td.alt2 {
	text-align: left;
	.row;	
	.alt-row-background;
	margin: 0;
	padding: 10px 10px 10px 50px;
	background: #f2f8fb url(/shared/images/sprite-icons.png) 12px -2941px no-repeat;
	border-color: #a3c7d9;
	border-width: 1px 0;
}

/* -----------------------------------------------------------
	Forms/Panel
-------------------------------------------------------------- */
td.panelsurround,
.panel {
	/*text-align: center;*/
	background: #fff;
	border: 0;
}
.panel {
	padding: 0;
}
.panelsurround input.button,
.submit_button input.button,
.vBulletin_editor div .button {
	margin: 10px 10px 10px 0;
}
.panelsurround input.topbutton {
	margin: 0 10px 10px 10px;
}
.vBulletin_editor,
.tborder td td.vBulletin_editor {
	padding: 5px;
	background: #ebeff4;
	border: 1px solid #9c9c9c;
}
.imagebutton {
	background-color: #ebeff4;
}
fieldset {
	border: 1px solid #9c9c9c;
}
#buddylist_add {
	float: left;
	margin: 10px 20px 20px 0;
}
.lostpw p {
	margin: 0 0 15px;
	padding: 0;
}
.lostpw label {
	padding: 3px 5px 0 0;
	font-weight: bold;
}
.lostpw fieldset {
	margin-top: 10px;
}
.tfoot {
	color: #333;
	background: none;
	border-top: 1px solid #666;
}
.tfoot a:link, .tfoot_alink,
.tfoot a:visited, .tfoot_avisited {
	color: #666;
}
.tfoot a:hover {
	color: #333;
}
#pm_inlinego {
	float: none;
}

#top-modules,
#top-modules td {
	vertical-align: top;
	}
	#top-modules table.tborder {
		height: 290px !important;
		}
		#top-modules #cybstats_lpdiv td,
		#top-modules #cybstats_fdiv td {
			padding: 7px 0;
			}
			#top-modules #cybstats_lpdiv td img,
			#top-modules #cybstats_fdiv td img {
				margin-right: 5px;
			}
		#quick-post div.input {
			clear: both;
			width: 95%;
			padding: 0 0 7px;
			}
			#quick-post div.input label {
				display: block;
			}
			#quick-post div.input input {
				width: 97%;
			}
			#quick-post form textarea {
				padding: 2px 4px;
				color: #666;
				border: 1px solid #999;
				.box-shadow-innershadow;
				.input-corners;
			}
			#quick-post div.submit {
				padding: 10px 0 0;
				}
				#quick-post div.submit input {
					width: auto;
				}
		
		#brief input[type="text"] {
			width: 97%;
		}
		#brief div.submit {
			padding: 10px 0 25px;
		}
		.forumSocial {
			clear: both;
			overflow: hidden;
			width: auto;
			margin: 0;
			padding: 12px 0 0 53px;
			text-align: center;
			font-size: 10px;
			color: #7A7A7A;
			border: 1px solid #D2D2D2;
			border-width: 1px 0 0;
		}
		.forumSocial span {
			float: left;
			padding: 14px 10px 0 0;
		}
		.forumSocial a {
			display: block;
			float: left;
			width: 18px;
			height: 18px;
			margin: 10px 7px 0 0;
			padding: 0;
			text-align: left;
			text-indent: -5000em;
			background: url("/shared/images/sprite-images.png") -36px -576px no-repeat;
			border: 0;
			cursor: pointer;
		}
		.forumSocial a.facebook		{ background-position: 0 -576px; }
		.forumSocial a.rss			{ background-position: -72px -576px; margin-right: 0; }

	
/* -----------------------------------------------------------
	Custom Registration, User CP, Search
-------------------------------------------------------------- */
#inetcustomreg_registration h3,
#inetcustomreg_activation h3 {
	font-size: 1.75em;
	color: @link;
}
#emailPreferences table#preferences th {
	padding: 0px;
}
#inetcustomreg_registration .submit input,
#inetcustomreg_activation .submit input {
	float: none;
	margin: 0 auto 20px;
}
#inetcustomreg_activation .submit {
	text-align: center;
	}
	#inetcustomreg_activation .submit input {
		font-size: 15px;
	}
#inetcustomreg_content h1 {
	color: @link;
}
.activation #inetcustomreg_content {
	width: 725px;
}
table.cpanel td {
	padding: 6px;
	border-bottom: 1px dotted #666;
}
table.cpanel tr.alt2 td,
table.cpanel td.alt2 {
	background: #fff;
}
.userCP .tborder td.tcat,
.search #threadslist td.tcat  {
	padding: 10px;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}
.content_block .block_title,
#profile_tabs .content_block .block_title {
	padding: 5px 0;
}
.content_block .block_row,
#profile_tabs .content_block .block_row {
	padding: 20px;
}
.content_block .block_content .block_row {
	padding: 10px 15px;
}
.content_block .block_content .block_row td {
	padding: 0;
}
div.tborder .thead {
	.heading-style;
}
#activity_info {
	padding: 10px;
}
#link_bar {
	margin: 10px 0 0;
}
div.tborder li.thead {
	border: none;
}
div.tborder .thead a:link,
div.tborder .thead_alink,
div.tborder .thead a:visited,
div.tborder .thead_avisited {
	color: @nice-blue;
}
tr.block_title .thead div {
	padding: 0;
	border: none;
}
.userCP fieldset .button,
.userCP form fieldset .submit input, 
.userCP fieldset #inlinego,
#pm_inlinego {
	padding: 3px 15px;
}
.userCP select {
	margin: 0;
}
.userCP .tfoot select {
	margin: 0 10px 0 0;
}
table.cpanel td.thead,
.userCP #post .thead {
	background-position: 0 -288px;
}
.userCP #posts #post .thead {
	background-position: 0 -2165px;
}
.userCP #post .thead {
	padding: 0;
}
.userCP #post .borderLeft,
.userCP #post .borderRight {
	border: none;
}

#profile_tabs .alt1,
#profile_tabs .alt1Active {
	background: #fff;
}
div.tborder,
#profile_tabs .content_block {
	margin: 0;
	-moz-border-radius-topleft: 0px;
	-khtml-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}
#profile_tabs .content_block {
	clear: left;
	border: 1px solid #ccc;
	position: relative;
	top: -2px;
}
#profile_tabs .tab_header {
	display: none;
}
#profile_tabs ul.tab_list {
	float: left;
	position: relative;
	z-index: 999;
	margin: 0 0 0 -7px;
	padding: 5px 0 0 7px;
	border-bottom: 1px solid #fff;
}
#profile_tabs ul.tab_list li.tcat {
	color: @link;
	border: 1px solid #ccc;
	border-width: 1px 1px 0 1px;
	background: white;
}
#profile_tabs ul.tab_list li.thead {
	color: #555;
	border: 1px solid #ccc;
	background: white url(/shared/images/sprite-gradients.png) 0 -2166px repeat-x !important;

}
#aboutme .block_content dl.profilefield_list {
	margin: 6px 0 0;
}

/* -----------------------------------------------------------
	Registration/Activation Pages
-------------------------------------------------------------- */
.userPages,
.userPages td,
.userPages li,
.userPages p,
.userPages .panel {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.5em;
	color: #333;
}
.activateMem,
.activateMem td,
.activateMem li,
.activateMem p,
.activateMem .panel {
	color: #454545;
}

.userPages td.panelsurround,
.userPages .panel			{ text-align: center; }

.userPages p				{ margin: 6px 0 14px; }

.userPages h2,
.userPages h3				{ text-align: center; margin: 25px 0 10px; }
.activateMem h2,
.activateMem h3				{ text-align: left; }
.userPages h2				{ font-size: 1.65em; font-weight: normal; color: #E69529; }
.userPages h3				{ font-size: 1.75em; color: #404F6A; }
.activateMem h3				{ color: #AE1F1B; }


.userPages fieldset {
	margin: 10px 10px 14px 0;
	padding: 10px 15px 12px;
	border: 0;
}
.activateMem fieldset,
.activateMem ul#premiumFeatures,
.activateMem .emailPref {
	margin: 0;
	padding: 15px 10px 0px 17px;
	background: #fff;
	border: 1px solid #ccc;
}
.activateMem ul#premiumFeatures {
	list-style: none;
}
.activateMem ul#premiumFeatures li {
	padding: 3px 0 0 50px;
	background: url(http://www.mac-forums.com/blog/wp-content/themes/macforums/images/check.gif) 0 3px no-repeat;
}
.activateMem ul#premiumFeatures li strong {
	color: #D6823C;
	font-size: 14px;
	font-weight: normal;
}
.activateMem ul#premiumFeatures li p {
	margin: 4px 0 20px;
}
.userPages fieldset.userinfo legend {
	display: none;
}
.userPages fieldset legend {
	font-size: 14px;
	color: #333;
}
.userPages fieldset div.input span {
	display: block;
	padding: 3px 0 2px 1px;
	font-size: 1em;
	font-style: italic;
	line-height: 1.25em;
	color: #868FA9;
}
.userPages p.small {
	margin: 5px 0;
	font-size: 0.875em;
	font-style: italic;
	color: #868FA9;
}
.activateMem fieldset div {
	overflow: hidden;
}
.activateMem fieldset div span em {
	position: relative;
	top: -3px;
}
.userPages form label {
	display: block;
	padding: 0 0 2px 1px;
	font-size: 14px;
}
.activateMem form label {
	display: block;
	clear: left;
	padding: 2px 0 2px 1px;
	font-size: 0.975em;
	font-weight: normal;
}
.activateMem form .emailPref label {
	color: #D6823C;
	font-size: 14px;
	font-weight: normal;
	display: inline;
}
.activateMem form .emailPref p {
	margin: 2px 0px 14px 23px;
}
.activateMem form label strong {
	font-weight: normal;
	font-size: 16px;
	color: #226079;
}
.userPages form div.required label:after {
	content: ' *';
	color: #9E0001;
}
.userPages form div.customrequired legend:after {
	content: ' *';
	color: #9E0001;
}
.userPages form div.input {
	width: 95%;
	margin: 0 0 13px;
	overflow: hidden;
}
.activateMem form div.checkbox {
	width: 50%;
/*	#width: 49%; */
	float: left;
	margin: 0 0 6px;
}
.activateMem form div.checkbox label {
	display: inline;
}
.userPages div.input input,
.userPages input,
.userPages select,
.userPages textarea {
	width: 96%;
	margin: 0;
	padding: 4px 6px 3px;
	font-size: 13px;
	background: #fff;
	border: 1px solid #d5d5d5;
	color: #333;
}
.userPages select {
	width: auto;
}
.userPages div.short input {
	width: 100px;
}
.userPages div.submit {
	clear: both;
	width: 100%;
	text-align: center;
}
.userPages input.button {
	float: none;
	width: auto;
	height: auto;
	margin: 5px auto 10px 0;
	padding: 7px 8px;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	background: url("mac_images/misc/redBG.gif") repeat-x scroll left top #910000;
	border: 1px solid #910000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}
.userPages input.button:hover, .activateMem input.button:hover {
	text-decoration: underline;
}
#collapseobj_dialog_box {
	float: left;
	width: auto;
}	
.userPages form input[type="checkbox"],
.userPages form input[type="radio"] {
	width: auto;
	margin: 0 5px 0 0;
	border: none;
	background: none;
}
.userPages div.radio {
	width: auto;
	margin: 0 15px 0 0;
}
.userPages div.radio input {
	margin: 0 1px 0 0;
}
.userPages div.checkbox label, .userPage div.radio label {
	display: inline;
}
.userPages div.radio label {
	font-weight: normal;
}
.userPages fieldset div.page {
	background: #EAEFF5;
	border: 1px solid #E4E8EB;
}
p.nothanks, p.signupprem {
	clear: left;
	text-align: center;
}
p.signupprem {
	margin: 12px 0 0;
	color: #999;
	font-weight: bold;
}
p.nothanks a {
	font-size: 15px;
	color: #226079;
}
.greenbox {
	border: 1px solid #337733;
	background: #bbffbb;
	color: #337733;
	margin: 0 10px 10px 0;
	padding: 3px;
}
.redbox {
	border:1px solid #773333;
	background: #ffbbbb;
	color: #773333;
	margin: 0 10px 10px 0;
	padding: 3px;
}
#upgradeMembership {
	margin: 15px 0 5px;
}
#inetcustomreg_activation div#submit {
	display: none;
}


/* -----------------------------------------------------------
	Newsletter Overlay
-------------------------------------------------------------- */
.ui-dialog {
	overflow: hidden;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #FFF;
}
.inet_overlay .ui-widget-header {
	background: none;
	border-width: 0;
	}
	.inet_overlay .ui-dialog-titlebar {
		height: 16px;
		}
		.inet_overlay .ui-dialog-title {
			display: none;
		}
		.inet_overlay .ui-button-text {
			display: none;
		}
		.inet_overlay .ui-icon-closethick {
			display: block;
			float: right;
			overflow: hidden;
			margin: 10px;
			padding: 5px;
			width: 15px;
			height: 15px;		
			color: #aaa;
			background: #f4f4f4;
		}
		.inet_overlay .ui-icon-closethick:before {
			display: block;
			width: 15px;
			height: 20px;
			content: 'x';
			font: normal 18px/12px Verdana, sans-serif;
			text-align: center;
		}
#inet_overlay {
	height: 300px !important;
	padding: 10px 20px;
	text-align: left;
	font: normal 13px/21px Arial, Helvetica, sans-serif;
	}
	#inet_overlay * {
		font-family: Arial, Helvetica, sans-serif;
	}
	#inet_overlay h1,
	#inet_overlay h2 {
		margin: 0 0 15px;
		padding: 0;
		font-size: 18px;
		font-weight: normal;
		color: #a31321;
	}
	#inet_overlay h2 {
		float: left;
		width: 115px;
		margin: 0 30px 0 0;
		font-size: 15px;
	}
	#inet_overlay p {
		color: #444;
	}
	#inet_overlay p img {
		float: right;
		margin: 0;
	}
	#inet_overlay p strong {
		color: #333;
	}
	#inet_overlay span.keywords {
		color: #fd8e20;
	}
	#inet_overlay form {
		display: block;
		clear: both;
		padding: 0;
		}
		#inet_overlay form .input {
			float: left;
			text-align: left;
		}
		#inet_overlay form label {
			display: block;
			float: left;
			margin: 0 30px 0 0;
			font-size: 14px;
			font-weight: bold;
			}
			#inet_overlay form label em {
				padding: 2px 0;
				font-size: 75%;
				font-weight: normal;
				color: #666;
			}
		#inet_overlay form div.input strong {
			position: absolute;
			font-size: 12px;
			padding: 5px;
		}
		#inet_overlay form div.checkbox {
			clear: none;
			float: left;
			width: 190px;
			margin: 10px 0 20px;
			}
			#inet_overlay form div.checkbox input,
			#inet_overlay form div.checkbox label {
				float: left;
				margin-right: 10px;
			}#inet_overlay form div.checkbox label {
				width: 160px;
				margin-right: 0;
				font-size: 12px;
				line-height: normal;
				color: #666;
			}
			#inet_overlay form input[type="checkbox"] {
				margin-bottom: 20px;
			}
		#inet_overlay form label span,
		#inet_overlay form em {
			display: block;
			padding: 5px 0;
			font-size: 10px;
			line-height: 14px;
			color: #444;
			float: left;
		}
		#inet_overlay form em {
			float: none;
			clear: both;
		}
		#inet_overlay .formFields {
			width: 560px;
			margin: 15px 0 0;
		}
		#inet_overlay form #email_address {
			float: left;
			width: 220px;
			margin: 0 10px 0 0;
			padding: 5px;
			color: #666;
			border: 1px solid #e5e5e5;
			background: #f7f7f7;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}
		#inet_overlay form .submit input,
		.inet_overlay .ui-dialog-buttonpane button {
			padding: 4px 5px 5px !important;
			font: bold 11px/13px Tahoma, Verdana, sans-serif;
			color: #996633;
			text-decoration: none;
			cursor: pointer;    
			background: #fed971; /* Old browsers */
			background: -moz-linear-gradient(top, #fed971 0%, #febb4a 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed971), color-stop(100%,#febb4a)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #fed971 0%,#febb4a 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #fed971 0%,#febb4a 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #fed971 0%,#febb4a 100%); /* IE10+ */
			background: linear-gradient(to bottom, #fed971 0%,#febb4a 100%); /* W3C */
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
			border: 1px solid #d6982f;
			-moz-box-shadow:
				0px 1px 3px rgba(000,000,000,0),
				inset 0px 0px 2px rgba(255,255,255,0.5);
			-webkit-box-shadow:
				0px 1px 3px rgba(000,000,000,0),
				inset 0px 0px 2px rgba(255,255,255,0.5);
			box-shadow:
				0px 1px 3px rgba(000,000,000,0),
				inset 0px 0px 2px rgba(255,255,255,0.5);
			text-shadow: 0px 1px #fff; 
		}
		#inet_overlay small {
			display: block;
			padding: 20px 0 0;
			color: #666;
		}
		.inet_overlay .ui-dialog-buttonpane {
			margin: 0 10px;
			border-top: 1px solid #ccc;
			}
			.inet_overlay .ui-dialog-buttonpane button {
				float: right;
				margin: 0;
				padding: 10px 0 !important;
				color: #666;
				border-width: 0;
				background: none;
				}
				.inet_overlay .ui-dialog-buttonpane .ui-button-text {
					display: block;
				}


/* -----------------------------------------------------------
	Footer
-------------------------------------------------------------- */
.footLeader {
	margin: 20px auto;
}
#iconsJump td {
	vertical-align: top;
}
.footButtons {
	padding-left: 20px; 
	border-left: 1px solid #333;
}
.footButtons a {
	clear: left;
	margin: 0 0 10px;
}
.attribute {
	margin: 20px auto;
	text-align: center;
	font-size: 11px;
	line-height: 18px;
	color: #666;
}
#resources {
	margin: 0;
	overflow: hidden;
	background-position: 0 -2723px;
	border-top: 1px solid #fff;
	border-top: 1px solid #cfd9e1;
}
.footer {
	width: 92%;
	max-width: 1480px;
	min-width: @page-width;
	margin: 20px auto 0;
	text-align: center;
	background: #DEE4ED;
}
#footer-nav {
	display: block;
	clear: both;
	width: auto;
	height: 26px;
	margin: 0 0 2px;
	padding: 10px 0 0;
	text-align: center;
	line-height: 14px;
}
#footer-nav li {
	display: inline;
	margin: 7px 15px 0 0;
	border: none;
}
#footer-nav li a {
	display: inline;
	margin: 0;
	text-decoration: none;
	color: #fff;
}
.footer-inner {
	clear: left;
	overflow: hidden;
	width: 95%;
	max-width: 1500px;
	margin: 10px auto 15px;
	padding: 0;
	text-align: center;
}
.footer-inner .iNET, .footer-inner .logo {
	float: left;
	text-align: left;
	width: 22%;
	min-width: 200px;
	margin: 4px 0 13px;
	font-size: 11px;
	line-height: 20px;
	color: #565656;
}
.footer-inner .iNET a.logo, .footer-inner .logo a {
	display: block;
	width: 153px;
	height: 70px;
	margin: 0 0 5px;
	background: url("/shared/images/sprite-images.png") no-repeat scroll -475px 0 transparent;
	overflow: hidden;
	text-indent: -5000em;
	font-size: 11px;
}
.footer-inner .logo img {
	display: block;
	margin: 0 0 5px;
}
.footer-inner .logo span {
	color: #777;
	font-size: 11px;
}
.footer-inner .logo span a {
	color: #676767;
	font-size: 11px;
	padding: 4px 0 0;
	background: none;
	width: auto;
	height: auto;
	display: inline;
	text-indent: 0;
}
.footer-inner #side {
	float: left;
	width: 58%;
	text-align: center;
}
.footer-inner .side {
	float: left;
	width: 25%;
	padding: 15px 0 0;
	text-align: left;
}

.footer-inner .IS			{ width: 24%; }
.footer-inner .WD			{ width: 25%; }
.footer-inner .OM			{ width: 30%; }
.footer-inner .TH			{ width: 21%; }

.footer-inner ul {
	list-style: none;
	margin: 3px 0 0;
	padding: 0 10px 0 0;
	font: normal 12px/16px Verdana, Arial, sans-serif;
	color: #333;
}
.footer-inner ul li {
	margin: 1px 0;
}
.footer-inner .side ul li {
	font-size: 11px;
	line-height: 13px;
	margin: 4px 0;
	color: #404F6A;
}
.footer-inner ul a {
	color: #404F6A;
	text-decoration: none;
	font-size: 11px;
}
.footer-inner ul a:hover {
	color: #FF9933;
	text-decoration: underline;
}
.footer-inner h6 {
	margin: 0;
	padding: 0 10px 0 0;
	font: italic bold 12px 'Lucida Grande', 'Lucida Sans', Verdana, Arial, sans-serif;
	text-transform: none;
	color: #4c4c4c;
}
.footer-inner .iNETAdvertising {
	float: left;
	width: 20%;
	margin: 0;
	text-align: right;
}
.footer-inner .iNETAdvertising p {
	font-size: 11px;
	margin: 15px 0 20px;
}
.footer-inner .iNETAdvertising p a {
	padding: 1px 0 0 18px;
	text-decoration: none;
	background: url("/shared/images/sprite-images.png") no-repeat scroll -540px -176px transparent;
	color: #404F6A;
	font-size: 11px;
	line-height: 13px;
	text-decoration: none;
}
.footer-inner .iNETAdvertising p a:hover {
	color: #FF9933;
}
.footer-inner .iNETAdvertising a.logo, .footer-inner .iNETAdvertising a.logo2 {
	display: block;
	float: right;
	width: 152px;
	height: 38px;
	margin: 4px 0 0;
	position: relative;
	background: url("/shared/images/sprite-images.png") no-repeat scroll -650px 0 transparent;
	overflow: hidden;
	text-indent: 5000em;
}