@font-face {
    font-family: 'GESSTwoLight';
    src: url('/Content/fonts/amaikolight-webfont.ttf');	
}
@font-face {
    font-family: 'GESSTwo';
    src: url('/Content/fonts/amaikolight-webfont.eot');	
}
@media print
{
thead {
	display: table-header-group;
}
}
@media print
{
table.Subdomain {
	page-break-after: auto;
}
}
body {
	margin: 0px;
	direction: rtl;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 12px;
}
ul {
	margin: 0px;
}

select {
	background-color: #fff !important;
}
.Validation {
	color: red;
}

div.Notification {
	border: 1px solid #efe5bf;
	background-color: #fff5cf;
	padding: 10px 50px 10px 20px;
	max-width: 400px;
	width: 90%;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 14px;
	color: #af0a0a;
	font-weight: normal;
	margin: 15px auto;
	text-align: right;
	direction: rtl;
	background-image: url('/Content/images/Modules/Notification.png');
	background-repeat: no-repeat;
	background-position: right 10px;
}
div.Alert {
	border: 1px solid #ff5859;
	background-color: #ff7172;
	padding: 10px 50px 10px 20px;
	width: 400px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 14px;
	color: #fff !important;
	font-weight: normal;
	margin: 15px auto;
	text-align: right;
	direction: rtl;
	background-image: url('/Content/images/Modules/Alert.png');
	background-repeat: no-repeat;
	background-position: right 10px;
}

/*********************Table Sorter********************************/


table.tablesorter {
    background-color: #4c4f53;
   font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 8pt;
	text-align: right;
	width: 100%;
	margin: 0px auto;
	border-collapse: collapse;

}

    table.tablesorter thead, table.tablesorter tfoot {
        background-color: #4c4f53;
	color: #fff !important;

    }

        table.tablesorter thead tr th, table.tablesorter tfoot tr th {
            border: 1px solid #f5f5f5;
	        font-family: GESSTwoLight,GESSTwo,Tahoma;
	        color: #fff;
	        font-weight: normal;
	        font-size: 12px;
	        height: 37px;
	        text-align: center;
	        padding: 5px 8px;

        }

    table.tablesorter tr.Head02 td {
       background-color: #4c4f53;
	border: 1px solid #70dfed;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #fff !important;
	font-weight: normal;
	font-size: 14px;
	height: 37px;
	text-align: center;
	vertical-align: middle;
	padding: 0px 8px;

    }

    table.tablesorter thead tr .header {
        background-image: url("/Content/images/Modules/bg.png");
        background-position: right center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    table.tablesorter tbody td {
	border: 1px #e4e4e4 solid;
	color: #3D3D3D;
	padding: 8px;
	vertical-align: top;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #5c5c5c;
	font-weight: normal;
	font-size: 12px;

    }

    table.tablesorter tbody tr.odd td {
        background-color: #fff;
    }

    table.tablesorter thead tr .headerSortUp {
        background-image: url("/Content/images/Modules/asc.png");
    }

    table.tablesorter thead tr .headerSortDown {
        background-image: url("/Content/images/Modules/desc.png");
    }

    table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
        background-color: transparent;
    }

