@font-face {
	font-family: 'AraJozoor-Regular';
	src: url('font/AraJozoor-Regular.eot');
	src: local('☺'), url('font/AraJozoor-Regular.woff') format('woff'), url('font/AraJozoor-Regular.ttf') format('truetype'), url('font/AraJozoor-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
     font-size: 12px;
}


html {
    height: 100%;
}

body {
    padding: 0px;
    border-spacing: 0px;
    height: 100%;
    color: #1F518B;
}



main {
    height: 100%;
    background-color: #FFFFFF;
    width: 100%;
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-color: #FFFFFF;
    border-left-color: #FFFFFF;
}

.ImageCellBorderStyle {
                padding: 0px;
                border-width: thin; 
                border-color: #1488C8; 
                background-position: right center; 
                /*background-image: url('Images/Login.jpg');*/ 
                background-repeat:no-repeat;
                background-size:cover;
                height: 100%; 
                border-right-style: solid; 
                margin-right: 5px;
                
}

.ImageCellBorderStyleR {
    padding: 0px;
    border-width: thin;
    border-color: #1488C8;
    background-position: left center;
    /*background-image: url('Images/Login.jpg');*/
    background-repeat:no-repeat;
    background-size:cover;
    height: 100%;
    border-left-style: solid;
    margin-left: 5px;
}

.LoginCellBorderStyle {
    border-style: none none none solid;
    border-width: medium;
    border-color: #1488C8;
    margin-left: 5px;
    padding-left: 5px;
    width: 350px;
}


h1 
{

}

a 
{
    border-style: none;
    border-width: 0px;
    color: #E91222 ;
}

header {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 75px;
    background-color: #F7E041;
    color: #1F528B;
    border-collapse: collapse;
    border-spacing: 0px;
}

footer {
    padding: 0px 10px 0px 10px;
    background-color: #F7E041;
    margin: 0px;
    width: 100%;
    height: 30px;
    color: #1F528B;
    border-collapse: collapse;
    border-spacing: 0px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #1488C8;
    position: fixed;
    bottom: 0;
    vertical-align: middle;
}

.CommomnTable 
{
    padding: 0px; 
    margin: 0px; 
    border: thin solid #1488C8; 
    width: 100%; 
    border-collapse: collapse;
}

.CommomnTD 
{
    border: 2px solid #1488C8;
}

.PlaceHolderSection {
    height:auto;
}

.TopHeaderSection {
    padding: 0px 10px 0px 10px;
    height: 45px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #1488C8;
}

.HeaderTable {
    padding: 0px;
    margin: 0px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

.SearchSection {
    background-color: #E91222;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #1488C8;
    width: 100%;
    height: 40px;
    color: #F7E041;
    vertical-align: middle;
    margin-top: 3px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #1488C8;
    line-height: 3px;
}

.HeaderSearchTable {
    width: 100%;
}

.AlertCell {
    background-position: left 4px;
    padding: 5px;
    vertical-align: top;
    text-align: right;
    background-image: url('images/Seprator-Background.png');
    background-repeat: no-repeat;
}

.AlertCellR {
    background-position: right 4px;
    padding: 5px;
    vertical-align: top;
    text-align: left;
    background-image: url('images/Seprator-Background.png');
    background-repeat: no-repeat;
}

.PageLogo {
    padding: 5px;
    margin: 0px;
    width: 150px;
    height: 50px;
    vertical-align: top;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0px;
    
}

.CellHelpIcon {
    background-position: left 4px;
    padding: 5px;
    margin: 0px;
    border-style: none;
    width: 35px;
    vertical-align: top;
    text-align: center;
    background-image: url('images/Seprator-Background.png');
    background-repeat: no-repeat;
    border-collapse: collapse;
    border-spacing: 0px;
}

.CellHelpIconR {
    background-position: right 4px;
    padding: 5px;
    margin: 0px;
    border-style: none;
    width: 35px;
    vertical-align: top;
    text-align: center;
    background-image: url('images/Seprator-Background.png');
    background-repeat: no-repeat;
    border-collapse: collapse;
    border-spacing: 0px;
}

.Language {
    background-position: left 0px;
    border-style: none;
    padding: 0px;
    margin: 0px;
    width: 90px;
    height: 50px;
    vertical-align: top;
    text-align: center;
    background-image: url('images/Seprator-Background.png');
    background-repeat: no-repeat;
    border-collapse: collapse;
    border-spacing: 0px;
}

.LanguageR {
    background-position: right 4px;
    border-style: none;
    padding: 3px;
    margin: 0px;
    width: 90px;
    height: 50px;
    vertical-align: top;
    text-align: center;
    background-image: url('images/Seprator-Background.png');
    background-repeat: no-repeat;
    border-collapse: collapse;
    border-spacing: 0px;
}

.UserInfo {
    background-position: left 4px;
    margin: 0px;
    width: 150px;
    height: 50px;
    padding: 0px 0px 0px 3px;
    background-image: url('images/Seprator-Background.png');
    background-repeat: no-repeat;
    border-collapse: collapse;
    border-spacing: 0px;
    vertical-align: top;
    line-height: 0px;
}

.UserInfoR {
    background-position: right 4px;
    margin: 0px;
    width: 150px;
    height: 50px;
    padding: 0px 5px 0px 0px;
    background-image: url('images/Seprator-Background.png');
    background-repeat: no-repeat;
    border-collapse: collapse;
    border-spacing: 0px;
    vertical-align: top;
    line-height: 0px;
}

.CommonTextBox {
    font-family: 'AraJozoor-Regular';
    border-radius: 6px 6px;
    border: 2px solid #1488C8;
    color: #1488C8;
    height: 25px;
    margin-left: 0px;
    line-height: 0px;
    padding-bottom: 2px;
}


.CommonTextBoxMultiLine {
    padding: 10px 5px 10px 5px;
    font-family: 'AraJozoor-Regular';
    border-radius: 6px 6px;
    border: 2px solid #1488C8;
    color: #1488C8;

}


.TextBoxRecordNumber {
    font-family: 'AraJozoor-Regular';
    border-radius: 6px 6px;
    border: 2px solid #1488C8;
    color: #1488C8;
    height: 25px;
    width: 100px;
    text-align: center;
    line-height: 0px;
    padding-bottom: 3px;
}

.CommonWatermarkText {
    font-family: 'AraJozoor-Regular';
    border: 2px solid #1488C8;
    color: #1488C8;
    font-style: italic;
    font-weight: bold;
    height: 25px;
    font-size: x-small;
    line-height: 0px;
}

.BtnSearch {
    background-position: 0px 0px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}

.CellAppLogo {
    background-position: left 4px;
    padding: 5px;
    width: 200px;
    vertical-align: top;
    text-align: center;
    margin-left: 2px;
    background-image: url('images/Seprator-Background.png');
    background-repeat: no-repeat;
}

.CellAppLogoR {
    background-position: right 4px;
    padding: 5px;
    width: 200px;
    vertical-align: top;
    text-align: center;
    background-image: url('images/Seprator-Background.png');
    background-repeat: no-repeat;
}

.CellTextBoxSearch {
    width: 410px;
    padding: 2px 0 0 0;
    text-align: left;
    vertical-align: middle;
}

.CellBtnSearch {
    width: 25px;
    vertical-align: middle;
    text-align: left;
    
}

.SiteMapCell {
    background-position: left 0px;
    padding: 0px 0px 0px 5px;
    background-image: url('images/Seprator-Background.png');
    background-repeat: no-repeat;
    color: #F7E041;
}

.SiteMapCellR {
    background-position: right 0px;
    padding: 0px 5px 0px 0px;
    background-image: url('images/Seprator-Background.png');
    background-repeat: no-repeat;
    color: #F7E041;
}

.PageTitle {
    background-position: left 0px;
    padding: 0px;
    background-image: url('images/Seprator-Background.png');
    background-repeat: no-repeat;
    text-align: center;
    width: 200px;
    font-weight: bold;
    color: #F7E041;
    vertical-align: middle;
}


.PageTitleR {
    background-position: right 4px;
    padding: 0px;
    background-image: url('images/Seprator-Background.png');
    background-repeat: no-repeat;
    text-align: center;
    width: 200px;
    font-weight: bold;
    color: #F7E041;
    vertical-align: middle;
}

.FooterCopyrightCell {
    margin: 0px;
    padding-left: 3px;
    font-size: x-small;
    width: 200px;
    border-collapse: collapse;
    border-spacing: 0px;
    vertical-align: bottom;
    text-align: left;
}

.FooterFavoritCell {
    margin: 0px;
    padding-left: 4px;
    font-size: x-small;
    vertical-align: bottom;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0px;
}

.LinkWhitTage {
    color: #E91222;
}

.LinkColorTage {
    color: #E91222 ;
}

.LargeButton {
    font-family: 'AraJozoor-Regular';
    border-radius: 25px;
    margin: 5px;
    border-style: solid;
    border-width: 1px;
    background-color: #F7E041;
    color: white;
    width: 80%;
    height: 25px;
    font-size: x-small;
    font-weight: lighter;
    color: #1F528B;
}

.LargeButton:hover {
    font-family: 'AraJozoor-Regular';
    border-radius: 25px;
    margin: 5px;
    border: 1px solid #1488C8;
    border-style: none;
    border-width: 1px;
    color: #1488C8;
    width: 80%;
    height: 25px;
    font-weight: bold;
    font-size: x-small;
}

    .LargeButton:corner-present 
    {
        border-radius: 5PX 5PX;
    }

.CustomComboBoxStyle .ajax__combobox_textboxcontainer input {
    font-family: 'AraJozoor-Regular';
    background-color: #FFFFFF;
    color: #1F518B;
    width: 200px;
    height: 25px;
}

.CustomComboBoxStyle .ajax__combobox_buttoncontainer button {
    font-family: 'AraJozoor-Regular';
    margin: 5px;
    border-style: solid;
    border-width: 1px;
    background-color: #F7E041;
    color: #E91222;
    width: 25px;
    height: 25px;
    font-size: x-small;
    vertical-align: middle;
    text-align: center;
}

.CustomComboBoxStyle .ajax__combobox_itemlist
{
    border-width: 1px;
    border-style: solid;
    background-color: #F7E041;
    width: 200px;
    font-size: small;
    color: #E91222;
    font-family: 'AraJozoor-Regular';
}


.SmallButton {
    font-family: 'AraJozoor-Regular';
    border-radius: 15px;
    margin: 3px;
    border-style: solid;
    border-width: 1px;
    background-color: #F7E041;
    width: 80%;
    height: 20px;
    font-size: 9px;
    vertical-align: middle;
    text-align: center;
    color: #1F528B;
    font-weight: lighter;
}

.SmallButton:hover {
    font-family: 'AraJozoor-Regular';
    border-radius: 15px;
    border: 1px solid #1488C8;
    margin: 3px;
    color: #1488C8;
    width: 80%;
    height: 20px;
    font-size: 9px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    font-weight: lighter;
}

    .SmallButton:corner-present 
    {
        border-radius: 2PX 2PX;
    }

.SelectedButton {
    font-family: 'AraJozoor-Regular';
    border-radius: 15px;
    margin: 5px;
    border-style: solid;
    border-width: 1px;
    background-color: #F7E041;
    color: #1F528B;
    width: 80%;
    height: 25px;
    font-size: xx-small;
    vertical-align: middle;
    text-align: center;
}




.Grid {
    width: 100%;
    border: 1px solid #1488C8;
}

.GridHearderStyle {
    border: 1px solid #1488C8;
    background-color: #1488C8;
    font-weight: bold;
    font-size: small;
    color: #F7E041;
}

.GridRowStyle {
    border-style: none;
    font-size: small;
    color: #1F528B;
    background-color: #F7E041;
}

.GridAlternativeRowStyle {
    border-style: none;
    font-size: small;
    color: #1F528B;
}

.GridSelectedRowStyle {
    border-style: none;
    font-weight: bold;
    font-size: small;
    font-style: italic;
    background-color: #F7E041;
    color: #1F528B;
}


.modalBackground {
    background-color: #F7E041;
    opacity: 0.6;
    filter: alpha(opacity=60);
    color: #1F528B;
}

.modalBackgroundSiteMap {
    background-color: #F7E041;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.SearchDialogBody {
    padding: 3px;
    background-color: #F7E041;
    border-width: medium;
    border-color: #1488C8;
    vertical-align: bottom;
    width: 630px;
}

.SearchDialogHeader {
    padding: 5px;
    border-width: medium;
    border-color: #1488C8;
    height: 20px;
    vertical-align: bottom;
    text-align: left;
}

.SearchDialogHeaderTilte {
    padding: 5px;
    background-color: #1488C8;
    vertical-align: middle;
    text-align: left;
    color: #F7E041;
}

.SearchDialogHeaderClose {
    vertical-align: middle;
    text-align: right;
    width: 20px;
}

.SearchDialogHeaderMessage {
    vertical-align: middle;
    text-align:left;
    width: 20px;
}

.RegisterControlCell {
    border-style: none none none solid;
    border-width: medium;
    border-color: #1488C8;
    margin-left: 5px;
    padding-left: 5px;
    width: 275px;
}

.ChangePasswordCell 
{
    border-style: none none none solid; 
    border-width: 3px; 
    border-color: #1488C8; 
    margin-left: 5px; 
    padding-left: 5px;
    width: 200px;
}

.ChangePasswordCellR {
    border-style: none solid none none;
    border-width: 3px;
    border-color: #1488C8;
    margin-right: 5px;
    padding-right: 5px;
    width: 200px;
}

.register {
    padding: 0px;
    border-width: thin;
    border-color: #1488C8; 
    background-position: right center;
    width: 60%;
    background-image: url('Images/Register.jpg');
    height: 100%;
    border-right-style: solid;
    margin-right: 5px;
}


.ResetPassword {
    width: 60%;
    background-image: url('Images/ResetPassword.jpg');
    height: 100%;
    background-repeat: repeat;
}

.UnauthorizedAccess {
    background-image: url('Images/Unauthorized_Access.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}
.BlackListIP {
    background-image: url('Images/BlackListIP.jpg');
    background-repeat: no-repeat;
    background-position: left top;
}
.ChooseDeviceType {
    background-image: url('Images/ChooseDeviceType.jpg'); 
    background-repeat: no-repeat;
    background-position: center top;
}
.DevicePrevented {
    background-image: url('Images/DevicePrevented.jpg');
    background-repeat: no-repeat;
    background-position: left top;
}
.DeviceUserPrevented {
     background-image: url('Images/DeviceUserPrevented.jpg');
      background-repeat: no-repeat;
       background-position: left top
}
.IsMobileQuestion {
    background-image: url('Images/IsMobileQuestion.jpg');
    background-repeat: no-repeat;
    background-position: right bottom;
}
.NotActivated {
    background-image: url('Images/NotActivated.jpg');
    background-repeat: no-repeat;
    background-position: left top;
}

.img-circle {
    border-radius: 50%;
}

.ListItemsStyle

{

    font-family:'AraJozoor-Regular';

    color:#1F518B;

    font-size:medium;

}