@font-face { font-family: Ubuntu-L; src: url(Ubuntu-L.ttf);}
body { font-family: 'Ubuntu-L';  position:relative; margin: 20px 10% 0 10%;}
header { position:relative }
h1{ font-size:2em; font-weight:normal; border-bottom: 1px solid #FF9200;}
h2{ font-size:1.5em;font-weight:normal;}
h3{ font-size:1em;font-weight:normal;}
h4{ font-size:1em;font-weight:normal; font-style:italic;}
table { border-spacing: 0px; border-collapse: collapse; margin: 20px 0 20px 0; table-layout: fixed; width: 100%;}
th, td { /*border-bottom: 2px solid;*/ padding: 0 15px 5px 5px;  /*border-bottom:1px solid #BDBDBD;*/}

.varwidth {
    /*order: 1px solid black;*/
    overflow: hidden;
    width: auto;
    white-space: nowrap;

}

.fixedwidth {
    /*border: 1px solid black;*/
    overflow: hidden;
    width: 230px auto;
    white-space:nowrap;
    text-overflow: ellipsis;
}

.flexwidth {
    overflow: hidden;
    width: auto;
    max-width: 10%;
    white-space:nowrap;
    text-overflow: ellipsis;

}


.c1 { border-right: 2px solid;}
.midc {border-left: 1px solid #BDBDBD; border-right: 1px solid #BDBDBD;}
.tableselect { margin: 0 25% 0 25%; }
a { color:black; font-style:normal; text-decoration:none; }
a:hover { text-decoration:underline;}

#sec1 {  position:relative; margin-top:10px;}
#subhead { position:absolute; left:0; }
#sv { position:absolute; right:0; }
#pblist { position:absolute; margin-top:50px;}

/* Block link navigation */
#navigation { display:inline-block; width: 100%; margin-top: 30px; }
.link { float:left; margin-left: 5px;}
.link a { display:table-cell;
          width:150px;
          height:100px; 

          border:solid;
          border-color:#FF9200;
          border-radius: 12px;
          vertical-align:middle;
          text-align:center;
}
.link :hover { background-color:#FF9200; color:white; }

/* Navigation */
#nav { margin-top: 1px; height:16px; }
#homelink { float:left;}
#publink {float: left; margin-left: 5px; }
#userdetails { float:right; }

/* Search display */
#searchoptions { width: 100%; margin-top:25px;}
.searchgroup {  width: 100%; display:inline-block; }
.searchgroup label, select {float:left;}
.searchgroup label { display: block; width: 120px; text-align:right; padding-top:3px;}
.searchgroup select { margin-left: 5px; width:200px;}
.searchgroup input, textarea { margin-left: 5px; width:190px;}
.searchsubmit {  margin: 10px 0 50px 125px; }


#pubdisplay { width:100%; margin-top: 50px;  }

#sresults { height:100%; position:relative; margin-bottom:50px; }
#pcount { position:absolute; left: 0;}
#xpxl { position:absolute; right: 0;}

/* Programmes */
#pgbasic { width:100%; min-height:1.5em; margin-top:5px; }
#pgthm { float:left; }
#pgyr { float:right;}
#pgclus { clear:both;}

#pgdetails { margin-top: 25px; }
.pgsec { border-width:thin; border-bottom: 1px solid; cursor: pointer; margin:35px 0 35px 0;}
#pgif { text-align:left; }


.lboxlink { cursor:pointer; }
.staffroleedit { cursor:pointer }
.staffroleremove { cursor:pointer }
.lboxlinkprogrammeedit { cursor:pointer; }
.lboxlinkplatformadd { cursor:pointer; }
.lboxlinkmilestoneedit { cursor:pointer; }
.lboxlinkmilestoneremove { cursor:pointer; }
.lboxlinktargetadd { cursor:pointer; }
.lboxlinktargetremove { cursor:pointer; }
.lboxlinktargetedit { cursor:pointer; }
.lboxlinkstatusadd { cursor:pointer; }
.lboxlinkstatusedit { cursor:pointer; }
.lboxlinkstatusremove { cursor:pointer; }
.lboxlinkbudgetedit { cursor:pointer; }
.lboxlinkbudgetremove { cursor:pointer; }
.lboxlinkstaffedit { cursor:pointer; }
.lboxlinkstaffremove { cursor:pointer; }
.lboxlinknotesedit { cursor:pointer; }
.lboxlinknotesremove { cursor:pointer; }


#overlay { position:fixed; top:0; right:0; bottom:0; left: 0; 
           background-color: #BDBDBD; opacity: 0.7;}        
.lbox { position:fixed;top:0; height: 400px; width: 500px;
        margin: 250px 0 0 100px; background-color: white; 
        border: 1px solid #FF9200; border-radius:12px;}
.closebox { float:right; margin:5px 5px 0 0; cursor:pointer; }
.boxhead { position:relative; margin: 50px 10% 0 25%; text-decoration:underline #FF9200; } 
.boxform { margin: 25px 10% 0 10%;  }


tbody tr:nth-child(odd){
  background-color: #e2edff;
}