@import "../../../lib/dojo-1.2.3/dojo/resources/dojo.css";
@import "../../../lib/dojo-1.2.3/dijit/themes/tundra/tundra.css";
@import "widgets.css";
@import "themes.css";
@import "icons.css";


#_firebugConsole {
	direction: ltr;
	text-align: left;
}

* {
    margin: 0;
    padding: 0;
}

html, body {
	width: 100%; height: 100%;
	padding: 0; margin: 0;
	font-family: Tahoma; font-size: 11px; color: #444;
	cursor: default;
}
body.IE6 {
	background: #eee;
}
input, li {
	font-family:Tahoma !important;
	font-size: 11px !important;
	color: #444;
	vertical-align: middle;
}
input[type=radio] {
	margin-right: 15px;
}
b.iconList {
	background-position: right 0px;
	background-repeat: no-repeat;
	padding: 0 18px 4px 0;
	display: block;
	font-weight: normal;
}


.ltr {
	direction: ltr;
	text-align: left;
}

a {
	text-decoration: none;
	-moz-user-select: none;
}

html button:active {
	outline:none;
	-moz-user-select: none;
}
:focus {
	-moz-outline-style: none;
	-moz-user-select: none;
}
button:active, button:focus {
	outline: 0;
	-moz-outline-style: none;
	-moz-user-select: none;
}

.noMargin {
	padding: 0 !important; margin: 0 !important;
}

.clr {
	clear:both !important;
	line-height:0 !important; font-size: 0 !important;
	height:0 !important;
	overflow:hidden !important;
	padding: 0 !important; margin: 0 !important;
	background: red;
}

.mceContentBody {
	direction: rtl;
	font-family: Tahoma;
	text-align: right;
}

.hidden {
	display: none !important;
}

.visible {
	display: block !important;
}

.link {
	color: #4E84CC;
	cursor: pointer;
}

.newGridLink {
	margin: 5px 0;
}

.roundTop {
	height: 6px;
	margin: 0;
	font-size: 0; line-height: 0; overflow: hidden;
	/*background: #fff;*/
}
.roundBottom {
	height: 6px;
	margin: 0;
	font-size: 0; line-height: 0; overflow: hidden;	
	/*background: #fff;*/
}
.mozFF .roundTop, .mozFF .roundBottom {
	display: none;
}

#container {
	display: none;
	height: 100%;
}

#header {
	height:80px; width: 100%;
	z-index: 2;
}
	#toolbarHolder {
		height: 25px; width: 100%;
		top: 0;
		left: 0;
	}
		#toolbarRight {
			padding: 0 6px 0 0;
			text-align: right;
			color: #eee;
		}
			#toolbarRight .toolbarFloat {
				float: right;
			}
			#toolbarMenu table {
				margin: 0 4px 0 auto;
			}
			#toolbarTimeHolder div {
				padding-top: 3px !important;
			}
			.dateTimeHolder {
				/*border-right: 1px dotted #999;*/
				padding-right:20px;
				background: transparent right 2px no-repeat;
				margin-right: 10px;
			}
				.dateTimeHolder div {
					direction: rtl;
					padding: 2px 0 3px 0;
				}
			
		#toolbarLeft {
			padding: 0 0 0 6px;
			color: #eee;
			vertical-align: top;
		}
			#toolbarLeft .toolbarFloat {
				float: left;
			}
			#toolbarUserHolder {
				background: transparent right 2px no-repeat;
				padding: 3px 20px 3px 0;
			}
				.toolbarUserLinks {
					display: inline;
				}
					.toolbarUserLinks a {
						color: #222;
						padding: 0px 2px 2px 2px;
						-moz-border-radius: 2px;
					}
					.toolbarUserLinks a:hover {
						color: #fff;
						background: #990000;
					}
				


		

