/* reset
-----------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, a, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }



/* main containers
-----------------------------------------------------------*/
body { 
	background: #E3E3E3; 
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #4D4D4D;
}



/* type
--------------------------------------------------------*/	
p { padding: 0 0 5px 0; line-height: 18px; color: #4D4D4D;}
p.small { font-size: 11px;}
span.small { font-size: 11px;}
p.right { text-align: right;}
p.disclaimer { line-height: 12px; font-size: 9px; }


h1 {
	padding-bottom: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 100;
	line-height: 22px;
	color: #333;
}

h2 {
	padding-bottom: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	line-height: 20px;
	color: #333;
}

h3 {
	padding-bottom: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: #333;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}

h1.pageTitle { padding-bottom: 7px;}
h4.title { padding: 3px 0 0 0;}

a { color: #7D0049; text-decoration: none;}
a:hover { text-decoration: underline;}
a img { border: none; }
a span { border: none; }

a.commentIcon { padding-left: 15px; background: url(../images/icons/quote-bubble.gif) left 2px no-repeat; }

.clearBoth { clear: both;}

.line { border-bottom: 1px solid #D1D1D1;}
.topLine { border-top: 1px solid #D1D1D1;}
.btmLine { padding: 0; margin: 0 0 5px 0; border-bottom: 1px solid #D1D1D1;}
.middleLine { margin-top: 15px; padding-bottom: 15px; border-top: 1px solid #D1D1D1; line-height: 0;}

strong.category { color: #333;}

.textWrap { word-wrap: break-word; overflow: hidden;}


/* lists
------------------------------------------*/
ul, ol { margin: 0 0 20px 0; list-style: none; }
ul li, ol li { margin: 0; padding: 5px 0; line-height: 18px; color: #2a2628; list-style: none;}



/* tables
------------------------------------------*/
table { font-size: 12px; line-height: 18px; }
td { margin: 0; padding: 10px 5px;}
th, td { text-align: left; vertical-align: top;}

table.narrow td { padding: 5px 5px; }

th.leftEnd, td.leftEnd, table.narrow td.leftEnd { padding-left: 10px; }
th.noLink { padding-left: 5px; }
th.right, td.right { text-align: right; }
th.center, td.center { text-align: center; }
th.middle, td.middle { vertical-align: middle; }
th.bottom, td.bottom { vertical-align: bottom; }


/* images
----------------------------------------------*/
span.corners60 {
	clear: both;
	float: left;
	position: relative;
	margin: -60px 0 0 0;
	height: 60px;
	width: 60px;
	z-index: 2;
	background: url(../images/backgrounds/corners.png) left top no-repeat;
}

span.lightGrey60 {}
span.darkGrey60 { background-position: left -125px;}
span.lightPurple60 { background-position: left -250px ;}
span.darkPurple60 { background-position: left -375px ;}
span.darkRed60 { background-position: left -500px ;}
span.white60 { background-position: left -625px ;}
span.lightRed60 { background-position: left -750px ;}

span.corners90 {
	clear: both;
	float: left;
	position: relative;
	margin: -90px 0 0 0;
	height: 90px;
	width: 90px;
	z-index: 2;
	background: url(../images/backgrounds/corners.png) -60px top no-repeat;
}

span.lightGrey90 {}
span.darkGrey90 { background-position: -60px -125px;}
span.lightPurple90 { background-position: -60px -250px ;}
span.darkPurple90 { background-position: -60px -375px ;}
span.darkRed90 { background-position: -60px -500px ;}
span.white90 { background-position: -60px -625px ;}
span.lightRed90 { background-position: -60px -750px ;}

span.corners125 {
	clear: both;
	float: left;
	position: relative;
	margin: -125px 0 0 0;
	height: 125px;
	width: 125px;
	z-index: 2;
	background: url(../images/backgrounds/corners.png) -150px top no-repeat;
}

span.lightGrey125 {}
span.darkGrey125 { background-position: -150px -125px;}
span.lightPurple125 { background-position: -150px -250px ;}
span.darkPurple125 { background-position: -150px -375px ;}
span.darkRed125 { background-position: -150px -500px ;}
span.white125 { background-position: -150px -625px ;}
span.lightRed125 { background-position: -150px -750px ;}

div.w60 { display: inline-block; width: 60px;}
div.w90 { display: inline-block; width: 90px;}
div.w125 { display: inline-block; width: 125px;}

div.w60 a:hover, div.w90 a:hover, div.w125 a:hover { text-decoration: none;}

div.right { float: right;}




/* generic form elements
--------------------------------------------------------*/	

label { color: #4d4d4d; }
input, textarea, select {
	padding: 3px;
	background: #fff;
	border: 1px solid #9E9E9E; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}
input {	height: 18px; }
select { height: 26px; }

input.file {height: auto;}

.inactive {
	color: #999999;
}


/* messages
-----------------------------------------------------------*/

.message { clear: left; margin: 20px 0; padding: 15px; font-size: 12px; line-height: 13px;}
.message text { line-height: 13px;}

.message.errors {	border: 1px solid #990000; background-color: #FFECEC; color: #990000; }
.message.errors p {	color: #990000; }
.message.errors strong { color: #990000; }
.message.errors a { color: #990000; text-decoration: underline; }
.message.errors a:hover { text-decoration: none; }

.message.success { border: 1px solid #006600; background-color: #E2F9E3; color: #006600; }
.message.success p {	color: #006600; }
.message.success strong { color: #006600; }
.message.success a { color: #006600; text-decoration: underline; }
.message.success a:hover { text-decoration: none; }

.message.warning { border: 1px solid #CC6600; background-color: #FEFEC3; color: #CC6600; }
.message.warning p {	color: #CC6600; }
.message.warning strong { color: #CC6600; }
.message.warning a { color: #CC6600; text-decoration: underline; }
.message.warning a:hover { text-decoration: none; }

.message.notice { border: 1px solid #543672; background-color: #d8d8ea; color: #543672; }
.message.notice p {	color: #543672; }
.message.notice a { tcolor: #543672; ext-decoration: underline; }
.message.notice a:hover { text-decoration: none; }

.error { color: #990000; }

.error, .error span, .error label { font-weight: bold; color: #7D0049;}



/* form container
--------------------------------------------------------*/	
div.formContainer { clear: both; float: left; margin: 0; padding: 0; width: 100%;}
div.formContainer img.right { float: right;}
div.formContainer p { padding-bottom: 10px;}
div.formContainer p.middleLine { margin-top: 5px; padding-bottom: 15px;}

div.block {
	display: block;
  margin: 0 0 15px 0; 
	padding: 20px;
	background-color: #eaeaea;
	font-size: 12px;
  text-align: left;
}

div.block table tr td { padding: 0 15px 15px 0;}

div.singleColBox div.block { width: 405px;}


div.formContainer dl { display: block; white-space: nowrap;}

div.formContainer dt {
  clear: left;
  float: left;
  position: relative;
  margin: 4px 8px 0 0; 
	padding:  0 0 10px 0;
  width: 125px;
	font-size: 12px;
  text-align: left;
}

div.formContainer dt.required { font-weight: bold;}
div.formContainer dt.radio { margin-top: 0; height: 50px;}
div.formContainer label.required { font-weight: bold;}
div.formContainer p.required { font-weight: bold;}
div.formContainer td.required { font-weight: bold;}

div.formContainer dd {
  padding: 0 0 10px 0;
  font-size: 12px;
}

div.formContainer dd a.tabOver { position: relative; margin-left: 10px;}

div.formContainer div.command { clear: both; display:block; padding-bottom: 15px;}
div.formContainer div.block div.command { padding-bottom: 0;}
div.formContainer div.command p { padding: 0;}
div.formContainer div.command p input { background: none; vertical-align: middle; border: none;}
div.formContainer input.submit {
	padding: 0;
	height: auto;
	width: auto;
	background: none;
	vertical-align: middle;
	border: none;
}

div.formContainer input.contact { padding: 0; height: 42px; width: 100px; background: none; border: none; }

div.formContainer .width120 { width: 120px;}
div.formContainer .width200 { width: 200px;}
div.formContainer .width205 { width: 205px;}
div.formContainer .width216 { width: 216px;}
div.formContainer .width250 { width: 250px;}
div.formContainer .width300 { width: 300px;}
div.formContainer .width310 { width: 310px;}
div.formContainer .width325 { width: 325px;}
div.formContainer .width360 { width: 360px;}
div.formContainer .width395 { width: 395px;}
div.formContainer .width400 { width: 400px;}
div.formContainer .width415 { width: 415px;}
div.formContainer .width451 { width: 451px;}
div.formContainer .width465 { width: 465px;}
div.formContainer .width485 { width: 485px;}
div.formContainer .width540 { width: 540px;}
div.formContainer .width590 { width: 590px;}
div.formContainer .width723 { width: 723px;}
div.formContainer .width729 { width: 729px;}
div.formContainer .full { width: 930px;}

div.formContainer textarea.row1 { height: 15px;}
div.formContainer textarea.row2 { height: 30px;}
div.formContainer textarea.row3 { height: 45px;}
div.formContainer textarea.row4 { height: 60px;}
div.formContainer textarea.row5 { height: 75px;}
div.formContainer textarea.row6 { height: 90px;}
div.formContainer textarea.row12 { height: 180px;}
div.formContainer textarea.row20 { height: 300px;}

div.formContainer input.inputDate { width: 80px; }

input.checkbox { display: inline-block; position: relative; margin: 0; padding: 0; height: 14px; width: 14px; vertical-align: top;}
label.checkbox { display: inline-block; position: relative; margin: -2px 0 0 0; padding: 2px 10px 0 4px; vertical-align: top;}

div.formContainer dl dd.radios span, p.radios span { display: inline-block; padding: 4px 10px 0 0;}
input.radio {
	display: inline-block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	height: 15px;
	width: 15px;
	background: none;
	border: none;
}

label.radio {
	display: inline-block;
	position: relative;
	padding: 0 10px 0 4px;
	margin-bottom: 1px;
	background: none;
	vertical-align: top;
	line-height: 13px;
}

div.ddWrapper { display: inline-block;}
div.main div.contentWrapper div.ddWrapper { width: 590px;}

div.formContainer div.ddWrapper input { clear: both; float: left;}
div.formContainer div.ddWrapper label.checkbox { padding-top: 0;}

div.formContainer div.ddWrapper div.recipient {
	float: left;
	display: block;
	margin: 0 5px 10px 0;
	padding: 0 0 0 5px;
	background: url(../images/buttons/recipient-left.gif) left top no-repeat;
}

div.formContainer div.ddWrapper div.recipient span {
	display: inline-block;
	margin: 0;
	padding: 1px 5px 3px 0;
	background: url(../images/buttons/recipient-right.gif) right top no-repeat;
	color: #fff;
}

div.formContainer div.ddWrapper div.recipient span a { color: #fff;  margin-left: 5px;}


div.formContainer dl dd.bottom { padding: 0;}
div.formContainer dl dd span { display: inline-block; padding: 4px 0 0 0;}

div.marginBtm, .marginBtm { margin-bottom: 15px;}

div.formContainer div.seperate { display: block; padding-bottom: 15px;}
div.formContainer div.seperate dl.emailNotification { width: 400px;}
div.formContainer div.seperate dl.emailNotification dt { margin: 0; padding: 6px 8px 6px 0; width: 350px; }
div.formContainer div.seperate dl.emailNotification dd { margin: 0; padding: 5px 0; border-bottom: 1px solid #D1D1D1;}
div.formContainer div.seperate dl.emailNotification dd input { height: 12px; margin-left: 9px;}




/* autocompletion
------------------------------------------*/

div.autocomplete {
	position: absolute;
	width: 300px;
	margin: 0px;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #9E9E9E;
	background-color: #FFFFFF;
}

div.autocomplete ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 11px;  
}

div.autocomplete ul li.selected { background-color: #d8d8ea;}

div.autocomplete ul li {
	list-style-type: none;
	display: block;
	margin:0;
	padding: 2px;
	height: 15px;
	cursor: pointer;
}

div.tall ul li { height: 30px; }



/* header
--------------------------------------------------------*/	
#headerWrapper {
	margin: 0 auto;
	background: #fff;
	text-align: center;
}

#header {
	margin: 0 auto;
	padding: 20px 25px 0 25px;
	height: 105px;
	width: 974px;
	text-align: left;
}

#header div.logo {
	float: left;
	height: 105px;
	width: 375px;
	background: url(../images/logo.jpg) left top no-repeat;
}

#header div.logo a {
	display: block;
	height: 63px;
	width: 127px;
}

#header div.logo a:hover { text-decoration: none;}

#header div.headerNavWrapper {
	float: right;
	width: 550px;
}

#header div.headerNavWrapper p {
	text-align: right;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#header div.headerNavWrapper p a { color: #A7A7A7;}
#header div.headerNavWrapper p a:hover { text-decoration: underline;}

#header div.headerNavWrapper div.nav { clear: both; text-align: right; color: #e5e5e5;}
#header div.headerNavWrapper div.nav a {
	padding: 5px 10px 10px 10px;
	font-size: 13px;
	font-weight: normal;
}

#header div.headerNavWrapper div.nav a.end { padding-right: 0;}

#header div.headerNavWrapper div.nav a.register {
	padding: 0;
	height: 72px;
	background: url(../images/buttons/register-white.jpg) left top no-repeat;
}

#header div.headerNavWrapper div.search { clear: both; float: right; padding-bottom: 10px; text-align: right;}
#header div.headerNavWrapper div.search input { float: right; margin-left: 5px; padding: 3px; }
#header div.headerNavWrapper div.search select { float: right; margin-top: 1px; padding: 3px; height: 24px;}
#header div.headerNavWrapper div.search input.send {
	padding: 0;
	width: 72px;
	height: 43px;
	background:url(../images/buttons/search-white.gif) left top no-repeat;
	border: none;
}



/* main
--------------------------------------------------------*/	
#mainWrapper { 
	clear: both;
	margin: 0 auto;
	width: 1024px;
	text-align: center;
}

#mainWrapper div.main {
	display: block;
	float: left;
	margin: 0 auto;
	padding: 25px 25px 0 25px;
	width: 974px;
	text-align: left;
	background: #F2F2F2;
}

#mainWrapper div.main div.contentWrapper { clear: both; float: right; width: 775px;}
#mainWrapper div.main div.contentWrapper div.content { clear: both; float: left; width: 775px;}

#mainWrapper div.main table.msgInfo { margin: 0 0 15px 0;}
#mainWrapper div.main table.msgInfo tr td { padding: 5px;}

#mainWrapper div.main p.toggle a.selected { color: #333; font-weight:bold; }
#mainWrapper div.main h2.sample { padding: 5px 0 0 0;}
#mainWrapper div.main table.upload { clear: both; margin: 0 0 5px 0; border-top: 1px solid #d6d6d6;}
#mainWrapper div.main table.btmPad, #mainWrapper div.main p.btmPad { margin: 0 0 25px 0;}
#mainWrapper div.main table.upload tr td { padding: 10px 15px; border-bottom: 1px solid #e3e3e2;}
#mainWrapper div.main table.upload tr td a { clear: left; font-size: 11px; line-height: 13px;}
#mainWrapper div.main table.upload tr td img, #mainWrapper div.main table.upload tr td div { padding: 0 0 5px 0;}
#mainWrapper div.main table.upload tr td div.w90 img { padding: 0;}
#mainWrapper div.main table.upload tr td strong { display: inline-block; padding: 0; font-size: 12px; color: #4D4D4D;}
#mainWrapper div.main table.upload tr td a:hover { text-decoration: none;}

#mainWrapper div.main table.wall { margin: 0 0 25px 0; width: 775px; border-top: 1px solid #d6d6d6;}
#mainWrapper div.main table.wall tr td { padding: 10px 15px; text-align: center;}
#mainWrapper div.main table.wall tr td a { font-size: 11px; line-height: 13px;}
#mainWrapper div.main table.wall tr td img { padding: 0 0 5px 0;}
#mainWrapper div.main table.wall tr td a:hover { text-decoration: none;}
#mainWrapper div.main table.wall tr td strong { display: inline-block; padding: 0 0 2px 0; font-size: 13px; color: #4D4D4D;}




/* nav
--------------------------------------------------------*/	
#mainWrapper div.main div.nav { clear: both; float: left; height: 21px;}

#mainWrapper div.main div.nav a {
	display: inline-block;
	margin: 0 4px 0 0;
	padding: 0;
	background: url(../images/buttons/box-grey-left.gif) left top no-repeat;
	text-decoration: none;
}

#mainWrapper div.main div.nav a span {
	float: left;
	padding: 5px 10px 6px 10px;
	background: url(../images/buttons/box-grey-right.gif) right top no-repeat;
	font-size: 9px;
	font-weight: bold;
	line-height: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
}

#mainWrapper div.main div.nav a:hover { background-position: left -21px; text-decoration: none;}
#mainWrapper div.main div.nav a:hover span { background-position: right -21px;}

#mainWrapper div.main div.nav a.current { background: url(../images/buttons/box-red-left.gif) left top no-repeat;}
#mainWrapper div.main div.nav a.current span { background: url(../images/buttons/box-red-right.gif) right top no-repeat;}


/* tabs
--------------------------------------------------------*/	
div.tabs { display: block; margin: 0 0 15px 0; }
div.tabs a {
	display: inline-block;
	margin: 0 3px 0 0;
	padding: 0;
	background: url(../images/buttons/box-grey-left.gif) left 25px no-repeat;
	color: #808080;
}

div.tabs a span {
	float: left;
	padding: 5px 7px 6px 7px;
	background: url(../images/buttons/box-grey-right.gif) right 25px no-repeat;
	font-size: 9px;
	font-weight: bold;
	line-height: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

div.tabs a.selected { background-position: left top;}
div.tabs a.selected span { background-position: right top; color: #fff;}
div.tabs a.selected:hover { text-decoration: none;}

#mainWrapper div.main div.sectionTabs { clear: both; display: block; margin-bottom: 20px; border-bottom: 2px solid #590304;}
#mainWrapper div.main div.sectionTabs a {
	display: inline-block;
	margin: 0 1px 0 0;
	background: url(../images/buttons/dropdown-left.gif) left top no-repeat;
	color: #fff;
}

#mainWrapper div.main div.sectionTabs a span {
	display: inline-block;
	padding: 4px 10px 0 10px;
	height: 17px;
	background: url(../images/buttons/dropdown-right.gif) right top no-repeat;
}

#mainWrapper div.main div.sectionTabs a:hover { background-position: left -22px; text-decoration: none;}
#mainWrapper div.main div.sectionTabs a:hover span { background-position: right -22px; text-decoration: none;}

#mainWrapper div.main div.sectionTabs a.selected { background-position: left -44px;}
#mainWrapper div.main div.sectionTabs a.selected:hover { background-position: left -44px;}
#mainWrapper div.main div.sectionTabs a.selected span { background-position: right -44px;}
#mainWrapper div.main div.sectionTabs a.selected:hover span { background-position: right -44px;}



/* plain
--------------------------------------------------------*/	
div.plain { display: block; float: left; width: 972px;}

div.plain div.right img.right { margin: 0 0 25px 25px;}

div.plain div.container { clear: left; float: left; display: block; padding-top: 15px; width: 450px;}
div.plain div.container h3 { font-weight: bold;}
div.plain div.container div.right { float: right; display: inline-block; margin-left: 20px; padding-left: 20px; width: 264px; border-left: 1px solid #D1D1D1;}
div.plain div.container div.left { float: left; display: inline-block; padding: 0; width: 145px;}
div.plain div.innerContainer { float: left; width: 450px;}
div.plain div.innerContainer ul.left { position: relative; float: left; display: inline-block; width: 100px;}
div.plain  div.innerContainer ul.right { display: inline-block; width: 100px;}




/* singleColBox
--------------------------------------------------------*/	
#mainWrapper div.main div.singleColBox {
	clear: both;
	float: left;
	margin: 17px 0 25px 0;
	background: url(../images/backgrounds/grey-top.gif) left top no-repeat;
}

#mainWrapper div.main div.singleColBox div.bottom {
	clear: both;
	float: left;
	padding: 15px;
	width: 924px;
	background: url(../images/backgrounds/grey-btm.gif) left bottom no-repeat;
}

#mainWrapper div.main div.singleColBox div.formContainer { width: 924px; }
#mainWrapper div.main div.singleColBox div.formContainer div.command { clear: left; display: inline-block;}

#mainWrapper div.main div.singleColBox h3 { padding: 0 0 15px 0;}
#mainWrapper div.main div.singleColBox p { padding: 0 0 15px 0;}
#mainWrapper div.main div.singleColBox div.errorMessage { margin: 0 0 15px 0;}
#mainWrapper div.main div.singleColBox div.errorMessage p { padding: 15px;}
#mainWrapper div.main div.singleColBox div.thanks { clear: both; float: left; width: 974px;}
#mainWrapper div.main div.singleColBox div.thanks p {
	padding: 15px 0;
	font-size: 14px;
	line-height: 16px;
	color: #560000;
}

#mainWrapper div.main div.singleColBox div.thanks p.light { padding: 0 0 15px 0; color: #666;}
#mainWrapper div.main div.singleColBox p.error { font-size: 14px;}



/* full column 
--------------------------------------------------------*/	
#mainWrapper div.main div.contentWrapper div.fullCol { float: left; margin-bottom: 25px; width: 775px;}
#mainWrapper div.main div.contentWrapper div.fullCol div.fullColTop {
	clear: both;
	float: left;
	height: 15px;
	width: 775px;
	background: url(../images/backgrounds/fullCol-top.gif) left top no-repeat;
}

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle {
	clear: both;
	float: left;
	padding: 0 15px;
	width: 743px;
	background: #f5f5f5;
	border-left: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
}

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle h2.answers {
	clear: both;
	float: left;
	padding: 10px 0;
	width: 500px;
}

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.row {
	clear: both;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 723px;
	border-bottom: 1px solid #D1D1D1;
}

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.top { border: none;}
#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.comments { border: none; padding-bottom: 0;}

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.row div.right {
	float: right;
	width: 445px;
}

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.row div.right div.topic p {
	display: block;
	font-size: 17px;
	line-height: 21px;
	color: #2E3192;
}

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.row div.right p.date {
	padding: 2px 0 10px 0;
	font-size: 11px;
	border-top: 1px solid #E0E0E0;
}

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.row div.right h2.selected {
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 30px;
	background: #560000 url(../images/backgrounds/best-answer-star.gif) 7px 5px no-repeat;
	color: #fff;
}

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.row div.leftBox {
	clear: left;
	float: left;
	width: 260px;
	background: url(../images/backgrounds/leftBox-top-grey.gif) left top no-repeat;
}

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.row div.leftBox div.boxBottom {
	clear: left;
	float: left;
	padding: 15px;
	padding-right: 30px;
	width: 215px;
	background: url(../images/backgrounds/leftBox-bottom-grey.gif) left bottom no-repeat;
}

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.row div.question {
	background: url(../images/backgrounds/leftBox-top-red.gif) left top no-repeat;
}
	
#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.row div.question div.boxBottom {
background: url(../images/backgrounds/leftBox-bottom-red.gif) left bottom no-repeat;
}

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.row div.leftBox div.boxBottom p.right {
	float: right;
	width: 143px;
	padding: 0;
	text-align: left;
}

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.row div.leftBox div.boxBottom p.right strong { font-size: 12px; color: #560000;}
#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.row div.leftBox div.boxBottom div.leftPic { clear: left;	float: left;}
#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.row div.leftBox div.boxBottom div.leftPic img { clear: both;	float: left;}

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.options {
	width: 723px;
	margin: 0;
	padding: 10px 0;
	background: none;
}

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.right445 {
	clear: both;
	float: right;
	width: 445px;
	background: none;
}

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle div.options p { clear: left; float: left; width: 400px;}

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColBottom {
	clear: both;
	float: left;
	height: 15px;
	width: 775px;
	background: url(../images/backgrounds/fullCol-btm.gif) left bottom no-repeat;
}



/* two column 
--------------------------------------------------------*/	

/* right column 
--------------------------------------------------------*/	
#mainWrapper div.main div.contentWrapper div.rightCol { clear: both; display: inline-block; float: right; width: 250px;}

#mainWrapper div.main div.contentWrapper div.rightCol div.section { clear: both; float: left; margin: 0 0 20px 0; width: 250px;}

/*#mainWrapper div.main div.contentWrapper div.rightCol div.section div.nav {
	clear: both;
	float: left;
	margin: 0 0 10px 0;
	width: 250px;
}
*/
#mainWrapper div.main div.contentWrapper div.rightCol div.section div.tabs { margin: 0 0 8px 0;}

#mainWrapper div.main div.contentWrapper div.rightCol div.section h3 { padding: 0;}
#mainWrapper div.main div.contentWrapper div.rightCol div.section p.question {
	padding-left: 17px;
	background: url(../images/backgrounds/question.gif) left 3px no-repeat;
}

#mainWrapper div.main div.contentWrapper div.rightCol div.section ul {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 250px;
}

#mainWrapper div.main div.contentWrapper div.rightCol div.section ul li { padding: 0;}
#mainWrapper div.main div.contentWrapper div.rightCol div.section ul li a {
	display: block;
	padding: 10px 0 10px 20px;
	width: 230px;
	background: url(../images/backgrounds/arrow-grey.gif) 8px 15px no-repeat;
	border-bottom: 1px solid #D1D1D1;
}

#mainWrapper div.main div.contentWrapper div.rightCol div.section ul li a:hover { background-color: #e9e9e9; text-decoration: none;}

#mainWrapper div.main div.contentWrapper div.rightCol div.section div.row {
	clear: both;
	float: left;
	margin: 0;
	padding: 10px 0 5px 0;
	width: 250px;
	border-bottom: 1px solid #D1D1D1;
}

#mainWrapper div.main div.contentWrapper div.rightCol div.section div.row span.large {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 25px;
	color: #560000;
}

#mainWrapper div.main div.contentWrapper div.rightCol div.section a.right { float: right; }
#mainWrapper div.main div.contentWrapper div.rightCol div.section a.left { float: left; }

#mainWrapper div.main div.contentWrapper div.rightCol div.section div.box {
	clear: both;
	float: left;
	background: url(../images/backgrounds/rightCol-box-light.gif) left top no-repeat;
}

#mainWrapper div.main div.contentWrapper div.rightCol div.section div.box div.boxBottom {
	clear: both;
	float: left;
	padding: 15px;
	width: 220px;
	background: url(../images/backgrounds/rightCol-box-light-btm.gif) left bottom no-repeat;
}

#mainWrapper div.main div.contentWrapper div.rightCol div.section div.dark { background: url(../images/backgrounds/rightCol-box-dark.gif) left top no-repeat;}
#mainWrapper div.main div.contentWrapper div.rightCol div.section div.dark div.boxBottom { background: url(../images/backgrounds/rightCol-box-dark-btm.gif) left bottom no-repeat;}

#mainWrapper div.main div.contentWrapper div.rightCol div.section div.boxBottom p { padding-bottom: 15px;}
#mainWrapper div.main div.contentWrapper div.rightCol div.section div.boxBottom h3 { color: #333;}
#mainWrapper div.main div.contentWrapper div.rightCol div.section div.boxBottom p.categories a {
	clear: both;
	display: block;
	padding: 2px 0 2px 5px;
	background: none;
	border: none;
}

#mainWrapper div.main div.contentWrapper div.rightCol div.section div.formContainer { background: #e3e3e3 url(../images/backgrounds/rightCol-grey-top.gif) left top no-repeat;}
#mainWrapper div.main div.contentWrapper div.rightCol div.section div.formContainer div.block {
	margin-bottom: 0;
	background: transparent url(../images/backgrounds/rightCol-grey-btm.gif) left bottom no-repeat;
}

#mainWrapper div.main div.contentWrapper div.rightCol div.topPadding  { padding-top: 15px;}
#mainWrapper div.main div.contentWrapper div.rightCol div.top { padding-top: 0;}


#mainWrapper div.main div.contentWrapper div.rightCol div.section div.checks div.w60 { float: left; padding-right: 7px;}
#mainWrapper div.main div.contentWrapper div.rightCol div.section div.checks h3 { float: left;}
#mainWrapper div.main div.contentWrapper div.rightCol div.section div.checks ol { clear: both; display: block; margin:0; padding: 5px 0 0 0;}
#mainWrapper div.main div.contentWrapper div.rightCol div.section div.checks ol li { padding: 5px 0 5px 30px;}
#mainWrapper div.main div.contentWrapper div.rightCol div.section div.checks ol li.check { background: url(../images/backgrounds/checkmark.gif) left 7px no-repeat;}
#mainWrapper div.main div.contentWrapper div.rightCol div.section div.checks ol li.x { background: url(../images/backgrounds/x-mark.gif) left 6px no-repeat;}

/* right column - progress 
--------------------------------------------------------*/	
#mainWrapper div.main div.contentWrapper div.rightCol div.section div.progress {
	clear: both;
	float: left;
	background: url(../images/backgrounds/progress-top.gif) left top no-repeat;
}

#mainWrapper div.main div.contentWrapper div.rightCol div.section div.progress div.bottom {
	clear: both;
	float: left;
	padding:  0 0 15px 0;
	width: 250px;
	background: url(../images/backgrounds/progress-btm.gif) left bottom no-repeat;
}

#mainWrapper div.main div.contentWrapper div.rightCol div.section div.progress div.bottom div.container {	padding-left: 15px;}
#mainWrapper div.main div.contentWrapper div.rightCol div.section div.progress div.bottom div.container p {
	display: block;
	padding: 1px 0 5px 25px;
	background: url(../images/backgrounds/progress-dropdown.gif) left 0 no-repeat;
}

#mainWrapper div.main div.contentWrapper div.rightCol div.section div.progress div.bottom div.container ul li {
	margin-left: 25px;
	padding-left: 15px;
	background: url(../images/backgrounds/arrow-red.gif) 2px 5px no-repeat;
}

#mainWrapper div.main div.contentWrapper div.rightCol div.section div.progress div.bottom div.container ul li a {
	display: inline-block;
	padding: 0;
	width: auto;
	background: none;
	border: none;
}

#mainWrapper div.main div.contentWrapper div.rightCol div.section div.progress div.bottom div.container ul li a:hover {
	border: none;
	text-decoration: underline;
}

