/* CrossWord CSS Document */

/************************************************
 *  
 *   HTML Section for global / general styling
 *   
 ************************************************/

html {
	background:#111111;
    overflow:hidden;	
}

body {
	/*background:#ffffff;*/
	background:#111111;
    overflow:hidden;    
}

.icw input {
	border-style:solid;
}

/************************************************
 *   
 * ICWPlane related style
 * 
 ************************************************/

.cell {
    /*background: #f5f5f5;*/
	
	background: #111111;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	border-style:dotted;;
	border-width: 1px;
	/*border-color: #000000;*/
	border-color: #222222;
	float:none;	
	width:30px;
	height:30px;	
	position:absolute;	
	z-index:1;	
	text-align:center;
    vertical-align:middle;
	font-size:11pt;
	line-height:30px;
}

.cell:hover {
	background:#222222;
}

.letterCell {
	background-color:#ffffff;
	z-index:10;
	border-style:solid;
	/*border-color: #000000;*/
	border-color: #999999; 
	/*border-color: #796246;*/
    /*background: #FFFFFF;*/
}

.letterCell:hover {
	background: #EEEEEE;
	opacity:0.8;
}

.letterCell span {
	z-index:9;
	text-align:center;
	vertical-align:middle;
	margin-top:2px;
}

.letterCell.activecell {
	border-color: #FF6600;
	z-index:100;
}

.letterCell.activecell:hover {
	background: #EEEEEE;
	opacity:0.8;
}

.activecell  {
	border-style:solid;
	border-width: 2px;
	border-color: #FF6600;
	width:28px;
	height:28px;
	z-index:100;	
}

.activecell:hover {
	background:#222222;
	opacity:0.8;
}

.questionEndCellE {
	background-image: url(estend.png);
}

.questionEndCellS {
	background-image: url(southend.png);
}

.questionEndCellES { 
	background-image:url(estsouthend.png);
}

.questionCellE {
	background-image: url(est.png);
}

.questionCellS {
	background-image: url(south.png);
}

.questionCellES { 
	background-image:url(estsouth.png);
}

.questionCellE.errorCell {
	background: #ED0545;
	background-image: url(est.png);
}

.questionCellS.errorCell {
	background: #ED0545;
	background-image: url(south.png);
}

.questionCellES.errorCell { 
	background: #ED0545;
	background-image:url(estsouth.png);
}

.questionCellE:hover {
    background: #F2F5FF;
	background-image: url(est.png);
	opacity:0.8;
}

.questionCellS:hover {
	background: #F2F5FF;
	background-image: url(south.png);
	opacity:0.8;
}

.questionCellES:hover { 
	background: #F2F5FF;
	background-image:url(estsouth.png);
	opacity:0.8;
}

.questionCellE.currentQuestionCell {
    background: #93FE01;
	color: #000000;
	background-image: url(est.png);
}

.questionCellS.currentQuestionCell {
	background: #93FE01;
	color: #000000;
	background-image: url(south.png);
}

.questionCellES.currentQuestionCell { 
	background: #93FE01;
	color: #000000;
	background-image:url(estsouth.png);
}

.markedCell {
    background: #8199B6;
}

.markedCell:hover {
    background: #8199B6;
	opacity:0.8;
}

.errorCell {
    /*background: #FFCCCC;*/
	background:#ED0545;
	color:#FFFFFF;
}

.errorCell:hover {
    /*background: #FFCCCC;*/
	background:#ED0545;
	color:#FFFFFF;
	opacity:0.8;
}

.currentQuestionCell {
	background:#93FE01;
    /*background: #FFFF66;*/
	color:#000000;
}


input.medium {
    width:200px;
}

input.large {
    width:400px;
}

.pointerCurser {
	cursor:pointer;	
}

.community {
	background:#EEEEEE;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
	color:#444444;
	padding:5px;
	width:168px;
	font-size:12px;
}

