/*  here is the structure */

#body {
   border-top: 1px solid white;
 }

h1 {
	font-size: inherit;
	margin-top: inherit;
  	margin-bottom: inherit;
}
h2 {
	font-size: inherit;
	margin-top: inherit;
  	margin-bottom: inherit;
  }

#content, #hdrcontent {
   width: auto;
   /*background: #fcfcff;*/
   padding: 0 6px .5em 12px;
   overflow: visible;
   min-width:750px;
   clear: both!important;
   top:1em!important;
   margin-bottom:1em!important;
}

#hdrcontent {
   margin-top:.5em!important;
   margin-bottom:-.5em!important;
   padding: 0px 0px .5em 0px;
 }

 #maincontent {
   float: left;
   width:78%;
   padding-right:1px;
   margin:0 5px 0 0;
   background-color:transparent;

 }

div#flow{
   float:right;
   overflow: visible !important;
   width:74.3%;
   padding:0 0 0px 0;
   margin:0 0 0 0;
   background-position: -100px 0; /* Hide tab by default in case JS is absent */
}

 #col1  {
   float: left;
   clear: left;
   width:24%;
   margin:0;
 }

 div.nav  {
   background:#FcFcFf;
   position:relative;
   margin-bottom:1em;
   width:auto!important;
   width:100%;
   border:1px solid #CAD6E8 ;
   padding:.2em 0 .5em 0;
}

div.nav2 {
   background-color: #FFFAF0;
   position: relative;
   margin-bottom:1em ;
   width:auto!important;
   width:100%;
   border:1px solid #730;
   /*padding:1em 0 1.5em 0;*/
   padding:.5em 0 .5em 0;   
 }
 
 div.notice {
   background-color: #FFFFFF;
   position: relative;
   margin-bottom:1em ;
   /*width:auto!important;*/
   /*width:100%;*/
   border:1px solid #CAD6E8 ;
   /*padding:1em 0 1.5em 0;*/
   padding:.5em .5em .5em .5em;   
 }
 
.helpright {
	position: relative;
	float: right; # /* don't float in safari */
	top: -20px;
	margin-bottom: -20px;
}

.helptopright {
	position: absolute;
	float: right;
	top: 0px;
	left: 96%;
}


#col3 {
	float:right;
	clear: right;
	width:20%;
	margin:0 5px 0 0 ;
	padding-top:0
}
 
.schoolhdr {
	float:right;
	margin:0 5px 0 0 ;
	padding-top:0
}

.schoolwater {
	vertical-align: middle;
	position: absolute;
	bottom: 20px;
	z-index:-1;
	-moz-opacity: 0.2;
	opacity:.20;
	filter: alpha(opacity=20);
}

.schoolhdr p {
	text-align:right!important;
	padding-right:10px;
	padding-top:0px;
	position: relative;
	top: -0px;
	margin:0 0 0 0;
 }


