#wv-header {
    width: 940px !important;
    width: 980px;
    
}

#wv-main {
    width: 940px !important;
    width: 980px;
    background-color: #ffffff;
    padding: 20px 20px 20px 20px;
    
}

#wv-main-wide {
    
    width: 95%;
    background-color: #ffffff;
    padding: 20px 20px 20px 20px;
}

#wv-main-outage {
    background-color: #ffffff;
    padding: 20px 20px 20px 20px;
    
}

#wv-footer {
    width: 940px !important;
    width: 980px;
    
}

body, td  
{
font-family: tahoma;   
font-size: 12px;
}

html, body {
    height: 1000px;
    /*width: 100%;*/
}

a:link
{
color: blue;
text-decoration: none;
font-family: tahoma;
font-weight: normal;
font-size: 10px;
font-style: normal;
}

a:visited
{
color: blue;
text-decoration: none;
font-family: tahoma;
font-weight: normal;
font-size: 10px;
font-style: normal;
}

a:hover
{
color: red;
text-decoration: none;
font-family: tahoma;
font-weight: normal;
font-size: 10px;
font-style: normal;
}

a:active
{
color: Gray;
text-decoration: none;
font-family: tahoma;
font-weight: normal;
font-size: 10px;
font-style: normal;
}

.menuitem
{
color: black;
text-decoration: none;
font-family: tahoma;
font-weight: normal;
font-size: 18px;
font-style: normal;
vertical-align: middle;
}


/* the div that holds the date picker calendar */
.dpDiv {
}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #000000;
background-color: #99CCFF;
border: 2px outset #0000A0;
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
background-color: white;
border: 1px solid gray;
/*border: 1px solid #ece9d8;*/
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
background-color: #aca998;
border: 1px solid #888888;
cursor: pointer;
color: red;
}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
color: #000000;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
font-size: 12px;
color: #0000A0;
font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
color: #4060ff;
font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;

/*background: #d8e8ff;*/

background: #4060ff;
font-weight: bold;
padding: 0px;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;

/*background: #d8e8ff;*/

background: #4060ff;
font-weight: bold;
}


