﻿html, form
{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body
{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Tahoma;
	direction: rtl;
	font-size: 8pt;
	background-image: url('../images/bkg.jpg');
	background-color: #0aa2e1;
	background-repeat: no-repeat;
	background-position: top center;
}
a
{
	color: Blue;
	text-decoration: none;
}
a:hover
{
	color: Black;
	text-decoration: none;
}
#Layout
{
	width: 100%;
}
#Header
{
	height: 40px;
	box-shadow: 0px 0px 2px 0 #fff;
	background: #076e98;
	width: 100%;
	margin-bottom: 15px;
	background: -moz-linear-gradient( center top, #60aacb 0%, #076e98 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #60aacb), color-stop(1, #076e98) );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60aacb', endColorstr='#076e98');
	position:relative;
}
.siteTitle
{
	height:40px;
	width:245px;	
	float: right;		
	background-image:url('../images/Site-Title.png');
	background-position:center center;
	background-repeat:no-repeat;
	behavior: url(scripts/pie.htc);
	-pie-png-fix: true;
	
}
.PageTitle
{
		height:50px;
	width:245px;	
	
	background-position:right top;
	background-repeat:no-repeat;

	}
#Menu
{
	color: White;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#Menu ul
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#Menu li
{
	display: inline-block;
}
.lt-ie8 #Menu li
{
	display: inline;
	zoom: 1;
}
#Menu a
{
	display: inline-block;
	height: 30px;	
	text-align: center;
	padding-top: 10px;
	font-size: 10pt;	
	color: White;
	text-decoration: none;
}
#Menu span
{
	display: inline-block;
	height: 30px;	
	text-align: center;
	padding-top: 10px;
	font-size: 10pt;	
	color: White;
	text-decoration: none;
	margin-left:20px;
}

.lt-ie8 #Menu a
{
	display: inline;
	zoom: 1;
}
#Menu a:hover
{
	/*background-color: #fbe379; 	color: Black;*/
	color: #fbe379;
	text-shadow: 0px 0px 4px #fbe379;
	-moz-animation: mainmenuhighlight 0.2s;
}
.lt-ie9 #Menu a:hover
{
	background-image: url('../Images/MenuHover.gif');
	background-repeat: no-repeat;
	background-position: center top;
}

#Main
{
	width: 760px;
	margin: 0px auto 15px auto;
	box-shadow: 0 0 4px 0 #444;
	border-radius: 10px;
	background: White;
	padding: 20px;
	behavior: url(scripts/pie.htc);
}
/*
#Layout
{
	width: 100%;
}
#Header
{
	
	width: 100%;
	margin-bottom: 15px;
}
#Menu
{
	padding: 20px;
	padding-bottom: 0px;
	height: 30px;
	clear: both;
	background-color: #2f9ac9;
	box-shadow: 0px 2px 2px #444;
	border-radius: 8px 8px 0 0;
	color: White;
	behavior: url(scripts/pie.htc);
}
#Menu a
{
	text-decoration: none;
	color: White;
	margin-right: 10px;
}
#Menu a:hover
{
	color: #fbe379;
}
/*#Menu ul
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#Menu li
{
	display: inline-block;
}
.lt-ie8 #Menu li
{
	display: inline;
	zoom: 1;
}
#Menu a
{
	display: inline-block;
	height: 30px;
	width: 90px;
	text-align: center;
	padding-top: 10px;
	font-size: 10pt;
	border-radius: 10px 10px 0 0;
	color: White;
	text-shadow: 1px 1px 1px #bbbbbb;
	text-decoration: none;
	
}
a.menuItem
{
	color: #0b534d;	
	text-decoration: none;
	}


.lt-ie8 #Menu a
{
	display: inline;
	zoom: 1;
}
#Menu a:hover
{
	
	color: #fbe379;
	text-shadow: 0px 0px 4px #fbe379;
	-moz-animation: mainmenuhighlight 0.2s;
	
}

.lt-ie9 #Menu a:hover
{
	background-image: url('../Images/MenuHover.gif');
	background-repeat: no-repeat;
	background-position: center top;
}

#Main
{
	width: 700px;
	box-shadow: 0 0 8px 0 #333;
	background: White;
	margin-right: auto;
	margin-left: auto;
	border-radius: 8px;
	behavior: url(scripts/pie.htc);
}
#Content
{
	padding: 20px;
}*/
.Container
{
	box-shadow: 0 0 6px 0 #444;
	background: White;
	padding: 20px;
}
.ResetPassword
{
	width: 510px;
	box-shadow: 0 0 8px 0 #333;
	background: White;
	margin-right: auto;
	margin-left: auto;
	border-radius: 8px;
	behavior: url(scripts/pie.htc);
	padding: 20px;
}
.Login-bkg
{
	width: 560px;
	height: 281px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 50%;
	margin-top: -250px;
	right: 50%;
	margin-right: -300px;
	background-image: url('../images/login.png');
	background-position: center center;
	background-repeat: no-repeat;
	padding: 150px 40px 0px 0px;
	behavior: url(scripts/pie.htc);
	-pie-png-fix: true;
}
.Login
{
	width: 510px;
	background-color: White;
	padding-right: 10px;
	background-image: url('../images/locklock.jpg');
	background-position: left top;
	background-repeat: no-repeat;
}
.PageHeader
{
	font-family: B titr;
	font-size: 12pt;
	font-weight: bold;
	color: #0b534d;
	text-shadow: 1px 1px 1px #aaa;
	margin-bottom: 20px;
	padding: 8px;
}
.LoginHeader
{
	font-size: 14pt;
	font-weight: bold;
	color: #0b534d;
	text-shadow: 1px 1px 1px #aaa;
	margin-bottom: 20px;
	padding: 8px;
}


.loginBKG
{
}
.logo
{
	background-image: url('../images/logo.png');
	background-repeat: no-repeat;
	background-position: right top;
	width: 450px;
	height: 70px;
	margin-right: auto;
	margin-left: auto;
	behavior: url(scripts/pie.htc);
	-pie-png-fix: true;
}

/*================GridView================*/
.grid table
{
	border: 0px;
}
.grid th
{
	height: 30px;
	border: 1px;
	border-style: solid;
	border-color: #c2c2c2;
	color: Black;
	text-shadow: 1px 1px 1px #aaaaaa;
	text-align: center;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #d8d8d8) );
	background: -moz-linear-gradient( center top, #f7f7f7 5%, #d8d8d8 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#d8d8d8');
	background-color: #f7f7f7;
}
.grid a
{
	text-decoration: none;
}
.grid td
{
	border: 1px;
	border-style: solid;
	border-color: #c2c2c2;
}
.gridpager td
{
	border: 0px;
}
.gridpager
{
	border: 1px solid #c2c2c2;
	background-color: #d8d8d8;
}
.gridpager a
{
	text-decoration: none;
}
.gridselect
{
	background-color: #D7EEFF;
}
.gridrow
{
	background-color: #fff;
}
/*================GridView================*/


/*====================================*/
.inlineField-Caption
{
	display: inline-block;
	width: 10%;
	font-weight: bold;
	vertical-align: top;
}

.inlineField-Value
{
	width: 90%;
	display: inline-block;
}
.inlineField-Field
{
	margin-bottom: 8px;
}
div.field
{
	clear: both;
	margin-top: 5px;
	margin-bottom: 8px;
	margin-right: 5px;
	margin-left: 5px;
}

div.controls
{
	margin-top: 2px;
	font-family: Tahoma;
	font-size: 8pt;
	vertical-align: middle;
}

select.control
{
	font-family: Tahoma;
	font-size: 8pt;
}

textarea.text
{
	font-family: Tahoma;
	font-size: 8pt;
}

div.caption
{
	margin-top: 5px;
}

select.controls
{
	font-family: Tahoma;
	font-size: 8pt;
}

input.controls
{
	font-family: Tahoma;
}

textarea.desc
{
	width: 450px;
	max-width: 100%;
	height: 150px;
}

.button
{
	border: 1px solid #aaaaaa;
	background: -moz-linear-gradient( center top, #f7f7f7 5%, #d8d8d8 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #d8d8d8) );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#d8d8d8');
	background-color: #eeeeee;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: inline-block;
	color: #000000;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: normal;
	padding: 6px 10px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #ffffff;
}
.button:hover
{
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #eeeeee) );
	background: -moz-linear-gradient( center top, #ffffff 5%, #eeeeee 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
	background-color: #ffffff;
}
.button:active
{
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d8d8d8), color-stop(1, #f7f7f7) );
	background: -moz-linear-gradient( center top, #d8d8d8 5%, #f7f7f7 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8', endColorstr='#f7f7f7');
	background-color: #d8d8d8;
}
input[disabled].button
{
	color: #c2c2c2;
}
input[disabled].button:hover
{
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #d8d8d8) );
	background: -moz-linear-gradient( center top, #f7f7f7 5%, #d8d8d8 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#d8d8d8');
	background-color: #f7f7f7;
}
input[disabled].button:active
{
	position: relative;
	top: 0px;
}

input.smallbutton
{
	/*-moz-box-shadow: inset 0px 1px 0px 0px #97c4fe; 	-webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe; 	box-shadow: inset 0px 1px 0px 0px #dddddd; 	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #aaaaaa) ); 	background: -moz-linear-gradient( center top, #eeeeee 5%, #aaaaaa 100% ); 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#aaaaaa'); 	background-color: #eeeeee; 	-moz-border-radius: 6px; 	-webkit-border-radius: 6px; 	border-radius: 5px; 	border: 1px solid #bbbbbb; 	display: inline-block; 	color: #ffffff; 	font-family: Tahoma; 	font-size: 8pt; 	font-weight: normal; 	text-decoration: none; 	text-shadow: 1px 1px 0px #3f6fa0; */
	background-color: #e6e6e6;
	border-radius: 3px;
	box-shadow: 0 1px 2px 0px #333333;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #222222;
	color: #000000;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

input:hover.smallbutton
{
	/* 	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dddddd), color-stop(1, #999999) ); 	background: -moz-linear-gradient( center top, #dddddd 5%, #999999 100% ); 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#999999'); 	background-color: #dddddd; */
	background-color: #f2f2f2;
}
input:active.smallbutton
{
	/* 	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #aaaaaa), color-stop(1, #eeeeee) ); 	background: -moz-linear-gradient( center top, #aaaaaa 5%, #eeeeee 100% ); 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#eeeeee'); 	background-color: #eeeeee; */
	background-color: #dddddd;
}


textarea.text
{
	border-radius: 5px;
	font-family: Tahoma;
	font-size: 8pt;
	color: #000000;
	background-color: White;
	border: 1px solid #7f9db9;
	padding: 3px 3px 3px 3px;
	vertical-align: middle;
	text-align: right;
}
textarea:hover.text
{
	border-color: #69a3f3;
}
textarea:active.text
{
	box-shadow: 0 0px 3px 0px #69a3f3;
	-moz-box-shadow: 0 0px 3px 0px #69a3f3;
	-webkit-box-shadow: 0 0px 3px 0px #69a3f3;
	border-color: #69a3f3;
}
textarea:focus.text
{
	box-shadow: 0 0px 3px 0px #69a3f3;
	-moz-box-shadow: 0 0px 3px 0px #69a3f3;
	-webkit-box-shadow: 0 0px 3px 0px #69a3f3;
	border-color: #69a3f3;
}
textarea
{
	resize: none;
}
input.text
{
	border-radius: 5px;
	font-family: Tahoma;
	font-size: 8pt;
	color: #000000;
	direction: rtl;
	background-color: White;
	border: 1px solid #7f9db9;
	padding: 5px;
	vertical-align: middle;
	text-align: right;
	height: auto;
}
input:hover.text
{
	border-color: #373737;
	border-color: #69a3f3;
}
input:active.text
{
	border-color: #373737;
	box-shadow: 0 0px 3px 0px #69a3f3;
	-moz-box-shadow: 0 0px 3px 0px #69a3f3;
	-webkit-box-shadow: 0 0px 3px 0px #69a3f3;
	border-color: #69a3f3;
}
input:focus.text
{
	box-shadow: 0 0px 3px 0px #69a3f3;
	-moz-box-shadow: 0 0px 3px 0px #69a3f3;
	-webkit-box-shadow: 0 0px 3px 0px #69a3f3;
	border-color: #69a3f3;
}

div.PageDivider
{
	border-bottom: 1px dashed #c2c2c2;
	height: 1px;
	margin-bottom: 15px;
	margin-top: 15px;
	clear: both;
}
.insetcontainer
{
	padding: 10px 20px 10px 20px;
	background-color: #f0f0f0;
	box-shadow: inset 0 0px 3px 0px #aaa;
	border-radius: 5px; /*text-shadow: 1px 1px 1px #aaa;*/
	color: Black;
	line-height: 1.75;
	position: relative;
	overflow: hidden;
	behavior: url(scripts/pie.htc);
}
.BottomMargin
{
	margin-bottom: 10px;
}
/*==================Messages==================*/
.error
{
	margin-bottom: 15px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #cd0a0a;
	background-color: #fef7f5;
	-moz-animation: error 1s;
}
.warning
{
	margin-bottom: 15px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #FAE469;
	background-color: #F8F3DE;
	-moz-animation: info 1s;
}
.information
{
	margin-bottom: 15px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #FAE469;
	background-color: #F8F3DE;
	-moz-animation: info 1s;
}

.errorimage
{
	background-image: url('../Images/error.gif');
	background-position: right center;
	direction: rtl;
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
	float: right;
	margin-left: 5px;
}
.warningimage
{
	background-image: url('../Images/error.gif');
	background-position: right center;
	direction: rtl;
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
	float: right;
	margin-left: 5px;
}
.informationimage
{
	background-image: url('../Images/info.gif');
	background-position: right center;
	direction: rtl;
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
	float: right;
	margin-left: 5px;
}
/*==================Messages==================*/
.Loading
{
	position: fixed;
	top: 45px;
	left: 50%;
	padding: 10px;
	border: 0px solid #c2c2c2;
	border-radius: 10px;
	background-color: #FFFFB0;
	box-shadow: 0 0 3px 0 #444;
	z-index: 1000000000;
	text-align: center;
	width: 80px;
	margin-left: -40px;
}
.Dialog-BKG
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.Dialog-Body
{
	border-radius: 5px;
	width: auto;
	border: 1px solid #999999;
	background-color: #ffffff;
}
.Dialog-Header
{
	cursor: move;
	height: 25px;
	text-shadow: 1px 1px 0px #bbbbbb;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #999999;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 0px;
	color: Black;
	background: -moz-linear-gradient( center top, #dddddd 5%, #bfbfbf 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dddddd), color-stop(1, #bfbfbf) );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#bfbfbf');
}
.Dialog-Content
{
	padding: 10px 10px 5px 10px;
}
.Dialog-Footer
{
	padding: 5px;
	background-color: #c9c9c9;
	border-radius: 0 0 5px 5px;
}
input.dialog-close
{
	border: 1px solid transparent;
}

input.dialog-close:hover
{
	border: 1px solid #aaaaaa;
	background-color: #dddddd;
	border-radius: 5px;
	padding: 0px;
}
.DetailGrid
{
}
.DetailGridHeader
{
	background-color: #D2E9FF;
	height: 30px;
	padding-top: 10px;
	padding-right: 10px;
	border: 1px solid #c2c2c2;
}
.DetailGridGrid
{
	margin-top: -1px;
}

input.ltr
{
	direction: ltr;
	text-align: left;
}

.LoadingBKG
{
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #aaa;
	opacity: 0.5;
	filter: alpha(opacity=70);
	z-index: 100;
}
.lt-ie8 .LoadingBKG
{
	position: absolute;
}

.LoadingDiv
{
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 101;
	padding: 10px;
	background-color: White;
	margin-right: auto;
	margin-left: auto;
	border-radius: 10px;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	background-image: url('../images/loading.gif');
	background-position: center center;
	background-repeat: no-repeat;
}
.lt-ie8 .LoadingDiv
{
	position: absolute;
}
.Working
{
}

/*=============file-upload===============*/

.file-upload
{
	overflow: hidden;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	text-align: center;
	background-image: url('../Images/Upload.gif');
	background-position: top right;
	background-repeat: repeat;
}
.lt-ie8 .file-upload
{
	display: inline;
	zoom: 1;
}


.file-upload:hover, .file-upload-hover
{
	cursor: pointer;
	background-image: url('../Images/Upload-Hover.gif');
	background-position: top right;
	background-repeat: no-repeat;
}
.file-upload.focus
{
	outline: 2px solid yellow;
}
.file-upload input
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	font-size: 70px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.file-upload strong
{
	font: normal 1.75em arial,sans-serif;
}
.file-upload span
{
	color: #000;
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
}
.file-upload
{
	/*height:3em; color:#000;*/
}
.file-upload, .file-upload span
{
	padding-top: 5px;
	height: 27px;
	width: 51px;
	padding: 0;
	margin: 0;
}
.file-upload-status
{
	margin-left: 5px;
	vertical-align: middle;
	padding: 5px 5px;
	width: 255px;
	height: 15px;
	overflow: hidden;
	font-weight: bold;
	font-size: 8pt;
	color: #888;
	background: #f8f8f8;
	border: 1px solid #7f9db9;
	display: inline-block;
	border-radius: 5px;
}
.lt-ie8 .file-upload-status
{
	display: inline;
	zoom: 1;
}

.GridDate
{
	width: 60px;
	text-align: center;
}
/*=============file-upload===============*/

.ui-button
{
	margin-left: -1px;
	border-color: #7f9db9;
}
.ui-button-icon-only .ui-button-text
{
	border-color: #7f9db9;
	padding: 0.35em;
	border-color: #7f9db9;
}
.ui-autocomplete-input
{
	margin: 0;
	margin-left: -2px;
	padding: 0.48em 0.45em 0.47em 0;
	border-color: #7f9db9;
}

input.serial
{
	text-align: center;
	direction: ltr;
}




a.BigButton
{
	text-decoration: none;
	color: #0058B0;
	font-size: 8pt;
	display: inline-block;
	margin: 5px;
	text-align: center;
	width: 236px;
	height: 50px;
	padding-top: 5px;
	padding-right: 5px;
	overflow: hidden;
	b8order: 1px solid #c2c2c2;
	background: -moz-linear-gradient( center top, #ffffff 5%, #eeeeee 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #eeeeee) );
	-pie-background: linear-gradient( center top, #ffffff 5%, #eeeeee 100% );
	background-color: #f7f7f7;
	border-radius: 10px;
	text-shadow: 1px 1px 0 #cccccc;
	box-shadow: 0 1px 4px 0px #bbbbbb;
	-moz-box-shadow: 0 1px 4px 0px #bbbbbb;
	-webkit-box-shadow: 0 1px 4px 0px #bbbbbb;
	font-size: 14pt;
	font-family: B titr;
	font-weight: bold;
	position: relative;
	behavior: url(scripts/pie.htc);
}
a.BigButton:hover
{
	background: none;
	background-color: #ffffff;
}
.BigButton img
{
	-pie-png-fix: true;
	behavior: url(scripts/pie.htc);
}

div.validationsummary
{
	color: Black;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #cd0a0a;
	background-color: #fef7f5;
	position: relative;
}
.validationsummary span
{
	color: Black;
}
.notValid
{
	box-shadow: 0 0px 3px 0px Red;
	border-color: Red;
}
input.notValid
{
	box-shadow: 0 0px 3px 0px Red;
	border-color: Red;
}
.success
{
	background-image: url('../images/activation.jpg');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 60px;
	height: 40px;
	padding-top: 25px;
}
