/************************************************************
   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 font sizes
*************************************************************/
.shrink1 {
   font-size: 0.8em;
}

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

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

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

.onerec4 {
   height: 37em;
   overflow: auto;
}

.highlight {
   background-color : yellow;
}

/************************************************************
   Classes for borders and backgrounds for different 
   user environments.

   border, bg - student environment
   border1, bg1 - admin environment
   border2, bg2 - advisor environment
   border3, bg3 - instructor environment
*************************************************************/
.border {
   border-radius: 25px;
   border: 2px solid #990033;
   padding: 1ex;
}

.bg {
   background: #e3e3e3;  /*#b3b3b3;  greyish  */
}

.border1 {
   border-radius: 25px;
   border: 3px solid #f95700;  /* orangy  */
   padding: 1ex;
}

.bg1 {
   background: #99ebff;  /* blueish  */
}

.pending {
   background: #c8a2c8;  /* lilac  */
}

.border2 {
   border-radius: 25px;
   border: 2px solid #990033;
   padding: 1ex;
}

.bg2 {
   background: #c3c3c3;  /*  greyish  */
}

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

.bg3 {
   background: #dcb5ff;  /* purplish  */
}

/************************************************************
   Styles for divisions
*************************************************************/
#advisor_top {
}
#advisor_bot {
}
#instr_top {
}
#instr_bot {
}

#permform {
   border-radius: 25px;
   border: 2px solid #990033;
   background: #d3d3d3;  /*#b3b3b3;   */
   padding: 1em;
}

#nav {
   float : left;
   padding : 1ex;
   width : 10em;
}
#main {
   float : left;
   padding : 1ex;
   width : 35em;
}

#block {
   overflow : auto;
   clear: both;
   width : 48em;;
}

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

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

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

ul.navlist {
   list-style-type : none;
   padding-left : 1ex;
   padding-right : 1ex;
}

li.focus1 {
   background-color : #d3d3d3;
}

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

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

.debug3 {
   border: 1px solid blue;
}