body { /* set the relative font size of IE5-5.5 differently to everything else, and we scale it from there */
  /*background: #fff;*/
  line-height: 1.1;
  color: #555;
  font-size: small;
  font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*Global Whitespace Reset*/
body, form, input {
padding: 0;
margin: 0;
}

img {
  border: 0px none #fff;
}

.popCI {
	position: relative;
	top: 3px;
}

h3{
  color:#036;
  background: transparent;
  /*font-family:  'Century Gothic', Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif
  */
}


p {
  line-height:150%
}

a {
	font-family: 'Century Gothic', Verdana;
	cursor: pointer;
}

a:link {
  color: #06c;
  background: transparent;
}

a:visited {
  color:#4B5970;
  background: transparent;
}
a:hover {
  color: #f60;

  /* IE 7 had a problem with this next one and buttons */
  /*background: transparent;*/
}

a.greylink:link, a.greylink:visited {
	color: #555555;
	text-decoration: none;
	font-weight: normal;
	font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a.greylinkbold:link, a.greylinkbold:visited {
	color: #555555;
	text-decoration: none;
	font-weight: bold;
	font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a.greylinkbold:hover {
	color: #f60;
	text-decoration: none;
	font-weight: bold;
}

a.greylinkbold:link, a.greylinkbold:visited {
	color: #555555;
	text-decoration: none;
	font-weight: bold;
}

a.greylink:hover {
	color: #f60;
	text-decoration: none;
	font-weight: normal;
}

a.blacklink:link, a.blacklink:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a.blacklink:hover {
	color: #f60;
	text-decoration: none;
	font-weight: normal;
}

a.noLink {
	color: #555;
	text-decoration: none;
	font-weight: normal;
}

td {
  padding: 5px 10px;
  vertical-align: top;
}

.dhtmlxcalendar td {
	padding:0px 0px;
}


td a {
  font-weight: bold;
  color: #06c;
}

td a:hover {
  color: #f60;
}


/* my own tooltip */
a.mytip span {
	display: none;
}

a.mytip:hover {
	cursor: help;
	position: relative;
	text-decoration:none;
}

a.mytip:hover span {
	background:url("images/status-info.gif") no-repeat scroll 100% 5% #FFFFCC;
	border:1px dotted #C0C0C0;
	display:block;
	left:0;
	margin:4px;
	padding:5px 20px 5px 5px;
	position:absolute;
	text-decoration:none;
	color: #06c;
	font-weight:normal;
	top:2px;
	width:250px;
	z-index:300000;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow: 5px 5px 5px #666;
	-moz-box-shadow: 5px 5px 5px #666;
	-webkit-box-shadow:5px 5px 5px #666;

}

/* my absolute tooltip */
a.myatip span {
	display: none;
}

a.myatip:hover {
	cursor: help;
	position: absolute;
	text-decoration:none;
}

a.myatip:hover span {
	background:url("images/status-info.gif") no-repeat scroll 100% 5% #FFFFCC;
	border:1px dotted #C0C0C0;
	display:block;
	
	margin:10px;
	padding:5px 20px 5px 5px;
	position:absolute;
	text-decoration:none;
	color: #06c;
	font-weight:normal;

	width:250px;
	z-index:300000;
	
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow: 5px 5px 5px #666;
	-moz-box-shadow: 5px 5px 5px #666;
	-webkit-box-shadow:5px 5px 5px #666;
	
	-moz-opacity: 0.95 !important;
	opacity:.95 !important;
	filter: alpha(opacity=95) !important;


}


/* end of my tooltip */

th {
  font-size: 85%;
  color: #555;
  background: transparent;
}

.listHeadMenu {
  margin-top: 4px;
  font-size: 85%;
  color: #555;
  background: white;
}

.listHeadCtr {
  font-size:10px;
}

.listHeadLeft {
  font-size:10px;
}

.listHeadLeft td {
	padding: 0px 0px;
}

.listHeadRight {
  font-size:10px;
}

p label, td label, label {
  width: 25%;
  font-weight: bold;
  float: left;
  clear: left;
}


.nowrap { 
white-space:nowrap;
}


html>img /* autoscroll override for Firefox */
{
  width: 0!important;
  height: 28px!important;
  padding-left: 28px!important;
  background: url(/images/icons/autoscroll2.png);
}



/* here is the format */
/*preset default margins */

#col1 *, #col3 *, .schoolhdr *{
	position: relative;
}


/* column settings */

#content div h3 { /* groovy floating topright headings */
  font-weight: normal;
  font-size: .9em;
  height:1em;
  padding:2px 1.5em 4px .5em;
  clear: right;
  color:#99ACCA ;
  background:transparent url(images/bulletr.gif) right center no-repeat;
  margin:0;
  position:absolute;
  right:-1px;
  top:-.8em;
  border:0 none;
}




#content div h3 img {
  margin:-3px 0;
}

/* sidebar nav & nav2 stuff */

div#content div.nav2 h3 {
  color:#CCB4A2;
  font-size:12px;
  right:-1px;
  top:-9px;
  padding-bottom:5px;
  background:transparent url(images/bulletr-br.gif) right center no-repeat;
  overflow:hidden
}

div.nav2 a:link, div.nav2 a:visited {
	color:#730
}
div.nav *, div.nav2 * {
	margin:4px 6px 6px 10px;
}
div.nav * *, div.nav2 * * {
	margin:0;
}
div.nav h4, div.nav2 h4, div.nav h4 a, div.nav2 h4 a {
	margin:6px 0;
	font-weight: bold;
	font-size:  100%;
	color: #E11500;
}


div.nav2 table {
	border-collapse: collapse;
}
div.nav2 td {
	font-size:10px;
	border:1px solid #E0D0C0!important;
	padding: 4px 1px 10px 2px;
	margin: 0;
	background-color: #fff;
	border-top:1px solid #E0D0C0;
}
div.nav2 td a:link{
	color:#CA1400
}

div.nav p, div.nav2 p {
	font-size:70% ;
	margin-bottom:10px
}

.imgleft {
	float: left;
	clear: left;
	margin-right: 10px!important;
	margin-bottom: 10px!important;
}
.imgcenter {
	text-align:center;
	display:block;
	margin-right: auto!important;
	margin-left: auto!important;
	margin-bottom: 10px!important;
}

#flow .imgright,#col1 .imgright, #col3 .imgright, .schoolhdr .imgright {
	float: right;
	clear: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}


