body
{ 
    margin:0;
    padding:0;
    font-family: Ubuntu, sans-serif;
}

/* unvisited link */
a.e1:link {text-decoration:none; color:#545964;}

/* visited link */
a.e1:visited {text-decoration:none;color: #545964;}

/* mouse over link */
a.e1:hover{text-decoration:none;color:black;background-color :transparent ;}

/* selected link */
a.e1:active {text-decoration:none;color: #545964;}

/* unvisited link */
a.e2:link {text-decoration:none; color:white;}

/* visited link */
a.e2:visited {text-decoration:none;color: white;}

/* mouse over link */
a.e2:hover{text-decoration:none;color:black;background-color :transparent ;}

/* selected link */
a.e2:active {text-decoration:none;color: white;}

a.aApply1 {
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
    float: right;
    padding: 5px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    text-decoration: none;
    color:#000;
    background-color: #ed7700;
    
    -moz-box-shadow: inset 0 3px 8px -6px #000000;
    -webkit-box-shadow: inset 0 3px 8px -6px #000000;
    box-shadow: 15px 3px 3px #000000;
    /*box-shadow:-5px 5px 5px rgba(136, 136, 136, 0.66);*/
}

a.aApply1:hover {background-color:burlywood;}

div.linkBar
{
    background-color :#e6e7e8;
    margin-top:0px;
    height:28px;
    width:100%;
    font-size :x-small ;
    margin-left :auto ;
    margin-right :auto;  
    border-radius :0px;
    /*box-shadow : 1px 1px 1px #888888; */
}

div.linkItem
{
    background-color :#e6e7e8;
    border: 0px solid gray;
    margin-top:0px;
    font-size :x-small ;
    color:#545964;
    width:900px;
    margin-left :auto ;
    margin-right :auto; 
         
}

span 
{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    margin-top :7px;
    }

div.siteBar
{
    background-color :#dd5800;
    margin-top: 0px;
    width:100%;
    height:44px;
    -moz-box-shadow:    inset 0 3px 8px -6px #000000;
   -webkit-box-shadow: inset 0 3px 8px -6px #000000;
   box-shadow:         inset 0 3px 8px -6px #000000;
    
}

div.siteFrame
{
    background-color :transparent ;
    margin-top: 0px;
    width:1024px;
    height:44px;
    margin-left :auto ;
    margin-right :auto; 
       
}

div.siteItem
{
    float:right;
    background-color :transparent ;
    margin-top: 0px;
    width:800px;
    height:44px; 
    text-align :right;
    color:white;
}

span.siteBtn
{
    display: inline-block;
    vertical-align: middle ;
    line-height: normal;
    margin-top :15px;
}

#Main 
{
    margin:0px;
    margin-top: 0px;
    width: 1040px;
    height:auto;
    padding: 0px;
    border: 0px solid grey;
    margin-left:auto ;
    margin-right:auto;
    /*border-radius :5px;
    box-shadow:-5px 0 30px -100px #888888, 1px 0 15px 5px #888888; */
    /*box-shadow : 5px 5px 5px #888888;*/
      
}

.siteBarRight 
{
    right: 0;
    float: right;
    margin-top: 0px;
    padding: 10px;
    padding-left:0px;
    height: /*468px*/100%;
    width: 40px;
}

.siteBarRightFrame
{
    width:100%;margin-left:auto;margin-right:auto;margin-top:75px;
    padding-right:5px;
}

.siteBarRightFrame1
{
    width:100%;margin-left:auto;margin-right:auto;margin-top:5px;
    padding-right:5px;
}

.siteImg
{
    width:33px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:5px;
    padding-right:5px;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
    margin-right:10px;
  visibility: hidden;
  width: 120px;
  background-color: #fff;
  color: #000;font-size:0.8em;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;opacity:0.8;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 110%;
}


.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


.mainFrame{width:1024px;margin-top:10px;margin-left :auto;margin-right :auto ;}
/*****HEADER IN EVERY PAGE*****/
.HboxBtn{float:left;width:210px;padding-left:10px;padding-top:10px;border-radius:3px;}
.HboxBtnMed{float:left;width:270px;padding-left:0px;padding-bottom:5px;text-align:center;border-radius:3px;}
.HboxBtnSmall{float:left;width:110px;padding-left:3px;padding-top:10px;border-radius:3px;}
.HbtnSubmit{width:100px;padding:5px 10px;background-color:#6080e9;color:white;border:none;cursor:pointer;border-radius:3px;}
.HbtnSubmit2{width:120px;padding:5px 10px;background-color:#6080e9;color:white;border:none;cursor:pointer;border-radius:3px;}
.HbtnSubmit2:hover{background-color:#4d64b2;color:white;}
.HbtnSubmitSmall{width:50px;padding:5px 10px;background-color:#6080e9;color:white;border:none;cursor:pointer;border-radius:3px;}
.Hbox{width:550px;float:left;padding:5px;}
.HboxLabel{width:900px;display:inline-block;padding-top:20px;}
.HboxLabel1{width:990px;display:inline-block;padding-top:10px;}
.HboxLabel2 {float:left;width:275px;margin-top:0px;text-align:left;margin-bottom:10px;margin-left:0px;border:0px solid black;font-size:small;}
.HinfoArea {float:left;width:1000px;height:680px;margin-top:30px;margin-left:0px;border:0px solid black;}
.Hlabel1 {float:left;width:150px;font-size:small;float:left;}
.Hlabel2 {float:left;width:180px;height:30px;margin-left:10px;text-align:left;border:0px solid black;font-size:small;}
.Hlabel3 {float:left;width:300px;height:30px;margin-top:0px;text-align:left;margin-top:0px;margin-left:5px;border:0px solid black;font-size:small;}
.label2 {float:left;width:185px;height:30px;margin-left:10px;text-align:left;border:0px solid black;font-size:small;}
.HTitle {width:485px;height:30px;margin-top:10px;margin-left:10px;border:0px solid black;font-size:large ;text-shadow: 1px 1px #d1d1d1;}
.Htable {float:left;width:1010px;height:600px;padding-top:15px;text-align:left;border:0px solid black;font-size:small;}
.HshowInfo {float:left;width:800px;text-align:left;padding-top:8px;padding-left:10px;margin-right:0px;border:0px solid black;font-size:small;color:red;}
.HlistHolder {float:left;width:280px;height:680px;margin-top:30px;border:0px solid black;}
.HTableLeft{width:300px;height:450px;float:left;/*overflow-y:auto;*/}
.HTableRight{width:600px;float:left;height:550px;/*overflow-y:auto;*/}

/*ACADEMIC*/
.HAcadframeSelectionLeft {float:left;width:995px;height:130px;margin-top:0px;border:0px solid black;background-color:#f8eee6;}   
.HAcadframeSelectionRight {float:left;width:25px;height:130px;margin-top:0px;border:0px solid black;background-color:#c97472;}   
.HAcadframeSelectionRight2 {float:left;width:350px;height:130px;margin-top:0px;border:0px solid black;background-color:#c97472;}
/*ACADEMIC TUTOR*/
.HAcadTframeSelectionLeft {float:left;width:995px;height:170px;margin-top:0px;border:0px solid black;background-color:#f8eee6;}   
.HAcadTframeSelectionRight {float:left;width:25px;height:170px;margin-top:0px;border:0px solid black;background-color:#c97472;}   
.HAcadTframeSelectionRight2 {float:left;width:350px;height:170px;margin-top:0px;border:0px solid black;background-color:#c97472;}
/*REGISTRAR*/
.HRegframeSelectionLeft {float:left;width:995px;height:130px;margin-top:0px;border:0px solid black;background-color:beige ;}
.HRegframeSelectionRight {float:left;width:25px;height:130px;margin-top:0px;border:0px solid black;background-color:burlywood ;}
.HRegframeSelectionRight2 {float:left;width:350px;height:130px;margin-top:0px;border:0px solid black;background-color:burlywood;}  
/*SSD*/
.HSSDframeSelectionLeft {float:left;width:995px;height:130px;margin-top:0px;border:0px solid black;background-color:#e9edf6 ;}
.HSSDframeSelectionRight {float:left;width:25px;height:130px;margin-top:0px;border:0px solid black;background-color:#003cff;}
.HSSDframeSelectionRight2 {float:left;width:350px;height:130px;margin-top:0px;border:0px solid black;background-color:burlywood;}    
/*HOMES*/
.HHomesframeSelectionLeft {float:left;width:995px;height:130px;margin-top:0px;border:0px solid black;background-color:#e0f0fe;}
.HHomesframeSelectionRight {float:left;width:25px;height:130px;margin-top:0px;border:0px solid black;background-color:#0459aa;}
.HHomesframeSelectionRight2 {float:left;width:350px;height:130px;margin-top:0px;border:0px solid black;background-color:#0459aa;}   
/*RC*/
.HRCframeSelectionLeft {float:left;width:995px;height:130px;margin-top:0px;border:0px solid black;background-color:#f6e7e7;}
.HRCframeSelectionRight {float:left;width:25px;height:130px;margin-top:0px;border:0px solid black;background-color:#aa0000;}
.HRCframeSelectionRight2 {float:left;width:350px;height:130px;margin-top:0px;border:0px solid black;background-color:#aa0000;} 

/*****CMMD*****/
.CMMDmainList{width:100%;}
.CMMDtitleFrame{width:100%;background-color:#fafafa;height:50px;border-bottom :1px solid #a4a4a4; }
.CMMDTitle{width:auto;font-size:1.8em;color:#808080;margin-left:30px;margin-top :8px; }
.CMMDframe{float:left;width:99%;height:680px;background-color:white;margin-left:8px;margin-top:10px;box-shadow :1px 1px 3px 3px grey;border-radius:3px; }
.CMMDbox{width:97%;font-size:medium;font-size:0.9em;padding-top:13px;padding-left:35px;display:inline-block;}
.CMMDsearchItem {float:left;padding:0px 10px 0px 0px;}
.CMMDsearchItem1 {float:left;padding-top:15px;}
.CMMDtable{width:auto;height:600px;overflow-y:auto;font-size:0.8em;}
.CMMDbtnView{width:150px;cursor:pointer;border:none;padding:5px 8px;color:#043e90;background-color:#e2e2e2;border-radius:8px;}
.CMMDbtnView:hover{background-color:#043e90;color:white;}
.CMMDgvBtn,.CMMDgvBtn1{width:auto;padding:4px 6px;border:none;cursor:pointer;background-color:#043e90;color:white;font-size:0.9em;border-radius:5px;}
.CMMDgvBtn:hover{background-color:#005bdb;color:#f5ff00;}
.CMMDgvBtn1:hover{background-color:#ff0000;color:white;}
.CMMDstyled-select{height:25px;overflow:hidden;border:none;border:1px solid #bebebe;border-bottom:2px solid #bebebe;border-radius:3px;}
.CMMDstyled-select:focus{border-bottom:2px solid #043e90;}

/*****SSD*****/
.SSDmainFrame{width:1024px;margin-top:10px;height:750px;margin-left:auto;margin-right:auto;padding-left:10px;}
.SSDframeSelection{float:left;width:1024px;height:130px;margin-top:0px;border:0px solid black;background-color:beige;}
.SSDTitle {float:left;width:1000px;height:30px;margin-top:10px;margin-left:10px;border:0px solid black;font-size:large ;text-shadow: 1px 1px #d1d1d1;}
.SSDgen2{float:left;width:900px;margin-top:25px;border:0px solid black;}
.SSDbox{width:1010px;margin-top:43px;font-size:12px;}
.SSDReport{width:1010px;margin-top:10px;}
.SSDlabel{width:auto;float:left;padding-right:5px;}
.SSDboxBtn{width:auto;float:left;padding-top:10px;}
.SSDbtn{width:auto;border:none;cursor:pointer;padding:5px 20px;}


/****Sidma Academy****
.SAframeSelectionLeft {float:left;width:995px;height:130px;margin-top:0px;border:0px solid black;background-color:#e0f0fe;}
.SAframeSelectionRight {float:left;width:25px;height:130px;margin-top:0px;border:0px solid black;background-color:#0459aa;}
.SAframeSelectionRight2 {float:left;width:350px;height:130px;margin-top:0px;border:0px solid black;background-color:#0459aa;} 
.SATitle {width:985px;height:30px;margin-top:30px;border:0px solid black;font-size:large ;text-shadow: 1px 1px #d1d1d1;}
.SAprogramme {float:left;width:1024px;height:30px;margin-top:30px;border:0px solid black;}
.SAlabel0{float:left;width:130px;height:30px;text-align:right;border:0px solid black;font-size:small;}
.SAfields0{float:left;width:700px;height:30px;margin-top:0px;margin-left:20px;border:0px solid black;font-size:small;}
.SAgen{float:left;width:510px;height:30px;margin-top:25px;border:0px solid black;}
.SAgen2{float:left;width:900px;height:30px;margin-top:25px;border:0px solid black;}
.SAlabel{float:left;width:130px;height:30px;text-align:right;margin-top :0px;margin-left:0px;border:0px solid black;font-size:small;}
.SAfields{float:left;width:325px;height:21px;margin-top :0px;margin-left:20px;border:0px solid black;font-size:small;}
.SAfields2{float:left;width:auto;height:21px;margin-top :0px;margin-left:20px;border:0px solid black;font-size:small;}
.SAmulti {float:left;width:1024px;height:60px;margin-top:10px;border:0px solid black;}
.SAlabelMulti{float:left;width:130px;height:30px;text-align:right;margin-top :0px;margin-left:0px;border:0px solid black;font-size:small;}
.SAfieldsMulti{float:left;width:832px;height:60px;margin-top :0px;margin-left:20px;border:0px solid black;}
.SAinfo{float:left;width:832px;height:10px;text-align:left;font-size :x-small;margin-top:20px;margin-left:147px; }
.SAnext{float:left;width:985px;height:100px;margin-top:30px;text-align :right; border:0px solid black;}
.SAbtnNext {
    background-color: #6080e9;
    border: none;
    color: white;
    padding: 5px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}*/

.form-text {
    border: none;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #bdb9b9;
    border-bottom: 2px solid #bebebe;
    padding: 5px;
    height: 15px;
    font-size: 0.8em;
}

.form-textMulti {
    border: none;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #bdb9b9;
    border-bottom: 2px solid #bebebe;
    padding: 5px;
    height: 15px;
}

.form-text1{
    padding:5px;
    border-radius:5px;
    border:1px solid #bdb9b9;
    margin-top:7px;
    margin-left:4px;
    width:190px;
    height:18px;
    font-size :0.8em;text-align:center;
}
.form-text2{
    padding:5px;
    border-radius:5px;
    border:1px solid #bdb9b9;
    margin-top:7px;
    margin-left:4px;
    width:190px;
    height:18px;
    font-size :0.9em;
}
.form-text2:hover{border-bottom: 2px solid #043e90;}

.form-cbo{
    padding:5px;
    border-radius:3px;
    border:1px solid #bdb9b9;
    border-bottom: 2px solid #bdb9b9;
    margin-top:7px;
    margin-left:3px;
    height:32px;
    font-size :0.9em;color:#555454;
}
.form-cbo:hover{border-bottom: 2px solid #043e90;}

/*MODAL DIALOG*/
.frameModal{width:100%;height:100%;/*position:fixed;*/top:0;left:0;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.contentModal{width:500px;height:auto;padding:10px;margin-left:auto;margin-right:auto;margin-top:70px;border:3px double rgb(0,0,0);background-color:#ffffff;border-radius:5px;}
.contentHeader{background-color:#2c4574;padding:5px;}
.contentHead{padding:5px;color:white;border-left:3px solid white;border-bottom:3px solid white;font-size:0.9em;}
.contentLabel{width:auto;padding:10px 5px;float:left;}
.contentFieldBox{width:480px;float:left;}
.contentFieldBox1{width:460px;float:left;padding:5px 0px;}
.contentField{float:left;}
.contentFont{font-size:0.8em;padding:2px 0px;}
.contentBtn{text-align:right;}
.contentError{width:300px;height:10px;color:red;font-size:0.8em;text-align:left;padding-bottom:5px;}        
.btn{width:130px;padding:5px;border:none;cursor:pointer;background-color:#3e61a5;color:white;border-radius:3px;}
.btn:hover{background-color:#2c4574;}