#mainWrapper div.main div.contentWrapper div.rightCol div.section div.progress div.bottom div.container ul li.completed { background: url(../images/backgrounds/checkmark.gif) left 5px no-repeat}
#mainWrapper div.main div.contentWrapper div.rightCol div.section div.progress div.bottom div.container ul li.completed a {	color: #666;}



/* left column 
--------------------------------------------------------*/	
#mainWrapper div.main div.contentWrapper div.leftCol { clear: left; float: left; display: inline-block; width: 495px;}

#mainWrapper div.main div.contentWrapper div.leftCol div.box { background: url(../images/backgrounds/section-box-top.gif) left top no-repeat;}
#mainWrapper div.main div.contentWrapper div.leftCol div.box div.boxBottom {
	float: left;
	padding: 15px;
	width: 465px;
	background: url(../images/backgrounds/section-box-btm.gif) left bottom no-repeat;
}

#mainWrapper div.main div.contentWrapper div.leftCol div.box div.boxBottom h1 { padding-bottom: 10px;}
#mainWrapper div.main div.contentWrapper div.leftCol div.box div.boxBottom h1.connections { padding-left: 34px; background: url(../images/icons/grey-connections.gif) left 4px no-repeat;}
#mainWrapper div.main div.contentWrapper div.leftCol div.box div.boxBottom h1.group { padding-left: 34px; background: url(../images/icons/grey-groups.gif) left 1px no-repeat;}
#mainWrapper div.main div.contentWrapper div.leftCol div.box div.boxBottom p { vertical-align: top;}
#mainWrapper div.main div.contentWrapper div.leftCol div.box div.boxBottom div.tabs { margin-bottom: 5px;}

