/* COLORS 

	background: #151515 (dark grey)
	text: #CCC (very light grey)
	titles: #FFF (white)
	highlights: #C00 (red)	
	shading: #222 (med grey)

*/

/*-------------------------------------------------
PAGE BODY
-------------------------------------------------*/

* { 
	margin: 0; 
	padding: 0; 
	border: 0;
}

body {
	background-color: #151515;
	color: #CCC;
	margin: 1em 2em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
	font-size: medium;
}
td { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", 'Trebuchet MS', verdana, arial, helvetica, sans-serif; }

#helpMsg {
	width: 300px;
	margin: 0 auto;
	padding: 1em;
	border: 2px solid #333;
	background-color: #666;
	color: #FFF;
	display: none;
	z-index: 100;
	position: absolute;
	font-size: 85%;
}

#helpMsg input[type=button] {
	float: right;
	width: 20px;
	height: 20px;
	margin: -1em -1em 0 0;
}

/*-------------------------------------------------
GENERAL CASES
-------------------------------------------------*/

/* HEADERS AND TEXT		*/

h1, h2, h3, h4, h5, h6 { 
	font-size: medium; 
	color: #FFF; 
	text-align: center; 
	padding: .5em 0;
}

h1 { font-size: larger; }
h3, h4, h5, h6 { font-size: smaller; }

p {
	margin: 1em auto;
	text-align: left;
	line-height: 1.5;
	max-width: 40em;
}

p.fullwidth { width: auto; max-width: 100%; }

