.warning {
   color: red;
}

.notice {
   font-weight: bold;
}

.returnlink {
	color: #4169E1;
}
.onpage {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.otherpage {
	color: #4169E1;
	text-decoration: none;
}

.error {
   color: red;
}

.username {
   font-weight: bold;
}

.marker{
   color: red;
}

body {
   margin: 0;
   padding: 0;

   font-family: Verdana, Helvetica,  Arial, sans-serif;
   font-size: 80%;
   background-color: #ffffff;
}

/*   Wrapper div: contains all pages elements  */
#wrapper {
   color: #000000;
   margin: 10px 10px 10px 10px;
   padding: 0px;
   overflow: hidden;
}

/*   Header div: contains page header (text & images)  */
#header {	
	padding:10px 20px 10px 20px;
	border-bottom:3px solid #9C2039;
}

#headerlogo {
	float: left;
   color: #999;
   text-align: left;
   font-size: 180%;
}

#user {
   float: right;
   padding-right: 5px;
}

#user table {
   padding: 0;
   margin: 0;
   border-collapse:collapse;
}

/* Main div: contains navbar and content */
#main {
   width: 100%;
   margin-top: 10px;
   padding-top: 5px;
   overflow: hidden;
}

/* Content div: contains the important page content ( the body content)  */
#alt_content {
   margin: 0 0 0 0px;
   padding-left: 10px;
   color: #000000;
}

#alt_content h1 {
   color: #999999;
   font-size: 140%;
   border-bottom: 1px dotted #999999;
}

#content {
   min-width: 60%;
   float:left;
   margin: 0 0 0 5px;
   padding-left: 30px;
   padding-right: 30px;
   color: black;
   overflow-x: auto;
}

#content h1 {
   color: #999999;
   font-size: 140%;
   border-bottom: 1px dotted #999999;
}

#headertit h1 {
   color: #999999;
   font-size: 140%;
   border-bottom: 1px dotted #999999;
}

#content h4 {
   color: #000000;
   font-size: 100%;
}

/* Navbar div: contains the web sites navigation bar  */
#navbar {
   
   float: left;
	width: 50px;
   min-width:15em;
   max-width:195px;
   margin: 0;
   padding: 0;
   height: auto;
}

#navbar ul {
   margin: 0;
   padding: 0;
}

#navbar li {
	position:relative;
	width:195px;
   list-style-type: none;
   line-height: 1em;
   display:block;
   margin: 0px 5px 3px 0px;
   padding: 0;
}

#navbar li span.nav_notclickable {
   height: 1%;
   font-size: 1.0em;
   font-weight: bold;
   line-height: 1.5em;
   text-decoration: none;
   background-color: #EEE;
   border-bottom: 1px solid #999;
   border-right: 1px solid #BBB;
   display: block;
   margin-bottom: 2px;
   text-align: left;
   padding: 1px 4px 1px 4px;
   color: #BBB;
}

#navbar a {
   height: 1%;
   font-size: 1.0em;
   font-weight: bold;
   line-height: 1.5em;
   text-decoration: none;
   background-color: #EEE;
   border-bottom: 1px solid #999;
   border-right: 1px solid #BBB;   
   display: block;
   margin-bottom: 2px;
   text-align: left;
   padding: 1px 4px 1px 4px;
   color: #777;
}


#navbar li a:link, #navbar a:visited {
   color: #777;
}

#navbar li a.nav_redclickable, #navbar a  .nav_redclickable{
   color: royalblue;
}

#navbar li a:hover{
   display: block;
   border: 1px dotted #F00;
   font-weight: bold;
}

body#home #navbar a#homenav, 
body#jobs #navbar a#jobsnav,
body#stats #navbar a#statsnav,
body#users #navbar a#usersnav,
body#dept #navbar a#deptnav,
body#client #navbar a#clientnav,
body#printer #navbar a#printernav,
body#cost #navbar a#costnav,
body#balance #navbar a#balancenav,
body#translations #navbar a#translationsnav,
body#config #navbar a#confignav,
body#license #navbar a#licensenav,
body#mvp #navbar a#mvpnav,
body#rbp #navbar a#rbpnav,
body#balancehistory #navbar a#balancehistorynav,
body#reports #navbar a#reportsnav,
body#signals #navbar a#signalsnav,
body#eco #navbar a#econav
{
   color: #c00;
   font-weight: bold;   
}

body#acl #navbar a#acl{
   color: #c00;
   font-weight: bold;   

}

/* Footer div: exists outside the main div and contains all footer information */

#footer {
   clear: both;
   width: 100%;
   border-top: 1px dotted #999;
   margin-top: 10px;
}