#mainWrapper div.main div.contentWrapper div.leftCol div.section { clear: both; float: left; margin-bottom: 20px; width: 495px;}
#mainWrapper div.main div.contentWrapper div.leftCol div.section p.middleLine { margin: 5px 0 0 0; padding: 0 0 5px 0;}
#mainWrapper div.main div.contentWrapper div.leftCol div.section p.question {
	padding-left: 15px;
	background: url(../images/backgrounds/question-grey.gif) left 3px no-repeat;
}
#mainWrapper div.main div.contentWrapper div.leftCol div.section div.right { clear: both; float: right; display: block; width: 330px;}
#mainWrapper div.main div.contentWrapper div.leftCol div.section div.right p { clear: both; float: left; padding: 0 0 10px 0;}
#mainWrapper div.main div.contentWrapper div.leftCol div.section div.right p.line { margin: 0 0 10px 0; width: 330px;}
#mainWrapper div.main div.contentWrapper div.leftCol div.section div.right p.description { font-size: 11px;}
#mainWrapper div.main div.contentWrapper div.leftCol div.section div.right p.description strong {
	font-size: 9px;
	text-transform: uppercase;
	color: #333;
}

#mainWrapper div.main div.contentWrapper div.leftCol div.section img.title { margin: 0 0 15px 0;}
#mainWrapper div.main div.contentWrapper div.leftCol div.section div.groupPic { clear: left; float: left; padding: 0 0 0 15px;}
#mainWrapper div.main div.contentWrapper div.leftCol div.section div.groupPic img { clear: both; float: left;}
#mainWrapper div.main div.contentWrapper div.leftCol div.box div.boxBottom img.left { padding: 0;}
#mainWrapper div.main div.contentWrapper div.leftCol div.section p.right { text-align: right; }
#mainWrapper div.main div.contentWrapper div.leftCol div.section div.nav { float: right; text-align: right; }
#mainWrapper div.main div.contentWrapper div.leftCol div.section div.row { display: block; padding-bottom: 10px; }

