/*
YUI Recent CSS copyright Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}


/** type */

body, input, textarea, select, button {
    font: normal 13px/18px helvetica, arial, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
    color: #333;
}

/* **/


/** general */

h1, h2 {
    font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	padding: 3px 0;
	min-height: 30px;
	_height: 30px; /* for ie6 min-height */
}

h3 {
    font-size: 15px;
    font-weight: bold;
}

h4 { font-weight: bold; }

em { font-style: italic; }
strong { font-weight: bold; }
abbr {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

.left { float: left; }
.right { float: right; }

.left-text { text-align: left; clear: both; }
.right-text { text-align: right; clear: both; }

img.left { margin: 0 15px 15px 0; }
img.right { margin: 0 0 15px 15px; }

.hunch { color: #c6401b; }
a.hunch:active,
a:active .hunch {
    color: #000;
}

.warn-text { color:#aa220c; }

.block { display: block; position: relative; padding: 0; margin: 0; }
.iblock { display: -moz-inline-block; display: inline-block; zoom: 1; *display: inline; position: relative; padding: 0; margin: 0; }

.small { font-size: 12px; }
.large { font-size: 15px; }

.timestamp {
	padding-left: 3px;
	font-size: 12px;
	color: #999;
}

/* **/


/** links */

a {
    color: #1a6a96;
    background-repeat: no-repeat;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.hover a.menu,
.hover a.down,
a.hover,
a:hover {
    color: #004b73;
    background-color: #d1e1ea;
}

a:active {
    color: #000;
    background-color: #a3c3d5;
}

a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: none;
}

/* **/


/** special links */

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
.buttons a { color: #004b73; }

a.dim { color: #a3c3d5; }
a.dim:hover { color: #004b73; }
a.dim:active { color: #000; }

.dim { color: #999; }
.dim a { color: #999; }
.dim a:hover { color: #004b73; }

span.dim { color: #999; }
a:hover span.dim { color: #545a5e; }
a:active span.dim { color: #414e55; }

h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
.buttons a:active,
.dim a:active {
    color: #000;
}

h3 a,
h4 a,
h5 a {
    display: -moz-inline-box;
    display: inline-block;
    margin: 0 -3px;
    padding: 0 3px;
}

a.action {
    display: -moz-inline-box;
    display: inline-block;
    height: 18px;
    padding: 0 3px;
    color: #333;
    background-color: #eee;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    vertical-align: top;
    cursor: pointer;
}

a.action:hover {
    color: #004b73;
    background-color: #d1e1ea;
}

a.action:active {
    color: #000;
    background-color: #a3c3d5;
}

a.action-favorite {
    background-position: -480px -550px;
    background-image: url(/images/sprite.png);
    padding-left: 20px;
}

a.action-favorite:hover {
    color: #004b73;
    background-position: -480px -580px;
}
/*
a.right-action-favorite,
a.right-action-favorite,
a.right-action-favorite { background-position: right -550px; }
a.right-action-favorite:hover { background-position: right -580px; }
*/
a.is-favorite {
    color: #fff;
    background-position: -480px -670px;
    background-color: #c6401b;
}

a.is-favorite:hover {
    color: #c6401b;
    background-position: -480px -640px;
}


/* FAVE HACK */
a.is-favorite {
    color: #004b73;
    background-position: -480px -580px;
    background-color: #eee;
}

a.is-favorite:hover {
    color: #002b53;
    background-position: -480px -580px;
}
/* END FAVE HACK */

span.star {
    display: -moz-inline-box;
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: transparent url(/images/sprite.png) no-repeat -480px -550px;
}

s.activity {
    position: absolute;
    width: 24px;
    height: 24px;
    overflow: hidden;
    background: url(/images/sprite.png) no-repeat;
}

s.activity-procon { background-position: 0 -2355px; }
s.activity-procon-active { background-position: 0 -2380px; }
s.activity-procon-plus { background-position: 0 -2405px; }

s.activity-qa { background-position: -25px -2355px; }
s.activity-qa-active { background-position: -25px -2380px; }
s.activity-qa-plus { background-position: -25px -2405px; }

s.activity-star { background-position: -50px -2355px; }
s.activity-star-active { background-position: -50px -2380px; }

s.activity-person { background-position: -75px -2355px; }
s.activity-person-active { background-position: -75px -2380px; }
s.activity-person-plus { background-position: -75px -2405px; }

s.activity-result { background-position: -100px -2355px; }
s.activity-result-active { background-position: -100px -2380px; }
s.activity-result-plus { background-position: -100px -2405px; }

s.activity-topic { background-position: -125px -2355px; }
s.activity-topic-active { background-position: -125px -2380px; }
s.activity-topic-plus { background-position: -125px -2405px; }

s.activity-edit { background-position: 0 -2430px; }
s.activity-edit-active { background-position: -25px -2430px; }


.icon-text {
    display: -moz-inline-block;
    display: inline-block;
    padding-left: 20px;
    background: url(/images/sprite.png) no-repeat;
}

.loading-text {
    background: transparent url(../../img/loading-333-fff-16px.gif) no-repeat scroll 1px 1px;
}

a.action-favorite:active,
a.is-favorite:active {
    color: #000;
    background-position: -480px -610px;
}

a.action-loading,
a.action-loading:hover {
    color: #666;
    background: url(../../img/loading-333-fff-16px.gif) 1px 1px no-repeat;
    font-weight: normal;
    cursor: normal;
}

a.reload {
    display: -moz-inline-box;
    display: inline-block;
    height: 18px;
    background-image: url(/images/sprite.png);
    background-position: -480px -40px;
    padding: 0 3px 0 20px;
    cursor: pointer;
}

a.reload:hover { background-position: -480px -70px; }
a.reload:active { background-position: -480px -100px; }

a.left-reload,
a.minimal-reload,
.header a.reload {
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0;
    width: 18px;
    padding: 0;
    text-indent: -1000em;
}

a.left-reload,
.header a.left-reload {
	position: relative;
	right: auto;
	top: auto;
	float: left;
}

.loading a.reload { display: none; }

a.add {
    display: -moz-inline-box;
    display: inline-block;
    height: 18px;
	background-repeat: none;
    background-position: -110px -40px;
    padding: 0 3px 0 16px;
    cursor: pointer;
}

a.add:hover { background-position: -110px -70px; }
a.add:active { background-position: -110px -100px; }

.dropdown li a.locked,
span.locked,
a.locked {
	display: -moz-inline-box;
	display: inline-block;
	height: 18px;
	width: 18px;
	line-height: 18px;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	background-repeat: none;
	background-position: 0 -2456px;
}

.question .locked { position: absolute; top: 5px; right: 5px; text-indent: -1000em; }

a.locked-dark { background-position: -18px -2456px; }
.dropdown li a.locked:hover,
a.locked:hover { background-position: -36px -2456px; }
.dropdown li a.locked:active,
a.locked:active { background-position: -54px -2456px; }

.activity-widget .dropdown li a { padding-left: 18px; }
.activity-widget .dropdown li a.set,
.activity-widget .dropdown li a.clicked {
	background-image: url(../../img/green-check.png);
	background-position: left top;
	background-repeat: none;
}

.activity-widget .dropdown li a.clicked {
	background-image: url(../../img/loading-333-fff-16px.gif);
	background-color: transparent;
}

a.search,
a.minimal-prev,
a.minimal-next,
a.minimal-prev-dis,
a.minimal-next-dis,
a.minimal-add {
	float: left;
    height: 18px;
    width: 18px;
    padding: 0;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -1000em;
    vertical-align: middle;
}

.search-wrap { line-height: 36px; height: 36px; }
a.search { margin: 9px 0 9px 4px; background-position: -482px 0; }
a.search:hover { background-position: -452px 0; }
a.search:active { background-position: -422px 0; }

a.minimal-prev,
a.minimal-next,
a.minimal-prev-dis,
a.minimal-next-dis { width: 10px; background-color: transparent; }

a.minimal-prev { background-position: 0 -2141px; }
a.minimal-next { background-position: -490px -2141px; }
a.minimal-prev-dis { background-position: 0 -2161px; }
a.minimal-next-dis { background-position: -490px -2161px; }

a.close {
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0;
    width: 18px;
    height: 18px;
    padding: 0;
    background-position: -460px -40px;
    text-indent: -1000em;
    cursor: pointer;
}

a.close:hover { background-position: -460px -70px; }
a.close:active { background-position: -460px -100px; }

a.prev,
a.next,
a.prev-dis,
a.next-dis,
a.first,
a.last,
a.first-dis,
a.last-dis,
a.down,
.dim a.prev,
.dim a.next,
.dim a.first,
.dim a.last {
    display: -moz-inline-box;
    display: inline-block;
    padding: 0 3px;
}

a.prev, a.prev-dis, span.prev-dis, .dim a.prev { padding-left: 14px; background-position: 0 -1620px; }
a.prev:hover, .dim a.prev:hover { background-position: 0 -1650px; }
a.prev:active, .dim a.prev:active { background-position: 0 -1680px; }

a.next, a.next-dis, span.next-dis, .dim a.next { padding-right: 14px; background-position: right -1620px; }
a.next:hover, .dim a.next:hover { background-position: right -1650px; }
a.next:active, .dim a.next:active { background-position: right -1680px; }

a.first, a.first-dis, span.first-dis, .dim a.first { padding-left: 16px; background-position: 0 -2020px; }
a.first:hover, .dim a.first:hover { background-position: 0 -2050px; }
a.first:active, .dim a.first:active { background-position: 0 -2080px; }

a.last, a.last-dis, span.last-dis, .dim a.last { padding-right: 16px; background-position: right -2020px; }
a.last:hover, .dim a.last:hover { background-position: right -2050px; }
a.last:active, .dim a.last:active { background-position: right -2080px; }

a.down { padding-right: 18px; background-position: right -1740px; }
a.down:hover { background-position: right -1850px; }
a.down:active { background-position: right -1880px; }

a.dis,
span.prev-dis,
a.prev-dis,
span.next-dis,
a.next-dis,
a.first-dis,
a.last-dis {
	color: #999;
	background-color: transparent;
	cursor: default;
}

a.prev-dis, span.prev-dis, .dim a.prev { background-position: left -1710px; }
a.next-dis, span.next-dis, .dim a.next { background-position: right -1710px; }
a.first-dis, span.first-dis, .dim a.first { background-position: left -2110px; }
a.last-dis, span.last-dis, .dim a.last { background-position: right -2110px; }

a.space {
	display: -moz-inline-block;
	display: inline-block;
	padding: 0 3px;
}

/* **/

/** similariy */

.low-similarity,
.medium-similarity,
.high-similarity,
.vhigh-similarity {
    display: -moz-inline-box;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    margin: 2px 1px 2px 0;
    padding: 0 3px;
    vertical-align: top;
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    background-color: #d09413;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.medium-similarity { background-color: #d06313; }
.high-similarity { background-color: #d03802; }
.vhigh-similarity { background-color: #e80766; }

/* **/


/** prose */

.prose {
    position: relative;
    overflow: hidden;
    zoom: 1;
}

blockquote,
.prose ul,
.prose ol {
    padding-left: 20px;
}

.prose ul li { list-style: disc outside; }
.prose ol li { list-style: decimal outside; }

.prose h3,
.prose h4,
.prose p,
.prose ul,
.prose ol {
    position: relative;
    margin-bottom: 18px;
}

/* **/


/** rounded corners */

span.x {
    width: 0;
    height: 0;
    font-size: 0.075em;
    line-height: 0;
}

span.x * {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
}

span.x b { left: 0; top: 0; }
span.x u { right: 0; top: 0; }
span.x s { right: 0; bottom: 0; }
span.x i { left: 0; bottom: 0; }

/* **/


/** loading indicator */

.left-indicator,
.indicator {
    display: none;
    position: absolute;
    overflow: hidden;
    z-index: 100;
    width: 18px;
    height: 18px;
    color: #666;
    background: url(../../img/loading-333-fff-16px.gif) center center no-repeat;
    text-indent: -1000em;
}

.left-indicator { position: relative; float: left; }

.buttons .left-indicator { margin: 9px 9px 9px 0; }
.buttons .indicator { position: relative; float: right; margin: 9px 9px 9px 0; }

.loading .left-indicator,
.loading .right-indicator,
.loading .indicator { display: block; }

/** tabs list */

ul.tabs {
    position: relative;
    overflow: visible;
    height: 18px;
}

ul.tabs li {
    position: relative;
    float: left;
    margin-right: 2px;
}

ul.tabs li.last { margin-right: 0; }

ul.tabs li a {
    display: -moz-inline-block;
    display: inline-block;
    position: relative;
    top: -5px;
    height: 18px;
    padding: 5px 9px;
}

ul.tabs li.active a {
    top: -8px;
    padding: 8px 9px;
    color: #000;
    background: #d1e1ea; /*#e1f0f8;*/
    font-weight: bold;
}

ul.tabs li.active a:hover { cursor: default; }

/* **/

/** ul.tabbed (bigger tabs) */

ul.tabbed { height: 54px; padding:0 0 0 18px; margin-bottom:18px; background:transparent url(/media/img/tabbed-fl.png) scroll repeat-x left 53px; overflow:hidden; zoom:1; }
ul.tabbed li { float:left; margin-right:3px; /* ie7 vista is adding an extra pixel per li */ }

ul.tabbed li a { background:#eee url(/media/img/tabbed-bg.png) no-repeat right top; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
ul.tabbed li a:hover,
ul.tabbed li a:active { background:#d1e1ea url(/media/img/tabbed-bg-hover.png) no-repeat right top; }

ul.tabbed li.front { background:transparent url(/media/img/tabbed-fl.png) scroll no-repeat left top; }
ul.tabbed li.front em,
ul.tabbed li.front a,
ul.tabbed li.front a:hover,
ul.tabbed li.front a:active { background:transparent url(/media/img/tabbed-fr.png) scroll no-repeat right top; font-style:normal; cursor: default; color: #333; }

ul.tabbed li.front em,
ul.tabbed li a { position:relative; display:-moz-inline-block; display:inline-block; padding:18px 14px; height: 18px; font-weight:bold; text-align:center; text-decoration:none; }

ul.tabbed li a { margin-bottom: 1px; padding-bottom: 17px; }

ul.tabbed li.last { float: right; padding: 18px 18px 0 0; }

ul.dossier-tabbed li a,
ul.dossier-tabbed li em { width: 87px; font-weight: normal; }

ul.dossier-tabbed li.num a,
ul.dossier-tabbed li.num em { padding: 9px 14px; font-size: 30px; line-height: 36px; height: 36px; }
ul.dossier-tabbed li.num a { margin-bottom: 1px; padding-bottom: 8px; }
ul.dossier-tabbed li a { color: #999; }
ul.dossier-tabbed li.num b { vertical-align: text-top; font-size: 15px; line-height: 20px; font-weight: normal; }


ul.dossier-tabbed li .dummy {
	position: relative;
	display: block; /*-moz-inline-block; display:inline-block;*/
	margin-bottom: 1px;
	padding: 0 14px;
	height: 53px;
	width: 87px;
	background:#eee url(/media/img/tabbed-bg.png) no-repeat right top;
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
}


/* **/


/** special lists */

span.divider { color: #ccc; padding: 0 3px; }

div.actions { position: relative; overflow: hidden; zoom: 1; color: #999; }
div.actions p {
	display: block;
	float: left;
	border-right: 1px solid #ccc;
	padding: 0 5px;
}
div.actions p.last { border-right: 0; padding-right: 0; }

ul.actions {
	position: relative;
	overflow: visible;
	zoom: 1; /* trigger hasLayout in ie for clearing floats */
}

ul.actions li {
	float: left;
	border-right: 1px solid #ccc;
	padding: 0 5px;
}

ul.actions li.first { padding-left: 0; }

ul.actions li.last {
	border-right: 0;
	padding-right: 0;
}

ul.actions li a {
	display: -moz-inline-block;
	display: inline-block;
	margin: 0 -3px;
	padding: 0 3px;
}


ul.bios {
	position: relative;
	width: 630px;
	overflow: hidden;
}

ul.bios li {
	display: block;
	position: relative;
	float: left;
	width: 295px;
	margin: 0 20px 18px 0;
}

ul.bios li p { color: #999; font-size: 12px; }

.size1of4 {
	display: block;
	position: relative;
	float: left;
	width: 140px;
	padding: 0 17px 18px 0;
}

ul.activities { position: relative; }

ul.activities li {
	position: relative;
	display: block;
	padding-bottom: 9px;
	border-bottom: 1px solid #eee;
	margin-bottom: 8px;
	zoom: 1; /* ie6 - give layout so internal float plays well */
}

ul.activities li.details {
	display: none;
	margin-left: 20px;
}

ul.activities li s { position: absolute; top: -2px; left: -30px;}

ul.list-activities { left: 0; width: auto; }

ul.media-activities { left: 50px; width: 580px; }
ul.media-activities li s { left: -50px; top: 0; }
ul.media-activities li div.clr { width: 580px; }

ul.images {
	overflow: hidden;
	width: 100%;
}

ul.images li { /* for 32px images */
	float: left;
	margin:0 4px 4px 0;
}

ul.images li a { display:block; }


ul.text { margin-bottom:18px; }
ul.text li a { color: #000; }
ul.text li a:hover { color: #004b73; }
ul.text li a.default { color: #1a6a96; }
ul.text li a.default:hover { color: #004b73; }

ul.text li .info { color:#999; font-size: 12px; padding-left:3px; }


ul.clickable-images { position: relative; zoom: 1; overflow: hidden; }

ul.clickable-images li {
	display: block;
	position: relative;
	float: left;
	margin: 0 10px 9px 0;
	width: 72px;
	height: 72px;
}

ul.clickable-images li.loader {
	background: transparent url(../../img/loading-32px.gif) no-repeat center;
}

ul.clickable-images li a {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    padding: 6px;
    text-align: center;
}

ul.clickable-images li a span {
	position: relative;
	height: 60px;
	width: 60px;
	text-align: center;
	overflow: hidden;
	display: block;
}

ul.clickable-images li a span img {
	position: absolute;
	top: 0;
	left: 0;
	height: 60px;
	cursor: pointer;
}

/* **/

/** forms */

.box,
.ask {
    position: relative;
    background: #eee;
    padding: 18px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ask { margin-bottom: 18px; }

/*
.ask .x b { background-position: -220px 0; }
.ask .x u { background-position: -230px 0; }
.ask .x s { background-position: -230px -10px; }
.ask .x i { background-position: -220px -10px; }
*/

.elt { margin-bottom: 18px; }

.errorlist {
	color: #c6401b;
	font-size: 13px;
	font-weight: normal;
}

.buttons {
    position: relative;
    overflow: hidden;
    clear: both;
    font-size: 15px;
    font-weight: bold;
    zoom: 1;
}

.small-buttons,
.small-buttons button span {
    font-size: 12px;
}

.buttons button {
    float: right;
    margin: 0 0 0 15px;
}

.buttons-inner-left { float: left; display: block; margin: 9px 15px 9px 0; }
.buttons-inner-right { float: right; display: block; margin: 9px 0 9px 15px; }

.buttons button.left { float: left; margin: 0 15px 0 0; }

.buttons a {
    display: block;
    float: right;
    height: 18px;
    margin: 9px 0 9px 15px;
    padding: 0 3px;
}

.buttons label a {
	display: inline;
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
}

.buttons a.left {
    float: left;
    margin: 9px 15px 9px 0;
}

.buttons a.action-favorite { padding-left: 20px; }

.buttons label {
    height: 36px;
    line-height: 36px;
}

.buttons p {
	position: relative;
    float: right;
    margin: 9px 0;
}

.buttons p.left,
.buttons input.left { float: left; margin-right: 9px; }

.buttons .normal {
    font-size: 13px;
    font-weight: normal;
}

.buttons a.prev { padding-left: 16px; background-position: 0 -1500px; }
.buttons a.prev:hover { background-position: 0 -1530px; }
.buttons a.prev:active { background-position: 0 -1560px; }
.buttons a.next { padding-right: 16px; background-position: right -1500px; }
.buttons a.next:hover { background-position: right -1530px; }
.buttons a.next:active { background-position: right -1560px; }
.buttons a.first { padding-left: 19px; background-position: 0 -1900px; }
.buttons a.first:hover { background-position: 0 -1930px; }
.buttons a.first:active { background-position: 0 -1960px; }
.buttons a.last { padding-right: 19px; background-position: right -1900px; }
.buttons a.last:hover { background-position: right -1930px; }
.buttons a.last:active { background-position: right -1960px; }

.buttons .dim a:link,
.buttons .dim a:visited { color: #666; }
.buttons .dim a:hover,
.buttons .dim a:active { color: #004b73; }

.buttons .dim a.prev { padding-left: 16px; background-position: 0 -1590px; }
.buttons .dim a.prev:hover { background-position: 0 -1530px; }
.buttons .dim a.prev:active { background-position: 0 -1560px; }
.buttons .dim a.next { padding-right: 16px; background-position: right -1590px; }
.buttons .dim a.next:hover { background-position: right -1530px; }
.buttons .dim a.next:active { background-position: right -1560px; }
.buttons .dim a.first { padding-left: 19px; background-position: 0 -1990px; }
.buttons .dim a.first:hover { background-position: 0 -1930px; }
.buttons .dim a.first:active { background-position: 0 -1960px; }
.buttons .dim a.last { padding-right: 19px; background-position: right -1990px; }
.buttons .dim a.last:hover { background-position: right -1930px; }
.buttons .dim a.last:active { background-position: right -1960px; }

/* **/


/** items */

.item {
	position: relative;
	background: #eee;
	margin: 0;
	padding: 18px 30px;
	width: 480px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.item h3 { padding:12px 0 0; font-size: 20px; line-height: 24px; font-weight: normal; }
.item h3 a { font-weight: bold; display: inline; }
.item h3.dim a { color: #666; }
.item p.dim { padding-bottom: 18px; }
.item p.dim a { font-weight: bold; }
.item p.dim a:link,
.item p.dim a:visited { color: #666; }

.item img.left { margin-right: 0; }

.item .description {
	position: relative;
	margin-left: 90px;
	margin-bottom: 18px;
}

.item .description h4 { font-size: 15px; }

.item a.skip { clear: right; }

.small-item {
	margin: 0 0 6px;
	padding: 18px 20px 12px;
	width: 260px;
}

.small-item h3 { font-size: 15px; line-height: 18px; padding: 0; }
.small-item .description { margin-left: 70px; }

/* **/

/** dossier */

.dossier { position: relative; width: 590px; }

.dossier .image { position: relative; float: left; width: 125px; margin-bottom: 18px; }
.dossier .main { position: relative; margin: 0 0 36px 144px; zoom: 1; /* little ie6 fix for inline edit */ }
.dossier .main .description { margin-bottom: 18px; }

.dossier .main h1,
.dossier .main .description,
.dossier .main .read-more { overflow: hidden; }

.dossier .yesno-buttons { margin-bottom: 6px; padding-bottom: 12px; }
.dossier .yesno-buttons .buttons { min-height: 36px; } /* ie7 cuts off o/w */
.dossier .yesno-buttons .like-text { width: 275px; margin: 9px 0; padding: 0; text-align: right; }
.dossier .yesno-buttons button.assertion { margin: 0 0 0 15px; }
.dossier .yesno-buttons .indicator { top: 27px; left: 4px; }

.dossier .extra { overflow: hidden; width: 100%; margin: 9px 0; color: #999; }
.dossier .extra a.right { margin-left: 15px; }
.dossier .read-more { position: relative; }

.dossier .ask,
.dossier .extra { clear: both; }

.dossier .buttons a.skip { clear: right; }

/* **/


/** notification */

.success,
.error,
.notification {
    position: relative;
    overflow: hidden;
    margin-bottom: 18px;
    padding: 18px 20px;
    color: #000;
    background: #ffd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    zoom: 1;
}

.success { background: #cfc; }
.error { background: #fcc; }

.workshop-notification { width: 720px; }
.workshop-notification .words { float: left; width: 610px; }
.workshop-notification .rate { float: right; width: 80px; font-size: 10px; }

body.qanda .workshop-notification { left: 90px; }
body.why .workshop-notification { left: 100px; }

/* **/


/** questions */

.question {
    position: relative;
    width: 465px;
    margin: 18px 0 0 0;
    padding: 30px 35px 24px 40px; /* vista ie7 adds an extra pixel to li image answer width */
    color: #000;
    background: #eee;
    font-size: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.question .arrow {
    position: absolute;
    left: -60px;
    top: -12px;
    width: 82px;
    height: 90px;
}

.question h3 {
    margin-bottom: 18px;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}

.question .image {
    position: relative;
    overflow: hidden;
    float: right;
    width: 160px;
    height: 160px;
    margin: 0 0 18px 0;
    text-align: right;
}

.question ul.answers {
	position: relative;
    margin: 0 0 18px 0;
    padding: 3px 30px 3px 0;
    overflow: hidden;
    zoom: 1; /* ie - make floats respect the right padding... */
}

.question ul.answers li {
	position: relative;
	padding-left: 30px;
}

.question ul.answers li a {
    display: block;
    position: relative;
    padding: 3px 6px;
    color: #000;
    zoom: 1;
}


ul.clickable-images li a:hover,
ul.clickable-images li a:active,
.question ul.answers li a.clicked,
.question ul.answers li a:hover,
.question ul.answers li a:active{
    color: #fff;
    background-color: #c6401b;
    text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
}

ul.clickable-images li a.clicked,
.question ul.answers li a.clicked,
.question ul.answers li a:active { background-color: #aa220c; }

.question ul.edit-answers li b,
.question ul.answers li a b {
    display: block;
    position: absolute;
    left: -15px;
    top: 3px;
    width: 11px;
    height: 18px;
}

.question ul.answers li a:hover b { background-position: -465px -580px; }

.question ul.answers li a.clicked b,
.question ul.answers li a:active b { background-position: -465px -610px; }


.question ul.pic-answers {
    padding: 0;
}

.question ul.grid-answers {
    padding: 0 60px 0 40px;
}

.question ul.pic-answers li {
    display: block;
    position: relative;
    float: left;
    margin: 0 1px 9px 0;
    padding: 0;
}

.question ul.pic-answers li.answer-4,
.question ul.pic-answers li.answer-7,
.question ul.pic-answers li.answer-10 { clear: left; }

.question ul.grid-answers li.answer-4,
.question ul.grid-answers li.answer-7,
.question ul.grid-answers li.answer-10 { clear: none; }

.question ul.grid-answers li.answer-3 { clear: left; }

.question ul.pic-answers li a {
    display: block;
    width: 140px;
    padding: 6px;
    text-align: center;
}

.question ul.pic-answers li a span {
    width: 140px;
    text-align: center;
    overflow: hidden;
    display: inline;
}

.question ul.pic-answers li a .answer-image {
    height: 140px;
}

.question ul.pic-answers li a .answer-text {
    padding-top: 6px;
    font-size: 13px;
}

.question ul.edit-pic-answers {
	margin: 0 1px 9px 0;
	padding: 0;
	zoom: 1;
	overflow: hidden;
}

.question ul.edit-pic-answers li {
	display: block;
	position: relative;
	float: left;
	padding: 6px;
	width: 140px;
	font-size: 13px;
}

.question ul.edit-pic-answers li img { cursor: move; }

.question ul.edit-pic-answers li a {
	display: -moz-inline-block;
	display: inline-block;
	margin: 9px 9px 9px 0;
	font-size: 13px;
}

.question ul.edit-pic-answers .errorlist li { padding: 0; float:none; }

.question ul.edit-answers { clear: both; }

.question ul.edit-answers li { cursor: move; zoom: 1; /* magical ie6 fix to make the li b arrows appear */ }

.question ul.edit-answers li a {
	display: -moz-inline-block;
	display: inline-block;
	margin: 6px 3px;
}

.question ul.edit-answers li b { top: auto; bottom: 9px; left: 10px; }

.question .text-answers { position: relative; }
.question .text-answers .add-answer { position: relative; padding-left: 26px; }

/* **/


/** small question */

.small-question {
    position: relative;
    width: 260px;
    margin: 0 0 6px;
    padding: 18px 20px 12px;
    color: #000;
    background: #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.small-question h3 {
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: bold;
}

.small-question .image {
    position: relative;
    overflow: hidden;
    float: right;
    width: 80px;
    height: 80px;
    margin: 0 0 18px 0;
    text-align: right;
}

.small-question ul.answers {
    margin: 0;
    padding: 0 18px;
    overflow: hidden;
}

.small-question ul.answers li a {
    display: block;
    position: relative;
    padding: 3px 6px;
    color: #000;
    zoom: 1;
}

.small-question ul.answers li a:hover {
    color: #fff;
    background-color: #c6401b;
    text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
}

.small-question ul.answers li a:active { background-color: #aa220c; }

.small-question ul.answers li a b {
    display: block;
    position: absolute;
    left: -15px;
    top: 3px;
    width: 11px;
    height: 18px;
}

.small-question ul.answers li a:hover b { background-position: -465px -580px; }
.small-question ul.answers li a:active b { background-position: -465px -610px; }

.small-question ul.pic-answers li {
    display: block;
    position: relative;
    float: left;
    margin: 0 1px 9px 0;
    padding: 0;
}

.small-question ul.pic-answers li a {
    display: block;
    width: 60px;
    padding: 6px;
    text-align: center;
}

.small-question ul.pic-answers li a span {
    width: 60px;
    text-align: center;
    overflow: hidden;
    display: inline;
}

.small-question ul.pic-answers li a .answer-image {
    height: 60px;
}

.small-question ul.pic-answers li a .answer-text {
    padding-top: 6px;
    font-size: 12px;
}

/* **/


/** special elements */

/* shout box */

.shout {
    clear: both;
    margin: 18px 0;
    padding: 18px 20px;
    background-color: #e2ebef;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.notch {
    position: absolute;
    left: 0;
    top: -9px;
    height: 9px;
    width: 50px;
}

.shout .notch { background-position: -450px -500px; }

.left-notch {
	position: absolute;
	top: 10px;
	left: -10px;
	height: 50px;
	width: 10px;
	background-position: -350px -500px;
}

.left-big-notch {
	position: absolute;
	top: 20px;
	left: -20px;
	height: 50px;
	width: 20px;
	background-position: -350px -500px;
}


/* media-box */

.media-box {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.media-box .fixed-media {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

.media-box .fixed-media img { margin: 0; padding: 0; }

.media-box .text { margin-left: 60px; }

/*.small-media-box .fixed-media { height: 36px; }*/
.small-media-box .text { margin-left: 45px; }


/* overlay-media */

.media-overlay {
	position: relative;
	width: 300px;
	height: 300px;
	overlfow: hidden;
	padding-bottom: 6px;
}

.media-overlay .overlay {
	position: absolute;
	bottom: 30px;
	left: 0;
	padding: 6px 9px;
	width: 282px;
	background: url(../../img/transparent-50.png) repeat;
}

.media-overlay h4 { font-size: 15px; color: #fff; }

/* featured box */


.featured-box {
	padding: 18px 20px;
	background: #e1f0f8;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


/* feedback */

/*.feedback-widget ul.activities { zoom: 1; }*/
.edit-feedback-widget .ask { padding: 0; }

.feedback { overflow: hidden; width: 100%; }

.feedback .who,
.feedback .pro,
.feedback .con,
.feedback .info { position: relative; float: left; overflow: hidden; }

.feedback .who { width: 50px; margin-right: 22px; text-align: center; }
.feedback .pro,
.feedback .con { width: 225px; margin-right: 14px; padding-top: 18px; }
.feedback .info { width: 80px; font-size: 10px; font-weight: bold; color: #999; }

.feedback .no-top { padding-top: 0; }
.feedback .pro .when { position: absolute; top: 0; left: 0; font-size: 10px; color: #999; height: 18px; overflow: hidden; }
.feedback .info .helpful { position: relative; display: block; color: #333; }

.feedback textarea { width: 209px; }

.rev {
	position: relative;
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	overflow: hidden;
	text-indent: -1000em;
	background-position: -160 -2350;
}

.rev-up { background-position: -160px -2350px; }
a.rev-up:hover { background-position: -160px -2370px; }
a.rev-up:active { background-position: -160px -2390px; }
.is-rev-up { background-position: -160px -2410px; }

.rev-down { background-position: -180px -2350px; }
a.rev-down:hover { background-position: -180px -2370px; }
a.rev-down:active { background-position: -180px -2390px; }
.is-rev-down { background-position: -180px -2410px; }

.rev-flag { background-position: -200px -2350px; }
a.rev-flag:hover { background-position: -200px -2370px; }
a.rev-flag:active { background-position: -200px -2390px; }
.is-rev-flag { background-position: -200px -2410px; }

.is-rev-up:hover, .is-rev-up:active,
.is-rev-down:hover, .is-rev-down:active,
.is-rev-flag:hover, .is-rev-flag:active { background-color: transparent; }

.rev-blank { background: none; cursor: default; } 

.is-rev-up,
.is-rev-down,
.is-rev-flag { cursor: default; }

/* **/


/** form elements */

label {
    display: block;
    position: relative;
    font-size: 15px;
    font-weight: bold;
}

label input { vertical-align: middle; }

input.text,
textarea,
button {
    display: table-cell;
	display: -moz-inline-box; /* need to make inline in ff2 */
    display: inline-block;
    position: relative;
    margin: 0;
    border: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -khtml-appearance: none;
    -moz-appearance: none;
}

input.text {
    margin: 4px 0;
    border: 1px solid #bbb;
    padding: 5px 7px;
    font-size: 15px;
    line-height: 16px;
    vertical-align: top;
}

* html input.text {
    margin-top: 3px;
}

textarea {
    height: 72px;
    margin: 4px 0;
    border: 1px solid #bbb;
    padding: 4px 7px;
    font-size: 15px;
    line-height: 18px;
}

input.placeholder,
textarea.placeholder {
    color: #999;
}

/* **/


/** buttons */

button {
    display: table-cell;
    display: inline-block;
    position: relative;
    overflow: visible;
    height: 36px;
    padding: 0 0 0 15px;
    color: #fff;
    background: url(/images/sprite.png) 0 -130px no-repeat;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
    zoom: 1; /* IE hack to trigger hasLayout */

    /* testing fix for iPhone WebKit, which adds 1m of padding left & right to all button elements */
    padding: 0 1px;
    font-size: 1px;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button span {
    display: block;
    position: relative;
    overflow: visible; /* required for IE7 */
    width: auto;
    height: 18px;
    padding: 9px 15px 9px 0;
    background: url(/images/sprite.png) right -130px no-repeat;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0;

    /* testing fix for iPhone WebKit, which adds 1m of padding left & right to all button elements */
    margin: 0 0 0 13px;
    left: 1px;
}

button span, x:-moz-any-link { display: -moz-inline-block; } /* hack for ff2 */

button span:-moz-first-node,
input.text:-moz-first-node {
    line-height: 19px;
}

body.is_chrome button span,
body#is_chrome button span {
    top: -1px;
    left: auto;
    right: -4px;
    margin-left: 8px;
}

button:active { background-position: 0 -170px; }
button:active span { background-position: right -170px; }

button.prev { padding-left: 23px; /*iPhone*/ padding-left: 9px; background-position: -40px -130px; }
button.prev:active { padding-left: 23px; /*iPhone*/ padding-left: 9px; background-position: -40px -170px; }

button.next { background-position: 0 -210px; }
button.next:active { background-position: 0 -250px; }
button.next span { padding-right: 23px; background-position: right -210px; }
button.next:active span { padding-right: 23px; background-position: right -250px; }

button.yes span,
button.no span {
    text-transform: uppercase;
    width: 40px;
}

button.rust { background-position: 0 -290px; }
button.rust span { background-position: right -290px; }

button.rust:active { background-position: 0 -330px; }
button.rust:active span { background-position: right -330px; }

button.rust-prev { padding-left: 23px; /*iPhone*/ padding-left: 9px; background-position: -40px -370px; }
button.rust-prev:active { padding-left: 23px; /*iPhone*/ padding-left: 9px; background-position: -40px -410px; }

button.rust-next { background-position: 0 -370px; }
button.rust-next:active { background-position: 0 -410px; }
button.rust-next span { padding-right: 23px; background-position: right -370px; }
button.rust-next:active span { padding-right: 23px; background-position: right -410px; }


button.rust-dark { background-position: 0 -2190px; }
button.rust-dark span { background-position: right -2190px; }

button.rust-dark:active { background-position: 0 -2230px; }
button.rust-dark:active span { background-position: right -2230px; }

button.rust-dark-prev { padding-left: 23px; /*iPhone*/ padding-left: 9px; background-position: -40px -2270px; }
button.rust-dark-prev:active { padding-left: 23px; /*iPhone*/ padding-left: 9px; background-position: -40px -2310px; }

button.rust-dark-next { background-position: 0 -2270px; }
button.rust-dark-next:active { background-position: 0 -2310px; }
button.rust-dark-next span { padding-right: 23px; background-position: right -2270px; }
button.rust-dark-next:active span { padding-right: 23px; background-position: right -2310px; }


button.light { background-position: 0 -1300px; }
button.light span {
    background-position: right -1300px;
    color: #111;
    text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
}

button.light:active { background-position: 0 -1340px; }
button.light:active span { color: #000; background-position: right -1340px; }

button.assertion span { width: 90px; }
.small-buttons button.assertion span { width: 70px; }

/* **/


/** layout */

body {
    text-align: center;
}


#container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    text-align: left;
}


/* auto footer bottom */

html,
body,
#container { height: 100%; }

#header-content {
	position: relative;
	min-height: 100%;
	_height: 100%; /* for ie6 min-height */
}

#content { padding-bottom: 288px; }

/* **/


/** header */

#header {
    position: relative;
    z-index: 10;
    height: 90px;
    padding-top: 18px;
}

/*body.dashboard #header { margin-bottom: 18px; } for tagline */

#logo {
    position: absolute;
    left: 0;
    top: 36px;
    width: 95px;
    height: 60px;
    margin: 0;
	padding: 0;
    font-size: 40px;
    line-height: 54px;
}

#logo a {
    display: block;
    overflow: hidden;
    width: 95px;
    height: 54px;
    color: #c6401b;
    text-indent: -1000em;
}

/* move the notch around */
/*
body.dashboard #logo,
body.profile #logo,
body.explore #logo,
body.topics #logo,
body.community #logo {
    background-position: -1000px 0;
}

body.dashboard #nav li.home,
body.profile #nav li.profile,
body.explore #nav li.explore,
body.topics #nav li.topics,
body.community #nav li.community {
    padding-bottom: 10px; 
    background-position: center -643px;
}
*/

body.public-home .logo-notch { display:block; position: absolute; left: 254px; top: 85px; width: 18px; height: 15px; background: transparent url(/images/sprite.png) no-repeat scroll -240px -670px; }

#tag-line {
	position: absolute;
	left: 81px;
	bottom: 0;
	font-size: 12px;
	z-index: 5;
}

#nav {
    display: block;
    position: absolute;
    left: 120px;
    top: 36px;
    height: 38px;
    padding-top: 22px;
    font-size: 15px;
    font-weight: bold;
    z-index: 6;
}

#nav li {
    position: relative;
    float: left;
    height: 28px;
    margin-right: 4px;
}

.dropdown li a,
#nav li a {
    display: -moz-inline-block;
    display: block;
    position: relative;
    float: left;
    z-index: 11;
    height: 18px;
    padding: 5px 10px;
}

#nav li a.menu {
    padding-right: 20px;
    background-position: right -1825px;
}

#nav li a:hover,
#nav li.hover a.menu,
#nav li a.hover {
    color: #fff;
    background-color: #004b73;
    background-position: right -1765px;
}

#nav li a:active,
#nav li.hover a.menu:active,
#nav li a.hover:active {
    color: #fff;
    background-color: #002a41;
    background-position: right -1795px;
}

.dropdown a.down,
.dropdown .hover a.down,
#nav>li.hover>a.menu,
#nav>li>a.hover,
#nav>li>a {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dropdown { position: relative; }
.dropdown .elt { position: relative; display: block; }

.dropdown ul,
#nav ul {
    display: none;
    position: absolute;
    float: none;
    left: 0;
    top: 27px;
    z-index: 10;
    width: 168px;
    border: 1px solid #bbb;
    margin: 0;
    padding: 4px 0;
    background: #fff;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    -webkit-box-shadow: rgba(0, 0, 0, 0.125) 0 3px 4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.125) 0 3px 4px;
    box-shadow: rgba(0, 0, 0, 0.125) 0 3px 4px;
}

.dropdown .hover ul,
#nav .hover ul { display: block; }

.dropdown ul { top: 18px; }

.dropdown ul li,
#nav ul li {
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 4px;
}

.dropdown ul li.gap,
#nav ul li.gap {
    padding-top: 18px;
}

.dropdown ul li a,
.dropdown ul li span,
#nav ul li a,
#nav ul li span {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 10px;
}

.dropdown ul li span.dis,
#nav ul li span.dis {
    color: #999;
}

#user-nav {
    position: relative;
    overflow: hidden;
    float: right;
    height: 18px;
    font-size: 12px;
}

#user-nav li {
    float: left;
    border-right: 1px solid #ccc;
    padding: 0 2px;
}

#user-nav li.last {
    border-right: 0;
    padding-right: 0;
}

#user-nav a {
    display: inline-block;
    padding: 0 3px;
}

#header form {
    position: relative;
    clear: right;
    float: right;
    height: 34px;
    margin-top: 18px;
    padding: 0 0 0 3px;
    background: #fff; /* masks line on bottom of header */
}

#header form input.text {
    width: 241px;
    margin-right: 5px;
    padding-left: 25px;
}

#header form button span { width: 50px; }

/* until there is a search page */
#header form input.text { width: 266px; margin-right: 0; }
#header form button { display: none; }

/* **/


/** content */

#content {
    position: relative;
}

#alpha,
#beta,
#gamma,
#delta {
    position: relative;
    float: left;
    width: 300px;
}

#alpha,
#beta {
    margin-right: 30px;
}

/* **/


/** footer */

#footer {
	position: relative;
	clear: both;
	width: 100%;
	overflow: hidden;
	margin: -145px 0 0; /* auto footer bottom */
	border-top: 1px solid #bbb;
	padding: 26px 0 0;
	font-size: 12px;
}

#footer h5 { font-size: 13px; font-weight: bold; }

#footer ul.sections {
	position: relative;
	float: left;
}

#footer ul.sections li {
	position: relative;
	float: left;
	width: 140px;
	height: 108px;
	padding-left: 9px;
	border-left: 1px solid #ccc;
}

#footer ul.sections li.first {
	border: 0;
	padding: 0 10px 0 0;
}

#footer ul.sections ul {
	float: none;
	left: 0;
}

#footer ul.sections ul li {
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
}

#footer .notice {
	position: relative;
	float: right;
	width: 300px;
	
}

/* **/


/** headers */

.header {
    position: relative;
    width: 100%;
    height: 18px;
    padding-bottom: 18px;
}

.nou-header {
	background-image: none;
	padding-bottom: 0;
}

.xl-header {
	height: auto;
	background: none;
	padding-bottom: 0;
}

.header-div { clear: both; padding-bottom: 0; background-position: 0 -993px; }

.header h3 { position: relative; }
.header h5 { position: relative; color: #666; }

.header .indicator {
    right: 0;
    top: 0;
}

.header .left { margin-right: 10px; }
.header .right { margin-left: 10px; }

.header ul.tabs { height: 36px; }
.header ul.tabs li {
    position: relative;
    overflow: visible;
    height: 18px;
}

.header ul.tabs li.active a {
    background-position: center -557px;
}

.inverted-header { background-position: 0 -990px; }

.inverted-header {
    padding-top: 18px;
    padding-bottom: 0;
}

.inverted-header ul.tabs li.active a {
    background-position: center -613px; /* 0 -967px */
}

/* **/


/** widgets */

.widget {
    position: relative;
    margin-bottom: 18px;
}

.back-to,
.bottom-pad { padding-bottom: 18px; }

/* **/


/** specific widgets */

.activity-widget ul.activities li {
	width: 600px;
	left: 30px;
}

.activity-widget ul.activities li div.clr { width: 600px; }

.activity-widget ul.activities li.details,
.activity-widget ul.activities li.details div.clr { width: 580px; }

.featured-topic-widget {
	overflow: hidden;
	width: 600px;
	left: 30px;
	margin: 18px 0 36px;
}

.featured-topic-widget .image { float: left; width: 70px; height: 70px; margin: 0 10px 18px 0; }
.featured-topic-widget .topic {
	position: relative; 
	float: left;
	width: 450px;
	margin: 0 0 18px 0;
	padding: 18px 20px;
	background: #e1f0f8;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.featured-topic-widget .first-question { float: left; position: relative; left: 20px; width: 530px; height: 18px; overflow: hidden; }

.featured-topic-widget .indicator { top: 0; right: 0; }

.qa-widget .header h3 { font-size: 12px; }

.invite-widget { padding-bottom: 18px; }
.invite-widget #id_email { width:204px; }
.invite-widget button .span { width: 33px; }
.invite-widget .actions { overflow:hidden; width:100%; }

.question-widget {
    width: 300px;
}


.stats-widget ul {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.stats-widget ul.big-stats {}

.stats-widget ul.small-stats {
	padding: 18px 0;
}

.stats-widget ul.small-stats strong {
	font-size: 15px;
}

.stats-widget ul li {
	float: left;
	width: 33%;
	text-align: center;
}

.stats-widget ul.big-stats li h6,
.stats-widget ul.big-stats li p {
	text-align: center;
}

.stats-widget ul.big-stats li h6 {
	padding-top: 6px;
	line-height: 30px;
	font-size: 25px;
}


/* **/

body.public-home #alpha,
body.public-home #beta { width: 630px; margin: 0; left: 165px; }

/** wt - wide thin (dashboard, result) */

body.wt #alpha {
	width: 100%;
	float: none;
	margin: 0 0 18px;
}
body.wt #beta { width: 630px; margin-right: 0; }
body.wt #gamma { float: right; }

body.tw #beta {
	float: right;
	width: 630px;
	margin: 0;
}

body.w #alpha,
body.w #beta,
body.w #gamma {
	float: none;
	width: 630px;
	left: 150px;
}

/*
body.dashboard #alpha {
    width: 100%;
    float: none;
}

body.dashboard #beta {
    width: 630px;
}
*/

/** dashboard */

body.dashboard .factoid-widget .media-box .text { padding-top:27px; }

/* **/

/** result */

body.result #beta { z-index: 5; } /* z-index for .dropdown to work in ie */
body.result #beta .main { z-index: 5; }
body.result #gamma { padding-top: 28px; z-index: 4; }

body.result #beta #qanda-wrap { height: 72px; width: 100%; }
body.result .load-bar { padding: 72px 0; text-align: center; }

body.result .dossier { padding: 0 18px 36px; }

/* **/

/** train-result */

body.train-result .dossier { left: 185px; }

/** why */

/*
body.why ul.activities { width: 600px; left: 30px; }
body.why ul.activities li s { top: 5px; }
*/

body.why ul.activities li { padding-left: 30px; }
body.why ul.activities li s { top: 9px; left: 0; }

/* **/

/** workshop */

body.workshop #alpha,
body.workshop #beta { position: relative; left: 100px; float: none; width: 760px; }
body.workshop #alpha { margin-bottom: 18px; }

body.workshop h1 { padding-left: 36px; background: transparent url(../../img/categories/Home_garden.gif) no-repeat; }

body.workshop ul.actions { margin-left: -5px; }

body.workshop ul.activities li,
body.workshop ul.activities li div.clr { width: 710px; }
body.workshop ul.activities li .content { float: left; width: 425px; overflow: hidden; }
body.workshop ul.activities li .timestamp { float: right; text-align: right; width: 150px; overflow: hidden; }
body.workshop ul.activities li .votes { float: right; text-align: right; width: 100px; margin-left: 20px; overflow: hidden; }
body.workshop ul.activities li .votes .rev { float: right; }

body.scrapheap h1 { background: transparent url(../../img/badges/Philosopher.jpg) no-repeat; }
body.scrapheap ul.activities  { width: 600px; left: 60px; }
body.scrapheap ul.activities li { width: 600px; }

/* **/


/** single column */

body.single #alpha,
body.single #beta {
	left: 210px;
	width: 540px;
}

body.single #beta {
	clear: left;
	margin-top: 90px;
}

body.single #alpha h1 { padding-bottom: 18px; }

body.aay #beta ul { padding-right: 40px; }
body.aay #beta ul li { color: #666; }
body.aay #qtxt { width: 234px; }
body.aay .question { margin: 0; }

.content { position: relative; }
.content .indicator { top: 0; right: 0; }

body.hhh #beta p {
	padding: 0 30px;
	color: #666;
}

/* **/

/** terms of service */

body.tos #alpha {
	width: 810px;
	left: 75px;
}

.notes { overflow: hidden; zoom: 1; }
.notes .content { float: left; width: 540px; }
.notes .note { float: right; width: 250px; }

/* **/


b.percent { width:30px; height:30px; position:relative; display:block; background:transparent url(/media/img/rust/piecharts.png) scroll no-repeat; }
b.percent-0 { background-position:0 0; }
b.percent-1 { background-position:-30px 0; }
b.percent-2 { background-position:-60px 0; }
b.percent-3 { background-position:-90px 0; }
b.percent-4 { background-position:-120px 0; }
b.percent-5 { background-position:-150px 0; }
b.percent-6 { background-position:-180px 0; }
b.percent-7 { background-position:-210px 0; }
b.percent-8 { background-position:-240px 0; }
b.percent-9 { background-position:-270px 0; }
b.percent-10 { background-position:-300px 0; }
b.percent-11 { background-position:-330px 0; }
b.percent-12 { background-position:-360px 0; }
b.percent-13 { background-position:-390px 0; }
b.percent-14 { background-position:-420px 0; }
b.percent-15 { background-position:-450px 0; }
b.percent-16 { background-position:-480px 0; }
b.percent-17 { background-position:-510px 0; }
b.percent-18 { background-position:-540px 0; }
b.percent-19 { background-position:-570px 0; }
b.percent-20 { background-position:-600px 0; }

.percent-header { position: relative; width: 450px; padding: 0 60px 0 30px; font-size: 15px; }
.percent-header p { padding: 6px 0 18px 40px; }
.percent-header b.percent { float: left; }

/* **/


/** invite, login */

body.t #alpha,
body.invite #alpha {
    left: 300px;
    width: 360px;
}

body.invite #alpha .ask input.text {
    width: 304px;
}

body.invite #alpha .ask textarea {
    width: 304px;
	height: 72px;
}

body.login #alpha {
	left: 330px;
	width: 300px;
}

body.login #alpha .ask input.text {
    width: 244px;
}

body.login #alpha .ask textarea {
    width: 244px;
	height: 72px;
}

body.login #beta {
	left: 180px;
	width: 600px;
}

/* **/


/** qanda */

body.qanda #alpha {
	width: 900px;
	overflow: hidden;
	left: 30px;
	margin: 18px 0 0;
}

body.qanda #beta {
	width: 720px;
	left: 30px;
	margin: 0 0 54px;
}

body.qanda #gamma {
	width: 900px;
	left: 30px;
}

body.qanda .media-box { left: 60px; width: 840px; }
body.qanda .media-box h1 { font-size: 30px; }

.media-box-header a,
body.qanda .media-box a { color: #666; }

.media-box-header a:hover,
body.qanda .media-box a:hover { color: #004b73; }

body.qanda .question,
body.qanda .qanda-buttons {
	left: 180px;
}

body.qanda .qanda-buttons {
	width: 540px;
}

.topic-nutrition-widget img {
	float: left;
}

.topic-nutrition-widget div {
	position: relative;
	margin-left: 25px;
}

/* **/



/* question editing */

body.qedit #alpha {
	width: 900px;
	overflow: hidden;
	left: 30px;
	margin: 18px 0 0 0;
}

body.qedit #beta {
	width: 720px;
	left: 30px;
	margin: 0 0 0 0;
}

body.qedit #beta .question {
        margin:0;padding:34px;
}