.watermark {
	color: #222222;
	float: right;
	text-align:right!important;
	padding-right:6px;
	padding-top:16px;
	/*vertical-align: middle;*/
	background-image: url(images/TracWM.jpg);
	background-position: 0 0; 
	background-repeat: no-repeat;
	/*width: 100%;*/
	width: 300px;
	height: 32px;
}

.navhdr {
    float:left;
    /*clear: left;*/
    margin:0px -5px 0px 5px ;
	padding-top:0;
	/*width: 50%;*/
}


  /* Forces blocks to enclose their floated children */
  .clearfix:after { /* This can be replaced by the alternative fix below if it doesn't kill CatFish */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* This alternative fix works fine, but it's disabled to troubleshoot CatFish */
  /*.clearfix {
    overflow: hidden;
  }*/

  /* Don't know why we'd need this rule, but it was here when CatFish worked */
  .clearfix {
    display:block;
	position:relative;

  }

  * html .clearfix { /* This should be moved to ie.css, as IE7 doesn't support * html */
    height: 1%;
  }

.navSrchBox {
	border: 0px;
	/*border-top: 0px;
	border-right: 0px;
	
	border-left: 1px;
	border-bottom: 1px;
	border-color: #777777;*/
}


/* this is for any searching field other than our navsrch in navheader
	that field is special
*/
.srchfield {
	background-image: url(images/srchSmall.gif);
	background-position: 95% 1px;
	background-color: white;
	background-repeat: no-repeat;
}

.dropfield {
	/*background-image: url(images/srchSmall.gif);*/
	background-position: 95% 1px;
	background-color: white;
	background-repeat: no-repeat;
}

.srchTable {
	border: 0px;
	border-spacing: 0px;
    margin: 0px;
	padding: 0px;
	height: 30px;
}

.hideLink {
	text-decoration: none;
}

/* calinput style */
.calField {
	background-image: url(images/calendar.gif);
	background-position: 95% 1px;
	background-color: white;
	background-repeat: no-repeat;
}

.calFieldBig {
	background-image: url(images/calendar.gif);
	background-position: 95% 1px;
	background-color: white;
	background-repeat: no-repeat;
	font-size:14px;
}

.timeField {
	background-image: url(images/time.gif);
	background-position: 95% 1px;
	background-color: white;
	background-repeat: no-repeat;
}

.timeFieldBig {
	background-image: url(images/time.gif);
	background-position: 95% 1px;
	background-color: white;
	background-repeat: no-repeat;
	font-size:14px;
}

/* Listing pages */
.recordListing {
  /*font-family:  'Century Gothic', Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
  color:#444444;
  font-size:10px;
  border: 0pt;
  border-spacing: 0px;
  padding: 0pt;
  width: 100%;
  empty-cells: show;
  border-collapse:collapse;
}

.recordListing td {
	padding: 1px 4px;
	vertical-align: middle;
}

.recordListing th {
  font-weight: bold;
  font-size:10px;
  white-space: nowrap;
  text-align: center;
}

.recordListing th a {
  color:#444444;
}

.recordListing th a:hover {
  color: #f60;
}

.recordListing .rowOdd, .rowOdd, .recordListing .rowOddNull, .rowOddNull {
  background-color: #FFFFFF;
  
}

.recordListing .rowEven, .rowEven, .recordListing .rowEvenNull, .rowEvenNull {
  /*background-color: #fcfcff;*/
}

.recordListing .rowOdd2, .rowOdd2, .recordListing .rowOdd2Null, .rowOdd2Null {
  background-color: #FFFFFF;
  
}

.recordListing .rowEven2, .rowEven2, .recordListing .rowEven2Null, .rowEven2Null {
  background-color: #fcfcff;
}

.rowSelected, .rowSelected td {
	background-color: #dadada !important;
}

#listeditdiv {
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	color:#87a9db;
	background:#F3F2FF;
	border:1px solid #87a9db;
	padding: 0px 18px 0px 15px;
	height: 12px;
	text-decoration: none;
	position: absolute;
	left: 15px;
	top: 40px;
	box-shadow: 5px 5px 5px #666;
	-moz-box-shadow: 5px 5px 5px #666;
	-webkit-box-shadow:5px 5px 5px #666;

}