#mainWrapper div.main div.contentWrapper div.leftCol div.box div.boxBottom div.splitBox { clear: both; float: left; width: 445px;}
#mainWrapper div.main div.contentWrapper div.leftCol div.box div.boxBottom div.splitBox div.profile { clear: left; float: left; width: 125px;}
#mainWrapper div.main div.contentWrapper div.leftCol div.box div.boxBottom div.splitBox div.profile img { clear: both; float: left;}
#mainWrapper div.main div.contentWrapper div.leftCol div.box div.boxBottom div.splitBox div.splitBoxRight { float: right; display: block; width: 300px;}
#mainWrapper div.main div.contentWrapper div.leftCol div.box div.boxBottom div.splitBox div.splitBoxRight h2.name { padding-bottom: 0; text-transform: capitalize;}
#mainWrapper div.main div.contentWrapper div.leftCol div.box div.boxBottom div.splitBox div.splitBoxRight p.line { margin: 0 0 10px 0; padding: 0 0 10px 0;}

#mainWrapper div.main div.contentWrapper div.leftCol div.section table.photos { margin: 0 0 10px 0; width: 464px; }
#mainWrapper div.main div.contentWrapper div.leftCol div.section table.photos  td { width: 95px; }
#mainWrapper div.main div.contentWrapper div.leftCol div.section table.photos  td a.textWrap { display: block; width: 95px;  word-wrap: break-word; overflow: hidden;}
#mainWrapper div.main div.contentWrapper div.leftCol div.section table.photos td.left { padding:  0 15px 0 0; text-align: center;}
#mainWrapper div.main div.contentWrapper div.leftCol div.section table.photos td.right { padding: 0 0 0 14px; text-align: center;}
#mainWrapper div.main div.contentWrapper div.leftCol div.section table.photos td.center { padding: 0 14px; }
#mainWrapper div.main div.contentWrapper div.leftCol div.section table.photos td.text { padding-top: 5px; text-align: center; }

#mainWrapper div.main div.contentWrapper div.leftCol div.top { margin-top: 0;}

#mainWrapper div.main div.contentWrapper div.browse { clear: both; float: left; width: 346px;}
#mainWrapper div.main div.contentWrapper div.browse a.right { float: right; margin-top: 9px; overflow: hidden;}
#mainWrapper div.main div.contentWrapper div.browse h2 { padding: 0 0 8px 0;}
#mainWrapper div.main div.contentWrapper div.browse ul { float: left;  padding-top: 5px; width: 173px; border-top: 1px solid #D1D1D1;}



/* sponsors 
--------------------------------------------------------*/	
#mainWrapper div.main div.sponsorTop {
	float: left;
	padding: 0 0 15px 0;
	width: 775px;
	text-align: right;
}

#mainWrapper div.main div.sponsorTop div.sponsor {
	display: inline-block;
	padding: 0 0 0 140px;
	background: url(../images/sponsors/sponsored-by.gif) left center no-repeat;
	text-align: right;
}

#mainWrapper div.main div.sidebar div.sponsor {
	display: block;
	padding-bottom: 25px;
	width: 170px;
	text-align: center;
}


/* update  
--------------------------------------------------------*/	
#mainWrapper div.main div.update {
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 775px;
	background: url(../images/backgrounds/status-update-big.gif) left top no-repeat;
}

#mainWrapper div.main div.update div.bottom {
	clear: both;
	float: left;
	padding: 0 15px 15px 15px;
	width: 745px;
	background: url(../images/backgrounds/status-update-big-btm.gif) left bottom no-repeat;
}

#mainWrapper div.main div.leftCol div.update {
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 495px;
	background: url(../images/backgrounds/status-update-little.gif) left top no-repeat;
}

#mainWrapper div.main div.leftCol div.update div.bottom {
	clear: both;
	float: left;
	padding: 0 15px 15px 15px;
	width: 465px;
	background: url(../images/backgrounds/status-update-little-btm.gif) left bottom no-repeat;
}

