/* PAGE LAYOUT, MENUS, SUBMENUS, GENERIC CONTAINERS, ETC START */
body
{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-size: 100%;
	font-family:  "DejaVu Sans", "BPG Glaho Arial", "BPG Glaho", "BPG Glaho 2008", "Sylfaen", "Arial Unicode MS";
	color: #333333;
}
td, input, select, textarea
{
	font-family:  "DejaVu Sans", "BPG Glaho Arial", "BPG Glaho", "BPG Glaho 2008", "Sylfaen", "Arial Unicode MS";
	color: #333333;
}
img
{
	border: 0px;
}
form
{
	margin: 0px;
	padding: 0px;
}
a
{
	color: #3366CC;
	text-decoration: none;
}
a:hover
{
	color: #CC3333;
	text-decoration: none;
}
hr
{
	height: 1px;
	border: 0;
	background-color: #999999;
	width: 98%;
}
.ka
			{
			font-family:  "DejaVu Sans", "BPG Glaho Arial", "BPG Glaho", "BPG Glaho 2008", "Sylfaen", "Arial Unicode MS";
			}
.en
			{
			font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
			}
.abridgement
			{
			color: #009900;
			border-bottom: green 1px dotted;
			cursor: help;
			cursor: pointer;
			font-style: italic;
			}
.symbol
			{
			color: #990000;
			cursor: help;
			cursor: pointer;
			}
.pron
			{
			font-family:  "DejaVu Sans", "Lucida Sans Unicode", "Arial Unicode MS", "arial", "sans-serif", "Charis SIL", "Doulos SIL", "Gentium", "GentiumAlt", "Code2000", "TITUS Cyberbit Basic", "Chrysanthi Unicode";
			}
.clear
			{
			clear: both;
			}

.wrapper {
   min-height: 100%;
   min-width: 955px;
   _height: 100%;
   position: relative;
}
.subWrapper {
   min-height: 100%;
   min-width: 300px;
   _height: 100%;
   position: relative;
}
.footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: #FAFAFA;
	border-top: 1px solid #EAEAEA;
	height: auto;
	font-size: 65%;
	color: #666666;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
}
.footer .set
{
	color: #999999;
	font-size: 90%;
}
.body {
   padding: 10px; 
   padding-bottom: 60px;   /* Height of the footer */
}

.header .top
{
	width: 100%;
	background-color: #5FD176;
	height: 5px;
	overflow: hidden;
}
.header .sep1
{
	background-color: #EAEAEA;
	height: 1px;
	overflow: hidden;
}
.header .sep2,
.header .sep5
{
	background-color: #031809; height: 1px;
	overflow: hidden;
}
.header .sep3,
.header .sep4
{
	background-color: #5FD176; height: 1px;
	overflow: hidden;
}
.header .main
{
	background-color: #11772d;
	height: 80px;
	width: 100%;
}
.header .main .logo
{
	float: left;
	padding-top: 15px;
}

.header .main .right
{
	float: right;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
}

.header .main .logout
{
	font-size: 75%;
	font-weight: bold;
}

.header .main .logout a
{
	color: #FAFAFA;

}
.header .main .logout a:hover
{
	color: #EAEAEA;
}

.header .main .dictSwitch
{
	padding-top: 20px;
}

.header .main .dictSwitch select
{
	padding: 3px;
	background-color: #B1C699;
	border: 1px solid #F0E2FF;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
}

.header .menu
{
	height: 25px;
	background-color: #109391;
	color: #FAFAFA;
	font-size: 75%;
	font-weight: bold;
}
.header .menu a
{
	display: table-cell;
	border-right: 1px solid #5FD176;
	color: #FAFAFA;
	padding: 5px;
	height: 25px;
}
.header .menu a:hover
{
	background-color: #BD002A;
	color: #FAFAFA;
}

.header .searchBox
{
 float: right;
 /* width: 500px; */
 background-color: #9EE298;
 border: 1px solid #11772D;
 border-top: 0;
 border-right: 0;
}
.header .searchBox .inputContainer
{
	float: left;
	padding: 5px;
	padding-right: 10px;
}

.header .searchBox input,
.header .searchBox select
{
	border: 1px solid #1AB945;
	background-color: #F7FFF7;
	height: 25px;
	margin: 0px;
	vertical-align: middle;
	font-size: 70%;
	padding: 2px;
}
.header .searchBox input:hover,
.header .searchBox select:hover
{
	border: 1px solid #11772D;

}
.header .searchBox .submit
{
	background-color: #17A33D;
	border: 1px solid #F7FFF7;
	color: #F7FFF7;
	padding-right: 5px;
	padding-left: 5px;
}
.header .searchBox .submit:hover
{
	background-color: #11772D;
	border: 1px solid #F7FFF7;
}

