html, body {
	height: 100%;
}
body, table, td, th, .bodystyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
em {
	font-style: italic;
}
h2, h3 {
	margin-bottom: 0em;
}
.big, .big td {
	font-size: 12pt;
}

.xbig, .xbig td {
	font-size: 14pt;
}

.expanded {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
}
.heading {
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 8px;
	border-bottom: 1px solid #e2e2e2;
	text-align: left;
}
.justified {
	text-align: justify;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
input.inputError, input.inputError:focus {
	border: 2px solid #b00;
}
.side-navigation div {
	font-weight: bold;
	text-align: left;
	color: #58b;
	padding: 0.5em 2em 0.5em 0.9em;
}
.side-navigation a, .light a {
	color: #fff;
}
.side-navigation div.active {
	background-color: #69c;
	color: #fff;
	font-size: 1.0em;
}
#details_box {
	margin: 0;
	padding: 0;
	background: #fff;
}
.img {
	border: 3px solid #fff;
}
.navlink {
	padding: 0.4em;
}
.navlink a {
	color: #222;
	font-weight: bold;
	text-decoration: none;
}
.navlink a:hover {
	color: #fff;
}

/* ---  tabs  --- */

#tabs ul {
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
}
#tabs li {
	float: left;
	/* background: url('right_off.gif') no-repeat right top; */
	margin: 0;
	margin-right: 0px;
	padding: 0 2px 0 0;
}
#tabs a {
	float: left;
	display: block;
	background: #69c;
	/* background: url('left_off.gif') no-repeat left top; */
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	font-weight: bold;
	color: #444;
}
#tabs li.inactivelink:hover, #tabs li.inactivelink.sfhover {
	/* background: url('right_over.gif') no-repeat right top; */
}
#tabs li.inactivelink a:hover {
	background: #CCCCCC;
	color: #222;
	/* background: url('left_over.gif') no-repeat left top; */
}
#tabs .activelink, #tabs li.activelink:hover {
	/* background-image: url('right_on.gif'); */
}
#tabs .activelink a {
	background: #fff;
	/* background-image: url('left_on.gif'); */
	color: #333;
	padding-bottom: 5px;
}

.form-body .heading {
	font-family: Trebuchet, Arial;
	font-weight: bold;
	color: #e4a021;
	background-image: url(/images/bee-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 5px 0;
	padding: 0.6em 0 0.2em 30px;
	border-bottom: 1px solid #e3e3e3;
}

.form-body .heading_speller {
	font-family: Trebuchet, Arial;
	font-size: 11pt;
	font-weight: bold;
	color: #e4a021;
	padding: 0.8em 0 0.2em;
}

.form-body legend {
	font-family: Trebuchet, Arial;
	font-size: 1.3em;
	font-weight: bold;
	color: #e4a021;
	background-image: url(/images/bee-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 2px 0;
	padding: 0.6em 5px 0.6em 35px;
}
.required-field {
	color: #b00;
	font-size: 1.1em;
	font-weight: bold;
}
.inactive td {
	color: #a00;
}
.subdued td {
	color: #696969;
}
hr {
	margin-bottom: 0;
}
.form-body {
	border: 3px solid #306090;
	background-color: #fefefe;
	font-size: 10pt;
	margin: 1em 2em 0 1em;
	padding: 0 2em 1em 1em;
}
#pageBody #wordInfo .form-body {
	border: 0px solid #fff;
	background-color: #fff;
}
.form-example {
	margin: 0.3em 2em;
	padding: 0.2em 0.5em;
	border: 2px solid #d5d5d5;
	background-color: #e5e5e5;
	width: 450px;
}

.question {
	padding: 4px 0 4px 0;
}
.answer {
	/*
	background-image: url(/img/icons/16/bullet_go.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	*/
	padding: 3px 0 20px 12px;
	font-weight: bold;
	color: #070;
}
legend {
	font-weight: bold;
}
span.status-0 {
	color: #c00;
}
.notice {
	color: #fff;
	font-weight: bold;
	background-color: #A5CC7A;
	border: 2px solid #95BC6A;
	padding: 0.5em;
}
.notice a {
	color: #fff;
}
.please-wait {
	position: absolute;
	background: #01518E url(/images/spellingbee_bg.jpg) no-repeat -100px -200px;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1200px;
}
.please-wait .form-body {
	font-size: 16pt;
	margin-left: 20px;
	text-align: left;
	padding: 1em;
}
.enrolled {
	color: #070;
}
.pending {
	color: #44a;
}
.red {
	color: #b00;
}
.white {
	color: #fff;
}
/* validation */

input.required, textarea.required {
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #d00;
	color : #d00;
	font-weight: bold;
}
input.validation-passed, textarea.validation-passed {
}
textarea {
	overflow:auto;
}
.validation-advice {
	margin: 3px 0;
	padding: 2px;
	background-color: #d00;
	border: 2px solid #c00;
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
	text-align: left;
}

label {
	/* font-weight: normal; */
}

.form-row {
	clear: both;
	padding: 0.5em;
}
.field-label {
}
div.required {
	color: #c00;
	font-weight: bold;
}

.understandingbox {
	float:left;
	width:3%;
	text-align:right;
	margin-right:1%;
	margin-bottom:17px;
}
.understandingboxbig {
	float:left;
	width:3%;
	text-align:right;
	margin-right:1%;
	margin-bottom:50px;
}

.understandingtext {
	float:left;
	width:92%;
	margin-bottom:10px;
}

.buttondiv {
	width:95%;
	margin-top:20px;
}
.left_margin {
	margin-left:20px;
}
.grey {
	background:#bbb;
}
#review {
    float:left;
    width:500px;
}
.error-box {
	font-weight: bold;
	color: #fff;
}
.info_icon {
	position: relative;
	top: 5px;
}
.review {
	position:fixed;
	left:200px;
	top:200px;
	height:1000px;
}

