body
{
   margin: 2em 2em;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: Navy;
   /*background-color: #7799bb;*/
}

.front
{
   background-color: #7799bb;
}

.dev
{
   background-color: #a41009;
}

.sheet
{
   margin: 1em;
}

.page .front
{
   border-top: thin solid silver;
   border-left: thin solid silver;
   border-bottom: thin solid gray;
   border-right: thin solid gray;
   background: white;
   padding: 0.5em 1em;
   min-height: 600px;
}

.page
{
   background: white;
   padding: 0.5em 1em;
   min-height: 600px;
}

.page ul li p
{
   text-decoration: none;
   font-size: 10pt;
   margin-bottom:0px;
}

.index ul li
{
   margin-bottom:3ex;
}

.index ul li p
{
   text-decoration: none;
   font-size: 10pt;
   margin-bottom:0px;
}

.index ul li div
{
   font-size: 10pt;
   margin-top:0px;
   margin-left:50px;
}

.index ul li p a
{
   text-decoration: none;
   font-size: 12pt;
   font-weight: bold;
}

.index ul li p a img
{
   vertical-align: middle;
   padding-right: 10px;
}

.title
{
   font-size:130%;
   font-weight:bold;
   text-align:center;
   margin:auto;
}

.logo
{
   font-size: 16pt;
   font-weight: bold;
   /*text-align: center;*/
   margin:0px;
   color:silver;
}

.photo
{
   border-top:thin solid gray;
   border-left:thin solid gray;
   border-bottom:thin solid black;
   border-right:thin solid black;
}

.nophoto
{
   visibility: hidden;
}

.minor
{
   font-size:10pt;
}

.major
{
   font-weight:bold;
}

.result
{
   color: navy;
   font-weight: bold;
   font-size: 10pt;
   padding: 0.5em 1em;
   background: url(images/icon-smwarn.png) #f5f3c2 no-repeat 10px;
   padding-left:30px;
}

#result
{
   opacity: 1.0;               /* CSS3 */
   -moz-opacity: 1.0;          /* Older versions of Firefox */
   -khtml-opacity: 1.0;        /* Older versions of Safari */
   filter: alpha(opacity=100); /* Internet Explorer */
}

.error
{
   color: navy;
   font-size: 12pt;
   margin-left:1ex;
   padding: 0.5em 1em;
   background: url(images/icon-error.png) no-repeat 0px;
   padding-left:42px;
}

.warn
{
   color: navy;
   font-size: 12pt;
   margin-left:1ex;
   padding: 0.5em 1em;
   background: url(images/icon-warn.png) no-repeat 0px;
   padding-left:42px;
}

.success
{
   color: navy;
   font-size: 12pt;
   margin-left:1ex;
   padding: 0.5em 1em;
   background: url(images/icon-success.png) no-repeat 0px;
   padding-left:42px;
}

.center
{
   text-align:center;
}

.right
{
   text-align: right;
}

.listing
{
   font-size: 9pt;
   empty-cells: show;
   
}

.widearea
{
   min-width: 400px;
}

.split.l form {margin: 0px;}

.split.r form {margin: 0px;}

.split .l
{
   float: left;
   text-align: left;
   width: 50%;
   padding-left:1em;
}
.split .r
{
   float: right;
   text-align: right;
   width: 40%;
   padding-right: 1em;
   padding-top:2px;
}
.split .spacer
{
   clear: both;
   max-height: 1px;
}

.button
{
   height:26px;
   padding:2px 5px 2px 24px;
   font-family:sans-serif;
   font-weight:bold;
   color:navy;
   background-color:#DDCEFF; /*#C6C6FF;*/
   background-position:5px;
   background-repeat:no-repeat;
   margin:0px;
}

.button.add
{
   background-image: url(images/dbadd.png);
}

.button.dup
{
   background-image: url(images/dbrefresh.png);
}

.button.edit
{
   background-image: url(images/dbedit.png);
}

.button.clear
{
   background-image: url(images/dbcaldel.png);
}

.button.reset
{
   background-image: url(images/icon-smwand.png);
}