.header .letters
{
/*	width: 610px; */
	height: 30px;
	#margin-right: 10px;
	padding-left: 10px;
	line-height: 30px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 90%;
	/*	background-color: #FAFAFA; */
}
.header .letters a,
.header .letters a:visited
{
	text-decoration: none;
	color: #336633;
	padding-right: 2px;
	padding-left: 2px;
}

.header .letters a:hover
{
	text-decoration: underline;
}
.header .letters .disabled,
.header .letters .disabled:visited
{
	color: #CCCCCC;
}
.header .letters .partial,
.header .letters .partial:visited
{
	border-bottom: 1px dotted #CCCCCC;
}


















.submenu
{
	font-size: 75%;
}
.subMenu a
{
	text-decoration: none;
	font-weight: bold;
}
.subMenu a:hover
{
	color: #CC0000;
}

.pageTitle
{
	padding-bottom: 10px;
	color: #E83F16;
	font-weight: bold;
	font-size: 120%;
}
.pageTitle a
{
	color: #BA3312;
}
.pageTitle a:hover
{
	color: #E83F16;
}
.subTitle
{
	padding-bottom: 10px;
	color: #E83F16;
	font-weight: bold;
	font-size: 100%;
}
.pointer
{
	cursor: pointer;
}
/* PAGE LAYOUT, MENUS, SUBMENUS, ETC END */

/* COMMON START */
.red,
.error
{
	color: #CC0000;
}
.gray,
.grey
{
	color: #999999;
}
.smallText
{
	font-size: 75%;
}
.regularText
{
	font-size: 80%;
}
.brokenReference
			{
			border-bottom: 1px dotted #CC0000;
			color: #CC0000;
			}
/* COMMON END */

/* FORMS START*/
.formError
{
	font-size: 75%;
	color: #CC0000;
}
.formNotice
{
	font-size: 75%;
	color: #FFCC00;
}
.formSubItem
{
	display: inline-block;
	border: 1px solid #8AAECC;
	background-color: #F2FAFF;
	padding: 2px;
	margin: 2px;
}
.formSubmit
{
	background-color: #DDFFDD;
	border: 1px solid #999999;
}
/* FORMS END*/

/* WORD ITEM EDIT/ADD START*/
.wcob	/*Word connection button*/
{
	font-style: italic;
	font-size: 80%;
	width: 40px;
	border: 1px solid #109391;
	background-color: #40C5FA;
}
.wcb	/*Word char button*/
{
	font-family: "Arial Unicode MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 90%;
	width: 30px;
	border: 1px solid #109391;
	background-color: #40C5FA;

}
.pcb,	/*Pronunciation char button*/
.scb	/*Special char button*/
{
	font-family: "DejaVu Sans", "Arial Unicode MS", "Doulos SIL", Gentium, GentiumAlt,
                 Code2000, "TITUS Cyberbit Basic",
                 "Lucida Sans Unicode",
                 "Chrysanthi Unicode";
	font-size: 80%;
	width: 30px;
	border: 1px solid #109391;
	background-color: #619DFA;
	color: #FAFAFA;
}
.formatButton
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 75%;
	width: 40px;
	height: 25px;
	border: 1px solid #7C5DA5;
	background-color: #D4A4FF;
}
.wordField
{
	font-family: "DejaVu Sans", "Arial Unicode MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
.pronField
{
	font-family: "DejaVu Sans", "Arial Unicode MS", "Charis SIL", "Doulos SIL", Gentium, GentiumAlt,
                 Code2000, "TITUS Cyberbit Basic",
                 "Lucida Sans Unicode",
                 "Chrysanthi Unicode";
}
.descField
{
	padding: 5px;
}
/* WORD ITEM EDIT/ADD END*/

/* BOXES START*/
.successBoxTitle
{
	border: 1px solid #CCCCCC;
	padding: 3px;
	font-size: 80%;
	font-weight: bold;
	color: #FAFAFA;
	background-color: #1FBF63;
}
.errorBoxTitle,
.confirmBoxTitle
{
	border: 1px solid #CCCCCC;
	padding: 5px;
	font-size: 80%;
	font-weight: bold;
	color: #FAFAFA;
	background-color: #CC3333;
}
.noticeBoxTitle
{
	border: 1px solid #CCCCCC;
	padding: 5px;
	font-size: 80%;
	font-weight: bold;
	color: #FAFAFA;
	background-color: #FFB74E;
}
.boxBody
{
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-size: 80%;
	background-color: #FAFAFA;
	text-align: justify;
}
.boxButtons
{
	border: 1px solid #CCCCCC;
	padding: 2px;
	font-size: 80%;
	background-color: #EAEAEA;
	text-align: center;
}
/* BOXES END*/

/*LOGIN START*/
.loginBox
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 350px;
	background-color: #11772d;
	border: 1px solid #999999;
	margin-left: -175px;
	margin-top: -150px;
	text-align: center;
	padding-bottom: 10px;
}
.loginBox .msg
{
	background-color: #FFFFFF;
	width: 350px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #0E5F24;
	font-weight: bold;
	font-size: 75%;
}
.loginBox .title
{
	text-align: left;
	color: #FAFAFA;

	font-size: 70%;
	padding-top: 2px;
	padding-bottom: 2px;
}

