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;}

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;*/
      
}
.thumbnail {
    width: 100px;
    height: auto;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for scaling and shadow */
}

.thumbnail:hover {
    transform: scale(1.5); /* Enlarge image */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Optional shadow effect */
}
.mainFrame{width:1024px;margin-top:10px;margin-left :auto;margin-right :auto ;}
/*****HEADER IN EVERY PAGE*****/
.Hgen{float:left;width:490px;/*height:30px;*/margin-top:10px;border:0px solid black;}
.Hgen1 {float:left;display:block;width:990px;/*height:30px;*/margin-top:10px;border:0px solid black;}
.HboxBtnRight{float:right;}
.HboxBtn1{float:left;width:580px;height:100px;margin-top:30px;text-align :right; border:0px solid black;}
.HboxBtn{float:left;width:210px;padding-left:10px;padding-top:10px;}
.HboxBtnMed{float:left;width:270px;padding-left:0px;padding-bottom:5px;text-align:center;}
.HboxBtnSmall{float:left;width:110px;padding-left:3px;padding-top:10px;}
.HbtnSubmit{width:100px;padding:12px 10px;background-color:#6080e9;color:white;border:none;cursor:pointer;}
.HbtnSubmit:hover{background-color:#043e90;}
.HbtnSubmit2{width:130px;padding:7px 10px;background-color:#6080e9;color:white;border:none;cursor:pointer;border-radius:5px;}
.HbtnSubmit2:hover{background-color:#4d64b2;color:white;}
.HbtnSubmit3{width:130px;padding:7px 10px;background-color:#6080e9;color:white;border:none;cursor:pointer;font-size:0.7em;}
.HbtnSubmit3:hover{background-color:#4d64b2;color:white;}
.HbtnSubmitSmall{width:50px;padding:5px 10px;background-color:#6080e9;color:white;border:none;cursor:pointer;}
.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;}
.HinfoArea1 {width:970px;display:inline-block;padding-left:10px;font-style:italic;font-size:small;}
.Hlabel0{float:left;width:180px;height:30px;margin-top :0px;margin-left:20px;border:0px solid black;font-size:small;}
.Hlabel{float:left;width:130px;height:30px;text-align:right;margin-top :0px;margin-left:0px;border:0px solid black;font-size:small;}
.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:10px;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:10px;border:0px solid black;font-size:small;}
.HlabelMulti {float:left;width:1024px;margin-top:10px;border:0px solid black;}
.HTitle {width:485px;height:30px;margin-top:10px;margin-left:10px;border:0px solid black;font-size:large ;text-shadow: 1px 1px #d1d1d1;}
.HTitle1 {width:985px;height:30px;margin-top:30px;padding-left:10px;border-bottom:2px solid black;font-size:large ;text-shadow: 1px 1px #d1d1d1;}
.Hfields{float:left;width:325px;/*height:21px;*/margin-top :0px;margin-left:20px;border:0px solid black;font-size:small;}
.Hfields1{float:left;width:auto;/*height:21px;*/margin-top :0px;margin-left:20px;border:0px solid black;font-size:small;}
.Hfields2{float:left;width:auto;height:50px;margin-bottom:10px;margin-left:20px;border:0px solid black;font-size:small;}
.Htable {float:left;width:1010px;height:500px;margin-top:15px;text-align:left;border:0px solid black;font-size:small;overflow-y:auto;display:inline-block;}
.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;}

.Hshowinfo2{float:left;width:832px;height:10px;text-align:left;font-size :x-small;margin-top:20px;margin-left:147px;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*/
.HAcadTframeSelectionLeft {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;}
/*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;}   
/*ICT*/
.HICTframeSelectionLeft {float:left;width:995px;height:130px;margin-top:0px;border:0px solid black;background-color:#d8ffde;}
.HICTframeSelectionRight {float:left;width:25px;height:130px;margin-top:0px;border:0px solid black;background-color:#013909;}
.HICTframeSelectionRight2 {float:left;width:350px;height:130px;margin-top:0px;border:0px solid black;background-color:#013909;} 

/*****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;}

/*****ICT*****/
.ICTmainFrame{width:1024px;margin-top:10px;height:750px;margin-left:auto;margin-right:auto;padding-left:10px;}
.ICTframeSelection{float:left;width:1024px;height:130px;margin-top:0px;border:0px solid black;background-color:beige;}
.ICTTitle {float:left;width:1000px;height:30px;margin-top:10px;margin-left:10px;border:0px solid black;font-size:large ;text-shadow: 1px 1px #d1d1d1;}
.ICTgen2{float:left;width:900px;margin-top:25px;border:0px solid black;}
.ICTbox{width:1010px;margin-top:43px;font-size:12px;}
.ICTReport{width:1010px;margin-top:10px;}
.ICTlabel{width:auto;float:left;padding-right:5px;}
.ICTboxBtn{width:auto;float:left;padding-top:10px;}
.ICTbtn{width:auto;border:none;cursor:pointer;padding:5px 20px;}

/*****PPQS*****/
.HQSframeSelectionLeft {float:left;width:995px;height:130px;margin-top:0px;border:0px solid black;background-color:#ffe9da;}
.HQSframeSelectionRight {float:left;width:25px;height:130px;margin-top:0px;border:0px solid black;background-color:#371600;}
.HQSframeSelectionRight2 {float:left;width:350px;height:130px;margin-top:0px;border:0px solid black;background-color:#371600;} 

/*****SA*****/
.HSAframeSelectionLeft {float:left;width:995px;height:130px;margin-top:0px;border:0px solid black;background-color:#e9e2fc;}
.HSAframeSelectionRight {float:left;width:25px;height:130px;margin-top:0px;border:0px solid black;background-color:#3304aa;}
.HSAframeSelectionRight2 {float:left;width:350px;height:130px;margin-top:0px;border:0px solid black;background-color:#3304aa;} 

/*****ADMIN*****/
.HAdminframeSelectionLeft {float:left;width:995px;height:130px;margin-top:0px;border:0px solid black;background-color:#e9e9e9;}
.HAdminframeSelectionRight {float:left;width:25px;height:130px;margin-top:0px;border:0px solid black;background-color:#545964;}
.HAdminframeSelectionRight2 {float:left;width:350px;height:130px;margin-top:0px;border:0px solid black;background-color:#545964;} 
.aTitle {width:985px;padding-top:50px;margin-bottom:10px;padding-left:10px;/*border-left:5px solid #6080e9;border-bottom:1px solid #6080e9;*/font-size:large ;text-shadow: 1px 1px #d1d1d1;}
div p.Text1
{
    font-family :Arial;font-size :small ;color:red;
    text-align :justify;
    word-wrap: break-word;letter-spacing:1px; 
}

/*****MODAL DIALOG*****/
.frameModal{width:100%;height:100%;
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:8%;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;}
.contentLabel{padding:10px 5px;width:500px;}
.contentField{width:70px;display:block;}
.contentField1{float:left;width:auto;padding-left:3px;}
.contentFieldBox{width:490px;float:left;display:inline-block;padding:5px 0px 5px 0px;}
.contentFont{font-size:0.8em;padding:2px 0px;letter-spacing:1.5px;}
.contentBtn{width:98%;text-align:right;padding-top:10px;display:inline-block;}

.groupFrameModal{width:100%;height:100%;top:0;left:0;padding-left:100px;/*margin-left:30px;position:fixed;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);box-shadow:5px 5px 30px grey;*/}
.groupModal{width:420px;height:280px;padding:10px;margin-left:auto;margin-right:auto;margin-top:50px;border:3px double #bebebe;background-color:#ffffff;border-radius:5px;}
.groupHeader{/*background-color:#9d029d;*/padding:5px;}
.groupHead{padding:15px 10px 8px 15px;height:auto;color:#808080;/*border-left:3px solid #808080;*/border-bottom:3px solid #808080;vertical-align:bottom;font-size:1.2em;letter-spacing:1px;}
.groupLabel{padding:10px 5px 10px 13px;height:190px;}
.groupLabelMain{padding:10px 5px;height:375px;}
.groupLabelAnnounce{padding:10px 5px;height:140px;}
.groupFieldBox{width:400px;padding:2px 0px;margin-top:10px;display:inline-block;}
.groupFieldGradient {width: 400px;padding: 2px 0px;margin-top: 10px;display: inline-block;padding-left: 5px;}
.groupField{float:left;width:310px;padding-left:5px;}        
.groupFont{font-size:0.8em;padding:2px 0px;letter-spacing:1px;}
.groupBoxBtn{width:100%;padding-top:20px;}        
.groupBtn{width:130px;padding:5px;border:none;border:1px solid #9d029d;cursor:pointer;background-color:#9d029d;color:white;border-radius:3px;letter-spacing:2px;}
.groupBtn:hover{background-color:#ffd1dd;color:black;}
.groupMain{width:98%;margin-left:auto;margin-right:auto;}
.groupBoxMain{width:95%;} 

.modalBackClass{background-color:black;filter:alpha(opacity=90) !important;opacity:0.6 !important;z-index:20;}

/********************* ICON / IMAGE / LOGO *****************/      
.icon{width:23px;padding:13px 8px 7px 8px;float:left;}
.imgLogo{width:180px;padding-top:20px;padding-left:0px;padding-right:5px;vertical-align:middle;}
        
/********************* GROUP LEFT *****************/
.groupModalRight{width:420px;height:280px;float:left;padding:10px;margin-left: 20px;margin-top:60px;border:3px double #bebebe;background-color:#ffffff;border-radius:5px;}

/********************* GROUP RIGHT *****************/
.groupModalLeft{width:  220px;height: 480px;padding: 10px;/*margin-left: 20px;*/margin-top: 20px;float:left;}
.boxField{width:220px;height:380px;border: 1px solid #043e90;background-color: #043e90;border-radius: 5px;/*background: url("Images/background-wth-logo-03.jpg");*/background-repeat:no-repeat;/**/}
.boxField1{width:220px;padding:10px 0px;text-align:center;background-color: #043e90;border-radius: 5px;/*background: url("Images/background-wth-logo-03.jpg");*/background-repeat:no-repeat;/**/}
.boxRound{width:190px;height:100px;margin-left:auto;margin-right:auto;/*border:1px solid rgba(190, 190, 190, 0.25);box-shadow:5px 5px 25px rgba(4, 62, 144, 0.80);*/}
          
/********************* FORM / TEXT DESIGN *****************/     
.form-text {border: none;border-radius: 3px;border: 1px solid #bdb9b9;border-bottom: 2px solid #bebebe;padding: 10px;height: 24px;font-size: 0.8em;}
.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-textSearch{padding:5px 5px 5px 0px;border-radius:5px;border:1px solid #bdb9b9;margin-top:7px;width:190px;height:18px;/*font-size :0.8em;text-align:center;*/}
.form-textMulti {height: 45px;margin-left:4px;padding: 5px;border-radius: 3px;text-align:left;vertical-align:top;border: 1px solid #bdb9b9;border-bottom: 2px solid #bebebe;}
.form-cbo{padding:5px;border-radius:5px;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;}
.text{color:white;text-align:center;letter-spacing:1px;font-family:Bahnschrift;padding-top:30px;}
.textItalic{color:white;text-align:center;font-style:italic;font-family:Calibri;padding-top:30px;}

/********************* BUTTON DESIGN *****************/ 
.btn{width:130px;padding:8px 5px;border:none;cursor:pointer;background-color:#3e61a5;color:white;border-radius:5px;}
.btn:hover{background-color:#2c4574;}
.groupBtnLogin{height:45px;float:left;border:1px solid #043e90;cursor:pointer;background-color:#043e90;color:white;border-radius:5px;}
.groupBtnReset{height:45px;float:left;border:1px solid #ff0025;cursor:pointer;background-color:#ff0025;color:white;border-radius:5px;}
.groupIcon{/*width:50px;*/float:left;border:1px solid #808080;border-radius:5px;background-color:rgba(190, 190, 190, 0.90);padding-left:3px;}
.btnLogin{width:150px;float:left;border:none;padding:10px;margin-top:5px;cursor:pointer;color:white;background-color:#043e90;letter-spacing:2px;border-radius:5px;}
.btnLogin:hover{/*background-color:#6fd3cd;*/color:yellow;}               
.btnReset{width:150px;float:left;border:none;padding:10px;margin-top:5px;cursor:pointer;color:white;background-color:#ff0025;letter-spacing:2px;border-radius:5px;}
.btnReset:hover{/*background-color:#ffd1dd*/color:black;}
.btnRed{width:130px;padding:8px 5px;border:none;cursor:pointer;background-color:#ff0025;color:white;border-radius:5px;}
.btnRed:hover{background-color:#ae0019;}

/********************* LINK DESIGN *****************/ 
.groupBoxLink{width:120px;background-color:#00938b;}
.groupLink{width:100px;float:left;border-radius:5px;}
.iconl1{width:23px;padding:13px 5px 7px 10px;float:left;}
a.gl1{padding:8px 10px;border:none;cursor:pointer;border-radius:5px;background-color:#f1f1f1;text-decoration:none;color:#000;font-size:0.8em;} 
a.gl1:hover{background-color:rgba(190, 190, 190, 0.90);color:#fff;}