/* Handles Clucast Dialog */

#ClupediaBase
{
	position: absolute;
	width: 10px;
	height: 10px;
	z-index: 100;
	background-color: Transparent;
	filter: alpha(opacity=1--);
	-moz-opacity: 1;
	opacity: 1;
	overflow: hidden;
	font: 10px Arial;
	visibility: hidden;
	display: none;
	azimuth: center;
	caption-side: top;
	clear: none;
	clip: auto;
	color: #000;
	content: normal;
	counter-increment: none;
	counter-reset: none;
	cue-after: none;
	cue-before: none;
	cursor: auto;
	direction: ltr;
	elevation: level;
	empty-cells: show;
	float: none;
	font-family: arial;
	font-size: medium;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font: 10px arial;
	letter-spacing: normal;
	line-height: normal;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: disc;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
	page-break-after: auto;
	page-break-before: auto;
	page-break-inside: auto;
	pause-after: 0;
	pause-before: 0;
	pitch-range: 50;
	pitch: medium;
	position: static;
	richness: 50;
	table-layout: auto;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
	unicode-bidi: normal;
	vertical-align: baseline;
	volume: medium;
	white-space: normal;
	word-spacing: normal;
}

#ClupediaBase table, #ClupediaBase tr, #ClupediaBase td
{
	azimuth: center;
	background: none;
	caption-side: top;
	clear: none;
	clip: auto;
	color: #000;
	content: normal;
	counter-increment: none;
	counter-reset: none;
	cue-after: none;
	cue-before: none;
	cursor: auto;
	direction: ltr;
	elevation: level;
	empty-cells: show;
	float: none;
	font-family: arial;
	font-size: medium;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font: 10px arial;
	letter-spacing: normal;
	line-height: normal;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: disc;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
	page-break-after: auto;
	page-break-before: auto;
	page-break-inside: auto;
	pause-after: 0;
	pause-before: 0;
	pitch-range: 50;
	pitch: medium;
	position: static;
	richness: 50;
	table-layout: auto;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
	unicode-bidi: normal;
	vertical-align: baseline;
	volume: medium;
	white-space: normal;
	word-spacing: normal;
}

#ClupediaBase th
{
	azimuth: center;
	background-color: #edece1;
	border-bottom: 0px solid #edece1;
	border-right: 0px solid #edece1;
	border-left: 0px solid #edece1;
	border-top: 0px solid #edece1;
	caption-side: top;
	clear: none;
	clip: auto;
	color: #000;
	content: normal;
	counter-increment: none;
	counter-reset: none;
	cue-after: none;
	cue-before: none;
	cursor: auto;
	direction: ltr;
	elevation: level;
	empty-cells: show;
	float: none;
	font-family: arial;
	font-size: medium;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font: 10px arial;
	letter-spacing: normal;
	line-height: normal;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: disc;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
	page-break-after: auto;
	page-break-before: auto;
	page-break-inside: auto;
	pause-after: 0;
	pause-before: 0;
	pitch-range: 50;
	pitch: medium;
	position: static;
	richness: 50;
	stress: 50;
	table-layout: auto;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
	unicode-bidi: normal;
	vertical-align: baseline;
	volume: medium;
	white-space: normal;
	word-spacing: normal;
}

/*.cluDivPopup{display:block}*/


#ClupediaBase .center
{
	text-align: center;
}

#ClupediaBase .bold
{
	font-weight: bold;
}

#ClupediaBase .underline
{
	text-decoration: underline;
}

#ClupediaBase .alignLeft
{
	text-align: left;
}

#ClupediaBase a
{
	font-family: Arial, Verdana, Sans-Serif;
	text-decoration: none;
	color: #000;
}



.clueHeaderText
{
	font-size: 10px;
}

.clueItemTitle
{
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
}