/* record listing inc pages */
/* Listing pages */
.recordListinginc {
  /*font-family:  'Century Gothic', Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
  color:#444444;
  font-size:10px;
  border: 0pt;
  border-spacing: 0px;
  padding: 0pt;
  width: 100%;
  empty-cells: show;
  border-collapse:collapse;
}

.recordListinginc td {
	padding: 0px 1px;
	vertical-align: middle;
}

.recordListinginc th {
  font-weight: bold;
  font-size:10px;
  white-space: nowrap;
  text-align: center;
}

.recordListinginc th a {
  color:#444444;
}

.recordListinginc th a:hover {
  color: #f60;
}

.recordListinginc .rowOdd, .recordListinginc .rowOdd td {
  background-color: #FFFFFF;
  border-top: thin solid #C4D6F1;
  border-bottom: thin solid #C4D6F1;
} 
 
.recordListinginc .rowEven, .recordListinginc .rowEvenNull {
  /*background-color: #fcfcff;*/
}

.recordListinginc .rowOddNull, .recordListinginc .rowOddNull td {
  background-color: #FFFFFF;
} 

/* cropping text in listing screens */
.crop {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.resizercrop {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	margin-bottom: -20px;
	margin-top: -5px;
	background-color: #ffffef;
	/* ie needs 1px non ie needs margin-top to be -5px jscript */ 
}

/*
	<!--[if IE]>--> 
	margin-top: 1px;
	<!--<![endif]-->
*/

/* Entry pages */
/*.entryRecord td*/
.entryRecord {
  /*font-family:  'Century Gothic', Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
  color: #444444;
  font-size:12px;
  border: 0pt;
  border-spacing: 0px;
  padding: 1pt;
  width: 100%;
  empty-cells: show;
  border-collapse:collapse;
}

.widepad, .widepad td {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.widepad td a {
	cursor: pointer;
}


/* Entry pages this does not use 100% for width */ 
/*, .entryRecord2 td */
.entryRecord2 {
  /*font-family:  'Century Gothic', Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
  color: #444444;
  font-size:12px;
  border: 0pt;
  border-spacing: 0px;
  padding: 0pt;
  vertical-align: top;

  line-height: 1;
  margin: 0px;
  vertical-align: middle;
  empty-cells: show;
  border-collapse:collapse;
}

.entryRecord2 td {
	padding: 0px 0px;
	vertical-align: middle;
	font-size:12px;
}

.topbrdr, .entryRecord2 td .topbrdr {
	border-top: thin solid #87a9db;
	border: thin solid #87a9db;
	border-bottom: 0pt none;
	border-left: 0pt none;
	border-right: 0pt none;
}

.toTop {
	vertical-align: top;
}

/* report pages uses thse */
.reportListing {
  /*font-family:  'Century Gothic', Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
  color:#444444;
  font-size:10px;
  border: 0pt;
  border-spacing: 0px;
  /*padding: 0pt;*/
  padding: 1px 2px;
  /*width: 100%;*/
  empty-cells: show;
  border-collapse:collapse;
}

.reportHead {
	
	font-weight: bold;
	font-size: 18px;
	width: 100%;

}
.reportListing th {
  font-weight: bold;
  font-size:10px;
  white-space: nowrap;
  text-align: center;
  text-decoration: underline;
}

.reportListing th a {
  color:#444444;
}

.reportListing th a:hover {
  color: #f60;
}

.reportListing .rowOdd, .rowOdd, .cellOdd {
  background-color: #FFFFFF;
}

.reportListing .rowEven, .rowEven, .cellEven {
  /*background-color: #fcfcff;*/
}

.reportListing .rowOdd, .reportListing .rowOdd td {
  background-color: #FFFFFF;
  border-top: thin solid #C4D6F1;
  /*border-bottom: thin solid #C4D6F1;*/
} 

/* field sets and legends */
fieldset { border:1px solid #cedbef; }

legend {
  padding: 0.2em 0.5em;
  color: *758399;
  font-size:90%;
  text-align:right;
  font-weight: bold; 
}


/* this is for entry record 2 and the like */
.label2 {
  font-weight: bold;
  clear: left;
  width: auto;
  text-align: right;
}

td .paramLabel {
  text-align: right;
  font-size:60%;
}



/* small blue button */
.btn, .btn:link, .btn:visited {
  	font-weight: bold;
	/*font-family:  'Century Gothic', Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	font-size:10px;
	cursor: pointer;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#87a9db;
	background:#F3F2FF;
	border:1px solid #87a9db;
	padding: 1px 5px 1px 5px;
	height: 12px;
	text-decoration: none;
	line-height: 2.5;
}

.sel {
  	font-weight: bold;
	font-family:  'Century Gothic', Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:10px;
	cursor: pointer;
	color:#87a9db;
	background:#F3F2FF;
	border:1px solid #87a9db;
	/*padding: 1px 5px 1px 5px;
	height: 12px;*/
	text-decoration: none;
}

/* bigger blue button */
.btnBig, .btnBig:link, .btnBig:visited {
  	font-weight: bold;
	/*font-family:  'Century Gothic', Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	font-size:12px;
	cursor: pointer;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	color:#87a9db;
	background:#F3F2FF;
	border:1px solid #87a9db;
	padding: 2px 10px 2px 10px;
	height: 16px;
	text-decoration: none;
}
.btnBig:hover {
  	color:#888;
	background:#F3F2FF;
	border:2px solid #EECE0D;
	padding: 1px 9px 1px 9px;
}

.btnPad {
	padding: 0px 10px 6px 10px;
}
.btnPad:hover {
	padding: 0px 9px 5px 9px !important;
}


/* bigger blue button */
.btn2Big, .btn2Big:link, .btn2Big:visited {
  	font-weight: bold;
	/*font-family:  'Century Gothic', Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	font-size:24px;
	cursor: pointer;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	color:#87a9db;
	background:#F3F2FF;
	border:2px outset #87a9db;
	padding: 4px 20px 4px 20px;
	height: 38px;
	text-decoration: none;
	background-image:url(bgbtn.gif);
	border-shadow: 5px;
	border-shadow-fade: 50%;
}
.btn2Big:hover {
  	color:#888;
	background:#F3F2FF;
	border:3px solid #EECE0D;
	padding: 3px 19px 3px 19px;
}


.optionBig {
  	font-weight: bold;
	/*font-family:  'Century Gothic', Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	font-size:24px;
	cursor: pointer;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	color:#87a9db;
	/*background:#F3F2FF;*/
	border:2px outset #87a9db;
	padding: 4px 20px 4px 20px;
	height: 38px;
	text-decoration: none;
	/*background-image:url(bgbtn.gif);*/
	/*border-shadow: 5px;
	border-shadow-fade: 50%;*/
}

.optionBig[selected] {
  color: #000;
  background:#f00;
	
}

/* IE doesn't like this inside tab objects...dang...*/
/* we should set it up for btn to use the hover, then have
btn2 not use the hover and have the engine default the style
to btn2 when the object is in a tablist
*/
/*<!--[if !IE]>--> 
.btn:hover {
	color:#888;
	background:#F3F2FF;
	border:2px solid #EECE0D;
	padding: 0px 4px 0px 4px;
}
<!--<![endif]-->
*/


/* very small blue button */
.mbtn, .mbtn:link, .mbtn:visited {
  	font-weight: normal;
	/*font-family:  'Century Gothic', Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	font-size:8px;
	cursor: pointer;
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	color:#87a9db;
	background:#F3F2FF;
	border:1px solid #87a9db;
	padding: 0px 4px 0px 4px;
	height: 8px;
	text-decoration: none;
	
}


/* btn2 is used instead of btn for combofields in ie that are contained in tabs */
.btn2, .btn2:link, .btn2:visited {
  	font-weight: bold;
	/*font-family:  'Century Gothic', Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	font-size:10px;
	cursor: pointer;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#87a9db;
	background:#F3F2FF;
	border:1px solid #87a9db;
	padding: 1px 5px 1px 5px;
	height: 12px;
	text-decoration: none;
}

.pop {
  	font-weight: normal;
	/**/font-family:  'Century Gothic', Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	color: #000000;
	border: 1px solid #87a9db;
	background: #F3F2FF;
}

.del {
	position: absolute;
	/*text-align:right;*/
	float: right;
	cursor: pointer;
	margin: 1px;
	/*margin-left: 81px; /* need to adjust this as columns are adjusted */
	top: 0px;
	width: 12px;
	height: 12px;
	right: 2px;
	background-image: url(images/closex.gif);
	z-index: 1;
}

/* pick list popup (rosters) */
.roster {
	z-index: 1001;
	cursor: default;
	position: absolute;
	left:0; top:0;
	background: #f9f9f9;
	border:1px solid #c5d1e4;
	/*overflow: auto;*/
	width: 200px; height: 250px;
	display: none;
	padding: 4px;
	-moz-opacity: 0.85;
	opacity:.85;
	filter: alpha(opacity=85);
}
.rosterList {
	overflow: auto;
	height: 220px;
	padding: 4px;
}

.missTag {
	color: red;
	font-weight: bold;
}

.missTag2 {
	border-bottom: dotted 1px #FF6633;
}


.qpResults {
	z-index: 1002;
	cursor: default;
	position: absolute;
	left:10; top:20;
	background: #f9f9f9;
	border:1px solid #c5d1e4;
	overflow: auto;
	width: 230px; height: 150px;
	display: none;
	-moz-opacity: 0.85;
	opacity:.85;
	filter: alpha(opacity=85);
}

.qpResults2 {
	z-index: 1002;
	cursor: default;
	position: absolute;
	left:10; top:20;
	background: #f9f9f9;
	border:1px solid #c5d1e4;
	overflow: auto;
	width: 340px; height: 150px;
	display: none;
	-moz-opacity: 0.85;
	opacity:.85;
	filter: alpha(opacity=85);
}

.popupchooser {
	z-index: 1001;
	cursor: default;
	position: absolute;
	left:0; top:0;
	background: #f9f9f9;
	border:1px solid #c5d1e4;
	/*overflow: auto;*/
	/*width: 200px; height: 250px;*/
	display: none;
	padding: 4px;
	-moz-opacity: 0.85;
	opacity:.85;
	filter: alpha(opacity=85);
}


/* disabled text boxes and such */
input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]
{
 background-color: #fff;
 border: #dddddd 1px dotted;
 color: #000;
 cursor: default;
 padding-top: 2px;
 padding-bottom: 2px;
}

a[disabled], a.btn[disabled] {
 color: #ddd;
 background-color: #fff;
 border:1px solid #ddd;
}

.lbl {
	text-align: right;
	padding-left: 2pt;
	padding-right: 2pt;
	
}

.req {
	border-bottom: dotted 1px #ff0000;
}

.xsmall {
  font-size: x-small !important;
}

.xxsmall {
  font-size: xx-small !important;
}

.smaller {
  font-size: smaller !important;
}

.medium {
  font-size: 12px !important;
}

.bigFont, .bigFont td {
	font-size: 16px !important;
}

.biggerFont, .biggerFont td {
	font-size: 20px !important;
	line-height: 110%;
}

.giantFont, .giantFont td {
	font-size: 24px !important;
	line-height: 110%;
}

.dottedul {
	border-bottom: 1px dotted #444444;
}

.nopad {
	padding: 0px;
}

.lrpad {
	padding: 0px 6px !important;
}

.lrmargin {
	margin: 0px 12px;
}

.bold {
  	font-weight: bold;
}

.logIn  { color: green }

.logOut  {
	color: red;
	font-weight: bold;
 }
 
 .mininotify {
 	color: red;
 	font-weight: bold;
 }
 
  
  
/* errText on login screen */
.errText  {
	font-style: italic;
	font-weight: bold;
	
}

/* time entry object styles */
.thumbTime {
	background-image: url(images/slider.gif);
	position: absolute;
	width: 15;
	height: 20;
	top: 20;
	left: 0;
	z-index: 2;
	cursor: move;
}

.timeBlock {
	position: absolute;
	z-index: 1;
	top: 25;
	height: 10;
	background-color: #54c76e;
	cursor: move;
}

.timeBkgnd {
	background-repeat: repeat-x;
	position: absolute;
	height: 25;
	z-index: 0;
}

.timeText {
	position: relative;
	top: 0;
	z-index: 0;
	text-align: center;
	font-family: Arial;
	font-size: 10pt;
}


 /* the rule object styles */
 
.rule {
	/*border:1px solid #CAD6E8 ;
 	padding: 1pt 1pt;*/
 	font-family: 'Century Gothic', Verdana;
 	font-size: 10pt;
 	/*width: 100%;*/
 	min-width: 14px;
 	font-weight: bold;
 	line-height: 1.4;
}
 
.item {
 	margin: 1pt 1pt;
 	padding-left: 2pt;
 	padding-right: 2pt;
}

.vert {
 	background-color: white !important;

}

.state0 {
 	background-color: LightPink;
 	color: red;
}

.state1 {
 	background-color: LightGreen;
 	color: Green;
}

.state2 {
 	background-color: DeepSkyBlue;
 	color: DarkSlateBlue;
}

.state3 {
 	background-color: DarkMagenta;
 	color: Fuchsia;
}

.state4 {
 	background-color: GoldenRod;
 	color: Khaki;
}

.state5 {
 	background-color: CornFlowerBlue;
 	color: LightBlue;
}

.state6 {
 	background-color: Gainsboro;
 	color: Gray;
}

.state7 {
 	background-color: Bisque;
 	color: BurlyWood;
}

.state8 {
 	background-color: DarkOliveGreen ;
 	color: LightGreen;
}


/* time entry styles */
.temain {
	background-color: #F3F2FF;
	border: solid 1pt #87a9db;
	padding: 0px 2px 4px 2px; /* t l b r*/
	position: absolute;
	display: none;
	z-index: 101000;
}

.tblbound {
	border-collapse: collapse;
	background-color: #F3F2FF;
}

.digit  {
	position: relative;
	/*width:20px;*/
	font-size: 18pt;
	background-color: #F3F2FF;
	padding: 3pt;
	text-align: center;
	cursor: pointer;
}
.colon  {
	position: relative;
	top: -4px;
	width:5px;	
	font-size: 9pt;
	background-color: #F3F2FF;
	padding: 0pt;
	text-align: center;
}

.apmain  {
	position: relative;
	/*width:24px;*/
	top: -4px;
	font-size: 9pt;
	background-color: #F3F2FF;
	padding: 3pt;
	text-align: center;
	cursor: pointer;
}
.telabel  {
	position: relative;
	width:30px;
	top: -4px;
	font-size: 9pt;
	background-color: #F3F2FF;
	padding: 3pt;
	text-right: center;
	color: #87a9db;
}
.tenochange {
	color: #c80000;
}

.focus  {
	background-color: #f5f5b4;
	border: solid 1pt #87a9db;
	padding: 2px;
}

/* here's my simple tabs that work with buggy IE */
#tabs {
  display: block;
  float: left;
  width: 100%;
}

a.tab { 
	border-collapse: collapse;
	border-style: solid solid solid solid;
	border-color: #eeeeee;
	border-width: 1px 1px 2px 1px;
	background-color: #FcFcFf;
	padding: 2px 0.5em 3px 0.5em;
	margin-top: 4px;
	margin-right: 2px;
	font-family: 'Century Gothic', arial;
	text-decoration: none;
	float: left;
	/*color:#aaaaaa;*/
	color:#000;
	font-size: 10px;
	font-weight: normal;

	border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;

	border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
}

a.tab:hover {
  border-color:#CAD6E8 #CAD6E8 #87a9db #CAD6E8 !important;
  background-color: white !important;
  color: #f60 !important;
}

.seltab {
	background-color: white !important;
	border-color: #CAD6E8 #CAD6E8 #87a9db #CAD6E8 !important;
	padding: 6px 0.5em 3px 0.5em !important;
	margin-top: 0px !important;
	color:#4B5970 !important;
	font-weight: bold !important;
	
	border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;

	border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;

	margin-bottom: -1px !important;
}
.panel {
	float: left;
	border: solid 1px #CAD6E8;
	background-color: white; left: 0; top: 0;
	padding: 5px; overflow: auto;
	width: 99%;
} /* height: 300px; */

.btnTab {
	/* this allows us to turn a tab into a button looking thing */
	margin-top: 0px !important;
	margin-left: 25px; 
	padding: 6px .5em 3px .5em !important;
	float: right;
	border-color: #87a9db #87a9db #87a9db #87a9db !important;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


.qtyfld, input .qtyfld {
	text-align: right;
	padding: 0 0.2em !important;
}

/* page num types */
.newspg {
	border: solid 1pt #0066cc;
	color: #0066cc !important;
	background-color: white !important;
	text-decoration: none;
	margin-left: 1px;
	margin-right: 1px;
	padding-left: 1px;
	padding-right: 1px;
	font-weight: normal;
}

.curpg {
	color: #ff6600 !important;
	font-weight: bold;
}

/* end of page num types*/

/* popitmenu styles */
#popitmenu{
	position: absolute;
	background-color: white;
	border:1px solid black;
	font: normal 12px 'Century Gothic';
	line-height: 18px;
	z-index: 100;
	visibility: hidden;
	
	overflow:auto;
	max-height: 250px;
}

#popitmenu a{
	text-decoration: none;
	padding-left: 6px;
	color: black;
	display: block;
}

#popitmenu a:hover{ /*hover background color*/
	background-color: #87a9db;
}

.popMenuDiv, #popMenuDiv {
	background-color: transparent !important;
}
.popMenuDiv:hover, #popMenuDiv:hover {
	background-color: #dadada !important;
}
/* end of popit menu style */