#mainTable {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
#mainTable tr, #mainTable td {
	vertical-align: top;
}
	#mainFolded {
		width:30px;
		padding: 0 10px;
	}
	#mainRight {
		width: 170px;
		padding: 0 10px 0 0;
	}
		.mainmenuContainer {
			position: fixed;
			top: 100px;
			right: 10px;
		}
		.mainmenuContainer a.mainmenu {
			display: block;
			background: #e9f2f9;
			color: #306f8b;
			padding: 5px 5px 5px 5px; margin: 0px 0 0 auto;
			border: 1px solid  #99bbcf;
			border-top-color: #fff;
			-moz-border-radius: 4px;
		}
		a.mainmenu-first {
			-moz-border-radius-bottomleft: 0 !important;
			-moz-border-radius-bottomright: 0 !important;
			border-top-color: #99bbcf !important;
		}
		a.mainmenu-mid {
			-moz-border-radius: 0 !important;
		}
		a.mainmenu-last {
			-moz-border-radius-topleft: 0 !important;
			-moz-border-radius-topright: 0 !important;
		}
		.submenuContainer {
			overflow: hidden;
			height: 0;
		}
		.submenuContainer a.submenu {
			display: block;
			background: #ddd;
			padding: 3px 5px 4px 5px; margin: 2px 0 0 auto;
		}
	#mainMid {
		padding: 0 0 10px 10px;
		position: relative;
		zomm: 1;
	}
	#mainLeft {
		width: 10px;
	}


#mainContainer {
	min-height: 400px;
	padding: 10px;
	background: #fff;
	-moz-border-radius: 6px;
	z-index: 1;
}
	#contentToolbar {
		height: 20px;
		border-bottom: 1px dotted #ddd;
	}
	#contentHolder {
		height: auto;
	}


#footerHolder {
	background: #555;
	height: 20px;
}




.desktopContainer {
	
}
	.desktopContainer .headerBox {
		display: block;
		background: #ddd;
		padding: 3px 8px 5px 0;
		margin: 1px 0;
	}
	.desktopContainer .subContainer {
		overflow: hidden;
		background: #eee;
	}
		.desktopContainer .subItem {
			display: block;
			padding: 2px 8px 5px 0;
		}
	





/**
 * Styles for slpash box, login form and loading status
 */
#splash_notFirefox {
	display: none;
	width: 99%; height:99%;
	background: #eee url(../images/splash_firefox.png) center center no-repeat;
	z-index: 1000;
	position: absolute; top: 0; left: 0;
}
#splash {
	position: absolute;	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 999;
	background: #eee url(../images/splash_copyright.png) center 95% no-repeat;
	margin: 0; padding: 0;
	color: #888;
}
	#splashBox {
		width: 366px;
		margin:0 auto 0 auto;
		position: relative; top: 25%;
	}
		#splashHeader {
			height: 21px;
			overflow: hidden;
			background: url(../images/splash_box.png) 0 -60px no-repeat;
		}
		.splashHeaderGray {
			height: 60px !important;
		}
			.login #splashHeaderTitle {
				height: 60px;
				background: url(../images/splash_headers.png) right 0 no-repeat;
			}
			.loading #splashHeaderTitle {
				height: 60px;
				background: url(../images/splash_headers.png) right -60px no-repeat;
			}
		#splashBody {
			background: #fff url(../images/splash_loop.png) 0 0 repeat-y;
			min-height: 100px;
			padding:0 14px 0 12px;
		}
			#splashContent {
			}
				#splashWait {
					background: url(../images/loading_square.gif) center 20px no-repeat;
					text-align: center;
					padding: 70px 0 10px 0;
				}
				#loginBox {
					display: none;
					min-height: 130px;
					background: url(../images/login_form.png) 80% 20px no-repeat;
				}
					#loginBox input[type='text'], #loginBox input[type='password'] {
						display: block;
						direction: ltr; text-align: left;
						position: absolute; left: 113px;
						width: 134px;
						border: 0 !important;
						padding: 4px 2px 0 3px;
						background: none;
					}
					#loginBox input[name='username'] {
						top: 86px;
					}
					#loginBox input[name='password'] {
						top: 120px;
					}
					#loginBox button[type='submit'] {
						width: 61px; height: 23px;
						position: absolute; left: 111px; top:155px;
						background: #ddd url(../images/login_btn.png) 0 0 no-repeat;
						border: none;
						cursor: pointer;
					}
					#loginBox button[type='submit']:hover {
						background-position: 0 -23px;
					}
					.loginBoxDisabled {
						background-position: 0 -46px !important;
						cursor: default !important;
					}
					#loginLoading {
						width: 16px; height: 16px;
						background: url(../images/icons/loading_16.gif) center center no-repeat;
						display: block;
						position: absolute; left: 90px; top: 157px;
					}
					#loginMessage {
						display: none;
					}
					.loginMessageShow {
						display: block !important;
						padding: 12px 25px 5px 5px;
						border-top: 1px solid #eee;
						background: url(../images/icons/warn_16.png) right 10px no-repeat; 
					}
				#loadingBox {
					display: none;
					padding-top: 8px;
				}
					#preLoaderText {
						line-height: 1.6em;
						direction:rtl; text-align: right;
						padding:0px;
					}
					#preLoaderText li {
						margin-right: 30px;
						margin-top: 3px;
					}
					.loadingStatus {
						padding: 5px 20px 7px 0;
						background: url(../images/icons/loading_16.gif) no-repeat right 9px;
					}
					.loadingStatusCompleted {
						padding: 5px 20px 7px 0;
						background: url(../images/icons/approve.png) no-repeat right 9px;
					}
					.loadingStatusError {
						padding: 5px 20px 7px 0;
						background: url(../images/icons/caution.png) no-repeat right 9px;		
					}
		#splashFooter {
			height: 21px;
			overflow: hidden;
			background: url(../images/splash_box.png) 0 -81px no-repeat;
		}