#mainWrapper div.main div.update div.top {
	clear: both;
	float: left;
	padding: 15px 15px 0 15px;
	width: 745px;
}

#mainWrapper div.main div.leftCol div.update div.top {
	clear: both;
	float: left;
	padding: 15px 15px 0 15px;
	width: 465px;
}

#mainWrapper div.main div.update div.top div.right { padding-right: 5px; width: 100px; text-align: right;}

span.charcount-safe, span.charcount-limit { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; }
span.charcount-limit { color:#990000; }
span.charcount-safe { color:#a3a3a3; }
 
#mainWrapper div.main div.update div.middle {
	clear: both;
	float: left;
	padding: 0 15px;
	width: 745px;
}

#mainWrapper div.main div.update div.middle img { clear: left; float: left;}
 
#mainWrapper div.main div.update div.middle div.right textarea { height: 52px; margin: 0 0 7px 0; width: 658px;}
#mainWrapper div.main div.update div.middle div.right {
	display: inline-block;
	float: right;
	width: 670px;
}
 
 
#mainWrapper div.main div.leftCol div.update div.middle {
	clear: both;
	float: left;
	padding: 0 15px;
	width: 465px;
}


#mainWrapper div.main div.leftCol div.update div.middle div.right textarea { height: 52px; margin: 0 0 7px 0; width: 380px;}
#mainWrapper div.main div.leftCol div.update div.middle div.right {
	display: inline-block;
	float: right;
	width: 391px;
}

#mainWrapper div.main div.update div.middle div.left {
	float: left;
	display: inline-block;
	margin-right: 10px;
}

#mainWrapper div.main div.update div.bottom div.right { padding-right: 3px; width: 62px;}
#mainWrapper div.main div.update div.bottom div.left { width: 665px;}
#mainWrapper div.main div.update div.bottom div.left p { font-size: 11px; color: #000; width: 665px; word-wrap: break-word; overflow: hidden;}
#mainWrapper div.main div.update div.bottom div.left p span { font-size: 11px; color: #666; overflow: hidden; }
#mainWrapper div.main div.leftCol div.update div.bottom div.left { width: 385px;}
#mainWrapper div.main div.leftCol div.update div.bottom div.left p { width: 385px;}
#mainWrapper div.main div.update div.bottom textarea { margin: 0 0 7px 0; width: 380px;}



/* title box  
--------------------------------------------------------*/	
#mainWrapper div.main div.titleWrapper { clear: both; float: left; width: 100%; margin-bottom: 20px;}

#mainWrapper div.main div.titleWrapper a.selected { color: #4d4d4d; font-weight: bold;}


/* title box top 
--------------------------------------------------------*/	
#mainWrapper div.main div.titleWrapper div.top { 
	clear: both;
	float: left;
	padding: 15px;
	width: 745px;
	background: url(../images/backgrounds/titlewrapper-top-grey.gif) left top no-repeat;
}


#mainWrapper div.main div.titleWrapper div.top div.left { float: left; display: inline-block; padding: 0 0 0 15px; width: 640px; }
#mainWrapper div.main div.titleWrapper div.top div.thumbnail { float: left; }
#mainWrapper div.main div.titleWrapper div.top h2 {
	float: left;
	padding: 15px;
	color: #333;
}

#mainWrapper div.main div.titleWrapper div.top div.left textarea {
	float: left;
	margin: 0 0 7px 0;
	width: 632px;	
}

#mainWrapper div.main div.titleWrapper div.top div.left input {float: right; padding: 0;}
#mainWrapper div.main div.titleWrapper div.top div.left div#status_characters {float: left; padding: 0;}



/* title box bottom
--------------------------------------------------------*/
#mainWrapper div.main div.titleWrapper div.bottom {
	clear: both;
	float: left;
	padding: 15px; 
	width: 745px;
	background: url(../images/backgrounds/titlewrapper-bottom-purple.gif) left bottom no-repeat;
}



/* person
--------------------------------------------------------*/	
#mainWrapper div.main div.person {
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 775px;
}

#mainWrapper div.main div.person div.right {
	float: right;
	margin: 0;
	padding: 0;
	width: 250px;
}

#mainWrapper div.main div.person div.right ul { margin: 0; border-top: 1px solid #D1D1D1;}
#mainWrapper div.main div.person div.right ul li { padding: 0;}
#mainWrapper div.main div.person div.right ul li a {
	display: block;
	padding: 2px 0 2px 20px;
	width: 230px;
	background: url(../images/backgrounds/arrow-grey.gif) 8px 7px no-repeat;
	border-bottom: 1px solid #D1D1D1;
}

#mainWrapper div.main div.person div.right ul li a:hover { background-color: #e9e9e9; text-decoration: none;}

#mainWrapper div.main div.person div.right div.row {
	clear: both;
	float: left;
	margin: 0;
	padding: 10px 0 5px 0;
	width: 250px;
	border-bottom: 1px solid #D1D1D1;
}

#mainWrapper div.main div.person div.right div.row span.large {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 25px;
	color: #560000;
}


#mainWrapper div.main div.person div.box {
	clear: left;
	float: left;
	display: block;
	width: 495px;
	background: url(../images/backgrounds/leftBox-top-white.gif) left top no-repeat;
}

#mainWrapper div.main div.person div.box div.boxBottom {
	float: left;
	padding: 15px;
	width: 465px;
	background: url(../images/backgrounds/leftBox-bottom-white.gif) left bottom no-repeat;
}

#mainWrapper div.main div.person div.red { background: url(../images/backgrounds/box-red-top.gif) left top no-repeat;}
#mainWrapper div.main div.person div.red div.boxBottom { background: url(../images/backgrounds/box-red-btm.gif) left bottom no-repeat;}

#mainWrapper div.main div.person div.box div.boxBottom div.right { clear: both; float: right; display: block; width: 325px;}
#mainWrapper div.main div.person div.box div.boxBottom div.right h2.name { padding-bottom: 0; text-transform: capitalize;}
#mainWrapper div.main div.person div.box div.boxBottom div.right p { padding: 0 0 10px 0;}
#mainWrapper div.main div.person div.box div.boxBottom div.right p.line { margin: 0 0 10px 0; padding: 0 0 10px 0; width: 325px;}
#mainWrapper div.main div.person div.box div.boxBottom div.right p.description { font-size: 11px;}
#mainWrapper div.main div.person div.box div.boxBottom div.right p.description strong {
	font-size: 9px;
	text-transform: uppercase;
	color: #333;
}



/* list
--------------------------------------------------------*/	
#mainWrapper div.main div.list {
	clear: both;
	float: left;
	padding-bottom: 15px;
	width: 100%;
}

#mainWrapper div.main div.selection span {
	float: left;
	margin: 0;
	padding: 5px 15px;
	height: 11px;
	background: url(../images/buttons/box-grey-right.gif) right top no-repeat;
	font-size: 9px;
	line-height: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
	color: #fff;
}

#mainWrapper div.main div.selection a { 
	float: left;
	margin: 1px 10px 0 0;
	background: url(../images/buttons/box-grey-left.gif) left top no-repeat;
}

#mainWrapper div.main div.selection a:hover { background-position: left -21px; text-decoration: none; }

#mainWrapper div.main div.selection span.option {
	float: left;
	margin-top: 1px;
	padding: 0;
	height: 21px;
	background: url(../images/buttons/box-grey-right.gif) right top no-repeat;
}

#mainWrapper div.main div.selection span.option input {
	float: left;
	margin: 0;
	padding: 2px 15px;
	height: 21px;
	background: url(../images/buttons/box-grey-left.gif) left top no-repeat;
	font-size: 9px;
	line-height: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
	color: #fff;
}

#mainWrapper div.main div.selection span:hover { background-position: right -21px;}
#mainWrapper div.main div.selection span.option:hover input { background-position: left -21px;}

#mainWrapper div.main div.list div.nav { clear: none; float: none; display: block; width: 100%;}
#mainWrapper div.main div.list div.nav a { background: url(../images/buttons/dropdown-left.gif) left top no-repeat;}
#mainWrapper div.main div.list div.nav a span { padding-right: 25px; background: url(../images/buttons/dropdown-right.gif) right top no-repeat;}
#mainWrapper div.main div.list div.nav a:hover { background-position: left -21px;}
#mainWrapper div.main div.list div.nav a:hover span { background-position: right -21px;}

#mainWrapper div.main div.list div.nav a.selected span { background-position: right -42px;}
#mainWrapper div.main div.list div.nav a.selected:hover span { background-position: right -63px;}

#mainWrapper div.main div.list div.customize { display: block; width: 100%;}
#mainWrapper div.main div.list div.customize div.block { margin: 0 0 10px 0;}

#mainWrapper div.main div.list div.customize div.right {
	display: inline-block;
	width: 50%;
}

#mainWrapper div.main div.list div.customize div.left {
	clear: left;
	float: left;
	display: inline-block;
  position: relative;
	width: 50%;
}

#mainWrapper div.main div.list div.customize div.submit { clear: both; display: block; text-align: left;}
#mainWrapper div.main div.list div.customize div.submit input {
	padding: 0;
	height: 22px;
	border: none;
}

#mainWrapper div.main div.list div.header {
	clear: both;
	float: left;
	margin: 0 0 15px 0;
	padding: 10px 0;
	width: 100%;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
}

#mainWrapper div.main div.list div.header div.order {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #D1D1D1;
}

#mainWrapper div.main div.list div.header div.order { vertical-align: middle;}
#mainWrapper div.main div.list div.header div.order text { display: inline-block; height: 19px;}