.btn { display: block; position: relative; background: #aaa; padding: 5px; margin: 0px;float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #fbb232; color:white;}
.btn:active { background-color: #444; }
.btn[class] { background-image: url(shade.png); background-position: bottom; }
.fixedbtn {
	width: 110px;
}


.diacrit_button {
	height:22px;
	width:30px;
	background-color:white;
	border:1px solid black;
	margin:3px;
	vertical-align:bottom;
	cursor:pointer;
}
.diacrit_button:hover { position:relative;left:1px; top:1px; }
.diacrit_botton:focus { border:1px solid red; }

.timeclock-box {
	padding: 3px;
	text-align: center;
}
.timeclock-green {
	border: 2px solid #080;
	background-color: #0a0;
	color: #fff;
}
.timeclock-yellow {
	border: 2px solid #cc0;
	background-color: #ee0;
	color: #333;
}
.timeclock-red {
	border: 2px solid #a00;
	background-color: #c00;
	color: #fff;
}


/*
* menu styles
*/

.menuBar, .menuBar32 {
	background: url('/img/skins/bee/toolbar.png') top left repeat-x;
	background-color: #ece9d8;
	margin-bottom: 2pt;
	padding-top: 2px;
}
a.logout-link {
	background: url('/img/icons/16/door_in.png') no-repeat 0px 2px;
	padding: 4px 6px 4px 20px;
}

img.iconleft-16 {
	margin-top: -8px;
	padding: 0px 5px 0 0;
}

#messages {
	margin-top: 20px;
}
.search {
	margin-top: 14px;
	margin-bottom: 14px;
	margin-right: 28px;
	padding: 1px;
}
.roundSelect {
	margin-bottom: 14px;
	padding: 1px;
	float: left;
	position: absolute;
	top: 14px;
	left: 320px;
}
.prons-gray {
	background-color: #F0F0F0;
	margin-top:0;
	padding:10px 0 0 1%;

}
.prons-orange {
	background-color:#FFCC99;
	margin-top:0;
	padding:5px 0 5px 1%;
}
.top {
	vertical-align:top;
}
.no-communication, .no-communication td {
	background-color: #444;
	color: #f0f0f0;
}
div.pron {
	line-height: 1em;
	/* margin-top: -5px; */
	display: inline;
}
.sIFR-flash {
	display: inline;
	margin: 0;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
#word-info-table td {
	font-size: 9pt;
}
.word-preview {
	padding: 0;
	background-color: #fff;
	border: 2px solid #036;
}
.word-preview-body {
	background-color: #e9e9e9;
	color: #555;
	padding: 1em;
}
.word-preview-body div {
	padding: 0.4em;
}
.pron {
	font-family: Diacrit, "Monaco";
}
.pron .sIFR-flash {
	margin: -4px 0 0 0;
}
.pr {
	font-family: Diacrit, MW, "Monaco";
	font-size: 14pt;
	font-weight: normal;
}
.word-preview-body .sIFR-flash {
	margin: 0 0 -8px 0;
}
#mw-info {
	border: 2px solid #ccc;
	background-color: #f0f0f0;
	font-size: 11pt;
	padding: 1em;
	line-height: 1.6em;
	font-family: serif;
}
.uppercase {
	text-transform: uppercase;
	font-size: 9pt;
}
.mw {
	font-size: 16pt;
	vertical-align: bottom;
}
.wrtextarea {
	/*width:855px;
	font-family: arial;
	font-size: 9pt;*/
}
.popupClose {
	position:relative;
	top:-15px;
	cursor:pointer;
	z-index:1000;
}
.popupInfo {
	position:relative;
	top:-20px;
}

