*,
html,
body{
    font: 400 15px/26px 'DINNextLTArabic-Light';
    color: #222;
}
.boxpage{
    width: 85%;
}
.boxpage .bannersub{
    direction: ltr;
    text-transform: capitalize;
    padding: 0.5rem 2rem;
}
.boxpage .bannersub label{
    font: 500 18px/30px 'TheSans-Plain';    
}
.boxpage .boxsub{
    direction: ltr;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    padding: 1.5rem 2rem;
}
.boxpage .boxsub li {
    margin: 1.5rem 0.5rem;
}
#contactUsMap{
    width: 100%;
}
.boxpage .boxsub .jobsList,
.boxpage .boxsub .jobsList .jobItem{
    list-style: none;
}
.boxpage .boxsub .jobsList .jobItem:not(:last-child) {
    border-bottom: 1px solid #eee;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}
.boxpage .boxsub .jobTitle{
    font: 500 22px/30px 'TheSans-Plain'; 
    margin: 0;
}
.boxpage .boxsub .jobDesc{
    font-size:16px; 
}
.boxpage .boxsub .jobSkills {
    padding-bottom: 1rem;
}
.boxpage .boxsub .jobSubtitle{
    font: 500 15px/26px 'TheSans-Plain'; 
    margin:0;
}
.boxpage .boxsub .jobSkillsList,
.boxpage .boxsub .jobSkillItem {
    margin: 0;
}
.boxpage .boxsub .applyToJobBtn{
    background: #0085bf;
    border: 2px solid #0085bf;
    color: #fff;
    float: right;
    font: 500 14px/26px 'TheSans-Plain';
    padding: 0.25rem 2rem;
    position: relative;
    top: -25px;
    
    -webkit-transition: all 200ms ease-out 50ms;
    -moz-transition: all 200ms ease-out 50ms;
    -o-transition: all 200ms ease-out 50ms;
    transition: all 200ms ease-out 50ms;
}
.boxpage .boxsub .applyToJobBtn:hover,
.boxpage .boxsub .applyToJobBtn:focus,
.boxpage .boxsub .applyToJobBtn:active {
    cursor: pointer;
    background: #fff;
    color: #0085bf;
    
    -webkit-transition: all 200ms ease-out 50ms;
    -moz-transition: all 200ms ease-out 50ms;
    -o-transition: all 200ms ease-out 50ms;
    transition: all 200ms ease-out 50ms;
}
.boxpage .boxsub .formSection {
    margin: 10px auto;
}
.boxpage .boxsub .formSection .form-col-2{
    display: inline-block;
    width: 45%;
}
.boxpage .boxsub .formSection .sectionTitle{
     border-bottom: 1px solid #ddd; 
    font: 500 italic 20px/25px 'TheSans-Plain';
    /* background: #fafafa; */
    padding: 0.5rem;
    color: #666;
}
.boxpage .boxsub .form-group {
    clear: both;
    width: 75%;
    margin: 0.25rem 0.5rem;
}
.boxpage .boxsub .form-group.w-2 {
    clear: initial;
    float: left;
    width: 26%;
}
.boxpage .boxsub .form-group .jobTitle {
    background: #eee;
    padding: 0 1rem;
}
.boxpage .boxsub  .control-label{
    display:inline-block;
    min-width: 16rem;
    font: 300 16px/30px 'TheSans-Plain'; 
}
.boxpage .boxsub .form-group.w-2 .control-label{
    min-width: 8.5rem;
}
.boxpage .boxsub .form-group.w-2 .form-control{
    width: 45%;
}
.boxpage .boxsub .form-control {
    border: 1px solid #ddd;
    border-radius: 2px;
    font: 300 14px 'TheSans-Plain';
    width: 52%;
    height: 23px;
    padding: 0.25rem;
}
.boxpage .boxsub select.form-control {
    width: 53.3%;
    height: 34px;
}
.boxpage .boxsub .form-control.smallControl {
    width: 35%;
}

.boxpage .boxsub .form-group.btnWrapper {
    width: 100%;
    text-align: right;
}
.boxpage .boxsub .form-group .applyToJobBtn {
    float: none;
    top: 0;
}
.contab .tabTitle{
    color: #ffffff;
    font: 700 14px Playf;
    text-align: center;
    text-transform: capitalize;
}
.contab li,
.contab li a{
    text-align: left;
    color: #fff  !important;
    font-size: 12px  !important;
    line-height: 20px  !important;
}

/*.mainMenuContainer a[href="http://gccaaoforum.org/"],
.StaticMenuItemStyle a[href="http://gccaaoforum.org/"]{
    background: #fff;
    color:#055695;
}*/

.newsBanner .titln,
.newsBanner .btnProMore{
    background:rgba(50,151,239,1);
    color: #fff;
}
.newsBanner .btnProMore:hover {
    background:rgba(50,151,239,0.75);
}
.newsBanner .titln > label,
.newsBanner .titln > label a {
    color: #fff;    
}
.newsBanner .newsTitle{
    font: 300 18px/30px 'TheSans-Plain';
    text-transform: capitalize;
}
.newsBanner{
    margin: 10px 0 30px !important;
}
.newsBanner ul,
.newsBanner ul > li{
    width: 98%;
    max-width: 98%;
    box-sizing: border-box;
}

.bgbody {
   margin:0px;
   padding:0px;
}


.headerW {
     background-image:url(../images/headerW.jpg);
     height:139px;
     width:100%;
}

.header {
   background:url(../images/header.jpg) 50% 0 no-repeat;
   height:139px;
   width:100%;
   margin:0px;
   padding:0px;
}


.ulfooter
{
    list-style:none;
    color:White;
    font-family:'Cocon_Next_Arabic_Light';
    font-size:16px;
    margin-right:-20px;
    margin-top:-5px;
    
}
.ulfooter a
{
     color:White;
    text-decoration:none;
    font-family:'Cocon_Next_Arabic_Light';
    font-size:16px;
    
}


.ulfooter a:hover
{
     color:#1a213c;
    text-decoration:none;
    font-family:'Cocon_Next_Arabic_Light';
    font-size:16px;
    
}


.boxtop {
    background-image:url(../images/boxtopBGG.jpg);
    background-repeat:no-repeat;
    height:226px;
    width:1030px;
    margin:0px;
    padding:0px;



}


.txtser {

    width:150px;
    height:22px;
    border:1px solid #dadada;
    background-color:#f0f0f0;
          border-right:none;
    font-family:Tahoma;
    color:#8c8c8c;
    padding-right:3px;
}
.txtser:focus {
        border:solid 1px green ;
 }

.btnser {

     background-color:#f0f0f0;
      border-right:none;
      height:24px;
}


.lblcomp {
    color:White;
    font-family:19px;
        font-family:'Cocon_Next_Arabic_Light';
}
.tabfooter{
    direction: ltr;
}
.tabfooter .tabTitle{
    text-transform: capitalize;
}
.tabfooter .contab{
}
.tabfooter .contab,
.tabfooter .dxtext{
    background: none;
    border: none;
    float: none;
    display: inline-block;
}
.tabfooter .mailSubscribtion{
    position: relative;
    top: 23px;
}
.tabfooter .mailSubscribtion #ctl00_btnSave{
    position: absolute;
    top: 20px;
    left: 92%;
    right: initial;
    height: 33px;
}
.tabfooter .mailSubscribtion li {
    list-style: none;
}
.tabfooter .mailSubscribtion li > input:not([type="submit"]),
.tabfooter .mailSubscribtion li > span{
    clear: both;
    display: inline-block;
    width: 90%;
}
.tabfooter .boxfooter{
    height: auto;
}


#dvCaptcha {
    margin-right: 16.5rem;
}
/* The alert message box */
.success{
    padding: 20px;
    background-color: green; /* Red */
    color: white;
    margin-bottom: 15px;
}

.danger{
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
}

/* The close button */
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
    color: black;
}

 div#pop-up {
            display: none;
            position: absolute;
            width: 600px;
            padding: 10px;
            background: #eeeeee;
            color: #000000;
            border: 1px solid #1a1a1a;
            font-size: 90%;
            z-index: 100000000;
        }