.warningtext {
    color       : #008000;
    font-weight : bold;
}

/* Used for users listed on last seen and who is online */
.onlinelistmember {
    font-size       : 9px;
    font-family     : Verdana, Arial,  Helvetica, sans-serif;
    text-decoration : none;
    color           : #ffffff;
}

.onlinelistmember_admin {
    font-size       : 9px;
    font-family     : Verdana, Arial,  Helvetica, sans-serif;
    text-decoration : none;
    color           : #FF9900;
}

.onlinelistmemberheader {
    font            : bold 11px Verdana, Arial,  Helvetica, sans-serif;
    text-decoration : none;
    color           : #ffffff;
}

.rightbox_smalltext_red {
    font-size       : 9px;
    font-family     : Verdana, Arial, Helvetica, sans-serif;
    text-decoration : none;
    color           : #FF0000;
}

.rightbox {
    font-size       : 7pt;
    font-family     : Arial, Helvetica, sans-serif;
    line-height     : 11pt;
    text-decoration : none;
    color           : #000000;
}

.rightbox a{
    font-family     : Arial, Helvetica, sans-serif;
    font-size       : 8pt;
    line-height     : 11pt;
    text-decoration : none;
    color           : #000080;
}

.rightbox a:hover {
    font-family     : Arial, Helvetica, sans-serif;
    font-size       : 8pt;
    line-height     : 11pt;
    text-decoration : underline;
    color           : #000080;
}

/********** MAIN/ADMIN TABS *******************************/
/* dummy wrap */

#menu_tabs_wrap {
    width: 300px;
    height: 24px;
}

/* menu starts here */

#menu_tabs_wrap ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
}

#menu_tabs_wrap ul li {
    display: inline;
}

#menu_tabs_wrap ul li a {
    display: block;
    float: left;
    padding: 0 16px 0 0px;
    margin-right: 1px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    line-height: 24px;
    cursor: pointer;
    outline: none;
}

#menu_tabs_wrap ul li a span {
    height: 24px;
    display: block;
    padding-left: 15px;
}

* html #menu_tabs_wrap ul li a span {
    width: 1%;
}

/* hover effect */

#menu_tabs_wrap ul li a:hover {
    background-position: right -24px;
    color: #363636;
}

#menu_tabs_wrap ul li a:hover span {
    background-position: left -24px;
}

/* this sets the background for active page link */

#menu_tabs_wrap ul li.selected a {
    margin-top: 6px;
    color: #363636;
}


/* this keeps the background on active page link */

#menu_tabs_wrap ul li.current a:hover {
    background-position: right 0;
    color: #fff;
}

#menu_tabs_wrap ul li.current a:hover span {
    background-position: left 0;
}


/* Fix */

#menu_tabs_wrap ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/********** END MAIN/ADMIN TABS***************************/

/********** TABS *******************************/
.activetab, .inactivetab {
    font            : bold 7pt Verdana, Arial, Helvetica, sans-serif;
    text-decoration : none;
    color           : #FFFFFF;
}

.activetab a, .inactivetab a {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size   : 7pt;
    color       : #FFFFFF;
}

.activetab a:hover {
    font-family     : Verdana, Arial, Helvetica, sans-serif;
    font-size       : 7pt;
    text-decoration : none;
    color           : #FFFFFF;
}

.inactivetab a:hover {
    font-family     : Verdana, Arial, Helvetica, sans-serif;
    font-size       : 7pt;
    text-decoration : none;
    color           : #F3B35A;
}
/********** END TABS ***************************/

/*********   Color Scheme for Tables  **********/
tr.optionbar {
    background-color: rgb(239,239,239);
}

tr.header {
  background-color  : rgb(239,239,239);
  color             : black;
  font-weight       : bold;
}

tr.header a {
    color       : black;
    font-weight : bold;
    text-decoration: underline;
}

tr.header a:hover {
    color       : red;
    font-weight : bold;
}

td.headerSelected {
    background-color: rgb(214,226,239);
}

.client_row {
    height              :2em;
	background-color    : RGB(240,240,240);
    font-weight         : bold;
	border-bottom:1px solid #AAA;
}

/*****************************************************/
/* Used for background of action buttons in lists */
tr.actionfooter, div.actionfooter {
    background-color: rgb(249,249,249);
}

.inner {
    background-color: rgb(228,234,242);
}

.inner_odd {
    background-color: white;
}

.inner_even {
    background-color: rgb(240,247,251);
}