.light a {
	color: #ffefbc;
}
.light a:hover {
	color: #ffffbc;
}

ul.x-tab-strip {
	padding-left: 4px;
}

div.thumbnail {
	background-color: #fff;
	padding: 3px;
	border: 1px solid #222;
}
div.thumbnail-b {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #222;
}
div.thumbnail-b img, div.thumbnail img {
	border: 1px solid #bbb;
}

.confirmation{
	border : 1px solid black;
}

span.sIFR-alternate {
	display: none;
}

.diacrit {
	font-family: Diacrit, Helvetica, sans-serif;
	font-size:large;
}

.help-button {
	background: url('customerservice/roundedcornr.gif');
}

.service-box {
	float:left;
	text-align:right;
	margin-right:1%;
	margin-bottom:5px;
	padding-top: 3px;
}

.service-text {
	float:left;
	width:101%;
	margin-bottom:1px;
}

.red-box {
	border: 3px solid #990000;
	background-color: #cc0000;
	font-size: 10pt;
	margin: 1em 2em 0 1em;
	padding: 1em 2em 1em 1em;
	width: 60%;
}

.splash-icon {
	border:1px solid black;
	background-color:white;
}

.pron-area {
	font-family: Diacrit, "Monaco";
	font-size: 14pt;
}

.words-text-box {
	font-family: Verdana;
	font-size: 10pt;
}

#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:250px;
    z-index:20000;
}

.words-grid-div {
	clear:both;
	width:100%;
	height:140px;
	overflow:auto;
	padding:0;
	margin-top:20px;
}

.words-grid-padding {
	clear:both;
	padding:10px;
}

.words-grid {
    
    width: 95%;
    padding-left: 0px;
    background-color:#fff;
}

.words-grid-row {
	background-color:#fff;
	cursor: default;
    /*border:1px solid #ededed;
    border-top-color:#fff;*/
    border-bottom: 1px solid #ededed;
    border-left:1px solid #d0d0d0;
    padding-top:0;
}

.words-grid-row-alt {
	background-color:#fafafa;
	cursor: default;
    /*border:1px solid #ededed;
    border-top-color:#fff;*/
    border-bottom: 1px solid #ededed;
    border-left:1px solid #d0d0d0;
    padding-top:0;
}

.words-grid-header {
	height: 25px;
	background: #ebf3fd url(/js/ext/resources/images/default/grid/grid3-hrow.gif) repeat-x left bottom;
	padding:5px;
	border-left:1px solid #d0d0d0;
	text-align:center;
	font-size:7pt;
}

.words-grid-check-off {
	height:18px;
	background-position:2px 2px;
    background-repeat:no-repeat;
    background-color:transparent;
	background-image:url(/spellingbee/words/icons/unchecked.gif);
}

.words-grid-check-on {
	height:18px;
	background-position:2px 2px;
    background-repeat:no-repeat;
    background-color:transparent;
	background-image:url(/spellingbee/words/icons/checked.gif);
}

.nav-bar {
	height:30px;
	background-color:#fc0;
	border-bottom:1px solid white;
}

.diacrit-toolbar {
	height:40px;
	background-color:#900;
	width:100%;
	border-top:1px solid white;
	left:0px;
	position:fixed;
	_position:absolute;
	bottom:0px;
	_bottom:expression(eval(document.body.scrollBottom + 10);
}

.grid-left-padding {
	padding-left: 7px;
}

.words-section-one {
	clear:both;
	padding-left:20px;
}

.ie-left {
	_text-align: left;
}

.pointer {
	cursor: pointer;
}

table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}

/* Override standard grid styles (add colour to vertical grid lines) */
.x-grid3-col {
    border-left:  1px solid #EEEEEE;
    border-right: 1px solid #D2D2D2;
}

/* Also remove padding from table data (to compensate for added grid lines) */
.x-grid3-row td, .x-grid3-summary-row td {
    padding-left: 0px;
    padding-right: 0px;
}

.words-search {
	display:none;
	position: absolute;
	top: 24px;
	left: 929px;
	border: 1px #c0c0c0 solid;
	background: white;
	text-align: left;
	padding: 5px;
}

.modal-mask {
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #ccc;
    width: 100%;
    height: 100%;
}

#info {
}

.x-grid3-header-offset {
	padding-left: 1px;
	width: 10000px;
	#width: auto;
	_width: auto;
}