body.qedit #id_question {
        font-size: 14px;
	margin:0;padding:0;
}

body.qedit .answers {
        margin:0;
        font-size: 12px;
}

body.qedit .skip-buttons {
        display:none;
}

body.qedit #gamma {
	display:none;
}



body.qedit .media-box { left: 0px; width: 840px; }
body.qedit .media-box a { color: #666; }
body.qedit .media-box h1 { font-size: 16px; }

body.qedit .question,
body.qedit .qanda-buttons {
	left: 180px;
}

body.qedit .qanda-buttons {
	width: 540px;
}

body.qedit textarea.editing { width: 444px; height: 36px; }
body.qedit input.editing { width: 300px; }
body.qedit .question #edit-question { position: absolute; top: 5px; right: 10px; }

body.qedit .left {margin-left:130px;}
body.qedit .right {margin-right:150px;}



/** inline editing */

.buttons a.revision-history { padding-left: 0; }

input.editing,
textarea.editing { background-color: #ffd; }

ul.editor-input-list li {
	position: relative;
	margin: 0 0 9px 0;
}

ul.editor-input-list li select { margin-right: 9px; }

body.qanda textarea.editing { width: 444px; height: 36px; }
body.qanda input.editing { width: 300px; }
body.qanda .image_id-label { display: block; }

body.qanda .question #edit-question { position: absolute; top: 5px; right: 10px; }

body.result input.editing,
body.result textarea.editing { width: 425px; }
body.result textarea.editing { height: 180px; }
body.result label.description_url-label {
	display: -moz-inline-box; display: inline-block; zoom: 1; *display: inline;
	margin: 9px 4px 9px 0;
	width: 120px;
	font-weight: bold;
}

body.result input.description_url-field { width: 300px; }
body.result label.image_id-label img { margin-bottom: 6px; }

body.topic-stats input.display_name-field { width: 758px; float: left; position: relative; }
body.topic-stats table.names input.editing { width: 300px; }
body.topic-stats table.names textarea.editing { width: 400px; }

/* **/


/** utilities */

.hunch-error {
	z-index: 999;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -150px;
	padding: 9px 10px;
	background-color: #ffd;
	font-size: 15px;
	text-align: center;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

#grid { display: none; }

body.debug #grid {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    -z-index: 1000;
    width: 100%;
    height: 100%;
    background: url(grid-18.png) 0 0 repeat;
    opacity: 0.125;
    filter: alpha(opacity=12);
}

.two-lines { position: relative; height: 36px; }

.clr { overflow: hidden; zoom: 1; } /* alternative to clearing floats */

.layout { zoom: 1; } /* triggers hasLayout in ie */

.hidden { display: none; }

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after,
#content:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.075em;
    line-height: 0;
}

.pkg,
#content { display: inline-block; }


/* no ie mac \*/
* html .pkg,
* html #content { height: 1%; }
.pkg[class],
#content[id] { height: auto; }
.pkg,
#content { display: block; }

/* **/


/** yucky hacks */

table.staff th { vertical-align:top; width:100px; }
table.staff th h3 { padding-top:0; }
table.staff td { width:100px; padding:0 10px 18px; color:#888; text-align:center; font-size: 12px; }


#teach-topic-search { z-index:100; } /* make sure that the topic search in teach appears above lower content */

.yui-skin-sam div.actnav-myContainer { position:absolute; top:36px; right:0; width:400px; }
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
.yui-ac { z-index:9999; }
.yui-skin-sam .yui-ac{position:relative;font-family:arial;font-size:100%;}.yui-skin-sam .yui-ac-input{position:absolute;width:100%;}.yui-skin-sam .yui-ac-container{position:absolute;top:27px;width:100%;}.yui-skin-sam .yui-ac-content{position:absolute;width:100%;border:1px solid #808080;background:#fff;overflow:hidden;z-index:9050;}.yui-skin-sam .yui-ac-shadow{position:absolute;margin:.3em;width:100%;background:#000;-moz-opacity:0.10;opacity:.10;filter:alpha(opacity=10);z-index:9049;}.yui-skin-sam .yui-ac-content ul{margin:0;padding:0;width:100%;}.yui-skin-sam .yui-ac-content li{margin:0;padding:2px 5px;cursor:default;white-space:nowrap;}.yui-skin-sam .yui-ac-content li.yui-ac-prehighlight{background:#B3D4FF;}.yui-skin-sam .yui-ac-content li.yui-ac-highlight{background:#426FD9;color:#FFF;}

/* **/