
/* context menu's */

  div #context .menuItem { font-family: sans-serif; font-size: xx-small; width:100; padding-left:20; color:black; }
  div #context .highlightItem { font-family: sans-serif; font-size: 8pt; width: 100; padding-left: 20; background-color: highlight; color: white; }

/* end */
/* report styles */
div.width200 {
    width: 200px;
    display: inline;
}
.overdue-table {
    width: 100%;
    background-color: white;
    font-family: sans-serif;
    font-size: 11pt;
    color: #000000;
}
.overdue-heading {
    text-align: center;
    font-size: 18pt;
    color: #000000;
    background-color: #FFFFFF;
}
.overdue-label {
    background-color: threedface;
    font-weight: bold;
    width: 10%;
}
.overdue-queue { 
    font-weight: bold;
}

.overdue-notice {
    font-weight: bold;
    color: red;
}
#navbg {
    background-color: #6478d7;
}
#navbg a {
    color: white;
}
/* service request styles */
#sectionbox {
   border-bottom: 2px solid threedhighlight;
   border-right: 2px solid threedhighlight;
   border-left: 2px solid threeddarkshadow;
   border-top: 2px solid threeddarkshadow;
	background-color: threedface;
	padding: 2px;
}
#srbg {
    background-color: threedface;
}
/* end */
/* user login styles */
#userLoginTitle {
    background: darkblue;
    color: captiontext;
}
/* feature request sttyles */
#frtitle {
    font-weight: bold;
    font-size: medium;
}
#frth {
    text-align: center;
    font-size: small;
}

#frid {
    text-align: right;
    font-size: medium;
}


/* job queue styles */

table.jobs {
	border-collapse: collapse;
}
table.jobs td {
	border: 1px solid #eee;
}

.jobqueuehead {
	font-size: 10pt;
	font-weight: bold;
	cursor: hand;
	background-color: #eee;
	border-bottom: 1px solid #999;
	border-right: 1px solid #fff;
}
.jobqueuehead a {
	color: #000;
	text-decoration: none;
}
.jobqueuehead a:hover {
	color: #00f;
	text-decoration: none;
}
.jobqueueheadnosort {
	font-size: 10pt;
	font-weight: bold;
	background-color: #eee;
	border-bottom: 1px solid #999;
	border-right: 1px solid #fff;
}
.jobqueuelist {
  /* background: #FFFFFF; */
}
#jobqueuestatus {
   background: lightblue;
}

#jobqueuestatus .readable {
    font-size: x-small;
}
.rowover {
	background-color: #f6f6f6;
}
.rowover td {
	border: 1px solid #fff;
}


/* end */
/* general_priorities */
.one a,
.one {
	color: red;
	font-family: arial, sans-serif;
   font-size: 9pt;
	text-align: center;
	text-decoration: none;
}

.two a,
.two {
	color: darkgoldenrod;
	font-family: arial, sans-serif;
   font-size: 9pt;
	text-align: center;
	text-decoration: none;
}

.three a,
.three {
   color: green;
   font-family: arial, sans-serif;
   font-size: 9pt;
	text-align: center;
	text-decoration: none;
}

.four a,
.four {
	color: steelblue;
	font-family: arial, sans-serif;   
   font-size: 9pt;
   text-align: center;
	text-decoration: none;           
}

.five a,
.five {
	color: purple;
	font-family: arial, sans-serif;
   font-size: 9pt;
   text-align: center;
	text-decoration: none;           
}

.one a:hover,
.two a:hover,
.three a:hover,
.four a:hover,
.five a:hover {
	text-decoration: underline;
}

/* end */

/* standard */
body {
     font-family: arial, sans-serif;
}

th {
    font-family: arial, sans-serif;
   font-size: small;
}


td, div, p {
   font-family: arial, sans-serif;
   font-size: small;
}

a {
  /* text-decoration: none; */
  color: darkblue;
}
a:hover {
  /* text-decoration: none; */
  color: darkblue;
}
a:visited {
 /* text-decoration: none; */
  color: darkblue;
}
/* general */
#heading {
         font-family: arial, sans-serif;
         font-weight: bold;
         font-size: large;
         text-align: center;
}

#pageheading {
    font-family: arial, sans-serif;
    font-weight: bold;
    font-size: large;
    text-align: left;
}         
.sreqheading {
         font-family: arial, sans-serif;
         font-weight: bold;
         font-size: medium;
         text-align: left;
}

#clientsreqheading {
    font-family:verdana,geneva,sans-serif;
    color:white;
    background:steelblue;
    border-style: solid;
    border-width: 1; 
    padding-left: 4;    
    padding-right: 4; 
    padding-top: 1; 
    padding-bottom: 1;
    font-weight: bold;
}
#notice {
    color: #FF0000;
}
.notice {
	color: #FF0000;
}

#sectionbox .emailheading {
    background-color: grey;
    text-align: left;
    font-weight: bold;
}

#greyed {
    color: silver;
}

#normbody {
 /*    background-color: white; */
}
#expand {
    font-size: x-small;
    background: white;
}
.expand {
    font-size: x-small;
    background: white;
}
#searchbg {
    background-color: lightblue;
}