.button.selall
{
   background-image: url(images/icon-smlist.png);
}

.button.upload
{
   background-image: url(images/icon-smupload.png);
}

.button.calendar
{
   background-image: url(images/icon-smcalendar.png);
}

.button.direct
{
   background-image: url(images/icon-smdirectory.png);
}

.button.pdf
{
   background-image: url(images/icon-smpdf.png);
}

.button.exp
{
   background-image: url(images/icon-smexport.png);
}

.button.imp
{
   background-image: url(images/icon-smimport.png);
}

.button.eml
{
   background-image: url(images/icon-smemail.png);
}

.srch
{
   background-image: url(images/icon-smsearch.png);
}

.clr
{
   background-image: url(images/icon-smclear.png);
}

.button.jpg
{
   background-image: url(images/icon-smjpg.png);
}

.button.txt
{
   background-image: url(images/icon-smtxt.png);
}

.button.delete
{
   background-image: url(images/dbdelete.png);
}

.button.jump
{
   background-image: url(images/dbjump.png);
}

.button.ok
{
   background-image: url(images/icon-smok.png);
}

.button.cancel
{
   background-image: url(images/icon-smcancel.png);
}

.button.home
{
   background-image: url(images/home.png);
}

.button.return
{
   background-image: url(images/return.png);
}

.button.login
{
   background-image: url(images/icon-smlogin.png);
}

.button.exit
{
   background-image: url(images/icon-smexit.png);
}

.icon
{
   vertical-align: middle;
   margin-right: 1ex;
}

.lgbutton
{
   height:46px;
   min-width:120px;
   font-family:sans-serif;
   font-weight:bold;
   margin:0px;
   padding:0px;
}
.lgbutton .login
{
   display: inline-block;
   height:40px;
   background: url(images/icon-keylock.png) 0px 3px no-repeat;
   padding:8px 5px 2px 45px;
}
.lgbutton .exit
{
   display: inline-block;
   height:40px;
   background: url(images/icon-exit.png) 2px 4px no-repeat;
   padding:8px 5px 2px 45px;
}
.lgbutton .help
{
   display: inline-block;
   text-align: center;
   height:40px;
   background: url(images/icon-help.png) 4px 4px no-repeat;
   padding:2px 4px 2px 47px;
}
.lgbutton .email
{
   display: inline-block;
   text-align: center;
   height:40px;
   background: url(images/icon-email.png) 4px 4px no-repeat;
   padding:2px 4px 2px 47px;
}


.key
{
   background: url(images/dbkey.png) no-repeat 5px;
   padding-left: 20px;
}

th.key
{
   background: url(images/key.png) no-repeat 5px;
}

.surround
{
   background-color: #ECEDFF;
   border:2px solid #7799bb;
   padding:1em;
}

.textarea
{
   margin: 0px;
   padding: 0px;
   border-left: none;
}

.textarea .header
{
   font-weight:bold;
}

.textarea .photo
{
   border-top:thin solid gray;
   border-left:thin solid gray;
   border-bottom:thin solid black;
   border-right:thin solid black;
}

.textarea .caption
{
   font-size:10pt;
   font-style:italic;
}

.textarea .left
{
   float:left;
   text-align:center;
   margin:1ex;
}

.textarea .right
{
   float:right;
   text-align:center;
   margin:1ex;
}

.textarea .transcript
{
   font-family:Arial, Helvetica, sans-serif; 
   color:black;
}

.textarea .source
{
   font-size:10pt;
}

.textarea .node
{
   display: inline-block;
   text-align:center;
   margin:1em 1em;
   position: relative;
   vertical-align: middle;
   font-size:10pt;
   background-color: transparent;
   zoom: 1; /*IE Hack*/
   *display: inline; /*IE Hack*/
}

.node
{
   display: inline-block;
   text-align:center;
   margin:1em 1em;
   position: relative;
   vertical-align: top;
   font-size:10pt;
   background-color: transparent;
   zoom: 1; /*IE Hack*/
   *display: inline; /*IE Hack*/
}
.node.spaced
{
   margin:.5em 1em;
}