/************** [ Form classes] ***************/
.formDiv {
	background: #f6f6f6;
	zoom: 1;
	#height: 1%;
}
.singleFrom {
	border: 2px solid #cfcfcf;
	-moz-border-radius: 3px;
}
	.singleFromPadding {
		border: 1px solid #fff;
		-moz-border-radius: 3px;
		background: #f7f7f7;
	}
	
.ft_formHeader {
	font-weight: bold;
	padding: 0 8px 0 0;
	margin-bottom: 1px;
}
	.ft_formHeader div {
		background: transparent right center no-repeat;
		padding: 4px 22px 4px 0;
	}
	.ft_formHeader_noIcon {
		padding-right: 0 !important;
	}
	.ft_formHeader .gridToolbarInHead {
		float: right;
	}

.oddFormRow {
	background: #eaeaea;
}
.oddFormRow2 td {
	border-top: 1px solid #ddd;
}
.evenFormRow2 td {
	border-top: 1px solid #ddd;
}

.disabledForm {
}
.disabledForm .formTextBox {
	border: none;
	background: none;
	color: #333;
}

.formItemDescription {
	width: 350px;
	text-align: justify;
	padding: 5px;
	margin-bottom: 3px;
}
.formItemDescription ul {
	list-style-position: inside;
}

.formTableContainer {
	margin: 8px 0;
}
.formTableContainer tr, .formTableContainer td {
	vertical-align: top;
}
.formTableSep {
	border-right: 1px dotted #ccc;
	vertical-align: top;
}
.formTableSep b {
	padding-right: 5px;
}

.formTable {
	margin: 0 5px 0 5px;
}
.formTable, .formTable tr, .formTable td {
	vertical-align: middle;
}
.formTable .ft_header {
	padding: 5px 0 5px 0;
	vertical-align: middle !important;
	font-weight: bold;
}
.formTable .ft_title {
	padding: 5px 0 10px 0;
	vertical-align: middle !important;
}
.formTable .ft_indent_normal {
	padding-right: 25px !important;
}
.formTable .ft_rightAlign {
	text-align: right !important;
}
.formTable .ft_label {
	text-align: left;
	padding: 5px 5px 3px 8px;
	vertical-align: middle !important;
}
.disabledForm .ft_label {
	padding: 7px 5px 7px 8px;
}
.formTable .ft_content {
	padding: 5px 5px 3px 0; 
	vertical-align: middle !important;
}
.disabledForm .ft_content {
	padding: 7px 0 7px 5px;
}
.formTable .ft_body {
	text-align: right;
}
.formTextBox {
	padding: 2px 2px 3px 2px;
	border: 1px solid #aaa;
	-moz-border-radius: 3px;
}
.IE .formTextBox {
	padding: 3px 2px 3px 2px;	
}

.ft_vTop {
	vertical-align: top;
}

.ft_fieldset {
	border: 1px solid #bbb;
	-moz-border-radius-topleft: 3px;
}
.ft_fieldset legend {
	padding: 0 5px 0 5px;
}


.ft_checkBoxListHolder {
	vertical-align: middle;
	color: #888;
	padding: 10px;
}
	.ft_checkboxList {
		padding: 0 0 0 5px;
		margin-bottom: 1px;
	}
	.mozFF .ft_checkboxList input {
		position: relative;
		zoom: 1;
		right: 3px;
		top: 4px;
	}

	.ft_checkboxList label {
		padding: 1px 1px 5px 0;
		display: inline-block;
	}
	.mozFF .ft_checkboxList label {
		padding-right: 7px !important;
	}
	
	.ft_checkboxList_checked {
		color: #444;
		background: #F4F1C7;
		margin-bottom: 1px;
	}
	