/************************************************
 *   
 * Insertquestion related style
 * 
 ************************************************/

.errorBox {
   	background: #FFCCCC;
	border-style:solid;
	border-width:1px;
	border-color:#FF0000;
	padding:5px;
}


.feedback {
	background:#EEEEEE;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
	color:#444444;
	padding:5px;
	font-size:12px;
	
	/*visibility:hidden;*/
}

.feedbackLabel {
	width:200px;
}

.icon {
	position:relative;
	left:220px;
	top: -16px;
	width:16px;
	height:16px;
}
.questionMark {
	background:url('icons.png') 0 -20px; 
}

.questionError {
	background:url('icons.png') 0 -60px; 
}

.questionVaild {
	background:url('icons.png'); 
}

.questionConsider {
	background:url('icons.png') 0 -40px; 
}

.sponsor {
	
}

/* ID Selectors */
#icwPlane {
	opacity:0;
}


/************************************************
 *   
 * ICWRating related style
 * 
 ************************************************/

.star ul { 
	LIST-STYLE: none; 
	MARGIN: 0; 
	PADDING: 0; 
	WIDTH: 85px; 
	HEIGHT: 20px; 
	LEFT: 0px;
	TOP: -5px; 
	POSITION: relative; 
	FLOAT: left; 
	BACKGROUND: url('stars.gif') repeat-x; 
	CURSOR: pointer;
}

.star li { 
	PADDING: 0; 
	MARGIN: 0; 
	FLOAT: left; 
	DISPLAY: block; 
	WIDTH: 85px; 
	HEIGHT: 20px; 
	TEXT-DECORATION: none; 
	text-indent: -9000px; 
	Z-INDEX: 200; 
	POSITION: absolute; 
	PADDING: 0; 
}

.star li.curr {
	BACKGROUND: url('stars.gif') 0 25px;
	FONT-SIZE: 1px; 
}
.star div {
	
} 

.star div.user { 	 
	POSITION: relative; 
	FLOAT: left; 
	FONT-SIZE: 13px; 
	FONT-FAMILY: Arial; 
	COLOR: #888; 
	visibility:hidden;
}



/************************************************
 *   
 * ICWNavigationPanel related style
 * 
 ************************************************/


#icwNav{ 
	position:absolute;
    top: 10px; 
	left: 10px;
	z-index:1000; 
}

#navpanel {
	z-index:1000;
	
}

/************************************************
 *   
 * ...
 * 
 ************************************************/



/************************************************
 *   
 * Overlaod for YUI
 * 
 ************************************************/
#hd {
	text-align:left;
    color: #796246;
}

#ft {
	text-align:center;
    color: #BBBBBB;
}

/* Layout */

.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
	background-color:#111111;
	border-style:none solid;
	border-width:medium 0;
	text-align:center;
}


.yui-panel {
	text-align:left;
}

.yui-panel h1 {
    padding-top: 5px;
	font-size: 150%;
}

.yui-panel h2 {
    padding-top: 5px;    
    font-weight: bold;
}

.yui-panel label {
    font-weight: bold;
}

.yui-panel p {
	margin: 10px 0px 10px 0px;
}

.yui-panel hr {
    margin: 10px 0px 10px 0px;
    border-color: #CCCCCC;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
}

.yui-panel a {
    color: #115BF8;
}

.yui-panel span.linkbutton {
    color: #115BF8;
    text-decoration: underline;
    font-weight: bold;    
    cursor: pointer;
}

.yui-panel ol, ul, dl {
    margin-left:2em;
}

.yui-panel ol li {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:decimal;
}

.yui-panel ul li {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:disc;
}

.yui-skin-sam .yui-panel .hd {
    /*background:  #115BF8;*/
    background:transparent url(sprite.png) repeat-x scroll 0 -200px;
	
    color: #ffffff;
}

.yui-skin-sam .yui-panel .bd {
    background: #ffffff;
}