strong { color: #C00; font-style: normal; font-weight: bold; }

hr { 
	clear: both; 
	color: #CCC;
	background-color: #CCC;
	width: 100%;
	height: 2px;
	margin: .5em 0;
}

hr.invisible { height: 0; margin: 0; }

/* LINKS */

a {
	text-decoration: none; 
	border-bottom: 1px dotted #C00;
}

a:link { color: #FFF; }

a:visited { color: #CCC; }

.submenu li a:visited,
.exp_menu ul a:visited,
#breadcrumb a:visited { color: #FFF; }

a:hover,
.submenu li a:hover,
#breadcrumb li a:hover,
.exp_menu ul li a:hover {color: #C00; }

a:active,
.submenu li a:active,
#breadcrumb li a:active,
.exp_menu ul li a:active { 
	color: #FFF;
	background-color: #C00;
}

/*-------------------------------------------------
LISTS
-------------------------------------------------*/

ul, ol { margin: 1em;}

ul li { list-style-type: none; list-style-position: outside; }

ol { padding-left: 1em; }

ul li {
	background-repeat: no-repeat;
	background-position: 0 .3ex;
	padding: .25em .25em .25em 25px;
}

li.new, .new li { background-image: url(/images/icons/imp_red_star.gif); }

li.back { background-image: url(/images/icons/arrow_left.gif); }

ul.pdf li, li.pdf { background-image: url(/images/icons/pdf.gif); }

li.repeat { background-image: url(/images/icons/check.gif); }

li.full { background-image: url(/images/icons/red_star.gif); }

li.done { background-image: url(/images/icons/red_check.gif); }

li.undone { background-image: url(/images/icons/star.gif); }

.exp_stats { 
	display: inline;
	font-size: smaller;
}

.multileft, .multiright { height: 100px; width: 85px; padding:0; margin-bottom: 10px; background: url(/images/faces/faces.gif) no-repeat;}
.multi_female { background-position: 0px 0px; }
.multi_male { background-position: 0px -100px; }
.african_female { background-position: -85px 0px; }
.african_male { background-position: -85px -100px; }
.easian_female { background-position: -170px 0px; }
.easian_male { background-position: -170px -100px; }
.wasian_female { background-position: -255px 0px; }
.wasian_male { background-position: -255px -100px; }
.white_female { background-position: -340px 0px; }
.white_male { background-position: -340px -100px; }

.multileft { float: left; clear: left !important; margin-right: 1em; }

.multiright { float: right; clear: right !important; margin-left: 1em; }

table {
	margin: 1em auto;
	border-collapse: collapse;
	border-spacing: 0;
}

th, td { padding: .25em; vertical-align: top; }

th { 
	color: #FFF; 
	font-size: smaller;
	vertical-align: middle; 
	text-align: center; 
	border-bottom: 2px solid #C00;
	border-top: 2px solid #C00;
}

td img { display: block; margin: 0 auto; }

/*-------------------------------------------------
MENUS
-------------------------------------------------*/


/*** Menu of experiments and questionnaires on main page ***/

.exp_menu { font-size: .9em; margin-bottom: .5em; }

.exp_menu th { border: none; font-size: 1.2em; font-weight: normal; }

.exp_menu .more_footer { font-size: 1.1em; }

.exp_menu td, .exp_menu th { width: 50%; padding: 0; }

.exp_menu ul a { border: 0; }

.submenu { 
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	text-align: center;
	margin: 1em auto;
	padding: .25em 0;
	clear: both;
	font-size: small;
}

.submenu li { 
	display: inline; 
/*	white-space: nowrap; */
	padding: 0 .5em;
	margin: 0 .5em;
	color: #FFF;
/*	border-left: 1px dotted #999; 
	border-right: 1px dotted #999;  */
}

.submenu li a { 
	text-shadow: none;
	border: 0;
}

#rssimage {
	width: 14px; 
	height: 14px; 
}

.submenu li.this_section { 
	text-shadow: 0 0 0.4em #FFF; 
	border-left: 2px dotted #C00;
	border-right: 2px dotted #C00;
}

ul.iconkey {
	float: right;
	font-size: smaller;
	background-color: #151515;
	padding: 1em;
}

.iconkey li, td.full, td.repeat, td.done, td.undone { 
	background-repeat: no-repeat;
	background-position: 4px 50%;
	padding: .25em .25em .25em 28px;
}

img.full, img.repeat, img.done, img.undone {
	width: 20px;
	height: 20px;
	border: 0 !important;
}

.repeat { background-image: url(/images/icons/check.gif); }

.full { background-image: url(/images/icons/red_star.gif); }

.done { background-image: url(/images/icons/red_check.gif); }

.undone { background-image: url(/images/icons/star.gif); }

.navBar { 
	clear: both;
	text-align: center; 
	margin: 1em auto; 
}

.lecture_menu {
	font-size: smaller;
	width: 60em;
}

.lecture_menu h2 { 
	padding: 0 0 .25em 0; 
	margin: 0 0 .5em 0;
	font-size: 1em; 
	border-bottom: 2px solid #C00;
	width: 100%;
}

.lecture_menu ul { margin: 0 1em; }

.lecture_menu .demos {
	width: 45%; 
	float: left;
	margin-bottom: 1em;
}

.lecture_menu .downloads {
	width: 45%; 
	float: right;
	margin-bottom: 1em;
}

.navBar li { display: inline; }

.navBar li.back { 
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(/images/icons/arrow_left.gif);
	padding: .25em .25em .25em 25px;
}

.navBar li.next { 
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(/images/icons/arrow_right.gif);
	padding: .25em 25px .25em .25em;
}

.navBar li.home a { 
	padding: .25em;
	border: 1px dotted #FFF;
}

.lecture_menu .navBar li.home a { border: none; }

.exp_list td { 
	padding-top: .5em;
	padding-bottom: .5em;
}
.exp_list td+td { 
	text-align: right;
	padding-left: 1em;
	padding-right: 1em;
}

/*-------------------------------------------------
FORMS
-------------------------------------------------*/

form { margin: 1em auto; }

.shade { background-color: #222; }

.smallform label:after { content: ": "; }

.note { font-size: smaller; }

.smallform, .displayResult, .questForm {
	border-top: 2px solid #C00;
	border-bottom: 2px solid #C00;
	padding: .5em;
}

form.search {
	display: block; 
	width: 35em; 
	margin: 1em auto;
}

.formline {
	display: block; 
	margin-bottom: .5em;
}

.topform { text-align: center; }

.smallform td + td, .questForm td + td { text-align: right; }

.smallform img.question { width: 20px; height: 20px; }

.radio, .vertical_radio { margin: 0; padding: 0; }
.radio li { 
	display: inline; 
	padding: 0;
	margin: 0 0 0 .5em;
}
.radio li, .vertical_radio li { 
	cursor: pointer; 
}

.radio li:hover, .vertical_radio li:hover { 
	color: #C00;
}

.radiopage td + td { text-align: center; }

.radioanchor {
	width: 100%;
	margin: 0;
	padding: 0;
}

.radioanchor td, .radioanchor td+td { text-align: center; }

td.anchor { width: 10em !important; }

.questForm {
	width: 100%;
}

.imgTable { 
	border-bottom: 2px solid #C00; 
}

.imgLabels td {
	font-size: smaller;
	text-align: center;
}

table.datemenu { margin: 0 0 0 auto; padding: 0; }

.q_instruction { 
	font-size: smaller;
	width: auto; 
	max-width: 100%;
	line-height: 1.2;
}

/* .displayResult tbody { overflow: auto; max-height: 400px; } */
.displayResult td + td, .displayResult th + th { border-left: 1px dotted #666; }

input, textarea, select { 
	color: #000;
	background-color: #FFF;
	font-size: smaller;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Georigia, Verdana, "Trebuchet MS", sans-serif; 
	border: 1px inset #222;
}
input, textarea { padding: 0 .2em; }

input:focus, textarea:focus {
	background-color:#CCC;
	color: #000;
	border: 1px inset #C00;
}

input.submit { 
	margin: 1em auto; 
	display: block; 
}

tr.submit td { text-align: center; }
tr.submit { border-top: 2px solid #C00; }

.upload { 
	text-align: left !important;
	background-color: #FFF; 
	color: #151515; 
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

input[checked=checked] { background-color: #C00; }

.fileinputs input[type=button] { margin-left: 1em; }

.button, .buttongroup {
	text-align: center;
	margin: 1em auto;
	padding: 1em .5em;
	clear: both;
}

.buttongroup div.button {
	display: inline;
}

ul.taskbutton { padding-top: .5em; }
.taskbutton li {
	margin-bottom: 1em;
	font-size: smaller;
}

a.chooseButton, .button a, input.submit, .taskbutton a, .exp_buttons a {
	padding: .25em .5em; 
	border: 3px outset #CCC;
	background-color: #999; 
}

.playButton {
	display: block;
	width: 300px;
	border: 2px solid #FFF;
	background-color: #C00;
	color: white;
	font-size: 200%;
	text-align: center;
	vertical-align: middle;
	padding: .5em;
	margin: 1em auto;
}

.playButton:hover { background-color: #333; color: #C00; }

.dimmed {
	background-color: #333;
	color: #666;
}

input[type=button],
.button a:link, 
.button a:visited, 
input.submit, 
input.inline, 
.taskbutton a:link, 
.taskbutton a:visited { 
	color:#DDD; 
	background-color: #C00; 
}

a.chooseButton:hover, .button a:hover, input.submit:hover, input.inline:hover, .taskbutton a:hover {
	 color: #FFF; 
	 background-color: #C00; 
	 text-shadow: 0 0 0.6em #FFF;
	 border-color: #FFF;
}

a.chooseButton:active, .button a:active, input.submit:active, input.inline:active, .taskbutton a:active, .exp_buttons a:active { 
	 color: #CCC; 
	 border-style: inset; 
	 background-color: #B30000; 
}

.chooseButton {
	display: block;
	width: 300px;
	text-align: center;
	vertical-align: middle;
	margin: 1em auto;
}

.exp_buttons a {
	margin: 0 .5em;
}

input.inline, input.inline:hover { 
	margin: 0; 
	display: inline; 
	padding: 0;
	border-width: 1px;
	font-size: small;
}

.right { float: right; margin: 1em 0 1em 1em; display: block; }

.left { float: left; margin: 1em 1em 1em 0; display: block; }

.buttonanchor { width: 5em; }

/*-------------------------------------------------
GRAPH STYLES
-------------------------------------------------*/

.graph { 
	text-align: center;
	border-spacing: 0;
	display: block;
	font-size: smaller;
}
.graph caption { 
	color: #FFF;
	border-bottom: 2px solid #C00;
	border-top: 2px solid #C00;
	margin-bottom: 2ex;;
	width: 100%;
}
.graph td { padding: 0; }

.graph .bars { 
	vertical-align: bottom; 
	border-bottom: 2px solid #FFF;
}

.graph .bars img { 
	background-color: #C00; 
	width: 90%; 
	border-top: 2px solid #333;
	border-right: 2px solid #333;
}

.graph .ylabel {
	width: 20px;
}

.xlabel td { padding: .25em .5em; }

.yaxis { 
	width: 10%;
	text-align: right;
}

.yaxis i { 
	position: relative;
	top: -1ex;
	float: right; 
	padding-right: .25em;
}

.yaxis img {
	width: 2px;
	float: right;
	clear: right;
	padding: 1px 0 0 0;
	margin: 0;
}

.fb_chart td { 
	vertical-align: bottom;
	text-align: center !important;
}

.fb_chart td img { width: 50px; }

.graph0 { background-color: #FFF; }
.graph1 { background-color: #C00; }
.graph2 { background-color: #CC7800; }
.graph3 { background-color: #FC0; }
.graph4 { background-color: #060; }
.graph5 { background-color: #06C; }
.graph6 { background-color: #00C; }
.graph7 { background-color: #609; }


/*-------------------------------------------------
REFERENCES
-------------------------------------------------*/

.references {
	text-align: left;
	font-size: smaller;
	padding: .5em 2em;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}

.author {}

/*
	.year:before { content: "("; }

	.year:after { content: ")."; } 
*/

.title {}

.journal { font-style: italic; }

.volume { font-weight: bolder; }

.issue {}

a.pdf { 
	position: relative;
	left: -30px;
	padding: 0 0 0 30px;
	background: url(/images/icons/pdf.gif) 0 0 no-repeat;
}

a.pdf:hover { background-image: url(/images/icons/pdf_selected.gif); }

/*-------------------------------------------------
SECTION STYLES
-------------------------------------------------*/

#header { 
	float: left;
	width: 100%;
	margin: -1em -1em 0 -1em;
	padding: 1em 0 0 0;
}

#header h1 { font-size: medium; }

#breadcrumb { 
	float: left; 
	text-align: left; 
	font-size: 1.2em;
	/*width: 65%; */
	padding: 0; 
	margin: 0;
	color: #FFF;
}

#breadcrumb li { display: inline; padding: 0; margin: 0;}

ul#login_info {
	font-size: smaller;
	float: right;
	/*width: 30%;*/
	text-align: right;
	padding: 0;
	margin: 0;
}

#login_info li { 
	display: inline; 
	margin: 0;
	padding: 0 .25em 0 .5em;
	/*white-space: nowrap;*/
}

#login_info li + li { border-left: 1px dotted #CCC; }

#login_info a:link, #login_info a:visited { color: #C00; }

#login_info a:hover, #login_info a:active { color: #FFF; }

#login_info li#login { border: 0; }

#loginbox {
	display: none;
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
	font-size: smaller;
	text-align: right;
}

#stop_chain { display: none; }

#maincontent { 
	float: left; 
	width: 100%;
	clear: both;
	margin: 1em 0;
}

div#maincontent > * { margin-top: 0; }

#footer {
	float: left;
	clear: both;
	width: 100%;
	font-size: x-small;
	text-align: center;
	margin-bottom: 1em;
}
.disclaimer { color: #333; margin-top: 1em; font-size: x-small;}

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

/*-------------------------------------------------
EXPERIMENT STYLES
-------------------------------------------------*/

table.exp {
	text-align: center; 
	border-collapse: separate;
	border-spacing: 5px;
	clear: both;
	padding: 0;
}

#preloader img {
	width: 1px;
	height: 0px;
}

table.jnd { width: 100%; table-layout: fixed; }

table.afc { width: auto; }

.jnd_buttons td { 
	font-size: small; 
	border: 1px solid #C00; 
	width: 12.5% !important;
	min-height: 4em;
	vertical-align: middle;
	padding: .5em .25em;
}

.jnd_buttons td:hover { 
	color: #C00;
	background-color: #333; 
}

.jnd_buttons td.middleface {
	width: 300px !important;
	border: none;	
}

.jnd_buttons td.middleface:hover {
	background-color: #151515 !important;
}

.exp_question { text-align: center; padding: 0; margin: 0 auto; }

#back_button { float: left; text-align: left; width: 5em; height: 2em; border: 1px solid #151515; }

#skip_button { float: right; text-align: right; width: 5em; height: 2em; border: 1px solid #151515; }

.jnd .exp_image td { background-color: #808080; }

.rating_box { text-align: center; }

#rating { 
	font-size: larger; 
	width: 3em; 
	text-align: center; 
	margin: 0 1em;
}

.exp_image img { height: 400px; }

.exp_image.vert img { height: 200px; }

.slideshow img { height: 320px; }

.exp_image a:link img, .exp_image a:visited img { border: 2px solid #FFF; }

.exp_image a:hover img, .exp_image a:active img { border: 2px solid #C00; }
.xafc .exp_image img { height: 200px; display: inline;}

#q_image_cell { border-right: 4px solid grey; vertical-align: middle; }
#q_image_cell img { padding-right: 1em; }

.bottomnote { font-size: smaller; text-align: center; }

/*-------------------------------------------------
SPECIAL STYLES
-------------------------------------------------*/

eq { font-style: italic;
	font-weight: bolder;
}

#pagerate { float: left; }
#pagerate a { border: 0; }

.users_online {
	font-size: x-small; 
	float: right; 
	clear: right; 
	padding-top: .5em;
}

.checked, .unchecked { border: 2px solid #333; }
.checked { border-color: #C00; }
.unchecked { border-color: #333; }

.radio li {
	padding-left: 21px !important;
	background: transparent url('/images/icons/dark_dot.gif') 0 0 no-repeat;
}

li.selected { 
	color: #C00; 
	padding-left: 21px !important;
	background: transparent url('/images/icons/red_check.gif') 0 0 no-repeat;
}

#preloader { margin: 1em auto; text-align: center;}
#preloader li { 
	display: inline;  
	margin: 0; 
	padding: 10px;
	background: transparent url('/images/icons/empty_dot.gif') 0 center no-repeat;
}
#preloader li.loaded { 
	background-image: url('/images/icons/filled_dot.gif');
}
#preloader .pl_text { background-image: none; }

.hide { display: none; }
.visible { display: inline; }

.mysqlerror {
	margin: 1em auto;
	padding: .5em;
	border: 2px solid #C00;
	width: 50%;
	font-size: smaller;
	text-align: center;
}
.error { color: #C00; }

.multicol { float: left; }

.message {
	width: 50%; 
	text-align: center; 
	margin: 0 auto;
}
.warning {
	width: 50%; 
	max-width: 35em;
	text-align: center; 
	margin: 1em auto;
	background-color: #900 !important;
	color: #FFF !important;
}

.warning a { border-color: #FFF; }
.warning a:link, .warning a:visited { color: #FFF; }
.warning a:hover, .warning a:active { color: #151515; }

.ethchooser img {
	width: 170px;
	height: 200px;
}

.ethchooser2 img {
	width: 85px;
	height: 100px;
	display: inline;
}

.df {
	font-size: x-small; 
	vertical-align: sub;
}

.super {
	font-size: x-small; 
	vertical-align: super;
}

.attributes {
	clear: both; 
	float: right; 
	width: 45%; 
	margin: 1em; 
	font-size: smaller;
}

/* Sortable tables */
table.sortable a.sortheader {
    border: 2px outset #C00; 
	padding-left: 1em;
	color: white;
}

table.sortable a:hover.sortheader {
	color: #151515;
	background-color: white;
}

table.sortable a:active.sortheader {
	border: 2px inset #C00;
	color: white;
	background-color: #151515;
}

table.sortable th { padding: .5em .25em; }
table.sortable span.sortarrow {
    color: white;
    text-decoration: none;
}


/*-------------------------------------------------
ROUND-CORNER ( http://virtuelvis.com/gallery/css/rounded/ )
-------------------------------------------------*/

.demotext {
	width: 40em; 
	margin: 1em auto; 
}

.labnotes, .query {
	display: block; 
	margin: 1em auto; 
	width: 50em; 
	font-size: smaller; 
	padding: 1em;
}

.attributes h2 { padding: 0; }
.attributes li { padding: .1em 0; }
.attributes p { margin: 1em 0; }

.rounded li {
	padding-left: .5em;
}

.rounded.new li,
.attributes li.new,
.rounded li.new,
.rounded li.done,
.rounded li.undone,
.rounded li.full,
.rounded li.repeat,
.rounded li.pdf {
	padding-left: 25px !important;
}

.rounded, .labnotes, .demotext, .attributes { 
	padding: 20px !important; 
	background: #333 url(/images/corners2/top-left.gif) scroll no-repeat top left;
	/* background: #333 url(/images/corners2/bg.png) scroll no-repeat bottom right; */
	color: #CCC;
}

.warning {
	padding: 10px !important; 
	background: #C00 url(/images/corners2/top-left_red.gif) scroll no-repeat top left;
}

/*.rounded:before, .labnotes:before, .demotext:before, .attributes:before {
	background: transparent url(/images/corners2/top-right.png) scroll no-repeat top right;
	text-align: right;
	margin: 0 -20px -5px -20px;
	height: 25px;
	display: block;
	border: none;
	content: url(/images/corners2/top-right.png);
	padding: 0;
	line-height: 0.1;
	font-size: 1px;
}*/

.rounded:after, .labnotes:after, .demotext:after, .attributes:after, .warning:after {
	text-align: right;
	display: block;
	line-height: 0.1;
	font-size: 1px;
	height: 0;
	padding: 0;
}


.rounded:after, .labnotes:after, .demotext:after, .attributes:after {
	content:  url(/images/corners2/bottom-right.gif);
	margin: 0 -20px;
}

.warning:after {
	content:  url(/images/corners2/bottom-right_red.gif);
	margin: 0 -10px;
}

.rounded + p, .warning + p { padding-top: 1em; }

/*-------------------------------------------------
DELICIOUS styles
-------------------------------------------------*/

.delicious-blogbadge-line {
	font-size: small !important; 
	clear: none !important;
	width: 90%;
}
.delicious-blogbadge-line .top-tags-container .top-tags li a {
	border-bottom: 1px dotted #C00 !important;
}
.delicious-blogbadge-line a:link, 
.delicious-blogbadge-line .top-tags-container .top-tags li a:link { color: #FFF !important; }
.delicious-blogbadge-line a:visited, 
.delicious-blogbadge-line .top-tags-container .top-tags li a:visited { color: #CCC !important; }
.delicious-blogbadge-line a:hover, 
.delicious-blogbadge-line .top-tags-container .top-tags li a:hover { color: #C00 !important; }
.delicious-blogbadge-line a:active, 
.delicious-blogbadge-line .top-tags-container .top-tags li a:active {
	background-color: #C00 !important; 
	color: transparent !important;
}
.post-count { background-color: transparent !important; }
.save-to-link { border: none !important; }
/* .url-link { border: 1px solid #FFF !important; padding: 0 1em; } */
.url-link:before, .url-link:after { content: ' | ' }


/*-------------------------------------------------
THICKBOX styles
-------------------------------------------------*/

html, body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#TB_window {
	font-size: 14px;
	background-color: #151515;
	color: #CCC;
}

#TB_secondLine {
	font-size: 12px;
	color:#CCC;
}

/* #TB_window a { text-decoration: underline; } */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #151515;
	z-index: 102;
	color:#CCC;
	display:none;
	border: 4px solid #C00;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#222;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/*-------------------------------------------------
STAR-RATER styles
-------------------------------------------------*/

.ratingblock {
	display:block;
	width: 200px;
	margin: 1em auto;
	font-size: smaller;
	clear: both;
}

.ratingblock p {
	text-align: center;
	margin: 0;
	padding: 0;
}

.loading {
	height: 30px;
	background: url('/images/stuff/working.gif') 50% 50% no-repeat;
}
	
.unit-rating { /* the UL */
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 20px;
	position: relative;
	background: url('/images/stuff/starrating.gif') top left repeat-x;		
}

.unit-rating li{
    text-indent: -90000px;
	padding: 0px;
	margin: 0px;
	/*\*/
	float: left;
	/* */
}
	
.unit-rating li a {
	outline: none;
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	border: 0;
}
	
.unit-rating li a:hover{
	background: url('/images/stuff/starrating.gif') left center;
	z-index: 2;
	left: 0px;
}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:20px;}
.unit-rating a.r2-unit{left:20px;}
.unit-rating a.r2-unit:hover{width: 40px;}
.unit-rating a.r3-unit{left: 40px;}
.unit-rating a.r3-unit:hover{width: 60px;}
.unit-rating a.r4-unit{left: 60px;}	
.unit-rating a.r4-unit:hover{width: 80px;}
.unit-rating a.r5-unit{left: 80px;}
.unit-rating a.r5-unit:hover{width: 100px;}
.unit-rating a.r6-unit{left: 100px;}
.unit-rating a.r6-unit:hover{width: 120px;}
.unit-rating a.r7-unit{left: 120px;}
.unit-rating a.r7-unit:hover{width: 140px;}
.unit-rating a.r8-unit{left: 140px;}
.unit-rating a.r8-unit:hover{width: 160px;}
.unit-rating a.r9-unit{left: 160px;}
.unit-rating a.r9-unit:hover{width: 180px;}
.unit-rating a.r10-unit{left: 180px;}
.unit-rating a.r10-unit:hover{width: 200px;}

.unit-rating li.current-rating {
	background: url('/images/stuff/starrating.gif') left bottom;
	position: absolute;
	height: 20px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

.voted { padding: 0; margin: 0; }
.thanks {color: #C00;}
.static {color: #C00;}