#footer p {
   font-size: 1em;
   color: #999;
   margin: 0;
   padding: 3px 0 3px 0;
   text-align:right;
}

/* Hidden div:  sits above the footer*/
#hidden {
   height: 20px;

}
#filterrow {
   height: 45px;
   padding-top: 5px;
   padding-bottom: 5px;
   display: block;
   background-color: #e5e5e5;
}
#filtercheckboxrow{
   height: 30px;
   /*padding-top: 5px;
   padding-bottom: 5px;*/
   display: block;
   background-color: #c7c7c7;
}
#filterfield{
   padding-bottom: 10px;
   border-bottom: 1px dotted #666;
}

.filtercolumn{
   float: left;
   padding-right: 10px;
   padding-bottom:5px;
}
.checkboxoption{
   display: inline;
   padding-right: 0px;
   padding-bottom:5px;
}

.filterrowtitle{
   margin: 1px 4px 1px 4px;
   padding: 0px 0px 0px 0px;
   font-size: 90%;
   font-weight: bold;
   color: #555555;
}
.filtercheckboxrowtitle{
   margin: 0px 0px 4px 4px;
   padding: 0px 0px 0px 0px;
   font-size: 90%;
   font-weight: bold;
   color: #555555;
   display: inline;
}
.calenderdateelement{
    position: relative; 
    top:5px; 
    border: 1px solid #AAAADD; 
    padding: 1px 5px 1px 5px; 
    text-decoration: none; 
    color: #000000;
}

a img {border: 0;}


/* Login div: styles for the login form in the login.php page  */

#login {
   margin-top: 40px;
   margin-left: auto;
   margin-right: auto;
   padding: 3px;
   width: 300px;
   border: 1px solid #999;
}
#loginMulti {
   margin-top: 40px;
   margin-left: auto;
   margin-right: auto;
   padding: 3px;
   width: 300px;
   border: 1px solid #999;
}
.loginMultiTitle {
   display: block;
   padding-top: 10px;
   padding-bottom: 10px;
}
.loginMultiReturn {
   display: block;
   font-size: 12px;
   color: #666666;
   margin-bottom: 10px;
}
.loginMultiButton {
   width: 100%; 
   height: 50px; 
   margin-bottom: 10px;
}
#login p {
   text-align: center;
}

#login h4 {
   color: #999;
   text-align: center;
   font-size: 110%;
}


#login td.login {
   text-align: right;
}

/* Form div: styled input form */
#form {
   width: 900px;
   overflow-x: auto;
}
#form table {
   position: relative;
   padding: 0;
   min-width: 480px;
   border-collapse: collapse;
}

#form tr.input td {
   border-bottom: 1px solid #BBB;
   padding-top: 6px;
   padding-bottom: 6px;
}

#form tr.border td {
   border-bottom: 1px dashed #000;
   padding-top: 6px;
   padding-bottom: 6px;
}

#form tr.lastinput td {
   background-color: #999;
   padding-top: 6px;
   padding-bottom: 6px;
}

#form tr.header td {
   color: white;
   border-top: 1px solid #BBBBBB;
   border-bottom: 1px solid #999999;
   background-color: #EEEEEE;
   padding-top: 6px;
   padding-bottom: 6px;
}

#form td.width {
   width: 150px;
   text-align: right;
   padding-right: 10px;
   font-weight: bold;
}


.submit {
	width: 150;
}

.returntop {
   text-align: right;
}

#filters{
   min-width: 1000px;
}

#filters li
{
   display: inline;
   padding-left: 10px;
}

.ordering {
   margin: 0;
   padding: 3px 2px 2px 2px;
}

#message, .message {border: 3px solid #F90; margin: 10px 0px 10px 10px; width: 90%; padding: 10px;}

#message ul, .message ul {
   padding: 0;
   margin: 0;
}

#message li, .message li {
   list-style: none;
   padding: 0;
   margin: 0;
}

.prog-border {
  position: relative;
  height: 16px;
  width: 300px;
  background: #999;
  border: 1px solid silver;
  margin-top: 10px;
  padding:  2px 2px 2px 0px;
}

.prog-bar {
   position:absolute;
   top: 4px;
   bottom: 4px;
   left: 0px;
   float: left;
   vertical-align:middle;
   background: #C9DDEC;
}



#clear_bottom {
   clear:right;
}

.login_field {
   width: 160px;
}


/* new table styles */

table.matrix {
   position: relative;
   margin-top: 8px;
   font: 1em/2.2em Verdana, Arial, Helvetica, sans-serif;
   font-size: 90%;
   width: 100%;
}

table.matrix th {
	background-color:#EEEEEE;
	border-bottom:1px solid #999999;
	border-right:1px solid #BBBBBB;
   line-height:120%;
   padding:6px 6px 6px 6px;
   text-align: center;
}