.invoice_selected {
    background-color: rgb(240,247,251);
}

td.innerSelected {
    background-color: rgb(247,249,212);
}
/***********************************************/
/********** SUMMARY ****************************/
/* Color for items found in the summary output */
.summaryitemheader {
    font            : bold 8pt Verdana, Arial, Helvetica, sans-serif;
    text-decoration : none;
    color           : #ffffff;
}

.summaryitem {
    font-family     : Verdana, Arial, Helvetica, sans-serif;
    font-size       : 7pt;
    text-decoration : none;
    color           : #cccccc
}

.summaryitem a{
    font-family     : Verdana, Arial, Helvetica, sans-serif;
    font-size       : 7pt;
    text-decoration : none;
    color           : #cccccc
}

.summaryitem a:hover {
    font-family     : Verdana, Arial, Helvetica, sans-serif;
    font-size       : 7pt;
    text-decoration : none;
    color           : white;
}

.summaryitemvalue {
    font            : bold 7pt Verdana, Arial, Helvetica, sans-serif;
    text-decoration : none;
    color           : #DDDDDD;
}
/*********  END SUMMARY ****************************/

.body7 {
    font-family     : Verdana, Arial, Helvetica, sans-serif;
    font-size       : 7pt;
    line-height     : 11pt;
    text-decoration : none
}

.body7 a {
    font-family     : Verdana, Arial, Helvetica, sans-serif;
    font-size       : 7pt;
    line-height     : 11pt;
    text-decoration : none;
    color           : navy;
}

.body7 a:hover {
    font-family     : Verdana, Arial, Helvetica, sans-serif;
    font-size       : 7pt;
    line-height     : 11pt;
    text-decoration : underline;
    color           : red;
}

.redtext {
    font-family     : Verdana, Arial, Helvetica, sans-serif;
    line-height     : 11pt;
    text-decoration : none;
    color           : red;
}

.body7green {
    font            : bold 7pt/11pt Verdana, Arial, Helvetica, sans-serif;
    text-decoration : none;
    color           : green;
}

.gray {
    font-family     : Verdana, Arial, Helvetica, sans-serif;
    font-size       : 7pt;
    line-height     : 11pt;
    text-decoration : none;
    color           : gray;
}

.boxtitle {
    font-weight : bold;
    color       : white;
    font-size   : 7pt;
}

.boxtitle a {
    font-weight : bold;
    color       : white;
    font-size   : 7pt;
}

.boxtitle a:hover {
    font-weight : bold;
    color       : white;
    font-size   : 7pt;
}

td.mainmenu {
    background-color: rgb(156,183,220);
}

td.activetab {
    background-color    : rgb(243,179,90);
    text-transform      :lowercase;
}

td.inactivetab {
    background-color: rgb(76,139,189);
    text-transform  :lowercase;
}

tr.primarycolor {
    background-color: #FFFFFF;
}

tr.secondarycolor {
    background-color: #f6f6f6;
}

td.secondarycolor {
    background-color: #EFEFEF;
}

td.tight {
    padding     : 0;
    padding-left: 0;
}

td.spacing {
    padding-left: 0;
}

td.tightredtext {
    font-size   : 10px;
    color       : red;
    padding     : 0;
    padding-left: 0;
}

td.labelright {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size    : 7pt;
    line-height : 11pt;
    text-align  : left;
}

td.labelleft {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size   : 7pt;
    line-height : 11pt;
    text-align  : left;
}

.date {
    color       : white;
    font-size   : 7pt;
}

label.required {
    color    : #FF5333 !important;
}

input.search {
    width: 115px;
}

textarea.smallTextarea {
    width           : 200px;
    padding         : 0;
    font-family     : Verdana, Helvetica, Arial, sans-serif;
    font-size       : 10px;
    background-color: white;
}

/*
input {
    font-family  : Verdana, Helvetica, Arial, sans-serif;
    font-size   : 9px;
}

input[type="checkbox"] {
  position  : relative;
  left      : 0;
  top       : 3px;
}

textarea {
    padding-bottom  : 5px;
    padding-right   : 5px;
    padding-left    : 5px;
    padding-top     : 5px;
    border          : 1px solid #bbb;
    background      : #eee;
    font-family     : Verdana, Helvetica, Arial, sans-serif;
    font-size       : 10px;
    background-color:#FFFAEF;
}

select {
    font-family  : Verdana, Helvetica, Arial, sans-serif;
    font-size    : 10px;
}

*/