.ft_input_focused {
	background: #fffef5;
	border-color: #c9b8a4 !important;
}	
	
.formTextArea {
	padding: 2px 2px 3px 2px;
	font-family: tahoma !important;
	font-size: 11px !important;
	text-align: justify;
	border: 1px solid #aaa;
	-moz-border-radius: 3px;
}

.invalid {
	border-color: #d45b5b;
	background: #f6e4e4;
	color: #000;
}

.radio_label {
	background-repeat: no-repeat;
	background-position: right center;
	padding: 3px 20px 3px 0;
	display: inline-block;
}

#contentHolder .formDiv {
	
}



.accrodionDiv {
	padding: 0 4px;
	border: 1px solid #ddd;
	background:#eee;
	-moz-border-radius: 5px;
	margin-top: 10px;
}
	.accrodionDiv_header {
		cursor: pointer;
		padding: 3px 0;
		margin-bottom: 5px;
		background: transparent right 3px no-repeat;
		padding-right: 20px;
	}
	.accrodionDiv_content {
		padding: 0 10px 10px 0 !important;
	}

	
	
/* NEW FORM STYLES === FH */
.FH {
	padding: 3px 8px 0px 8px;
}
	.FH_holder {
		border: 1px solid #b9dad3;
		padding:5px;
		margin-bottom: 1px;
		background: #DDE7E5;
	}
		.FH_title {
			/*background: #91BDBB;*/
			background: #ccc;
			background: url(../images/icons/famfamfam_silk_icons_v013/picture_empty.png) right center no-repeat;
			padding: 4px 20px 5px 6px;
			border-bottom: 1px dotted #ccc;
			color: #444;
			font-weight: bold;
		}
		.FH_content {
			padding: 6px 4px !important;
			line-height: 1.7em;
		}
		td.FH_content {
			line-height: 1.8em !important;
		}
		.FH_form {
			border:2px solid #9EB3B3;
			background: #fbfbfb;
			margin-top: 6px;
			width: 100%;
		}
		.FH_singleForm {
			border: none !important;
			margin-top: 6px !important;
			background: none  !important;
		}
			.FH_form td {
				padding: 3px 6px;
				vertical-align: middle !important;
				border-bottom: 1px dotted #bbb;
				min-height:20px;
			}
			.FH_form_diff td {
				/*background: #f6f6f6;*/
			}
			.FH_from_label {
				background: #efefef !important;
				font-weight: bold;
			}
			.FH_groupBox {
				padding: 5px 20px 5px 0;
			}

.FH_rightMargin {
	margin-right:10px;
}
.FH_TDverticalBorder {
	border-left: 1px dotted #bbb;
}
.FH_lastTD td {
	border-bottom: none !important;
}
.FH_diabled {
	
}
	.FH_disabled .formTextBox {
		background: none !important;
		border: none !important;
		width: auto !important;
		display: inline;
	}
	.FH_disabled .formItemDescription {
		background: none !important;
		border: none !important;
	}

.footer {
	padding: 0 6px 5px 0;
	line-height: 1.7em;
	color: #777;	
}
	.footer a {
		color: #666;
	}
	.footer a:hover {
		color: #990000;
	}
#gotoTop {
	height: 20px;
	width: 99px;
	margin: 0 auto 0 100px;
	z-index: 100;
	background: transparent url(../images/transparent_white.png) 0 0 repeat;
	border: 1px solid #fff;
	border-color: #ccc #bbb black #bbb !important;
	-moz-border-radius: 3px 3px 0 0;
	cursor: pointer;
	overflow: hidden;
	border-bottom: none;
	display: block;
	
}
	#gotoTop .gotoTop_in {
		background: url("../images/icons/famfamfam_silk_icons_v013/arrow_join.png") 5px center no-repeat;
		height: 20px;
		width: 21px;
		float: left;
		margin: 0 auto 0 0;
	}
	#gotoTop .gotoTop_text {
		float: right;
		padding: 3px 5px 0 0;
		color: #555;
	}
	
	
	.RichTextEditable {
		background: #fff;
	}

	
.gridFilterHolder {
	border: 1px solid #ccc;
	padding: 4px;
}
.gridFilterHolder .btndd {
	float: left;
	margin-top: 4px;
}