.preview {
  	font-weight: bold;
	/*font-family:  'Century Gothic', Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	font-size:10px;
	cursor: pointer;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#87a9db;
	background:#F3F2FF;
	border:1px solid #87a9db;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
	margin-bottom: 6pt;
}

/* pedit cell for list editing */
.peEditCell {
	background-image: url('images/pec.gif');
	background-repeat: no-repeat;
	border-style: solid none none none;
	border-top: thin dotted #c4bd72;
	cursor: pointer;
}


/* recipient email boxes */
.recip {
	/*
 	color: GoldenRod;
 	background-color: Khaki;
 	border:1px solid GoldenRod;
 	*/
 	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
 	padding: 0px 3px;
 	line-height: 18px;
 	
 	color:#87a9db;
	background:#F3F2FF;
	border:1px solid #87a9db;
	cursor: pointer;
	
	white-space:nowrap;
}

.recipSmall {
	/* this is used to simply display the recipitent email address */
 	padding: 0px 3px;
 	line-height: 18px;
 	color:#87a9db;
	/*background:#F3F2FF;*/
	border-bottom:1px dotted #87a9db;
	cursor: pointer;
	white-space:nowrap;
}

.condText {
	/* this is used to siply display the recipitent email address */
 	padding: 0px 3px;
 	line-height: 18px;
 	color:#87a9db;
	/*background:#F3F2FF;*/
	border-bottom:1px dotted #87a9db;
	cursor: pointer;
}

.rcloser {
	padding: 0px 3px;
	cursor: pointer;
	/*background-image: url('images/closeBox.jpg');*/
	background: transparent url(images/closex4.jpg) right center no-repeat;/**/
}

.rcloser:hover {
	padding: 0px 3px;
	cursor: pointer;
	/*background-image: url('images/closeBox.jpg');*/
	background: transparent url(images/closex4h.jpg) right center no-repeat;/**/
}

.rbigcloser {
	padding: 0px 3px;
	cursor: pointer;
	/*background-image: url('images/closeBox.jpg');*/
	background: transparent url(images/closeBox.jpg) right center no-repeat;/**/
}

.rbigcloser:hover {
	padding: 0px 3px;
	cursor: pointer;
	/*background-image: url('images/closeBox.jpg');*/
	background: transparent url(images/closeBoxh.jpg) right center no-repeat;/**/
}

.rtrashcloser {
	padding: 0px 3px;
	cursor: pointer;
	/*background-image: url('images/closeBox.jpg');*/
	background: transparent url(images/trash.jpg) right center no-repeat;/**/
}

.rtrashcloser:hover {
	padding: 0px 3px;
	cursor: pointer;
	/*background-image: url('images/closeBox.jpg');*/
	background: transparent url(images/trash2.jpg) right center no-repeat;/**/
}

.RTemailScroll {
	overflow:scroll;
	width: 620px;
	height: 450px;
}

.RTemailBlock {
	 border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;

	background:#FFFFCC;
	padding: 8px 3px;
	margin: 16px 3px;
}

.ln {
	line-height: 18px;
}

.clist {
	/* the list of ctext objects*/
	
}

.ctext {
	/* an individual ctext block*/
	border:1px solid #dedede;
}

.vresize {
	text-align: center;
	background-color: #F0f0f0;
	border:1px solid #cfcfcf;	
}

.editCtext {
	background-color: #FcFcFf;
	border:1px solid #dedede;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;


}

.popupfld {
	margin: 2px;
	cursor: pointer;

	border:1px solid #dedede;
	box-shadow: 1px 1px 1px #666;
	-moz-box-shadow: 1px 1px 1px #666;
	-webkit-box-shadow:1px 1px 1px #666;
}

.popupEmailer {
	padding: 4px;
	background: #fcfcfc;
	border-radius:4px;
	border: 1px solid #efefef;
	box-shadow: 5px 5px 5px #666;
	-moz-box-shadow: 5px 5px 5px #666;
	-webkit-box-shadow:5px 5px 5px #666;
}
.circle {
    background: #f00;
    width: 12px;
    height: 12px;
    border-radius: 50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
    border:1px solid #d9d9d9;
    
    box-shadow: 2px 2px 2px #666;
	-moz-box-shadow: 2px 2px 2px #666;
	-webkit-box-shadow:2px 2px 2px #666;
}

.ocircle {
    background: transparent;
    width: 12px;
    height: 12px;
    border-radius: 50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
    border:1px solid #f00;
}

.wiz {
	background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF) !important;
	background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF) !important;
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#FFFFFF), to(#FFFFFF)) !important;
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#FFFFFF', EndColorStr='#FFFFFF', GradientType=0) !important;
}


.rann, .rann:link, .rann:visited {
  	font-weight: normal;
	/*font-family:  'Century Gothic', Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	font-size:9px;
	cursor: pointer;
	color:#87a9db;
	border-bottom:1px dotted #87a9db;
	text-decoration: none;
}

.popDlog {
	padding: 16px;
	margin: 4px;
	background: #ececec;
	border-radius:4px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border: 1px solid #a9514d;
	box-shadow: 5px 5px 5px #666;
	-moz-box-shadow: 5px 5px 5px #666;
	-webkit-box-shadow:5px 5px 5px #666;
}

.popDlog2 {
	position: absolute;
	padding: 16px;
	margin: 4px;
	background: #eee;
	border-radius:4px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border: 1px solid #555;
	box-shadow: 5px 5px 5px #ddd;
	-moz-box-shadow: 5px 5px 5px #ddd;
	-webkit-box-shadow:5px 5px 5px #ddd;
}


.badge {
	cursor: pointer;
	color: white;
	background-color: red;
	font-size:7px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	
}