.ExceptionStatus
{
font-family:  Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.ExceptionStatusBold
{
font-weight: bold;
font-family:  Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.widgettable
{
font-family:arial;
font-size:10px;
}

.widgettable td
{
}

td.widgetheader {
background-color: #99CCFF;
font-size: 12px;
font-family: tahoma;
font-weight: bold;
padding: 2px;
height: 23px;
}


td.widgetheader2 {
background-color: #99CCFF;
font-size: 10px;
font-family: tahoma;
font-weight: bold;
padding: 2px;
height: 23px;
color: #0000A0;
}

#MsgBar
{
color: blue;
font-weight: bold;
font-size: 12px;
font-family: tahoma;

}


.calendar_header
{
FONT-FAMILY: tahoma;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
BACKGROUND-COLOR: silver;
}

.calendar_month
{
FONT-FAMILY: tahoma;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
BACKGROUND-COLOR: navy;
COLOR: white;
}

.calendar_day
{
FONT-FAMILY: tahoma;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
BACKGROUND-COLOR: white;
}

.calendar_highlight
{
FONT-FAMILY: tahoma;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
BACKGROUND-COLOR: #99CCFF;
COLOR: blue;
cursor: pointer;
cursor: hand;
}

.calendar_selected
{
FONT-FAMILY: tahoma;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
BACKGROUND-COLOR: #99CCFF;
COLOR: #000000;
}



.btn_compare {
    padding-top:2px;
    padding-right:2px;
    display:inline;
    float:left;
    
}

.btn_compare_dates {
    display:inline;
    float:left;
    height:23px;
    /*vertical-align:top;   */
    padding-right:2px;
    padding-top:2px;
    /*border: solid 1px red;*/
    
}



.content {
padding: 0em;
}

div.tableContainer {
width: 100%;
overflow-x: hidden;
overflow-y: auto;
margin: 0 auto;
}

table.datatable {
width: 100%;	
border: none;
/*background-color: #f7f7f7;*/
}


/*
* Specific Firefox
*/	
html>body table.dataTable tbody.scrollContent { 
overflow: auto;
overflow-x: hidden;
height: auto;
}
/* may need different heights */
html>body table.dataTable tbody.scrollContent250 { 
overflow: auto;
overflow-x: hidden;
height: auto;
}
html>body div.tableContainer {
overflow-y: hidden;

}

/*
* Target is IE5+ only
* ----------
* FOR HEADER
*/
thead tr {
position:relative; 
height: 22px;
top: expression(offsetParent.scrollTop);
}

/*
* Target is IE5+ only
* ----------
* FOR FOOTER
* ----------
* Some explaination : 
* with pseudo code : 
* if (scroll_is_needed){
* 	top = container_height + table_scrollTop - table_Height
* } else {
* 	//tfoot should be at the same place if there is a scroll or not
*	top = container_height - table_height;
* }
*/
table.datatable tfoot tr {
  position: relative; 
  overflow-x: hidden;
  top: expression(parentNode.parentNode.offsetHeight >= offsetParent.offsetHeight ? 
	offsetParent.offsetHeight + offsetParent.scrollTop - parentNode.parentNode.offsetHeight : 
	offsetParent.offsetHeight - parentNode.parentNode.offsetHeight);
}

/*
* Classical Css
*/	

table.dataTable td {
/*color: #666666;*/
padding-right: 2px;
padding-left: 2px;
padding-top: 1px;
padding-bottom: 1px;
text-align: left;
font-size : 10px;


}

thead.fixedHeader td 
{
font-size: 10px;

background-color: #c3c3c3;
color: Black;
font-weight: bold;

}

/*
* FF scroll hide last column.
* prevent this case
*/

html>body table.dataTable td:last-child {
padding-right: 20px;
}

/* Safari only */

@media all and (min-width:0px) {

    html>body div.tableContainer {
	    display: block;
	    overflow-y: auto;
	    overflow-x: hidden;
	    /*height: 176px;*/
	    width: 100%;
    }

}



.Deleted td {

    text-decoration:line-through;
}


.dhx_combo_list{ 
    font-size: 10pt; 
    min-width:250px;
    font-family: arial;
    white-space: nowrap;
    
}


.dhx_combo_list div{
    cursor: pointer;
    white-space: nowrap;
    padding-right: 50px;

}

.dhx_combo_input{ 
    font-size: 10pt; 
    font-family: arial;
    cursor: pointer;
}

div.gridbox table.obj td {
    font-family: Tahoma;
    font-size:11px;
    padding-top: 3px;
    padding-bottom: 3px;
}

div.gridbox table.obj tr {
    /*height:20px;*/
}


/* sprites */

.tbb {
    width: 28px;
    height: 28px;
    
    overflow: hidden;
    
    
}

.tbb img {
    border:none;
    margin:0;
}

.tbb.blank1 img { margin-left:-198px; }
.tbb.blank1 a:hover img { margin-left:-231px; }

.tbb.blank2 img { margin-left:-198px; }
.tbb.blank2 a:hover img { margin-left:-231px; }

.tbb.blank3 img { margin-left:-198px; }
.tbb.blank3 a:hover img { margin-left:-231px; }

.tbb.blank4 img { margin-left:-198px; }
.tbb.blank4 a:hover img { margin-left:-231px; }

.tbb.blank5 img { margin-left:-198px; }
.tbb.blank5 a:hover img { margin-left:-231px; }

.tbb.blank6 img { margin-left:-198px; }
.tbb.blank6 a:hover img { margin-left:-231px; }

.tbb.blank7 img { margin-left:-198px; }
.tbb.blank7 a:hover img { margin-left:-231px; }

.tbb.except img { margin-left:-264px; }
.tbb.except a:hover img { margin-left:-297px; }

.tbb.summary img { margin-left:-1452px; }
.tbb.summary a:hover img { margin-left:-1485px; }

.tbb.excepthist img { margin-left:-330px; }
.tbb.excepthist a:hover img { margin-left:-363px; }

.tbb.routes img { margin-left:-1320px; }
.tbb.routes a:hover img { margin-left:-1353px; }

.tbb.logdata img { margin-left:-660px; }
.tbb.logdata a:hover img { margin-left:-693px; }

.tbb.docmgmt img { margin-left:-132px; }
.tbb.docmgmt a:hover img { margin-left:-165px; }

.tbb.wrkrequest img { margin-left:-1815px; }
.tbb.wrkrequest a:hover img { margin-left:-1848px; }

.tbb.wrkorders img { margin-left:-1683px; }
.tbb.wrkorders a:hover img { margin-left:-1716px; }

.tbb.search img { margin-left:-1386px; }
.tbb.search a:hover img { margin-left:-1419px; }

.tbb.home img { margin-left:-528px; }
.tbb.home a:hover img { margin-left:-561px; }

.tbb.logout img { margin-left:-726px; }
.tbb.logout a:hover img { margin-left:-759px; }

.tbb.tree img { margin-left:-1617px; }
.tbb.tree a:hover img { margin-left:-1650px; }

.tbb.newexception img { margin-left:-858px; }
.tbb.newexception a:hover img { margin-left:-891px; }

.tbb.points img { margin-left:-1188px; }
.tbb.points a:hover img { margin-left:-1221px; }

.tbb.notify img { margin-left:-1056px; }
.tbb.notify a:hover img { margin-left:-1089px; }

.tbb.notes img { margin-left:-990px; }
.tbb.notes a:hover img { margin-left:-1023px; }

.tbb.integratedsummary img { margin-left:-594px; }
.tbb.integratedsummary a:hover img { margin-left:-627px; }

.tbb.kpi img { margin-left:-594px; }
.tbb.kpi a:hover img { margin-left:-627px; }

.tbb.bookmark img { margin-left:-66px; }
.tbb.bookmark a:hover img { margin-left:-99px; }

.tbb.newtour img { margin-left:-924px; }
.tbb.newtour a:hover img { margin-left:-957px; }

.tbb.workorderadd img { margin-left:-1749px; }
.tbb.workorderadd a:hover img { margin-left:-1782; }

.tbb.personnel img { margin-left:-1122px; }
.tbb.personnel a:hover img { margin-left:-1155px; }

.tbb.report img { margin-left:-1254px; }
.tbb.report a:hover img { margin-left:-1287px; }

.tbb.help img { margin-left:-462px; }
.tbb.help a:hover img { margin-left:-495px; }



/* GRADIENTS for CONDITION INDEX */
.ConditionIndex0 {

    /* IE8 */
    background-image: url(../images/meter-red-green.jpg)\9;
    background-position: 0px 0px\9;

    /* IE10 */ 
    background-image: -ms-linear-gradient(left, #006400 0%, #006400 0%, #FF0000 0%, #FF0000 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(left, #006400 0%, #006400 0%, #FF0000 0%, #FF0000 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(left, #006400 0%, #006400 0%, #FF0000 0%, #FF0000 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #006400), color-stop(0, #006400), color-stop(0, #FF0000), color-stop(1, #FF0000));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(left, #006400 0%, #006400 0%, #FF0000 0%, #FF0000 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(left, #006400 0%, #006400 0%, #FF0000 0%, #FF0000 100%);
}
.ConditionIndex10 {
    /* IE8 */
    background-image: url(../images/meter-red-green.jpg)\9;
    background-position: -38px 0px\9;

    /* IE10 */ 
    background-image: -ms-linear-gradient(left, #006400 0%, #006400 10%, #FF0000 10%, #FF0000 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(left, #006400 0%, #006400 10%, #FF0000 10%, #FF0000 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(left, #006400 0%, #006400 10%, #FF0000 10%, #FF0000 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #006400), color-stop(.1, #006400), color-stop(.1, #FF0000), color-stop(1, #FF0000));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(left, #006400 0%, #006400 10%, #FF0000 10%, #FF0000 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(left, #006400 0%, #006400 10%, #FF0000 10%, #FF0000 100%);
}
.ConditionIndex20 {
    /* IE8 */
    background-image: url(../images/meter-red-green.jpg)\9;
    background-position: -36px 0px\9;

    /* IE10 */ 
    background-image: -ms-linear-gradient(left, #006400 0%, #006400 20%, #FF0000 20%, #FF0000 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(left, #006400 0%, #006400 20%, #FF0000 20%, #FF0000 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(left, #006400 0%, #006400 20%, #FF0000 20%, #FF0000 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #006400), color-stop(.2, #006400), color-stop(.2, #FF0000), color-stop(1, #FF0000));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(left, #006400 0%, #006400 20%, #FF0000 20%, #FF0000 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(left, #006400 0%, #006400 20%, #FF0000 20%, #FF0000 100%);
}
.ConditionIndex30 {
    /* IE8 */
    background-image: url(../images/meter-red-green.jpg)\9;
    background-position: -34px 0px\9;

    /* IE10 */ 
    background-image: -ms-linear-gradient(left, #006400 0%, #006400 30%, #FF0000 30%, #FF0000 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(left, #006400 0%, #006400 30%, #FF0000 30%, #FF0000 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(left, #006400 0%, #006400 30%, #FF0000 30%, #FF0000 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #006400), color-stop(.3, #006400), color-stop(.3, #FF0000), color-stop(1, #FF0000));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(left, #006400 0%, #006400 30%, #FF0000 30%, #FF0000 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(left, #006400 0%, #006400 30%, #FF0000 30%, #FF0000 100%);
}
.ConditionIndex40 {
    /* IE8 */
    background-image: url(../images/meter-red-green.jpg)\9;
    background-position: -32px 0px\9;

    /* IE10 */ 
    background-image: -ms-linear-gradient(left, #006400 0%, #006400 40%, #FF0000 40%, #FF0000 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(left, #006400 0%, #006400 40%, #FF0000 40%, #FF0000 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(left, #006400 0%, #006400 40%, #FF0000 40%, #FF0000 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #006400), color-stop(.4, #006400), color-stop(.4, #FF0000), color-stop(1, #FF0000));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(left, #006400 0%, #006400 40%, #FF0000 40%, #FF0000 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(left, #006400 0%, #006400 40%, #FF0000 40%, #FF0000 100%);
}
.ConditionIndex50 {
    /* IE8 */
    background-image: url(../images/meter-red-green.jpg)\9;
    background-position: -30px 0px\9;

    /* IE10 */ 
    background-image: -ms-linear-gradient(left, #006400 0%, #006400 50%, #FF0000 50%, #FF0000 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(left, #006400 0%, #006400 50%, #FF0000 50%, #FF0000 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(left, #006400 0%, #006400 50%, #FF0000 50%, #FF0000 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #006400), color-stop(.5, #006400), color-stop(.5, #FF0000), color-stop(1, #FF0000));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(left, #006400 0%, #006400 50%, #FF0000 50%, #FF0000 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(left, #006400 0%, #006400 50%, #FF0000 50%, #FF0000 100%);
}
.ConditionIndex60 {
    /* IE8 */
    background-image: url(../images/meter-red-green.jpg)\9;
    background-position: -28px 0px\9;

    /* IE10 */ 
    background-image: -ms-linear-gradient(left, #006400 0%, #006400 60%, #FF0000 60%, #FF0000 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(left, #006400 0%, #006400 60%, #FF0000 60%, #FF0000 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(left, #006400 0%, #006400 60%, #FF0000 60%, #FF0000 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #006400), color-stop(.6, #006400), color-stop(.6, #FF0000), color-stop(1, #FF0000));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(left, #006400 0%, #006400 60%, #FF0000 60%, #FF0000 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(left, #006400 0%, #006400 60%, #FF0000 60%, #FF0000 100%);
}
.ConditionIndex70 {
    /* IE8 */
    background-image: url(../images/meter-red-green.jpg)\9;
    background-position: -26px 0px\9;
    
    /* IE10 */ 
    background-image: -ms-linear-gradient(left, #006400 0%, #006400 70%, #FF0000 70%, #FF0000 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(left, #006400 0%, #006400 70%, #FF0000 70%, #FF0000 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(left, #006400 0%, #006400 70%, #FF0000 70%, #FF0000 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #006400), color-stop(.7, #006400), color-stop(.7, #FF0000), color-stop(1, #FF0000));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(left, #006400 0%, #006400 70%, #FF0000 70%, #FF0000 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(left, #006400 0%, #006400 70%, #FF0000 70%, #FF0000 100%);
}
.ConditionIndex80 {

    /* IE8 */
    background-image: url(../images/meter-red-green.jpg)\9;
    background-position: -24px 0px\9;

    /* IE10 */ 
    background-image: -ms-linear-gradient(left, #006400 0%, #006400 80%, #FF0000 80%, #FF0000 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(left, #006400 0%, #006400 80%, #FF0000 80%, #FF0000 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(left, #006400 0%, #006400 80%, #FF0000 80%, #FF0000 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #006400), color-stop(.8, #006400), color-stop(.8, #FF0000), color-stop(1, #FF0000));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(left, #006400 0%, #006400 80%, #FF0000 80%, #FF0000 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(left, #006400 0%, #006400 80%, #FF0000 80%, #FF0000 100%);
}
.ConditionIndex90 {

    /* IE8 */
    background-image: url(../images/meter-red-green.jpg)\9;
    background-position: -22px 0px\9;
    
    /* IE10 */ 
    background-image: -ms-linear-gradient(left, #006400 0%, #006400 90%, #FF0000 90%, #FF0000 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(left, #006400 0%, #006400 90%, #FF0000 90%, #FF0000 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(left, #006400 0%, #006400 90%, #FF0000 90%, #FF0000 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #006400), color-stop(.9, #006400), color-stop(.9, #FF0000), color-stop(1, #FF0000));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(left, #006400 0%, #006400 90%, #FF0000 90%, #FF0000 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(left, #006400 0%, #006400 90%, #FF0000 90%, #FF0000 100%);
}




.ConditionIndex100 {
        

    /* IE8 */
    background-image: url(../images/meter-red-green.jpg)\9;
    background-position: -20px 0px\9;
        
    /* IE10 */ 
    background-image: -ms-linear-gradient(left, #006400 0%, #006400 100%, #FF0000 100%, #FF0000 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(left, #006400 0%, #006400 100%, #FF0000 100%, #FF0000 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(left, #006400 0%, #006400 100%, #FF0000 100%, #FF0000 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #006400), color-stop(1, #006400), color-stop(1, #FF0000), color-stop(1, #FF0000));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(left, #006400 0%, #006400 100%, #FF0000 100%, #FF0000 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(left, #006400 0%, #006400 100%, #FF0000 100%, #FF0000 100%);
    

}

.wvtable
{
    border: solid 1px #99ccff;
    border-collapse: collapse;
    
} 
.wvtable td
{

    border: solid 1px #99ccff;
    
}