
/************************************************************
   Classes for messages
*************************************************************/
.error {
   border: 2px solid red;
} 
.warning {
   border: 2px solid yellow;
} 
.success {
   border: 2px solid green;
} 

.notice {
   color: red;
} 
.bignotice {
   color: blue;
   font-size: 1.5em;
}

/************************************************************
   Classes for generic widths
*************************************************************/

.xsmall {
   width : 3em;
}
.small {
   width : 6em;
}
.medium {
   width : 10em;
}
.large {
   width : 18em;
}
.xlarge {
   width : 24em;
}

/************************************************************
   Classes for displaying ta application records
*************************************************************/
.onerec {
   height: 19em;
   overflow: auto;
}

.onerec2 {
   height: 25em;
   overflow: auto;
}

.onerec3 {
   height: 31em;
   overflow: auto;
}


/*  border with round corners  */
.border {
   border-radius: 25px;
   border: 2px solid #990033;    /*  maroonish colour  */
   background: #bdbdbd;          /*#b3b3b3;  grey colour   */
   padding: 1ex;
}

.border1 {
   border-radius: 25px;
   border: 2px solid black;
   padding: 1ex;
}


.highlight1 {
   color: #990033;
}

/************************************************************
   Styles for divisions

   main - Main division block for the template files.
          This is where the main contents of the webpage
          will go.

*************************************************************/

#main {
   padding: 1ex;
   clear: both;
   overflow: auto;
}

#block {
   overflow : auto;
   clear: both;
   width : 100%;
}

#col {
   float : left;
   padding : 1ex;
}

/************************************************************
   Styles for particular elements
*************************************************************/

body {
   font-family:Verdana,Sans-serif;
} 

h1,h2,h3,h4 {
   color: #990033;      /*  maroon   */
}

nav ul {
   list-style-type : none;
   margin: 0ex;
   padding-left : 1ex;
   padding-right : 1ex;
   overflow: hidden;
}

nav li {
   float: left;
   padding-left : 1ex;
   padding-right : 1ex;
   // background-color: red;
}

ul.nomarker {
   list-style-type : none;
}


/************************************************************
   Classes for debugging
*************************************************************/

.debug1 {
   border: 1px solid red;
}
   
.debug2 {
   border: 1px solid green;
}

.debug3 {
   border: 1px solid blue;
}


/************************************************************
   Classes for fonts
*************************************************************/

.shrink {
   font-size : 80%;
}

.title {
   color: #990033;      /*  maroon   */
}

/************************************************************
   Classes for tables
*************************************************************/

.t_box {
   border: 2px solid;
   border-radius: 20px;
   padding: 1ex;
   margin-top: 1ex;
}

.fixed_h {
   height: 5em;;
   overflow: auto;
}