/* FORM */
.buttonBackground {
    font-weight     : bold;
    color           : #333333;
    background-color: rgb(209,220,235);
}

.formLabelNormal {
    font-weight     : normal;
    color           : #333333;
    background-color: #DCE0E3;
}

.formField {
    font-weight      : normal;
    color            : #333333;
    background-color : rgb(238,242,247);
}

.formFieldBold {
    font-weight      : bold;
    color            : #333333;
    background-color : rgb(238,242,247);
}

.LeftPadding {
    padding-left: 10px;
}

.formFieldPaddLeft {
    font-weight     : normal;
    color           : #333333;
    background-color: rgb(238,242,247);
    padding-left    : 6px;
}

.leftrightpadding {
    font-weight     : normal;
    padding-left    : 16px;
    padding-right   : 16px;
}

.formRed {
    font-weight     : normal;
    color           : #ffffff;
    background-color: rgb(249,250,138);
}

.formYellow {
    font-weight     : bold;
    color           : black;
    background-color: rgb(249,250,138);
}

.formLabel {
    font-weight     : bold;
    color           : #333333;
    background-color: rgb(209,220,235);
}

.formLabelTag {
    font-weight     : bold;
    color           : #FFFFFF;
    background-color: rgb(76,139,189);
}

/* Buttons */
.btnActionInactive {
    background-color    : #CCCCCC;
    border              : 1px solid #ccc;
    height              : 19px;
    font-size           : 1em;
    cursor              : pointer;
}

.btnActionActive{
    background-color    : #f1f1f1;
    border              : 1px solid #ccc;
    height              : 19px;
    font-size           : 1em;
    cursor              : pointer;
}

.button_small {
    color               : #1A659F;
    font                : bold 9px 'trebuchet ms',helvetica,Arial, Times, sans-serif;
    background-color    : white;
    background-image    : url("../images/button_small.gif");
    border              : none;
    background-repeat   : no-repeat;
    width               : 29px;
    height              : 17px;
    text-transform      :uppercase;
    cursor              : pointer;
    margin-right        : 5px;
}

.button_medium {
    color               : #1A659F;
    font                : bold 9px 'trebuchet ms',helvetica,Arial, Times, sans-serif;
    background-color    : white;
    background-image    : url("../images/button_medium.gif");
    border              : none;
    background-repeat   : no-repeat;
    width               : 53px;
    height              : 17px;
    text-transform      :uppercase;
    cursor              : pointer;
}

.button_large {
    color               : #1A659F;
    font                : bold 9px 'trebuchet ms',helvetica,Arial, Times, sans-serif;
    background-color    : white;
    background-image    : url("../images/button_large.gif");
    border              : none;
    background-repeat   : no-repeat;
    width               : 87px;
    height              : 17px;
    text-transform      : uppercase;
    cursor              : pointer;
}

.button_xlarge {
    color               : #1A659F;
    font                : bold 9px 'trebuchet ms',helvetica,Arial, Times,sans-serif;
    background-color    : white;
    background-image    : url("../images/button_xlarge.gif");
    border              : none;
    background-repeat   : no-repeat;
    width               : 118px;
    height              : 17px;
    text-transform      : uppercase;
    cursor              : pointer;
}

.button_xxlarge {
    color               : #1A659F;
    font                : bold 9px 'trebuchet ms',helvetica,Arial, Times,sans-serif;
    background-color    : white;
    background-image    : url("../images/button_xxlarge.gif");
    border              : none;
    background-repeat   : no-repeat;
    width               : 159px;
    height              : 17px;
    text-transform      : uppercase;
    cursor              : pointer;
}

/*Advertising Banner Area colors*/

.advertising {
    color: #cdcdcd;
}

.advertising a {
    color: #cdcdcd;
}

/*Version Info*/
.version {
    color   : white;
    font    : bold 7pt Verdana, Helvetica, Sans-Serif;
}

/* LISTS */
.listHeaderTitle {
    color: #504F69;
}

.headerBg {
    background-color: #DCE0E3;
}

.colSelectedBg {
    background-color: #C5CBD0;
}

/* Dividers */
.dividerlogs {
    background-color    : rgb(77,115,160);
    color               : #ffffff;
    font-weight         : bold;
}

.dividerlogs {
    background-color    : rgb(172,197,238);
    color               : #000000;
    font-weight         : bold;
}