.yui-skin-sam .yui-panel .ft {
    background: #ffffff;
	text-align:center;
    color: #444444;    
    border-top: 1px solid;
    padding: 5px 0px 5px 0px;	
}


.yui-skin-sam .container-minimize {
    background:transparent url(sprite.png) no-repeat scroll 0 -400px;
    cursor:pointer;
    height:15px;
    width:15px;
    position:absolute;
    right:6px;
    top:5px;
}

.yui-panel-container .container-minimize {
    overflow:hidden;
    text-decoration:none;
    text-indent:-10000em;
}

.yui-skin-sam .container-maximize {
    background:transparent url(sprite.png) no-repeat scroll 0 -350px;
    cursor:pointer;
    height:15px;
    width:15px;
    position:absolute;
    right:6px;
    top:5px;
}

.yui-panel-container .container-maximize {
    overflow:hidden;
    text-decoration:none;
    text-indent:-10000em;
}

/* The following marker class can be used to hide tables when the overlay is hidden to workaround the IE bug: */
.yui-overlay-hidden table {
    display:none;
}

/* The following marker class can be used to flip the tables border-collapse setting, to workaround the IE bug */  
.yui-overlay-hidden table {
    border-collapse:separate;
}


/* Tab Styles */
/* .yui-navset defaults to .yui-navset-top */
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
    border:solid #ffffff; /* color between tab list and content */
    border-width:0 0 5px;
    position:relative;
    zoom:1;
}

.yui-skin-sam .yui-navset .yui-nav li,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav li {
    margin:0 0.16em 0 0; /* space between tabs */
    padding:1px 0 0; /* gecko: make room for overflow */
    zoom:1;
}

.yui-skin-sam .yui-navset .yui-nav .selected,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected { 
    margin:0 0.16em 0 0; /* for overlap */
}

.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
    background:#ffffff; /* tab background */
    border:dashed #dddddd;
    border-width: 1px;
    color:#3961c4;
    text-decoration:none;
}

.yui-skin-sam .yui-navset .yui-nav a em,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
    border: none;
    cursor:hand;
    padding:0.35em .75em;
    left:0; right: 0; bottom: 0; /* protect from other orientations */
    /* top:-1px; for 1px rounded corners */
    position:relative;
}

.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background:#3961c4; /* selected tab background */
    border:solid #3961c4;   
    color:#ffffff;
}

.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus {
    background:#f2f5ff; /* selected tab background */
    outline:0;
}

.yui-skin-sam .yui-navset .yui-nav .selected a em {
    padding:0.35em 0.75em; /* raise selected tab */
}

.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a em {
    border-color:#3961c4; /* selected tab border color */
}

.yui-skin-sam .yui-navset .yui-content {
    background:#ffffff; /* content background color */
}

.yui-skin-sam .yui-navset .yui-content,
.yui-skin-sam .yui-navset .yui-navset-top .yui-content {
    border: none; /* content border */
    padding:5px 0 5px 0; /* content padding */
}


/* Taskbar */

.yui-skin-sam .yuimenubar {
    background:transparent url(sprite.png) repeat-x scroll 0 -200px;
    /*background: #3961c4; /* transparent url(sprite.png) repeat-x scroll 0 0 ; */
    border:1px solid #3961c4;
    font-size: 93%;
    color: #FFFFFF;
    font-weight:bold;
    line-height:2 0 2 0;
}

.yui-skin-sam .yuimenubaritem-selected {
    background:#b3d4ff;
}

.yui-skin-sam .yuimenubaritemlabel {
    border:none; /*solid*/
    color: #FFFFFF;
}

.yui-skin-sam .yuimenubaritemlabel-selected {
    border:none; /*solid*/
    color: #000000;
}

/* Tooltips */

.yui-skin-sam .yui-tt .bd {
    text-align:left;
}

.yui-skin-sam .yui-tt .bd .tooltipQ {
    font-style:italic;
}