#mainWrapper div.main div.list div.header div.order a {
	display: inline-block;
	padding: 4px 0 0 0;
	height: 19px;
	width: 13px;
	border: 1px solid #f2f2f2;
	text-align: center;
	position: relative;
}

#mainWrapper div.main div.list div.header div.order a:hover, #mainWrapper div.main div.list div.header div.order a.selected {
	background: #E6E6E6;
	border: 1px solid #9E9E9E;
	text-decoration: none;
}

#mainWrapper div.main div.list div.header div.order div.text {
	float: left;
	display: inline-block;
	padding: 5px 5px 0 0;
	background: none;
	border: none;
	border-bottom: 1px solid #f2f2f2;
	color: #4d4d4d;
}

#mainWrapper div.main div.list div.header div.order div.top { padding-top: 0;}

#mainWrapper div.main div.list div.header div.info { display: block; width: 100%;}
#mainWrapper div.main div.list div.header div.info div.right {  line-height: 16px;}
#mainWrapper div.main div.list div.header p { padding: 4px 0 6px 0;}

#mainWrapper div.main div.list div.header p.right {
	clear: both;
	float: right;
	width: 250px;
	text-align: right;
}

#mainWrapper div.main div.list div.header div.search { float: left; width: 307px; }
#mainWrapper div.main div.list div.header div.search input {
	float: left;
	padding: 2px;
	height: 19px;
	width: 158px;
}
#mainWrapper div.main div.list div.header div.search input.submit {
	padding: 0;
	margin-left: 5px;
	height: 25px;
	width: 74px;
	background: none;
	border: none;
}

#mainWrapper div.main div.list div.header a img { float: left;}

#mainWrapper div.main div.list table { float: left; margin: 0; width: 100%; background: #fff;}
#mainWrapper div.main div.list table tr.highlight { background: #d8d8ea; }
#mainWrapper div.main div.list table tr th { height: 20px; background: #ccc; vertical-align: middle; font-size: 11px; color: #4d4d4d;}
#mainWrapper div.main div.list table tr th.checkbox input { position: relative; height: 14px; width: 14px; text-align: center;}
#mainWrapper div.main div.list table tr th p { padding: 0 0 0 5px;}
#mainWrapper div.main div.list table tr th a {
	display: block; 
	padding: 4px 5px;
	height: 17px; 
	background: #ccc;
}

#mainWrapper div.main div.list table tr th a:hover {
	background: #c1c1c1;
	text-decoration: none;
}

#mainWrapper div.main div.list table tr th.toggleDown a {
	padding-left: 20px;
	background: #ccc url(../images/arrow-little.gif) 5px top no-repeat;
	text-decoration: none;
}


#mainWrapper div.main div.list table tr th.toggleDown a:hover {
	background: #c1c1c1 url(../images/arrow-little.gif) 5px -25px no-repeat;
	text-decoration: none;
}

#mainWrapper div.main div.list table tr th.toggleUp a {
	padding-left: 20px;
	background: #ccc url(../images/arrow-little.gif) 5px -50px no-repeat;
	text-decoration: none;
}


#mainWrapper div.main div.list table tr th.toggleUp a:hover {
	background: #c1c1c1 url(../images/arrow-little.gif) 5px -75px no-repeat;
	text-decoration: none;
}

#mainWrapper div.main div.list table tr.dark { background: #E8E8E8;}
#mainWrapper div.main div.list table tr td.checkbox { padding: 20px 5px 20px 10px; width: 23px;}
#mainWrapper div.main div.list table tr td.checkboxRight { padding: 10px 5px 10px 10px; width: 23px;}
#mainWrapper div.main div.list table tr td.checkbox input { height: 14px; width: 14px;}
#mainWrapper div.main div.list table tr td.checkboxRight input { height: 14px; width: 14px;}
#mainWrapper div.main div.list table tr td.thumb {width: 61px;}
#mainWrapper div.main div.list table tr td.text { line-height: 20px;}
#mainWrapper div.main div.list table tr td.text h4 { padding: 0; line-height: 16px;}
#mainWrapper div.main div.list table tr td p { padding: 0;}
#mainWrapper div.main div.list table tr td p.wrap { width: 590px; word-wrap: break-word; overflow: hidden;}
#mainWrapper div.main div.list table tr td.text p strong { color: #333;}
#mainWrapper div.main div.list table tr td p.actions { float: right; width: 100%; border-top: 1px solid #c3c3c3; }
#mainWrapper div.main div.list table tr td p.actions a {
	clear: both;
	display: block;
	padding: 2px 0;
	border-bottom: 1px solid #c3c3c3;
	text-align: left;
}

#mainWrapper div.main div.list table tr td p.actions a:hover { background: #EFEFEF; text-decoration: none;}


#mainWrapper div.main div.options {
	clear: both;
	float: left;
	margin: 15px 0 0 0;
	padding: 10px 0;
	width: 100%;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#mainWrapper div.main div.options p {
	padding: 3px 0 0 0;
	text-transform: none;
	letter-spacing: 0;
}

#mainWrapper div.main div.options div.selection {
	clear: left; 
	float: left;
	padding-left: 50px;
	width: 400px;
	background: url(../images/backgrounds/list-arrow.gif) 12px top no-repeat;
}
#mainWrapper div.main div.options div.selection span.option { float: left; margin: 0 10px 0 0;}

#mainWrapper div.main div.options div.pages { float: right; text-align: right;}
#mainWrapper div.main div.options div.pages a {
	display: inline-block;
	margin: 0 0 0 2px;
	padding: 5px 3px 0 4px;
	height: 16px;
	background: url(../images/buttons/prev-next.gif) -10px top no-repeat;
	font-size: 9px;
	text-align: center;
	text-decoration: none;
	line-height: 10px;
	color: #fff;
}

#mainWrapper div.main div.options div.pages a:hover { background-position: -10px -21px;}

#mainWrapper div.main div.options div.pages a.selected { background-position: left -63px; }
#mainWrapper div.main div.options div.pages a.selected:hover { background-position: left -63px; }

#mainWrapper div.main div.options div.pages a.large {
	padding: 5px 0 0 0;
	width: 53px;
	background-position: left top;
	text-align: center;
}

#mainWrapper div.main div.options div.pages a.large:hover { background-position: left -21px;}

#mainWrapper div.main div.options div.pages a.inactive { background-position: left -42px; color: #808080; }
#mainWrapper div.main div.options div.pages a.inactive:hover { background-position: left -42px; }



/* knowledge
--------------------------------------------------------*/	

#mainWrapper div.main div.contentWrapper div.fullCol div.fullColMiddle  p.best {
	clear: both;
	float: left;
	margin: 10px 0 0 0;
	padding: 8px 0 0 15px;
	width: 210px;
	background: url(../images/backgrounds/star.gif) left 11px no-repeat;
	border-top: 1px solid #D1D1D1;
	font-size: 11px;
}

#mainWrapper div.main div.list table tr td p.best {
	margin: 0;
	padding: 4px 0 0 15px;
	background: url(../images/backgrounds/star.gif) left 7px no-repeat;
	font-size: 11px;
	line-height: 17px;
}

#mainWrapper div.main div.list table tr td div.answer { margin: 5px 10px; padding: 0 0 0 8px; border-left: 5px solid #e8e8e8; }
#mainWrapper div.main div.list table tr.dark td div.answer { border-left: 5px solid #d4d4d4; }



/* video
--------------------------------------------------------*/	
#mainWrapper div.main div.contentWrapper div.video {
	clear: both;
	float: left;
	margin: 0 0 25px 0;
	padding: 25px 0 25px 0;
	height: 519px;
	width: 100%;
	background: url(../images/backgrounds/video.gif) left top no-repeat;
}

#mainWrapper div.main div.contentWrapper div.video h1 {
	display: block;
	padding: 5px 0 5px 67px;
	margin: 0 1px;
	background: #d8d8ea;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}

#mainWrapper div.main div.contentWrapper div.video h1 span { font-size: 12px;}

#mainWrapper div.main div.contentWrapper div.video p.breadCrumb { padding: 5px 0 25px 67px; font-size: 10px;}
	
#mainWrapper div.main div.contentWrapper div.video div.videoEmbed {
	margin: 0 0 10px 67px;
}

#mainWrapper div.main div.contentWrapper div.video p.right { float: right; padding: 10px 67px 0 0;}
#mainWrapper div.main div.contentWrapper div.video a.comment {
	display: inline-block;
	margin: 10px 0 0 67px;
	padding: 0 0 0 15px;
	background: url(../images/icons/quote-bubble.gif) left 2px no-repeat;
}


/* homepage Version 1.2.2
--------------------------------------------------------*/
#mainWrapper div.main div.sidebarWrapper {
	background: url(../images/home/home-sidebar-top.gif) left top no-repeat;
	padding-bottom: 0;
	margin-bottom: 25px;
}

.sidebarWrapper div.w60 { display: inline; }
div.sidebarWrapper div.w60 a { float: left; }

#mainWrapper div.main div.joinWrapper div.sidebarWrapper div.boxBottom div.clear-block { margin-bottom: 30px; }

#mainWrapper div.main div.joinWrapper div.sidebarWrapper div.boxBottom div.groupLast { margin-bottom: 0; }

#mainWrapper div.main div.joinWrapper div.sidebarWrapper div.boxBottom img { float: left; }