.loginBox input
{
	width: 100%;
	padding: 3px;
	border: 2px solid #9EE298;
	font-size: 75%;
	height: 25px;
}
.loginBox .submit
{
	font-size: 100%;
	border: 1px solid #9EE298;
	background-color: #0E5F24;
	font-weight: bold;
	color: #EDF4F8;
	padding: 2px;
	height: 25px;
	width: 80px;
	background-image: url('/manage/img/lb_submit_bg.gif');
	font-size: 70%;
	margin-top: 5px
}
.blacklistBox
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 350px;
	height: 200px;
	background-color: #11772d;
	border: 1px solid #999999;
	margin-left: -175px;
	margin-top: -150px;
	text-align: center;
}
.blacklistBox .msg
{
	background-color: #FF4C42;
	width: 350px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	font-size: 75%;
}
/*LOGIN END*/


/* DATAROWS START */
.fullWidth
			{
			width: 100%;
			}
.dataTitle
			{
			background-color: #5C9499;
			font-weight: bold;
			color: #FAFAFA;
			border: 1px solid #CCCCCC;
			padding: 3px;
			font-size: 75%;
			text-align: center;
			}
.dataTitle a
			{
			color: #FAFAFA;
			}
.dataTitle a:hover
			{
			color: #333333;
			}
.dataTitle2
			{
			background-color: #5C9499;
			font-weight: bold;
			color: #FAFAFA;
			border: 1px solid #CCCCCC;
			padding: 5px;
			font-size: 75%;
			text-align: left;
			}
.dataFilter
			{
			background-color:#EAEAEA;
			padding: 3px;
			border: 1px solid #CCCCCC;
			font-size: 75%;
			text-align: center;
			}
.dataFilterResults
			{
			background-color:#FFFCDE;
			padding: 3px;
			border: 1px solid #FFFCDE;
			font-size: 75%;
			}
.dataRow
			{
			border: 1px solid #CCCCCC;
			padding: 3px;
			font-size: 80%;
			vertical-align: middle;
			}
.dataRow1
			{
			background-color: #FEFEFE;
			}
.dataRow2
			{
			background-color: #FDFEE0;
			}
.dataRowOver
			{
			background-color: #D4E2FF;
			}
.dataRowWord
			{
			font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
			font-weight: bold;
			}
.dataRowType
			{
			color: #666666;
			font-style: italic;
			}
.dataRowPron
			{
			
			}
.dataRowDesc
			{
			font-family: "DejaVu Sans", "BPG Glaho Arial", "BPG Glaho", "BPG Glaho 2008", "Sylfaen", "Arial Unicode MS";
			}
.dataRowOptions
			{
			border: 1px solid #CCCCCC;
			padding: 3px;
			white-space: nowrap;
			font-size: 75%;
			}
.dataOptions
			{
			font-size: 75%;
			padding-top: 5px;
			padding-bottom: 10px;
			font-weight: bold;
			}
.dataOptions a
			{
			text-decoration: none;
			}
.dataOptions a:hover
			{
			color: #CC0000;
			}
.dataRowSubmit
			{
			border: 1px solid #CCCCCC;
			padding: 3px;
			font-size: 75%;
			background-color: #FDFEE0;
			vertical-align: middle;
			text-align: center;
			}
/* DATAROWS END */
.pagination
			{
			font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
			font-size: 70%;
			}
.pagination a
			{
				font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
				border: 1px solid #008C99;
				padding-right: 4px;
				padding-left: 4px;
				padding-bottom: 2px;
				padding-top: 1px;
				background-color: #EEF7FF;
				color: #008C99;
				font-weight: bold;
				text-decoration: none;
			}
.pagination a:hover
			{
				background-color: #008C99;
				border: 1px solid #666666;
				color: #FFFFFF;
			}
.pagination#disabled
			{
				border: 1px solid #EAEAEA;
				padding-right: 4px;
				padding-left: 4px;
				padding-bottom: 2px;
				padding-top: 1px;
				background-color: #FFFFFF;
				font-weight: bold;
				color: #CCCCCC;
			}
.pagination#current
{
	border: 1px solid #666666;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-top: 1px;
	background-color: #008C99;
	font-weight: bold;
	color: #FAFAFA;
}