.dividermiddleshade {
    background-color    : rgb(75,115,220);
    color               : #ffffff;
    font-weight         : bold;
}

/* Trouble Ticket*/
.ticketclosedstatus {
    color: red;
}

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

.tickettech {
    font-weight: bold; color: green;
}

.ticketuser {
    font-weight : bold;
    color       : black;
}

/*quick graphs on home page*/
#quickgraphs {
   margin-top   : 19px;
   height       : 172px;
   margin-left  : 0px;
   background   : #FFFFFF;
   border       : 0px solid #ccc;
}

/*drop down menu styles*/
.menu .options {
    background-image: url("../header_images/sub_bg.gif");
}

.menu .options a {
    display             : block;
    padding             : 1px 5px 1px 20px;
    background-image    : url("../header_images/bullet_subnav.gif");
    background-repeat   : no-repeat;
    background-position : 5px 2px;
}

.menu .options a:hover {
    display             : block;
    padding             : 1px 5px 1px 20px;
    background-image    : url("../header_images/active_bullet_subnav.gif");
    background-repeat   : no-repeat;
    background-position : 5px 2px;
    color               : rgb(243,179,90);
}

.menu .options .sel{
    display             : block;
    padding             : 1px 5px 1px 20px;
    background-image    : url("../header_images/active_bullet_subnav.gif");
    background-repeat   : no-repeat;
    background-position : 5px 2px;
    color               : rgb(243,179,90);
}

.menuoptions{
    background-image: url("../header_images/sub_bg.gif");
}

/* Style for popup notes */
.notesClose {
    margin              : 1px;
    background-color    : #cccccc;
    font-size           : 10pt;
    cursor              : pointer;
    z-index             : 2;
    position            : absolute;
    right               : 0;
    top                 : 0;
}
.notesResize {
    z-index : 2;
    right   : 0;
    cursor  : se-resize;
    color   : #333333;
    bottom  : 0;
    position: absolute
}

/* Style for views */
.viewLabel{
    font            : bold 12px Verdana, Arial, Helvetica, sans-serif;
    color           : black;
    margin-bottom   : 10px;
    display         : block;
}

.viewHead {
    margin-top      : 10px;
    border-bottom   : 1px solid #aaa;
    margin-bottom   : 0;
    color           : #333;
    width           : 100%;
}

#viewSelect {
    background      : #F0F9F6;
    margin-bottom   : 5px;
    vertical-align  : middle;
    padding-top     : 2px;
    padding-bottom  : 2px;
    height          : 20px;
}

.viewFormRows {
    background-color    : #f0f6f5;
    border-bottom       : 1px solid #b1d6cd;
    width               : 400px;
    padding-left        : 10px;
}

.viewFormInnerSep {
    height          : 1px;
    background      : #DBECE8;
    border-bottom   : 1px solid #fff;
    clear           : left;
    width           : 400px;
    margin-bottom   : 4px;
    margin-top      : 4px;
}

.viewFormFooter {
    background-color    : #f0f6f5;
    border-bottom       : 1px solid #b1d6cd;
    padding-top         : 3px;

}

/* Added version 2.6 */
/* System Announcements */
#announcement_column {
    width: 100%;
}

/* Left column styles */
#announcement_column h3 {
    background : none;
    border      : 0;
    color       : #97bd78;
    font-size   : 14px;
    margin      : 0;
    padding     : 7px 11px; /* OLD: 9px 11px */
}

#announcement_column h3 a {
    color           : #97bd78; /* text color */
    font-size       : 14px;
    text-decoration : none;
}

#announcement_column h3 a:hover {
    color           : #97bd78; /* text color */
    font-size       : 14px;
    text-decoration : underline;
}

#announcement_column p {
    padding : 10px 0;
    margin  : 0 11px;
}

#announcement_column a {
    color           : #1081b9;
    text-decoration : none;
    font-size       : 10px;
}

#announcement_column a:hover {
    color           : #1081b9;
    text-decoration : underline;
}

#announcement_blog {
    line-height     : 1.6em;
    margin-bottom   : 20px;
    text-align      : left;
    overflow        : auto;
}

#announcement_blog p {
    background  : url("../images/dashed_line_b.gif") repeat-x top;
    font-size   : 10px;
}

#announcement_blog p strong {
    font-size: 10px;
}

#announcementHomeLayer {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size  : 10px;
    position   : relative;
    left       : 0;
    top        : 0;
    width      : 350px;
    height     : 180px;
    z-index    : 1;
    overflow   : auto;
}