table.matrix th.summary {
   background-color:#FFFFFF;
   border:none;
   line-height:120%;
   padding:4px 0 4px 3px;
   text-align:left;
   font-size:100%;
}

table.matrix th.list {
   background-color:#EEEEEE;
   border-bottom:1px solid #999999;
   border-right:none;
   line-height:120%;
   padding:4px 0 4px 5px;
   text-align:left;
   font-size:100%;
}

table.matrix td {
   border-bottom:1px solid #BBBBBB;
   border-right:1px solid #DDDDDD;
   line-height:120%;
   padding:3px 6px 3px 6px;
   text-align:center;
}

table.matrix td.list {
	border-bottom:1px solid #BBBBBB;
	border-right:none;
   line-height:120%;
   padding:3px 0 3px 5px;
   text-align:left;
}

table.matrix td.rowheader {
   border-bottom:1px solid #BBBBBB;
   border-right:1px solid #DDDDDD;
   line-height:120%;
   padding: 3px 10px 3px 3px;
   text-align: right;
   font-weight: bold;
}

table.matrix td.money {
   border-bottom:1px solid #BBBBBB;
   border-right:1px solid #DDDDDD;
   line-height:120%;
   padding:3px 20px 3px 2px;
   text-align: right;
}

table.matrix td.noborder {
   border: none;
   line-height:120%;
   padding:3px 20px 3px 2px;
   text-align: left ;
}

/* New table style by VB */
table.matrix2
{
   position: relative;
   margin-top: 8px;
   font: 1em/2.2em Verdana, Arial, Helvetica, sans-serif;
   font-size: 90%;
   width: 100%;
}

table.matrix2 th 
{
	background-color:#EEEEEE;
	border-bottom:1px solid #999999;
	border-right:1px solid #BBBBBB;
    line-height:120%;
    padding:6px 6px 6px 6px;
}

table.matrix2 td 
{
   border-bottom:1px solid #BBBBBB;
   border-right:1px solid #DDDDDD;
   line-height:120%;
   padding:3px 6px 3px 6px;
}

a:link {
	color: royalblue;
}


a.actionarrow{
   background-image:url(../images/action_arrow.gif);
   background-position: right center;
   background-repeat: no-repeat;
   height: 25px;
   padding: 5px 25px 5px 5px;
   color: #999;
   font-weight: bold;
}
a.actionreturn{
   background-image:url(../images/action_return.gif);
   background-position: left center;
   background-repeat: no-repeat;
   height: 25px;
   padding: 5px 5px 5px 25px;
	color: #999;
   font-weight: bold;
}
a.actionplus{
   background-image:url(../images/action_plus.gif);
   background-position: right center;
   background-repeat: no-repeat;
   height: 25px;
   padding: 5px 25px 5px 5px;
   color: #999;
   font-weight: bold;
}
a.actioninout{
   background-image:url(../images/action_inout.gif);
   background-position: right center;
   background-repeat: no-repeat;
   height: 25px;
   padding: 5px 25px 5px 5px;
   color: #999;
   font-weight: bold;
}
a.actionmove{
   background-image:url(../images/action_move.gif);
   background-position: right center;
   background-repeat: no-repeat;
   height: 25px;
   padding: 5px 25px 5px 5px;
   color: #999;
   font-weight: bold;
}

.newsection{
	margin: 10px 0px 10px 0px;
}

fieldset{
	margin: 10px 0px 10px 0px;
	border: 1px solid #BBB;
}

fieldset legend{
	color: #777;
}

#license table {
   position: relative;
   padding: 0;
   min-width: 480px;
   border-collapse: collapse;
}


#license td.fieldname {
   width: 120px;
   text-align: right;
   padding-right: 12px;
}

#license td.fieldvalue {
   width: 150px;
   text-align: left;
   padding-right: 10px;
   font-family: Courier New;
   color: #666;
}

/*This was added by vb in kayleigh v2.0 to increase width of license table's fields */
#license td.fieldname2 {
   width: 220px;
   text-align: right;
   padding-right: 12px;
}

#license td.fieldvalue2 {
   width: 250px;
   text-align: left;
   padding-right: 10px;
   font-family: Courier New;
   color: #666;
}

#testLogResults td.td_left_align {
   text-align: left;
}
.fieldset{
    padding: 0px;
}

.fieldsetBlock{
    border-bottom: 1px dotted #dddddd; 
    padding-left: 15px; 
    padding-bottom: 20px;
    padding-top: 20px;
    display: block;
}
.fieldsetBlock h4{
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
    color: #000000;
}
.fieldsetBlockSubmit{
    padding: 10px; 
    display: block; 
    background-color: #eeeeee;
}