.cluDivPopup *
{
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: .01em;
	background: #333;
}
.cluDivPopup1
{
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 0px solid #000500;
	border-right: 0px solid #000500;
	background: #000;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}

.cluDivPopup2
{
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 0px solid #000900;
	border-right: 0px solid #000900;
	background: #000;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}

.cluDivPopup3
{
	margin-left: 1px;
	margin-right: 1px;
	border-left: 0px solid #000100;
	border-right: 0px solid #000100;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}

.cluDivPopup4
{
	border-left: 0px solid #000500;
	border-right: 0px solid #000500;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}

.cluDivPopup5
{
	border-left: 0px solid #000200;
	border-right: 0px solid #000200;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}

.cluDivPopupfg
{
	width: 390px;
	margin-left: 5px;
	height: 270px;
	font: 10px arial;
}

.cluRoundedParent
{
	visibility: hidden;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 400px;
	height: 300px;
	z-index: 1000000;
	color: #000;
	font-family: Arial;
	font-size: 10px;
}

.cluDivTtl
{
	width: 390px;
	height: 20px;
	padding-left: 5px;
	margin-left: 0px;
	font: 12px arial;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
	z-index: 6;
}

.ttltext
{
	width: 100px;
	height: 20px;
	position: absolute;
	top: 2px;
	left: 5px;
	filter: alpha(opacity=90);
	-moz-opacity: .9;
	opacity: .9;
	font-weight: bold;
	color: #fff;
	z-index: 5;
}
.ttlClose
{
	width: 20px;
	height: 20px;
	position: absolute;
	top: 6px;
	right: -1px;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	font-weight: bold;
	color: #fff;
	z-index: 20;
	cursor: pointer;
}
.ttlbg
{
	background-image: url( "chrome://clucast/skin/bkg_interface_top_600x36.png" );
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #333;
	width: 390px;
	height: 31px;
	position: absolute;
	top: 5px;
	left: 5px;
	filter: alpha(opacity=90);
	-moz-opacity: .9;
	opacity: .9;
	font-weight: bold;
	color: #fff;
	z-index: 4; /* 		   filter:alpha(opacity=75); 			-moz-opacity:.75; 			opacity:.75; */
}
.ftrbg
{
	background-image: url( "chrome://clucast/skin/bkg_interface_bottom_600x37.png" );
	background-color: #333;
	background-position: center top;
	background-repeat: no-repeat;
	width: 390px;
	height: 31px;
	position: absolute;
	bottom: 5px;
	left: 5px;
	filter: alpha(opacity=90);
	-moz-opacity: .9;
	opacity: .9;
	font-weight: bold;
	color: #fff;
	z-index: 4; /* 		   filter:alpha(opacity=75); 			-moz-opacity:.75; 			opacity:.75; */
}
.roundedFrame
{
	padding: 0px;
	width: 380px;
	height: 155px;
	margin-left: 10px;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-top: 0px;
}

.roundedRegion
{
	padding: 5px;
	width: 370px;
	height: 145px;
	margin-left: 10px;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-top: 0px;
	overflow: auto;
	background-color: #333;
}

.roundControls
{
	padding: 0px;
	width: 380px;
	height: 25px;
	background: url(../../images/bar_bkg.png);
	background-repeat: repeat-x;
	margin-left: 10px;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
}

.roundControls A:link, .roundControls A:visited, .roundControls A:Active
{
	padding: 0px;
	color: #fff;
	position: relative;
	top: -8px;
	margin-right: 15px;
	font: 10px arial;
}

.leftside
{
	position: absolute;
	left: 0px;
	top: 5px;
	height: 310px;
	width: 5px;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
	background: #333;
	background-position: top;
	background-repeat: no-repeat;
}

.rightside
{
	position: absolute;
	right: 0px;
	top: 5px;
	height: 310px;
	width: 5px;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
	background: #333;
	background-position: top;
	background-repeat: no-repeat;
}
.clueCatPopup
{
	position: absolute;
	top: 35px;
	width: 390px;
	background: #edece1;
	height: 240px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.cluButtons
{
	width: 590px;
	top: 35px;
	position: absolute;
	background: url(../images/metal_bkg_grad.png); /*background-repeat:repeat-x;*/
	height: 26px;
}


#catDropdown
{
	position: absolute;
	right: 4px;
	top: 5px; /*background: #e6ecf5;*/
	background: #ececec;
	border: 1px solid #FFF;
	font-size: 1em;
}

#clu_catTitle
{
	background: #ececec url(../images/bkg_metal_dropdown.png);
	width: 305px;
	height: 15px;
	padding-left: 2px;
	font-weight: bold;
	text-align: left;
}

#clu_dropdownDiv
{
	display: none;
	cursor: pointer;
	background: #e8e6d5; /*filter:alpha(opacity=55); 	-moz-opacity:.55; 	opacity:.55;*/
	margin-top: 1px;
}

#clu_dropdownBtn
{
	background: url(../images/btn_arrow_dropdown_black.png) repeat-x;
	width: 12px;
	height: 15px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

.clu_catDropTr
{
	cursor: pointer;
	text-align: left;
}

.clu_catDropTd
{
	text-align: left;
	cursor: pointer;
}

#cluLayoverView
{
	z-index: 8095;
	width: 100%;
	height: 280px;
	position: absolute;
	top: 35px;
	left: 0px;
	display: none;
	overflow: hidden;
	background-color: #000;
	filter: alpha(opacity=25);
	-moz-opacity: .25;
	opacity: .25;
}


#cluItemTitle
{
	color: #FFF;
	font: bold 1.06em Arial, Verdana, Sans-Serif;
	position: relative;
	top: 6px;
	margin-left: 4px;
	text-align: left;
	cursor: pointer;
}

#cat_table
{
	width: 305px;
	cursor: pointer;
}

#ClupediaBase tr
{
	text-decoration: none;
}

#ClupediaBase tr.cluCatHighlight
{
	background: #9cacc1;
	color: #000;
	cursor: pointer;
}

#ClupediaBase tr.cluCatHighlight td a
{
	color: #000;
}

.clueCatTable
{
	max-width: 390px;
	background: #edece1;
}

.cluCatTr
{
	padding: 2px 0px 2px 0px;
	width: 390px;
	cursor: pointer;
}

.hdCat
{
	padding-left: 3px;
	width: 250px;
}

.hdRating
{
	width: 85px;
}

.hdClues
{
	width: 30px;
}


.clueCatTd
{
	width: 250px;
	text-align: left;
	padding-left: 3px;
}

.clueCatRtTD
{
	width: 85px;
	text-align: center;
}

.clueCatClue
{
	width: 30px;
	text-align: center;
}

.clueRatingHidden
{
	visibility: hidden;
	display: none;
}

.center
{
	text-align: center;
}


/***********************/
/**** VIEW CLUE AREA***/

.viewClueRow
{
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
	margin-top: 10px;
}

.viewClueParent2
{
	margin: 0px;
	width: 450px;
	padding: 5px;
}


.viewClueCont2
{
	background-image: url( "images/bkg_zomg.jpg" );
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: #EEF3FA;
	width: 390px; /*border: 3px double #bdbcb1;*/
	border: 1px solid #999999;
	top: 14px;
	left: 15px;
	font: 10px arial;
	padding: 15px;
	z-index: 15;
}

.viewClueTextCont2
{
	background-image: url( "images/bkg_zomg.jpg" );
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: #EEF3FA;
	width: 390px; /*border: 3px double #bdbcb1;*/
	border: 1px solid #999999;
	top: 14px;
	left: 15px;
	font: 12px arial;
	font-weight: bold;
	padding: 15px;
	z-index: 15;
}

.viewHeader
{
	float: left;
	margin-top: -10px;
	margin-left: -10px;
	background-color: Transparent;
	z-index: 16;
}

.viewText
{
	background-color: #edece1;
	float: left;
	margin-left: 28px;
	font-weight: bold;
	font-family: arial;
	font-size: 11px;
}

.viewTtl
{
	background-color: #EEF3FA;
	float: left;
	margin-left: 28px;
	font-weight: bold;
	margin-top: -25px;
	font-family: arial;
	font-size: 11px;
}

.viewClueBox
{
	position: relative;
	top: 0px;
	margin-left: 5px;
}

.viewClueParentTTL
{
	margin-top: 10px;
	width: 300px;
	padding: 5px;
	height: 35px;
	margin-bottom: 20px;
}

.viewClueContTTL
{
	background-image: url( "images/bkg_zomg.jpg" );
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: #EEF3FA;
	width: 180px; /*border: 3px double #bdbcb1;*/
	border: 1px solid #999999;
	padding: 15px;
	z-index: 15;
	font-family: arial;
	font-size: 10px;
}

.viewClueParentRT
{
	position: absolute;
	top: 0px;
	left: 250px;
	width: 160px;
	padding: 5px;
	font-family: arial;
	font-size: 11px;
	text-align: center;
}

.viewClueContRT
{
	background-image: url( "images/bkg_zomg.jpg" );
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: #EEF3FA;
	width: 140px; /*border: 3px double #bdbcb1;*/
	border: 1px solid #999999;
	padding: 15px;
	z-index: 15;
	height: 13px;
}

.viewRt
{
	background-color: #EEF3FA;
	float: left;
	margin-left: 28px;
	font-weight: bold;
	margin-top: -25px;
}

.viewClueHeader
{
	float: left;
	margin-top: -10px;
	margin-left: -10px;
	background-color: Transparent;
	z-index: 16;
}

.cluImgBut
{
	margin-top: 0px;
	border: 0px;
	color: #fff;
	vertical-align: middle;
}
.cluImgBut A:link, .cluImgBut A:Active, .cluImgBut A:Visited, .cluImgBut img
{
	border: 0px;
	color: #fff;
	vertical-align: middle;
	text-decoration: none;
	top: -10px;
}

#ratedStars
{
	background: url( 'images/stars3D_5_empty_lg.png' ) no-repeat;
	width: 100px;
	position: relative;
	left: 15px;
	bottom: 5px;
}


.rateStar
{
	float: left;
}

/**Clue navigation back and forth **/
#btnFirst
{
	position: absolute;
	left: 236px;
	top: 18px;
	z-index: 14;
}

#btnPrev
{
	position: absolute;
	left: 263px;
	top: 18px;
	z-index: 14;
}

#btnAdd
{
	position: absolute;
	left: 283px;
	top: 7px;
	z-index: 15;
}

#btnNext
{
	position: absolute;
	left: 319px;
	top: 18px;
	z-index: 14;
}

#btnLast
{
	position: absolute;
	left: 343px;
	top: 18px;
	z-index: 14;
}

.ClueBackground
{
	background-color: #EDECE1;
}