.backcaution
{
   background-color:#fefb78;
}

.backwarning
{
   background-color:#ffb5b0;
}

.busy
{
   font-size:10pt;
   /*background:#fefb78;*/
   padding:1ex;
   margin:1ex 1ex;
   /*color:red;*/
   font-weight: bold;
}

.helperbox
{
   height:108px;
   width:34px;
   display:none;
   top:50%;
   bottom:50%;
   right:25px;
   background-color:linen;
   /*background:rgba(237,243,255,0.5);*/
   background-color:rgba(250,240,230,0.75);
   border:thin solid #7799bb;
   padding-left:2px;
}

.helperbox img
{
   margin:2px 0px;
   padding:0px;
   border:0px;
}

.buttonarea.lg
{
   background:#ccc;
   margin-top:0px;
   padding:4px .5em 1px 1em;
   height: 75px;
   border-top: 1px solid white;
}
.buttonarea
{
   background:#ccc;
   margin-top:0px;
   padding:4px .5em 1px 1em;
   height:45px;
   border-top: 1px solid white;
}
.buttonarea .additem
{
   background:url(images/icon-dbadd.png) no-repeat;
   padding-left:45px;
   margin:6px auto;
   width:250px;
}
.buttonarea .edititem
{
   background:url(images/icon-dbedit.png) no-repeat;
   padding-left:45px;
   margin:6px auto;
   width:250px;
}
.buttonarea .deleteitem
{
   background:url(images/icon-dbdelete.png) no-repeat;
   padding-left:45px;
   margin:6px auto;
   width:250px;
}
.ResponseArea
{
   font-size: 10pt;
   font-weight: normal;
   color:white;
   text-align: center;
}
.ResponseArea p
{
   margin:0px;
}

.hilite
{
   background:#e9e9ff;
}
.hilite option
{
   background:#e9e9ff;
}

.units
{
   float:right;
   margin:1ex;
}
.units span
{
   color: blue;
   text-decoration: underline;
   cursor: pointer;
}

.count
{
   font-size:10pt;
   color:gray;
   font-weight: normal;
}

.grayed
{
   color: Gray;
}

.partform
{
   min-width:35ex;
   margin-left:2ex;
}

.assignform
{
   min-width:35ex;
   margin-left:1ex;
}

.blockhelp
{
   background-color:#f9f9ff;
   max-width:100ex;
}

.clickable {cursor:pointer; color:blue; font-size:10pt;text-decoration:underline;}
.grayHide {display:none;cursor:pointer;}
.grayShow {display:inline;cursor:pointer;}

.missing
{
   background-color:#ffd0d0;
}

.inactive
{
   background-color:#e7e7e7;
}

.selassign
{
   font-size:11pt;
}

.indextabs
{
   margin:0px;
   padding:0px 1em;
   text-align: center;
}
.indextabs a
{
   margin:0px;
   padding:0px;
   position: relative;
}
.indextabs a u
{
   position:absolute;
   visibility:hidden;
   top:-40px;  /* -30 */
   left:-15px; /* -15 */
   height:0; /* Opera */
   width:30;
}
.indextabs a i
{
   position:absolute;
   visibility:hidden;
   top:2px;  /* 10 */
   left:8px;  /* 8 */
   height:0; /* Opera */
   width:30;
   font-style: normal; 
}
.indextabs a:hover u
{
   visibility:visible;
   text-decoration: none;
   cursor:pointer; /* IE */
   font-size:16pt;
   height:28px; /* now set height */
   border:thin solid #7799bb;
   padding:2px 4px 2px 24px;
   background:url(images/icon-jump.png) 3px no-repeat linen;
   z-index:20; 
}
.indextabs a:hover i
{
   visibility:visible;
   text-decoration: none;
   cursor:pointer; /* IE */
   font-size:16pt;
   height:28px; /* now set height */
   border:thin solid #7799bb;
   padding:2px 4px 2px 24px;
   background:url(images/icon-jump.png) 3px no-repeat linen;
   z-index:20; 
}