.graycontent{width:96%; text-align:right; margin:0 auto; background-color:#f1f1f1; color:#0078bd; font-size:1.3em; padding:0; padding-bottom:5px; overflow: hidden;}
.graycontent .popframe{width:96%; padding-top:5px; padding-bottom:5px; margin:0 auto;}
.graycontent .popframe span.popsubtitle{direction: rtl;color:#555; margin-right:5px; font-weight:normal; font-size:0.8em; display:block;}
.graycontent .popframe input.popinput{width:88%; height:26px; text-align:right; color:#262626; direction:rtl; background:#fff url('../images/InputEmailIcon.png') right 2px no-repeat; border:none; vertical-align:middle; padding-right:32px; font-size:1.0em; margin-top:3px;}
.graycontent .popframe input.popinputerror{width:88%; height:26px; text-align:right; color:#262626; direction:rtl; background:#fff url('../images/InputEmailIcon.png') right 2px no-repeat; border:1px solid #e40613; vertical-align:middle; padding-right:32px; font-size:1.0em; margin-top:3px;}
.graycontent .popframe a.joinleftbtn{width:30%; height:20px; background-color:#eb1986; color:#fff; font-size:1.0em; font-weight:bold; float:left; margin-top:7px; display:inline-block; text-align:center; margin-left:2%;}
.bottomerrormsg{text-align: right;margin: 0 auto;}
.bottomerrormsg img{width:20px; height:auto; margin-top:4px;}
.bottomerrormsg span{margin-right:9px; font-size:12px; color:#555;background: url("../images/ErrorMsg.png") no-repeat right 5px transparent;padding: 0 26px 0 0;display: inline-block;background-size: 24px;height: 30px;line-height: 30px;}
.purplebtndiv{width:96%; margin:0 auto; color:#555555; font-size:12px; padding-top:15px; padding-bottom:3px; text-align:left;}
.purplebtndiv a.purplebtn{width:63px; background-color:#eb1986; color:#fff; text-align:center; vertical-align:middle; padding-bottom:1px; font-size:12px; line-height:18px; font-weight:bold; display:inline-block; margin-left:5px;}
.purplebtndiv .righttext{display:inline-block; float:right; margin-top:4px; margin-right:3px;}
.purplebtndiv a.purplebtn {
    background-color: #EB1986;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin-left: 5px;
    padding-bottom: 1px;
    text-align: center;
    vertical-align: middle;
    width: 63px;
    text-decoration:none;
}

.errormsgframe{width:96%; text-align:center; margin:0px auto; padding-top:50px; padding-bottom:10px;}
.errormsgframe img{width:50px; height:auto;}
.errormsgframe .contenttextframe{width:90%; margin:0px auto; text-align:center; margin-top:15px;}
.errormsgframe .contenttextframe .toppink{color:#eb1986; font-size:19px; font-weight:normal; display:block; line-height:18px;}
.errormsgframe .contenttextframe .bottomtext{color:#555; font-size:16px; font-weight:normal; display:block;margin-top: 5px;}

.liteBox{position:absolute; left: 0; top:-40px; display: none; width: 100%; height:auto; z-index:77; font-size: 2px; background-color: #292929; -moz-opacity: 0.75; opacity:.75; filter: alpha(opacity=75);}
.popsuccess{ position:relative; z-index:76; display:none; width:100%; margin:0 auto;}

/*--- cancel service pop ---*/
#cancelservicepop{position:absolute; left:0; top:0; z-index:78; width:96%; min-height:40px; background-color:#ea1985; margin:0 auto; text-align:right;}
#cancelservicepop .popframe{width:96%; padding-top:5px; padding-bottom:10px; margin:0 auto; text-align:center;}
#cancelservicepop .popframe span.title{color:#fff; display:block; font-size:19px; font-weight:bold;}
#cancelservicepop .popframe span.content{color:#000; display:block; font-size:17px; font-weight:normal; line-height:16px;}

/*--- success pop ---*/
#successpop{position:fixed;  top:80px; z-index:78; width:99%; background-color:#ace1ff; margin:0 auto; text-align:right; margin-bottom:5px;}
#successpop .rightgreen{width:13%; height:100%; /*background-color:#668c05;*/  text-align:center; vertical-align:middle; padding-top:16px;background: url('../images/Vicon.png') no-repeat 50% 50% #668c05; background-size: 19px;}
#successpop .rightred {width:13%; height:100%; /*background-color:#668c05;*/  text-align:center; vertical-align:middle; padding-top:16px;background: url('../images/Xicon.png') no-repeat 50% 50% #ff0000; background-size: 19px;}
#successpop .rightred{width:13%; height:30px; background-color:#FE0000; float:right; text-align:center; vertical-align:middle; padding-top:18px;}
#successpop .rightred img{width:18px; height:14px;}


#successpop .rightgreen img{width:18px; height:14px;}
#successpop .popframe{width:75%; text-align:right; float:right; margin-right:5px;}
#successpop .popframe span.poptitle{color:#0078bd; margin-right:5px; font-weight:normal; font-size:17px; display:block; line-height:15px; margin-top:7px;}
#successpop .popframe span.popsubtitle{color:#555555; margin-right:5px; font-weight:normal; font-size:13px; display:block; line-height:13px;}
#successpop .rightwhite{width:13%; height:60px; background-color:#ffffff; float:right; text-align:center; vertical-align:middle;}
#successpop .rightwhite.error {background: url('../images/ErrorMsg.png') no-repeat center center #ffffff; border: none!important;}

#successpop{position:fixed; left:0; top:80px; z-index:78; width:96%; background-color:#ace1ff; margin:0 auto; text-align:right; margin-bottom:5px;}
#successpop .maintableframe{min-height:44px; display:table; width:100%;}
#successpop .maintableframe .rightgreen{width:13%; min-height:30px; background-color:#668c05; display:table-cell; text-align:center; vertical-align:middle;}
#successpop .maintableframe .rightgreen img{width:18px; height:14px; vertical-align:middle;}
#successpop .maintableframe .popframe{width:75%;min-height:30px; text-align:right; float:right; margin-right:5px; display:table-cell; vertical-align:middle; padding-bottom:5px;}
#successpop .maintableframe .popframe span.poptitle{color:#0078bd; margin-right:5px; font-weight:normal; font-size:17px; display:block; line-height:15px; margin-top:7px;}
#successpop .maintableframe .popframe span.popsubtitle{color:#555555; margin-right:5px; font-weight:normal; font-size:13px; display:block; line-height:13px;}

.blackDivWrapper_fixed {
    position: fixed;
    background-color: #015D90;
    opacity: 0.7;
    filter: alpha(opacity = 50);
    z-index: 1;
    width: 100%;
    height: 100%;
}

.loader-loading-fixed {
    position: fixed;
    z-index: 10;
    left: 50%;
    top: 50%;
}

DIV.popup {
    direction: rtl;
    display: none;
}

.purplebtndiv{width:96%; margin:0px auto; color:#555555; font-size:12px; padding-top:2px; padding-bottom:3px; text-align:left;}
.purplebtndiv a.purplebtn{width:63px; background-color:#eb1986; color:#fff; text-align:center; vertical-align:middle; padding-bottom:1px; font-size:12px; line-height:18px; font-weight:bold; display:inline-block; margin-left:5px;}
.purplebtndiv .righttext{display:inline-block; float:right; margin-top:4px; margin-right:3px;}

.graycontent{width:96%; text-align:right; margin:0 auto; background-color:#f1f1f1; color:#0078bd; font-size:1.3em; padding:0; padding-bottom:5px; overflow: hidden;}
.graycontent .linedetailes{width:100%; display:block; padding-top:8px; padding-bottom:8px; height:15px;}
.graycontent .linedetailes .righttitle{width:30%; float:right; text-align:left; padding-left:2%;}
.graycontent .linedetailes .righttitle .bluetitle{color:#0078bd; font-size:15px; display:block; font-weight:bold;}
.graycontent .linedetailes .lefttextfill{width:64%; float:right; text-align:right;}
.graycontent .linedetailes .lefttextfill .leftnumber{color:#555555; font-size:15px; display:block; font-weight:bold; text-decoration:none !important; padding-right:2%;}
.graycontent .linedetailes .lefttextfill input{color:#555555; font-size:14px; display:block; height:24px; border:0px solid; text-align:right; padding-right:2%; vertical-align:middle; display:block; width:100%;}
.graycontent .linedetailes .lefttextfill .selectdiv{position:relative; width:100%; display:block; background-color:#fff; height:24px; padding-right:2%; background:#fff url('../images/Select_BlueArrowDown.png') 6px 8px no-repeat;}
.graycontent .linedetailes .lefttextfill .selectdiv select{color:#555555; font-size:14px; display:block; height:24px; border:0px solid; text-align:right; vertical-align:middle; display:block; width:100%; background-color:transparent;}

.graycontent .linedetailes .leftdatefill{width:66%; float:right; text-align:right; direction:rtl;}
.graycontent .linedetailes .leftdatefill .selectyeardiv{position:relative; width:29.5%; background-color:#fff; height:24px; padding-right:2%; float:right;}
.graycontent .linedetailes .leftdatefill .selectyeardiv select{color:#555555; font-size:14px; height:24px; border:0px solid; text-align:right; vertical-align:middle; display:block; width:100%; background-color:transparent; direction:rtl;}
.graycontent .linedetailes .leftdatefill .selectyeardiv.error { width: 28.5%; height: 22px;}
.graycontent .linedetailes .leftdatefill .selectyeardiv.error select { height: 22px;}
.graycontent .linedetailes .leftdatefill .selectmonthdiv{position:relative; width:29%; background-color:#fff; height:24px; padding-right:2%; float:right; margin-right:3%;}
.graycontent .linedetailes .leftdatefill .selectmonthdiv select{color:#555555; font-size:14px; height:24px; border:0px solid; text-align:right; vertical-align:middle; display:block; width:100%; background-color:transparent; direction:rtl;}
.graycontent .linedetailes .leftdatefill .selectmonthdiv.error { width: 28%; height: 22px;}
.graycontent .linedetailes .leftdatefill .selectmonthdiv.error select { height: 22px;}
.graycontent .linedetailes .leftdatefill .selectdaydiv{position:relative; width:29%; background-color:#fff; height:24px; padding-right:2%; float:right; margin-right:3%;}
.graycontent .linedetailes .leftdatefill .selectdaydiv select{color:#555555; font-size:14px; height:24px; border:0px solid; text-align:right; vertical-align:middle; display:block; width:100%; background-color:transparent; direction:rtl;}
.graycontent .linedetailes .leftdatefill .selectdaydiv.error { width: 28%; height: 22px; }
.graycontent .linedetailes .leftdatefill .selectdaydiv.error select { height: 22px; }


.bottomerrormsg{text-align: right;
    margin: 0 auto;
}

body{direction:rtl; font: normal 0.8em Arial; font-weight:normal;}