#mainWrapper div.main div.joinWrapper div.sidebarWrapper h1 { padding-bottom: 10px; }
#mainWrapper div.main div.joinWrapper div.sidebarWrapper h1.group { padding-left: 34px; background: url(../images/icons/grey-groups.gif) left 1px no-repeat; }
#mainWrapper div.main div.joinWrapper div.sidebarWrapper h1.knowledge { padding-left: 34px; background: url(../images/icons/grey-knowledge.gif) left top no-repeat; }
#mainWrapper div.main div.peopleWrapper h1.people { padding-left: 34px; padding-bottom: 12px; background: url(../images/icons/grey-people.gif) left top no-repeat; }
#mainWrapper div.main div.videoWrapper h1.video { padding-left: 34px; padding-bottom: 12px; background: url(../images/icons/grey-video.gif) left top no-repeat; }

div.sidebarWrapper .descWrap { float: left; padding-left: 10px; width: 275px; font-size: 13px; color: #7d0049; }

div.sidebarWrapper a { font-size: 13px; font-weight: bold; }
div.sidebarWrapper p { font-size: 12px; color: #4d4d4d; padding: 0; margin: 0; }

div.sidebarWrapper p.postedBy { font-size: 11px; padding-top: 5px; }
div.sidebarWrapper p.postedBy a { font-size: 11px; font-weight: normal; }

div.sidebarWrapper .boxBottom p.middleLine { padding-bottom: 20px; }
div.statusWrapper p.middleLine { padding: 0; }

.peopleWrapper { padding: 30px 0 10px 0; }

ul.peopleList li { float: left; padding: 0 12px 8px 0; }

ul.peopleList li.peopleMargin { padding: 0 0 8px 0; }

#gallery_display { padding-bottom: 15px; }

.media_gallery { display: inline; }

span.thumb {
  width: 94px;
  height: 58px;
  display: inline-block;
  margin: 0 15px 0 0;
  padding: 0 2px 0 2px;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.statusWrapper { background: url(../images/home/home-status-top.gif) left top no-repeat; }

.statusWrapper h1.connections { padding-left: 34px; background: url(../images/icons/grey-connections.gif) left 4px no-repeat;}

.statusWrapper .boxBottom { background: none; margin-bottom: 0; }

.statusWrapper p { padding: 18px 0 0; }
.statusWrapper p.postedBy { font-size: 11px; padding: 0; }

.videoWrapper { padding-bottom: 25px; }

div.sidebarWrapper div.boxBottom {
	float: left;
	padding: 15px;
	width: 355px;
	background: url(../images/home/home-sidebar-btm.gif) left bottom no-repeat;
}

div.statusWrapper div.boxBottom {
	float: left;
	padding: 15px;
	width: 533px;
	background: url(../images/home/home-status-btm.gif) left bottom no-repeat;
}



/* homepage Version 1.1.1
--------------------------------------------------------*/
#mainWrapper div.main div.welcomeWrapper {
	clear: both;
	width: 565px;
	float: left;
}

#mainWrapper div.main div.welcome {
	padding-top: 20px;
	width: 400px;
}

#mainWrapper div.main div.joinWrapper {
	width: 385px;
	float: right;
}

#mainWrapper div.main div.welcome strong {
	font-weight: normal;
	color: #000;
}
	
#mainWrapper div.main div.welcome img.icon-left {
	float: left;
	margin: 0 20px 18px 0;
}

#mainWrapper div.main div.joinWrapper div.formContainer {
	background: url(../images/home/join-bkg-top.gif) left top no-repeat;
	padding-bottom: 0;
}

#mainWrapper div.main div.joinWrapper div.formContainer p.plans {
	margin: 0;
	padding-top: 4px; font-size: 11px;
}

#mainWrapper div.main div.joinWrapper div.block {
	background: none;
	padding-top: 64px;
	padding-bottom: 0; margin: 0;
}

#mainWrapper div.main div.joinWrapper div.home-register {
	float: right;
	width: 65px;
}

#mainWrapper div.main div.joinWrapper p.disclaimer {
	clear: both;
	padding: 20px;
	line-height: 12px;
	font-size: 9px;
}

/* homepage Version 1.0
--------------------------------------------------------*/	
#mainWrapper div.main div.promiseWrapper {
	clear: both;
	float: left;
	padding: 30px 0 0 0;
	width: 974px;
}

#mainWrapper div.main div.promiseWrapper p { padding: 30px 0;}

#mainWrapper div.main div.promiseRight { float: right; width: 615px;}
#mainWrapper div.main div.rightPromiseRight { float: right; width: 254px;}

#mainWrapper div.main div.promiseLeft { float: left; padding: 0 27px 0 0; width: 307px;}
#mainWrapper div.main div.leftPromiseRight { float: left; padding: 0 27px 0 0; width: 307px;}

#mainWrapper div.main div.promiseLeft p, div.leftPromiseRight p { width: 254px;}

#mainWrapper div.main div.prices {
	clear: both;
	float: left;
	padding: 25px 0;
	width: 974px;
	background: url(../images/backgrounds/prices-top.gif) left top no-repeat;
}

#mainWrapper div.main div.prices p.right {
	float: right;
	display: block;
	padding: 0 15px 0 0;
	width: 545px;
}

#mainWrapper div.main div.prices p.right strong { color: #560000;}
#mainWrapper div.main div.prices h1 { clear: left; float: left; padding: 5px 0 12px 35px; }

div.plansTableWrapper {
	clear: both;
	float: left;
	padding: 0 0 25px 0;
}

#mainWrapper div.main div.prices div.plansTableWrapper {
	background: #ddd url(../images/backgrounds/prices-btm.gif) left bottom no-repeat;
	width: 974px;
}

#mainWrapper div.main div.prices div.plansTableWrapperBottom {
	clear: both;
	float: left;
	padding: 0 15px;
	width: 942px;
	background: ;
	border-left: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
}

div.plansTableWrapper table { width: 942px;}
div.plansTableWrapper table tr.white { background: #fff;}
div.plansTableWrapper table tr th { padding: 5px 15px; font-size: 14px; color: #333;}
div.plansTableWrapper table tr.top th { padding: 37px 15px 0 15px; font-size: 15px; color: #560000;}
div.plansTableWrapper table tr td { padding: 2px 15px;}
div.plansTableWrapper table tr td.popular, div.plansTableWrapper table tr th.popular { background: #fff; width: 124px;}
div.plansTableWrapper table tr.finePrint td { padding: 5px 15px 0 15px;}
div.plansTableWrapper table tr.top th.premium { padding: 37px 15px 0 35px; background: url(../images/icons/poza-a.gif) 15px 38px no-repeat;}

#mainWrapper div.main div.registerRight {
	clear: both;
	float: left;
	display: block;
	padding: 5px 0 0 0;
	height: 72px;
	width: 974px;
	text-align: right;
}

#mainWrapper div.main div.registerRight a { float: right; display: block; height: 44px; width: 100px; background: url(../images/buttons/register-grey.jpg) left top no-repeat;}
#mainWrapper div.main div.registerRight a:hover { text-decoration: none;}


#mainWrapper div.main #plans { display: block; width: 972px;}
#mainWrapper div.main div.contentWrapper #plans { display: block; width: 772px;}
#plans div.plan { float: left; margin: 0 1% 20px 0; width: 24%; background: #ddd url(../images/backgrounds/plan.gif) right top no-repeat;}
#plans p.right { float: right; margin: 0 1% 20px 0; width: 76%;}
#plans ul { margin: 0; background: url(../images/backgrounds/plan-btm.gif) left bottom no-repeat;}
#plans ul li { margin: 0 7px; padding: 7px 15px; border-bottom: 1px solid #999;}
#plans ul li.plan, #plans ul li.premium {padding: 25px 15px 0 15px; font-size: 15px; font-weight: bold; color: #560000; border-bottom: none;}
#plans ul li.premium { padding-left: 35px; background: url(../images/icons/poza-a.gif) 15px 26px no-repeat;}
#plans ul li.cost { padding: 5px 15px; font-size: 14px; font-weight: bold; color: #333;}
#plans ul li.cost span { font-size: 12px;}
#plans ul li.btn { display: block; padding: 15px; height: 27px; border-bottom: none;}

#plans div.current { background: #abacd0 url(../images/backgrounds/plan-popular.gif) right top no-repeat;}
#plans div.current ul { margin: 0; background: url(../images/backgrounds/plan-popular-btm.gif) left bottom no-repeat;}
#plans div.current ul li { border-bottom: 1px solid #888;}
#plans div.current ul li.plan, #plans div.current ul li.premium { border-bottom: none;}
#plans div.current ul li.premium { background-position: 15px -26px;}
#plans div.current ul li.btn { border-bottom: none;}
#plans div.current ul li.btn { border-bottom: none;}



/* register
--------------------------------------------------------*/	
#mainWrapper div.main div.community {
	clear: both;
	float: left;
	padding: 25px;
	height: 425px;
	width: 924px;
	background: url(../images/backgrounds/community.gif) left top no-repeat;
}

#mainWrapper div.main div.community table {
	clear: both;
	float: left;
	margin: 17px 0;
	height: 172px;
	width: 924px;
}

#mainWrapper div.main div.community table tr td { padding: 15px 25px; text-align: center;}
#mainWrapper div.main div.community table tr td p { margin: 10px 0 0 0; text-align: left;}

#mainWrapper div.main div.community div.comments { clear: both; float: left; width: 924px;}
#mainWrapper div.main div.community div.comments div.myPoza {
	clear: both;
	float: left;
	padding: 20px 0 0 75px;
	width: 924px;
}

#mainWrapper div.main div.community div.comments div.myPoza textarea {
	clear: both;
	float: left;
	margin: 0;
	padding: 23px 4px 4px 185px;
	height: 112px;
	width: 584px;
	background: #fff url(../images/backgrounds/my-poza-is.gif) 15px 15px no-repeat;
	font-size: 15px;
}