#searchbg .readable {

    font-size: x-small;
}
.center {
        text-align: center;
}
.small {
    font-size: x-small;
}
.vsmall {
    font-size: xx-small;
}
.tab {
    font-size: xx-small;
    font-family: verdana, arial, sans-serif;

}

a.tab {
    color:black;
    text-decoration:none;
	font-size: 8pt;
    font-family: verdana, arial, sans-serif;
}

a:hover .tab   {
    color:red;
}
ul .task {
	list-style-type: disc;
	margin-left: -20px;
}

.pone {
	color: red;
	font-family: arial, sans-serif;
	font-size: x-small;

	text-decoration: none;
}

.ptwo {
	color: darkgoldenrod;
	font-family: arial, sans-serif;
	font-size: x-small;

	text-decoration: none;
}

.pthree {
   color: green;
   font-family: arial, sans-serif;
   font-size: x-small;
   text-align: center;
   text-decoration: none;

}
.pfour {
    color: steelblue;
    font-family: arial, sans-serif;
   	font-size: x-small;
    text-decoration: none;
}
.pfive {
   color: purple;
   font-family: arial, sans-serif;
   font-size: x-small;
   text-decoration: none;
}
.projgroup {
	background-color: silver;
	width: 100%;
}
.altcol1 {
	background-color: lightblue;
}

.altcol2 {
	background-color: white;
}
.ProjectTaskDescriptionSide {
	font-size: xx-small;
	font-family: sans-serif;
	vertical-align: top;
	cursor: hand;
}
.ProjectTaskDescriptionMain {
	font-family: sans-serif;
	vertical-align: top;
	cursor: hand;
}
.ProjectSideThleft {
	text-align: left;
	font-size: x-small;
	font-family: sans-serif;
}
.thMain {
	width: 100px;
	max-width: 100px;
}
.ProjectSideThright {
	text-align: right;
	font-size: x-small;
}
.eventdetails {
	font-size: xx-small;
}

.foo {
	width: 100px;
	max-width: 100px;
}
.projectTable {
	border-bottom-style: solid;
	border-bottom-color: silver;
	border-bottom-width: thin;
	background-color: threedface;
	font-family: sans-serif;
	vertical-align: top;
}

p label {
	width:25%;
	float: left;
	clear: left;

}

div#frm p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#frm p select {
	width: 200px;
}

.cash {
  text-align: right;
}
/* end */

table.maintenence th, table.maintenence td {
	font-size: 10pt;
}
table.maintenence th  {
	text-align: right;
}
table.srProductTable th {
	text-align: left;
	border-bottom: 1px solid #E1E6F3;
}

table.srEvents {
	width: 100%;
}
table.srEvents th {
	background-color: #c2cde7;
	border-bottom:1px solid #a4b5db;
	text-align: left;
}
table.srEvents tr td * {
	font-size: 8pt;
}
table.srEvents tr.row td {
	font-size: 8pt;
	background-color: #E1E6F3;
	border-bottom:1px solid #c2cde7;
	text-align: left;
	vertical-align: top;
}
table.srEvents TR.altrow td {
	font-size: 8pt;
	background-color:#FFF;
	border-bottom:1px solid #c2cde7;
	text-align: left;
	vertical-align: top;
}

table.srAddEvent {
	width: 100%;
}

table.srAddEvent thead th {
	background-color: #c2cde7;
	border-top:1px solid #a4b5db;
	text-align: left;
}
table.srAddEvent tbody th {
	text-align: right;
}

/* service request page */
body.clientSerivceRequest {
	background-color: #fff;
	margin: 8px;
	padding: 0;
}
body.clientSerivceRequest, body.clientSerivceRequest td, body.clientSerivceRequest th {
	font-family: Arial, Helvetica, sans-serif;
}
body.clientSerivceRequest form {
	margin: 0;
	padding: 0;
}

table.srHeading {
	width: 100%;
	background-color: #E1E6F3;
	color: #003366;
}
table.srHeading th, table.srHeading td {
	font-size: 14pt;
	font-weight: bold;
}
table.srHeading th {
	text-align: left;
}
table.srHeading td {
	text-align: right;
}
fieldset.serviceRequest {
	border: 1px solid #E1E6F3;
	margin: .5em 0 1em 0;
}
fieldset.serviceRequest legend {
	font-weight: bold;
	color: #369;
}
fieldset.qaSummary {
	 border: 1px solid #499500;
}
fieldset.qaSummary legend {
	font-weight: bold;
	color: #693;
}


fieldset.serviceRequest th, fieldset.serviceRequest td {
	vertical-align: top;
	font-size: 10pt;
}
fieldset.srClient th {
	text-align: right;
	background-color: #eee;
}
fieldset.srClient td {
	text-align: left;
}

a.red,a.red:visited,a.red:hover {
	color: #f00;
}

table.smalltext td,
table.smalltext th,
table.smalltext select,
table.smalltext input,
table.smalltext button  {
	font-family: verdana, geneva, sans-serif;
	font-size: 9pt;
}
table.smalltext th {
	text-align: right;
}
table.smalltext td.byootiful_buttyns input,
table.smalltext td.byootiful_buttyns button  {
	margin: 2px;
	width: 150px;
}
table.smalltext td.byootiful_buttyns button  {
	font-weight: bold;
}