/*********************Table Sorter********************************/
.TableFilterContainer {
	height: 40px;
	text-align: right;
	background-color: #eee;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
.FilterCaption {
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #747474;
	font-weight: normal;
	font-size: 13px;
	margin: 0px 20px;
	line-height: 40px;
	display: inline-block;
}
.FilterCombobx {
	width: 150px;
}

a.AddItemButton:link, a.AddItemButton:active, a.AddItemButton:visited {
	display: inline-block;
	width: 93px;
	height: 31px;
	background-image: url('/Content/images/Modules/Add-Item-Button.png');
	background-repeat: no-repeat;
	float: left;
	margin: 5px 0px 0px 10px;
}
a.AddItemButton:hover {
	display: inline-block;
	width: 93px;
	height: 31px;
	background-image: url('/Content/images/Modules/Add-Item-Button-hover.png');
	background-repeat: no-repeat;
	float: left;
	margin: 5px 0px 0px 10px;
}
.DeleteButton {
	display: inline-block;
	width: 100%;
	height: 16px;
	background-image: url('/Content/images/Modules/delete-icon.png');
	background-repeat: no-repeat;
	background-position: center center;
}
.EditButton {
	display: inline-block;
	width: 100%;
	height: 20px;
	background-image: url('/Content/images/Modules/edit_icon.png');
	background-repeat: no-repeat;
	background-position: center center;
}
.FieldContainer {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color: #fdfdfd;
	border: 1px #e1e1e1 solid;
	padding: 2px;
}

.FieldsSeparator {
	/*background-image: url('/Content/images/Modules/separator.png');
	background-repeat: no-repeat;
    background-position: center center;*/
	height: 20px;
	
}
.FieldsCaption {
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #454545;
	font-weight: normal;
	font-size: 12px;
	background-image: url('/Content/images/Modules/bulette.png');
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	padding-right: 20px;
	margin: 0px;
}
.FieldsDot {
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #454545;
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
	text-align: center;
}
/****************************Pager***********************************************/
#pagin {
	list-style: none outside none;
	margin: 10px auto;
	padding: 0;
	text-align: center;
}
#pagin li {
	display: inline;
	margin-right: 5px;
}
#pagin li a {
	background: -moz-linear-gradient(center top, #F9F9F9 0%, #E8E8E8 100%) repeat scroll 0 0 transparent;
	background-color: #E8E8E8;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
	color: #717171;
	display: inline-block;
	font: bold 11px Arial, sans-serif;
	padding: 5px 8px;
	text-decoration: none;
	text-shadow: 0 1px white;
}
#pagin li a.current {
	background: -moz-linear-gradient(center top, #a5a5a5 0%, #c2c2c2 100%) repeat scroll 0 0 transparent;
	background-color: #57A1D8;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.8);
	color: white;
	text-shadow: 0 1px #3F789F;
}
#pagin li a:hover {
	background: -moz-linear-gradient(center top, #FFFFFF 0%, #E8E8E8 100%) repeat scroll 0 0 transparent;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.55);
}
#pagin li a:active, #pagin li a.current:active {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 1px 0 #FFFFFF !important;
}
#pagin li a.current:hover {
	background: -moz-linear-gradient(center top, #c2c2c2 0%, #a5a5a5 100%) repeat scroll 0 0 transparent;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.9);
}
/***************************************************************************************************/
button, a.button, input[type=reset], input[type=submit], input[type=button] {
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #999999;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: url('') none;
	border-radius: 4px 4px 4px 4px;
	color: #333333;
	cursor: pointer;
	display: inline-block;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 14px;
	font-weight: normal;
	outline: 0 none;
	overflow: visible;
	padding: 3px 12px;
	text-decoration: none;
	text-shadow: 0 1px 1px #FFFFFF;
	vertical-align: top;
	width: auto;
}
button:hover, a.button:hover, input [type=reset]:hover, input [type=submit]:hover, input [type=button]:hover {
	background-image: linear-gradient(#FFFFFF, #EEEEEE 1px, #CCCCCC);
	text-decoration: none;
}
button:active, a.button:active, input [type=reset]:active, input [type=submit]:active, input [type=button]:active {
	background-image: linear-gradient(#DDDDDD, #EEEEEE);
	border-color: #999999 #BBBBBB #DDDDDD;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25) inset;
}
button:-moz-focus-inner, a.button:-moz-focus-inner, input [type=reset]:-moz-focus-inner, input [type=submit]:-moz-focus-inner, input [type=button]:-moz-focus-inner {
	border: 0 none;
	padding: 0;
}
a.button {
}
button {
}
/******************************************************************************************/
.Align_01 {
	text-align: right;
}
.Align_02 {
	text-align: left;
}
/********************************************Master******************************************************************/
.SiteContainer {
	margin: 0 auto;
}
.Centered {
	text-align: center;
}
.MiddleArea {
	min-height: 400px;
	border-right: 2px #e8e8e8 solid;
	border-left: 2px #e8e8e8 solid;
}
table.MiddleArea {
	border-collapse: collapse;
	border: 0px;
	width: 100%;
}
table.MiddleArea tr td {
	vertical-align: top;
}
.ContentArea {
	margin: 0 auto;
    width:98%;
}
.FieldContainer table {
	border-collapse: collapse;
}
.FieldContainer table td {
	padding: 10px;
	vertical-align: middle !important;
}

.FieldsDotContainer {
	width: 30px;
}
.SchoolCheckBoxContainer {
	width: 300px;
	padding: 5px 0px;
	float: right;
}
.SchoolCheckBoxContainer label
{
    font-weight:normal;
}
.Asterisk {
	color: red;
}
.TableSpaceing {
	border-collapse: collapse;
}
.TablePadding tr td {
	padding: 0px;
}
tr.Header {
	background-color: #4c4f53 !important;
}
tr.Header td {
	color: #fff !important;
	font-family: GESSTwoLight,GESSTwo,Tahoma !important;
	font-size: 14px !important;
	font-weight: normal !important;
	padding: 5px !important;
}
td.Theader {
	background-color: #4c4f53 !important;
	text-align: center !important;
	color: #fff !important;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 14px;
	font-weight: normal;
	padding: 5px !important;
}
tr.Header p {
	text-align: right;
	color: #fff;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
}
.AppraisalGrade {
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #454545;
	font-weight: normal;
	font-size: 14px;
	background-image: url('/Content/images/Modules/bulette.png');
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	padding-right: 20px;
	margin: 0px;
}
.AppraisalGrade a, .AppraisalGrade a:hover {
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #B50814;
	font-weight: normal;
	font-size: 14px;
	text-decoration: underline;
}
/*********************Report Table********************************/
table.ReportTable {
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 8pt;
	text-align: right;
	width: 100%;
	border-collapse: collapse;
}
table.ReportTable thead {
	background-color: #4c4f53;
}
table.ReportTable tr.Head02 td {
	background-color: #4c4f53 !important;
	border: 1px solid #f5f5f5;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	height: 37px;
	text-align: center;
	vertical-align: middle;
	padding: 0px 8px;
}
table.ReportTable thead tr th, table.ReportTable tfoot tr th {
	border: 1px solid #f5f5f5;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	height: 37px;
	text-align: center;
	padding: 0px 8px;
}
table.ReportTable thead tr .header {
	background-image: url("/Content/images/Modules/bg.png");
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}
table.ReportTable tbody td {
	border: 1px #e4e4e4 solid;
	color: #5c5c5c;
	padding: 5px;
	vertical-align: middle;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #0096c7;
	font-weight: normal;
	font-size: 13px;
}
table.ReportTable tbody td a {
	color: #0096c7;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-weight: normal;
	font-size: 13px;
	text-decoration: underline;
}
table.ReportTable tbody td a:hover {
	color: #0096c7;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-weight: normal;
	font-size: 13px;
	text-decoration: underline;
}
table.ReportTable tbody tr.odd td {
	background-color: #fff;
}
table.ReportTable thead tr .headerSortUp {
	background-image: url("/Content/images/Modules/asc.png");
}
table.ReportTable thead tr .headerSortDown {
	background-image: url("/Content/images/Modules/desc.png");
}
table.ReportTable thead tr .headerSortDown, table.ReportTable thead tr .headerSortUp {
	background-color: transparent;
}
th.FormColumn {
	width: 250px;
}
/*********************Report Table********************************/
.UnitsStatusTitle {
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #454545;
	font-weight: normal;
	font-size: 14px;
	background-image: url('/Content/images/Modules/bulette.png');
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	padding-right: 20px;
	margin: 0px;
}
.Theader p.FieldsCaption {
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	background-image: url('/Content/images/Modules/bulette.png');
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	padding-right: 20px;
	margin: 0px;
}
.ReplayContainer {
	padding: 10px;
	margin: 2px 0px;
	background-color: #ededed;
}
.NewsDivImage {
	text-align: center;
	padding: 10px 0 0 0;
}
/*Popup UI Overwirte options*/
.ui-dialog-buttonset {
	float: none !important;
	text-align: center !important;
}
.main-dialog-class .ui-widget-header {
	background-color: #4c4f53;
    background-image:none !important;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #fff !important;
	text-align: center !important;
	color: #fff;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 14px;
	font-weight: normal;
}
.main-dialog-class .ui-widget-content {
	background-image: none;
	background-color: #fff;
}
/*end of Jquery Poupu Styles Overwrite*/
/*Added by Sameh to Solve Problem of AutoComplete width and height*/
.ui-autocomplete {
	max-height: 400px;
	max-width: 400px;
	overflow-y: auto; /* prevent horizontal scrollbar */;
	overflow-x: hidden;
	border: 1px solid #222;
	position: absolute;
}
.SmallText {
	width: 50px !important;
    text-align:center;
}
.AlignTop td {
	vertical-align: top;
}
.Align-01, .Align-01 td, .Align-01 div {
	text-align: right;
}
/*****************************Attachment Icon****************************************************/
.AttachmentsContainer { 
    display: inline-block;
    font-size: 12px;
    color: #216eca;
    text-align: right;
    margin: 0px 0px 5px 20px;
    float: right;
}

.AttachmentsIcon {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 22px;
	vertical-align: top;
	height: 20px;
	line-height: 20px;
	width: 180px;
	direction: ltr;
}
.DocIcon {
	background-image: url('/Content/images/Modules/doc-icon.png');
}
.ArchieveIcon {
	background-image: url('/Content/images/Modules/archive-icon.png');
}
.SpredsheetIcon {
	background-image: url('/Content/images/Modules/spred-sheet-icon.png');
}
.AudioIcon {
	background-image: url('/Content/images/Modules/audio-icon.png');
}
.powerpointIcon {
	background-image: url('/Content/images/Modules/powerpoint-icon.png');
}
.VideoIcon {
	background-image: url('/Content/images/Modules/video-icon.png');
}
.PicturesIcon {
	background-image: url('/Content/images/Modules/image-icon.png');
}
.FieldComment {
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 11px;
	color: #af3523;
}

/******************List Box ****************/
.ListBoxLeft {
	display: inline-block;
	width: 26px;
	height: 26px;
	background-image: url('/Content/images/Modules/listbox-left.png');
	background-repeat: no-repeat;
}
.ListBoxLeftAll {
	display: inline-block;
	width: 26px;
	height: 26px;
	background-image: url('/Content/images/Modules/listbox-left-all.png');
	background-repeat: no-repeat;
}
.ListBoxRight {
	display: inline-block;
	width: 26px;
	height: 26px;
	background-image: url('/Content/images/Modules/listbox-right.png');
	background-repeat: no-repeat;
}
.ListBoxRightAll {
	display: inline-block;
	width: 26px;
	height: 26px;
	background-image: url('/Content/images/Modules/listbox-right-all.png');
	background-repeat: no-repeat;
}
table.ListBox {
	border-collapse: collapse;
	background-color: transparent;
}
table.ListBox tr.odd {
	background-color: transparent;
}
table.ListBox tr.even {
	background-color: transparent;
}
table.ListBox td {
	padding: 5px;
	vertical-align: top;
}
select.ListBox {
	min-width: 210px !important;
    width: 100% !important;
	height: 150px;
    font-size:12px !important;
}
select.ListBox option {
	line-height: 2;
}

.AddFieldButton {
	display: inline-block;
	width: 18px;
	height: 17px;
	background-image: url('/Content/images/Modules/Add-Green-Button-icon.png');
	background-repeat: no-repeat;
	vertical-align: bottom;
}
.DeleteFieldButton {
	display: inline-block;
	width: 18px;
	height: 17px;
	background-image: url('/Content/images/Modules/delete-outline-icon.png');
	background-repeat: no-repeat;
	vertical-align: middle;
}
/******************Reports Page Title****************/
.ReportTitle {
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #454545;
	font-weight: normal;
	font-size: 14px;
	background-image: url('/Content/images/Modules/bulette.png');
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	padding-right: 20px;
	margin: 0px;
}
.HighlightedReportCell {
	background-color: #0c5d96 !important;
	color: #fff !important;
	text-align: center !important;
	vertical-align: middle !important;
}

.TableFilterContainer table {
	border-collapse: collapse;
}
.TableFilterContainer table td {
	padding: 0px;
}

.ReprtIcon {
	display: block;
	width: 32px;
	height: 32px;
	background-image: url('/Content/images/Modules/report-icon.png');
	background-repeat: no-repeat;
}
.ReprtIconColumn {
	width: 35px;
	text-align: center !important;
}
.ReportPopupTitle {
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #454545;
	font-weight: normal;
	font-size: 13px;
	background-image: url('/Content/images/Modules/bulette.png');
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	padding-right: 20px;
}
.ReportPopUpContainer, .CommentsPopup {
	width: 700px;
    margin:0px auto;
}
.ReprtNombersColumn {
	width: 60px;
	text-align: center !important;
}

a.CommentsIconUnread:link, a.CommentsIconUnread:active, a.CommentsIconUnread:visited, a.CommentsIconUnread:hover {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-image: url('/Content/images/Modules/comments-icon.png');
	background-repeat: no-repeat;
}
a.CommentsIconUnreadDimmed:link, a.CommentsIconUnreadDimmed:active, a.CommentsIconUnreadDimmed:visited, a.CommentsIconUnreadDimmed:hover {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-image: url('/Content/images/Modules/comments-icons-dimmed.png');
	background-repeat: no-repeat;
}

.NoComments {
    color: #c22000;
    font-weight: bold;
    font-size: 14px;
}

.CommentCell {
    font-size: 11px;
    text-align: right;
    color: #17252f;
    line-height: 1.8;
    background-color: #fff;
    margin: 5px;
    padding: 10px;
    float: none;
}

.CommentOwner {
    color: #45a0e0;
    font-weight: bold;
}

.CommentDate {
    color: #45a0e0;
    float: Left;
    float: left;
}

a.CommentMore:link, a.CommentMore:active, a.CommentMore:visited, a.CommentMore:hover {
    font-family: Tahoma;
    font-size: 11px;
    text-align: right;
    color: #45a0e0;
}
.FieldsSubCaption {
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #d9a60a;
	font-weight: normal;
	font-size: 14px;
	background-image: url('/Content/images/Modules/bulette-02.png');
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	padding-right: 20px;
	margin: 0px;
	display: inline-block;
}

.logIcon, .LogButton {
	display: inline-block;
	background-image: url('/Content/images/Modules/log-icon.png');
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
}
.ErrorMessage {
	background-color: #FFF4CC;
	border: 1px solid #E0D098;
	border-radius: 5px 5px 5px 5px;
	color: #7D0101;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 15px;
	font-weight: normal;
	padding: 10px;
	width: 600px;
}
/******************************************Tabs************************************************/
a.Tab:link, a.Tab:active, a.Tab:visited, a.Tab:hover {
	display: inline-block;
	width: 84px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	text-decoration: none;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 11px;
	font-weight: normal;
    margin-top:4px;
}
a.Default:link, a.Default:active, a.Default:visited, a.Default:hover {
	background-image: url('/Content/images/Modules/tabs-bg.png');
	background-repeat: no-repeat;
	color: #2880bc;
}
a.Currant:link, a.Currant:active, a.Currant:visited, a.Currant:hover {
	background-image: url('/Content/images/Modules/tabs-selected-bg.png');
	background-repeat: no-repeat;
	color: #fff;
}
.TabsContentContainer {
	padding: 5px;
	background-image: url('/Content/images/Modules/tabs-container-bg.jpg');
	background-repeat: repeat-x;
	background-position: center top;

}
.TabsContentContainerBorder {
	border-right: 1px #fff solid;
	border-left: 1px #fff solid;
	border-bottom: 1px #fff solid;
	outline: #ecf5fc solid 1px;
}
.TabsContainer {
	height: 35px;
	padding: 0px 20px;
}
.TabsMainContainer {
	width: 730px;
	margin: 0px auto;
}
a.ListIcon:link, a.ListIcon:active, a.ListIcon:visited, a.ListIcon:hover {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-image: url('/Content/images/Modules/list-icon.png');
	background-repeat: no-repeat;
}
a.SelectedListIcon:link, a.SelectedListIcon:active, a.SelectedListIcon:visited, a.SelectedListIcon:hover {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-image: url('/Content/images/Modules/list-selected-icon.png');
	background-repeat: no-repeat;
}
.StudyLearningTablePopUpContainer {
	width: 600px;
	margin: 0px auto;
}
.PopUpDataContainer {
	text-align: center;
	background-color: #fff;
}
.PopUpCheckBoxContainer {
	margin: 0px auto;
	text-align: center;
}
.StudyPlaningCheckBoxContainer {
	width: 150px;
	padding: 7px;
	float: right;
}
.StudyPlaningCheckBoxContainer label {
	margin: 0px 5px;
}
.StudyPlanningSittingsFieldsCaption {
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #d9a60a;
	font-weight: normal;
	font-size: 12px;
	background-image: url('/Content/images/Modules/bulette-02.png');
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding-left: 20px;
	margin: 0px;
	width: 160px;
	display: inline-block;
}
.AddItemButtonContainer {
	height: 23px;
	background-image: url('/Content/images/Modules/add-item-container-bg.png');
	background-repeat: repeat-x;
	margin-top: 10px;
}
a.AddItem:link, a.AddItem:active, a.AddItem:visited, a.AddItem:hover {
	display: inline-block;
	width: 68px;
	height: 15px;
	background-image: url('/Content/images/Modules/add-item.png');
	background-repeat: no-repeat;
	float: left;
	margin: 5px 8px 0px 8px;
}
.AddItemContainer {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px #d4eaea solid;
	background-color: #fff;
}
.IncrementalFieldContainer {
	padding: 5px;
}
.AllCheckboxContainer {
	background-color: #CEE8FB !important;
	border: 1px solid #E4E4E4;
	color: #106199;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 14px;
	font-weight: normal;
	padding: 7px 8px;
	text-align: right;
	vertical-align: middle;
}
/******************************************Tabs************************************************/
.Stretchable {
	width: 100%;
}
.FormsContainer {
	max-width: 730px;
	width: 90%;
	margin: 10px auto;
}
.Centered {
	margin: 0px auto !important;
}
.NumbersCell {
	width: 30px;
	text-align: center;
}
.CenteredCell {
	text-align: center !important;
}
.LogButtonBig {
	display: inline-block;
	width: 79px;
	height: 28px;
	background-image: url('/Content/images/Modules/Log-button.png');
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	margin: 5px;
}
blockquote {
	padding-right: 15px;
}
#NoResultTable {
	margin: 0px auto;
}
.SmallTableContainer {
	margin: 0px auto !important;
	width: 730px;
}
.StatisticsCaption {
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #454545;
	font-size: 11px;
	background-image: url('/Content/images/Modules/bulette.png');
	background-repeat: no-repeat;
	background-position: right 6px;
	text-align: right;
	padding-right: 20px;
	margin: 0px;
	line-height: 1.8;
}
.SettingsExtensionsContainer {
	width: 250px;
}
.CheckboxCell {
	width: 40px;
	text-align: center !important;
	vertical-align: middle !important;
}

a.ViewAssignmentIcon:link, a.ViewAssignmentIcon:active, a.ViewAssignmentIcon:visited, a.ViewAssignmentIcon:hover {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url('/Content/images/Modules/view-assignment-icon.png');
	background-repeat: no-repeat;
}
.StudentsAssignmentsTableContainer {
	height: 300px;
	overflow: auto;
}
a.AcademicStructure:link, a.AcademicStructure:active, a.AcademicStructure:visited, a.AcademicStructure:hover {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url('/Content/images/Modules/hierarchy.png');
	background-repeat: no-repeat;
}
/**********************Comments*****************************/
.RolesCheckBoxContainer {
	width: 300px;
	padding: 5px;
	float: right;
	font-family: GESSTwoLight,GESSTwo,Tahoma !important;
	font-size: 11px !important;
	font-weight: normal;
}
.RolesCheckBoxContainer label {
	vertical-align: top;
	display: inline-block;
	padding-right: 5px;
}
.RolesAccordionBar {
	background-color: #aaaaaa;
	color: #fff;
    font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 15px;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: right center;
	height: 30px;
	line-height: 30px;
	padding-right: 30px;
	border-bottom: 1px #f9fafa solid;
}
.CollapsedArrow {
	background-image: url('/Content/images/Modules/collapsed-arrow.png');
}
.ShrinkedArrow {
	background-image: url('/Content/images/Modules/Shrinked-arrow.png');
}
div.RolesAccordioContent table.Permission {
	border-collapse: collapse;
	width: 100%;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 14px;
	text-align: right;
	background-color: #fff;
}
div.RolesAccordioContent table.Permission td {
	border: 1px #cfd7e4 solid;
	color: #454545;
	vertical-align: top;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	padding: 5px !important;
}
div.RolesAccordioContent table.Permission td.Title {
	background-color: #f9f9f9;
	width: 150px;
	padding: 10px;
	vertical-align: middle;
}
div.RolesAccordioContent table.Permission td label {
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 11px;
	text-align: right;
	font-weight: normal;
	padding-right: 5px;
}
/****used to make tab direction in arabic interface updated by Sameh***/
.ui-tabs {
	direction: rtl;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected, .ui-tabs .ui-tabs-nav li.ui-state-default {
	float: right;
}
.ui-tabs .ui-tabs-nav li a {
	float: right;
}
/******************************************************/
textarea {
	outline: none;
	resize: none;
}
/*Evaluation Tracking form*/
.PermissionIcon {
	display: inline-block;
	background-image: url('/Content/images/Modules/permission-icon.png');
	background-repeat: no-repeat;
	width: 20px;
	height: 19px;
}
.EvaluationFormWeightIcon {
	display: inline-block;
	background-image: url('/Content/images/Modules/Daraga.png');
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
}
.LogPopUpContainer {
	width: 98%;
	margin: 10px auto;
}
.LogPopUpContainer p {
	margin: 10px auto;
	line-height: 2;
}
.UpdateBlog {
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 11px;
	color: #454545;
	font-weight: normal;
	margin: 0px;
}
.UpdateBlogBy {
	display: inline-block;
	color: #e5af0a;
	font-weight: normal;
	background-image: url('/Content/images/Modules/update-icon.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px !important;
}

td.UnsortapleCell {
	border: 1px solid #fff;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	height: 37px;
	text-align: center;
	padding: 0px 8px;
    background-color:#4c4f53;
}

.ListItemIcon {
	display: inline-block;
	background-image: url('/Content/images/Modules/list-item-icon.png');
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}
.PrintSmallIcon {
	display: inline-block;
	background-image: url('/Content/images/Modules/print-small.png');
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}
.ActiveSmallIcon {
	display: inline-block;
	background-image: url('/Content/images/Modules/attendance-ok-icon.png');
	background-repeat: no-repeat;
	width: 20px;
	height: 19px;
}

.DeleteButtonInline {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url('/Content/images/Modules/delete-icon.png');
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
.SuspensionSmallIcon {
    background-image: url("/Content/images/Modules/SuspensionSmallIcon.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 28px;
    width: 28px;
}

.AttachmentsCell {
	background-position: right center;
	background-repeat: no-repeat;
	color: #454545;
	display: inline-block;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 11px;
	font-weight: normal;
	padding: 5px 25px 0px 5px;
}
#page-wrapper {
	background-color: #fff !important;
}
.FieldContainer p {
	margin: 5px 0px;
}
.FieldsCaptionContainer {
	width: 150px;
}
.FieldsCaptionContainer02 {
	width: 200px;
}
label {
	font-weight: normal !important;
}
.field-validation-valid {
	font-size: 10px;
	color: maroon;
}
.AttachmentLink {
    background-image: url("/Content/images/Modules/attachment-icon.png");
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 5px 20px;
}

table.Alternate tr:nth-child(odd){ background-color:#f4f4f4; }
table.Alternate tr:nth-child(even){ background-color:#fff; }

table.Alternate tr th:nth-child(odd),table.Alternate tr th:nth-child(even){ background-color:#4c4f53;}

table.tablesorter tr:nth-child(odd){ background-color:#eee; }
table.tablesorter tr:nth-child(even){ background-color:#fff; }

table.tablesorter tr th:nth-child(odd),table.tablesorter tr th:nth-child(even){ background-color:#4c4f53;}

.UnderConstruction
{
    height:390px;
    background-image: url("/Content/images/Modules/under_construction_ar.jpg");
    background-repeat: no-repeat;
    background-position:center center;
    margin:0px auto 0px auto;
    background-color:#fff;
    padding:10px;
    border-radius:7px;
}



/************** المنارات بالرياض **********************/

.RiyadhReportLogo
{
	width:70px;
	height:82px;
	background-image:url('/Content/images/Modules/Riyadh-logo.png');
	background-repeat:no-repeat;
}

/************** المنارات بالأحساء **********************/

.AhsaaReportLogo
{
	width:70px;
	height:82px;
	background-image:url('/Content/images/Modules/Ahsaa-logo.png');
	background-repeat:no-repeat;
}

/************** المنارات بالدمام **********************/

.DammamReportLogo
{
	width:70px;
	height:82px;
	background-image:url('/Content/images/Modules/Dammam-logo.png');
	background-repeat:no-repeat;
}

/************** مدارس نور الإسلام **********************/

.NoorAleslamReportLogo
{
	width:90px;
	height:82px;
	background-image:url('/Content/images/Modules/NoorAleslam-logo.png');
	background-repeat:no-repeat;
}

/************** جرين هيلز **********************/

.GHISReportLogo
{
	width:182px;
	height:82px;
	background-image:url('/Content/images/Modules/GHIS-logo.png');
	background-repeat:no-repeat;
}

/************** الفيصلية  **********************/

.FaysalyaReportLogo
{
	width:70px;
	height:82px;
	background-image:url('/Content/images/Modules/Faysalya-logo.png');
	background-repeat:no-repeat;
}

/************** المنارات بالخبر **********************/

.KhoubarReportLogo
{
	width:70px;
	height:82px;
	background-image:url('/Content/images/Modules/Khoubar-logo.png');
	background-repeat:no-repeat;
}

/************** المنارات بالمدينة **********************/

Madenah.ReportLogo
{
	width:70px;
	height:82px;
	background-image:url('/Content/images/Modules/Madenah-logo.png');
	background-repeat:no-repeat;
}
/************** المنارات بجدة **********************/

.JeddahReportLogo
{
	width:70px;
	height:82px;
	background-image:url('/Content/images/Modules/Jeddah-logo.png');
	background-repeat:no-repeat;
}

/************** Forms Style Start  **********************/
#form { 
	font-size:13px; 
	font-weight:normal; 
	color:#666;
}


h1 span {
	color: #00CC33; 
}

input.text,textarea.text, select.text { 
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: #212121 !important;
    font-family: GESSTwoLight,GESSTwo,Tahoma;
    font-size: 12px;
    padding: 5px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 60%;
}

#result { 
	color:#FF0000;
	font-style: italic;
	margin-bottom: 5px
}

.message {
	background: #33FF99;
	padding: 5px 3px;
}

img.loading-img {
	padding: 5px 3px;
}

textarea.text { 
	/*height:100px;*/
}

input#submit { 
	padding: 5px 10px; 
	background: #f2f2f2; 
	border:1px solid #e5e5e5; 
	font-style: italic; 
	font-size: 15px; 
	color: #000; 
	-moz-border-radius:15px; 
	-webkit-border-radius:15px; 
	border-radius:15px; 
}
input.TextWidth,textarea.TextWidth, select.TextWidth
{
    /*width:95%;*/
}
input.Unit
{
    /*width:90%;*/
}
input.Date
{
	width:90px;
	text-align:center;
}
input.Number
{
	width:50px;
	text-align:center;
}

input.smalltext,textarea.smalltext, select.smalltext{ 
	
  width:100px !important; 
}
input.Medtext,textarea.Medtext, select.Medtext{ 
	
  width:140px !important; 
}
/************** Forms Style End  **********************/

.nowrap-text
{
    white-space:nowrap;
}
/* styles for validation helpers */
.field-validation-error {
    color: #d01e25;
    font-size:11px;
    padding:3px 0px;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}ield-validation-valid{display:none}

 .FormsContainer1 {
    width: 95%;
    margin: 10px auto;
}

.FieldsDotContainer
{
    width:20px;
}
.TableFilterContainer div{padding:0px !important}
.checkbox, .radio{display:inline-block !important}
blockquote{font-size:initial !important;}

table.tablesorter tr:nth-child(odd){ background-color:#eee; }
table.tablesorter tr:nth-child(even){ background-color:#fff; }

table.tablesorter tr th:nth-child(odd),table.tablesorter tr th:nth-child(even){ background-color:#4c4f53;}


.content-wrapper {
    margin: 0 auto;
}

/*Reports Link*/

.ReportsButtonContainer {
    height: 55px;
    width: 400px;
    background-image: url('/Content/images/Modules/report-button-bg.jpg');
    background-repeat: repeat-x;
    border: 1px #dadada solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0px 10px;
    margin: 20px auto;
}

    .ReportsButtonContainer .ButtonIcon {
        height: 61px;
        background-image: url('/Content/images/Modules/report-button-icon.png');
        background-position: center bottom;
        background-repeat: no-repeat;
        background-position: right center;
        line-height: 61px;
        padding-right: 50px;
    }

a.ReportsButton:link, a.ReportsButton:active, a.ReportsButton:visited, a.ReportsButton:hover {

    font-size: 16px;
    color: #00a4bd;
}

.TableFilterContainer .text
{
    width:200px !important;
    
}


.TraceBackContainer {
	background-color: #f5f5f5;
	border-bottom: solid #d8d8d8 1px;
	height: 35px;
	line-height: 35px;
	margin-bottom: 20px;
}
a.TracebackHome:link, a.TracebackHome:active, a.TracebackHome:visited, a.TracebackHome:hover {
	

	display: inline-block;
	margin:2px 5px ;
    text-align:center;
}

a.TraceBackLink:link, a.TraceBackLink:active, a.TraceBackLink:visited {
	color: #454545;
	display: inline-block;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 12px;
	font-weight: normal;
    padding:0px 7px;
    height:20px;
    line-height:20px;
	text-decoration: none;
    border-right:1px solid #d3d3d3;
}
a.TraceBackLink:hover {
	text-decoration: underline;
}
.TraceBackCurrent {
    border-right:1px solid #d3d3d3;
    display:inline-block;
	color: #5d5d5d;
	font-family: GESSTwoLight,GESSTwo,Tahoma;
	font-size: 11px;
	font-weight: normal;
	padding:0px 7px;
    height:20px;
    line-height:20px;
}

.AccordionHead
{
	background-color: #4c4f53;
    border: 2px solid #e1e1e1;
    -webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
    padding: 2px;
    height:35px;
    line-height:25px;
    padding-right:10px;
   
}
.AccordionCaption
{
	color: #fff;
    font-size: 14px;
    text-align: right !important;
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:25px;
}
.AccordionHead .shrinked{ background-image: url("/Content/images/Modules/Shrinked-arrow.png");}
.AccordionHead .collapsed{ background-image: url("/Content/images/Modules/collapsed-arrow.png");}

.AccordionContent
{
    border: 1px solid #e1e1e1;
    -webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
    padding: 2px;
}

.AccordionContent .TableContainer
{
	width:50%;
	vertical-align:top;
	text-align:center;
	padding:10px;
}
.AccordionContent .DiagramContainer
{
	width:50%;
	vertical-align:top;
	text-align:left;
	padding:10px;
}
a.DownloadIcon:link, a.DownloadIcon:active, a.DownloadIcon:visited, a.DownloadIcon:hover {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/Content/images/Modules/download-icon.png');
    background-repeat: no-repeat;
}
.DeleteButtonDimmed {
	display: inline-block;
	width: 100%;
	height: 16px;
	background-image: url('/Content/images/Modules/delete-icon.png');
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
.EditButtonDimmed {
	display: inline-block;
	width: 100%;
	height: 20px;
	background-image: url('/Content/images/Modules/edit_icon.png');
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.ui-button-text
{
    font-family: GESSTwoLight,GESSTwo,Tahoma !important;
}

.dhx_cal_header
{
    background-color:#4c4f53 !important;

}
.dhx_scale_bar
{
     border-left: 1px solid #f5f5f5 !important;
     font-family: GESSTwoLight,GESSTwo,Tahoma !important;
     font-weight:normal !important;
}

.dhx_cal_date,
.dhx_cal_tab.active,
.dhx_cal_tab,
.dhx_cal_data
{
    font-family: GESSTwoLight,GESSTwo,Tahoma !important;
     font-weight:normal !important;
}


.ProgressBarContainer
{
	width:145px;
	height:18px;
	background-image:url('/Content/images/Modules/progressbar-container-bg.jpg');
	background-repeat:repeat-x;
	position:relative;
	border:1px #94cef7 solid;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.ProgressBar
{
	height:15px;
	background-image:url('/Content/images/Modules/progressbar-bg.jpg');
	background-repeat:no-repeat;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin:2px 2px
}

.ProgressBarPercentage
{
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	color:#011e2a;
	position:absolute;
	top:2px;
	left:60px;
}