#mainWrapper div.main div.register {
	clear: both;
	float: left;
	margin: 0;
	padding: 25px 0 25px 25px;
	width: 949px;
}

#mainWrapper div.main div.register img.right { float: right;}
#mainWrapper div.main div.register h3 { padding: 0 0 15px 0;}
#mainWrapper div.main div.register p { padding: 0 0 15px 0;}
#mainWrapper div.main div.register p.light { padding: 0 0 25px 0; color: #666;}
#mainWrapper div.main div.register p.light strong { color: #560000;}
#mainWrapper div.main div.register div.thanks p {
	padding: 15px 0 25px 0;
	font-size: 14px;
	line-height: 16px;
	color: #560000;
}

#mainWrapper div.main div.register table { margin: 5px 0 20px 0; padding: 0; width: 600px;}
#mainWrapper div.main div.register table tr td { padding: 0;}

#mainWrapper div.main div.register table tr td dl {
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
}

#mainWrapper div.main div.register table tr td dl dt {
	clear: both;
	float: left;
	display: inline;
	margin: 0;
	padding: 3px 0 10px 0;
	width: 80px;
}

#mainWrapper div.main div.register table tr td dl dd {
	float: left;
	display: inline;
	margin: 0;
	padding: 0 0 10px 0;
	height: 28px;
	width: 220px;
}

#mainWrapper div.main div.register table tr td dl dd input { width: 175px;}

#mainWrapper div.main div.register table tr td dl dd.radios span { clear: right; float: left; width: 100px;}
#mainWrapper div.main div.register table tr td dl dd.radios span input {
	clear: left;
	float: left;
	width: 15px;
	background: none;
	border: none;
}

#mainWrapper div.main div.register table tr td dl dd.radios span label {
	float: right;
	padding:1px 0 0 0;
	width: 75px;
	background: none;
}

#mainWrapper div.main div.register p input#terms {
	float: left;
	margin: 0 5px 0 0;
	background: none;
	border: none;
}

#mainWrapper div.main div.register input#register_submit {
	clear: both;
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
	height: 42px;
	width: 100px;
	border: 0;
}

#mainWrapper div.main div.registerTxt {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/backgrounds/grey-top.gif) left top no-repeat;
}

#mainWrapper div.main div.registerTxt div.bottom {
	clear: both;
	float: left;
	margin: 0;
	padding: 25px;
	width: 924px;
	background: url(../images/backgrounds/grey-btm.gif) left bottom no-repeat;
}

#mainWrapper div.main div.registerTxt p { padding: 12px 0;}
#mainWrapper div.main div.registerTxt p strong { color: #560000;}



/* instructions
--------------------------------------------------------*/	
h1.pageTitle span { position: relative;}
h1.pageTitle span img { left: 0; top: 1px; z-index: 2; position: relative;}
h1.pageTitle span.youtube img { top: 4px;}
.instructions h2 { padding: 0;}
.instructions p { padding: 0;}
.instructions p.normal { padding: 0 0 20px 0;}



/* sidebar 
--------------------------------------------------------*/	
div.sidebar {
	float: left;
	margin: 0;
	padding: 0;
	width: 170px;
}

div.sidebar div.profile { padding: 0 0 0 5px;}
div.sidebar div.profile h3 { padding-top: 10px;}

div.sidebar ul.nav {
	float: left;
	display: block;
	margin: 0 0 25px 0;
	width: 170px;
}

div.sidebar ul.nav li { padding: 0; margin: 1px 0;}
div.sidebar ul.nav li a {
	display: block;
	height: 30px;
	margin: 0;
	padding: 15px 0 0 50px;
	width: 120px;
}

div.sidebar ul.nav li a.super { padding: 10px 0 5px 50px;}
div.sidebar ul.nav li a.super span { font-size: xx-small; font-weight: bold; vertical-align: super;}

div.sidebar ul.nav li.home a { background:url(../images/icons/home.gif) left top no-repeat;}
div.sidebar ul.nav li.profile a { background:url(../images/icons/profile.gif) left top no-repeat;}
div.sidebar ul.nav li.inbox a { background:url(../images/icons/inbox.gif) left top no-repeat;}
div.sidebar ul.nav li.connect a { background:url(../images/icons/connections.gif) left top no-repeat;}
div.sidebar ul.nav li.groups a { background:url(../images/icons/groups.gif) left top no-repeat;}
div.sidebar ul.nav li.company a { background:url(../images/icons/company.gif) left top no-repeat;}
div.sidebar ul.nav li.knowledge a { background:url(../images/icons/knowledge.gif) left top no-repeat;}
div.sidebar ul.nav li.status a { background:url(../images/icons/status.gif) left top no-repeat;}
div.sidebar ul.nav li.upload a { background:url(../images/icons/uploads.gif) left top no-repeat;}

div.sidebar ul.nav li a:hover { background-position: left -45px; text-decoration: none;}
div.sidebar ul.nav li a.selected { background-position: left -90px;}
div.sidebar ul.nav li a.selected:hover { background-position: left -90px;}

div.sidebar div.nav { margin: 0 0 25px 0; width: 170px;}

div.sidebar div.checks {
	float: left;
	margin: 0;
	padding: 0;
	width: 170px;
}

div.sidebar div.checks div.box {
	margin: 15px 0;
	background:url(../images/backgrounds/sidebar-stats-top.gif) left top no-repeat;
}

div.sidebar div.checks div.box div.boxBottom {
	padding: 15px;
	background:url(../images/backgrounds/sidebar-stats-btm.gif) left bottom no-repeat;
}

div.sidebar div.checks div.box div.boxBottom ul li { color: #fff;}

div.sidebar div.checks div.box div.boxBottom div.w60 { float: left; padding-right: 7px;}
div.sidebar div.checks div.box div.boxBottom h3 { float: left;}
div.sidebar div.checks div.box div.boxBottom ul { clear: both; display: block; margin:0; padding: 5px 0 0 0;}
div.sidebar div.checks div.box div.boxBottom ul li { padding: 5px 0 5px 30px;}
div.sidebar div.checks div.box div.boxBottom ul li.check { background: url(../images/backgrounds/checkmark.gif) left 7px no-repeat;}
div.sidebar div.checks div.box div.boxBottom ul li.x { background: url(../images/backgrounds/x-mark.gif) left 6px no-repeat;}


/* footer
--------------------------------------------------------*/	
#footerWrapper {
	clear: both;
	margin: 0 auto;
	background: #B8B8B8;
	border-top: 6px solid #d6d6d6;
	text-align: center;
}

#footer {
	clear: both;
	margin: 0 auto;
	padding: 25px 25px 35px 25px;
	height: 220px;
	width: 974px;
	text-align: left;
}

#footer div.rightNav { float: right; padding-top: 7px; width: 340px;}
#footer div.rightNav p { padding-bottom: 15px;}
#footer div.rightNav ul { float: left; width: 165px; border-left: 2px solid #a8a8a8;}
#footer div.rightNav ul li { padding: 0;}
#footer div.rightNav ul a { display: inline-block; padding: 2px 0 1px 13px;}
#footer div.rightNav ul.grey a { color: #4D4D4D;}

#footer a:hover { text-decoration: underline;}

#footer p.feedback {
	display: block;
	padding: 7px 0 0 70px;
	height: 31px;
	background: url(../images/footer/logo.gif) left top no-repeat;
	color: #333;
}

#footer p.feedback a { color: #fff;}


/* contest
--------------------------------------------------------*/	

.contest { margin-top: 30px; width: 544px; height: 300px; background: url(images/contest/giveaway-bg.jpg) no-repeat; }

.contest p { 
	float: left;
	width: 263px; 
	text-align: center;
	color: #ffffff; 
	}

.contestContent { float: left; margin: 170px 0 0 40px; width: 544px; }

.contestContent a { 
	display: block;  
	margin: 50px 0 0 77px;
	width: 110px; 
	height: 32px; 
	background: url(images/contest/contest-button.jpg) no-repeat; 
}
	
.contestLinks { float: left; margin: 35px 0 0 200px; color: #888888; }

.contestLinks a { font-size: 10px; color: #888888; letter-spacing: .25px; }
.contestLinks a:hover { text-decoration: none; color: #727272; }



.winnerWrap { margin: 20px 0; }

.winner { float: left; padding: 9px 15px; width: 509px; background: #d7d7d7; border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; }

.winnerPic { float: left; margin-right: 25px; width: 60px; height: 60px; background: #333333; }

.winnerInfo h1 { margin: 5px 0 6px 0; font-size: 28px; color: #810c50; }

.winnerInfo a { margin-top: 9px; font-size: 18px; color: #888888; }
.winnerInfo a:hover { text-decoration: none; color: #727272; }


/* contest
--------------------------------------------------------*/	

.contestBanner { width: 995px; height: 290px; background: url(images/contest/giveaway-full-bg.jpg) no-repeat; }

.contestBanner .contestContent p { font-size: 16.5px; color: #ffffff; line-height: 22px; }

.contestBanner .contestContent { margin: 108px 0 0 470px; width: 241px; text-align: center; }
	
.contestBanner .contestLinks { margin: 40px 0 0 680px; }

.contestBanner .contestContent a { 
	display: block;  
	margin: 23px 0 0 68px;
	width: 110px; 
	height: 32px; 
	background: url(images/contest/join-now.jpg) no-repeat; 
}
	

/****************************
Clearing Floats
****************************/
.clear-block:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clear-block { display: inline-block; }
/* start commented backslash hack \*/
* html .clear-block { height: 1%; }
.clear-block { display: block; }
/* close commented backslash hack */

.winnerWrap img { float: left; }