.announcement_tr_odd {
    background-color: #FFFFFF;
}

.announcement_tr_even {
    background-color: #F0F7FB;
}

.announcement_title {
    font    : bold 14px Verdana, Arial, Helvetica, sans-serif;
    color   : #000099;
}

.announcement_date {
    font    : normal 10px Verdana, Arial, Helvetica, sans-serif;
    color   : #000099;
}

.announcement_post {
    font    : normal 12px Verdana, Arial, Helvetica, sans-serif;
    color   : #000000;
}

.statusFGCLASS {
   background-color : #F3B35A;
   margin           : 0;
   padding          : 0;
}

.statusBGCLASS {
}

.statusTEXTFONTCLASS {
   font             : bold 11px Tahoma;
   color            : #FFFFFF;
}

.resetstatusFGCLASS {
   background-color : #FF0000;
   margin           : 0;
   padding          : 0;
}

.resetstatusBGCLASS {
}

.resetstatusTEXTFONTCLASS {
   font             : bold 11px Tahoma;
   color            : #FFFFFF;
}

.unsetstatusFGCLASS {
   background-color: #F3B35A;
   margin           : 0;
   padding          : 0;
}

.unsetstatusBGCLASS {
}

.unsetstatusTEXTFONTCLASS {
   font             : bold 11px Tahoma;
   color            : #FFFFFF;
}

/* Added version 2.7 */
.newline {
    clear:both;
}

.clearline {
    clear:both;
    height:7px;
}

div.cornersGray {
    background: #eee;
    border: 1px none lime;
}

div.tlGray {
    background:  url("../images/graytl.gif") top left no-repeat;
}

div.trGray {
    background:  url("../images/graytr.gif") top right no-repeat;
}

div.blGray {
    background:  url("../images/graybl.gif") bottom left no-repeat;
}

div.brGray {
    background:  url("../images/graybr.gif") bottom right no-repeat;
}

span.statusMsg{
   font-family      : Tahoma;
   font-size        : 11px;
   font-weight      : bold;
   margin           : 2px 6px;
}

.statusContainer {
   background-color : #ffd363;
   padding-left: 10px;
   padding-right: 10px;
}

.contentstyle{
	border: 1px solid #D1D1D1;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#last {
	float: left;
	width: 45%;
	margin-top: 64px;
	padding: 0px;
}

#last h1 {
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #97C84E;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#last small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #757575;
	margin: 0px;
	padding: 0px;
	font-variant: small-caps;
}

#last h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF9501;
	margin: 0px;
	padding: 0px;
}

#last p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

#graf {
	float: right;
	margin-top: 64px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	background-image: url(../images/bg_graf.jpg);
	background-repeat: repeat-y;
	background-position: left;
}

/* End tabs on home dashboard */

/*********   JS popup **********/
#lightbox {
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:430px;
	height:230px;
	margin:-170px 0 0 -215px;
	text-align:left;
}

#lightbox[id] {
	position:fixed;
}

#overlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.3;
	opacity:.30;
	filter: alpha(opacity=30);
}

#overlay[id] {
	position:fixed;
}

.dialog_body {
    padding-left    : 5px;
    background      : white;
    border-bottom   : 1px solid #ccc;
}

.pop_topleft, .pop_topright, .pop_bottomleft, .pop_bottomright {
  height: 10px;
  overflow: hidden;
  padding: 0px;
  width: 10px;
}

.pop_topleft {
  background-image: url('../images/pop_dialog_top_left.png');
  filter: none;
}

.pop_topright {
  background-image: url('../images/pop_dialog_top_right.png');
  filter: none;
}

.pop_bottomleft {
  background-image: url('../images/pop_dialog_bottom_left.png');
  filter: none;
}

.pop_bottomright {
  background-image: url('../images/pop_dialog_bottom_right.png');
  filter: none;
}

.pop_border {
  background-image: url('../images/pop_dialog_border.png');
  filter: none;
}

.pop_content {
  background-color: white;
  padding: 0px;
}

.pop_content h2 {
  background: #6d84b4;
  border: 1px solid #3b5998;
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;

}

.pop_content h2 span {
  font-size: 14px;
  display: block;
  padding: 4px 10px 5px 10px;
}


/****** Popup Note *******/
div#popupNote
{
    width:400px;
    height:275px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 5px;
    padding-bottom: 20px;
    background-color: rgb(255,255,204);
    border: 1px solid #cccccc;
}