#head {

   color:#ffffff

}

body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

a:link {
	color: #336699;
	text-decoration: none;
}
a:visited {
	color: #336699;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: underline;
}
a.redlink:link {
	color: #EE0000;
	text-decoration: none;
}
a.redlink:visited {
	color: #EE0000;
	text-decoration: none;
}
a.redlink:hover {
	color: #666666;
	text-decoration: underline;
}
a.yellowlink:link {
	color: #FF9900;
	text-decoration: none;
}
a.yellowlink:visited {
	color: #FF9900;
	text-decoration: none;
}
a.yellowlink:hover {
	color: #666666;
	text-decoration: underline;
}
a.greenlink:link {
	color: #009900;
	text-decoration: none;
}
a.greenlink:visited {
	color: #009900;
	text-decoration: none;
}
a.greenlink:hover {
	color: #666666;
	text-decoration: underline;
}

a.title2link:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #065757;
	font-weight: bold;
	text-decoration: none;
}
a.title2link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #065757;
	font-weight: bold;
	text-decoration: none;
}
a.title2link:hover {
	color: #000000;
	text-decoration: underline;
}

span {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 18px;
	font-weight: bold;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #003366;
	color: #FFFFFF;
}
input {
	font-family: Arial, Helvetica;
	font-size: 11px;
	background-color: #FFFFFF;
}
textarea {
	font-family: Arial, Helvetica;
	font-size: 11px;
	background-color: #FFFFFF;
}
.pull1 {
	width: 150px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	background-color: #f1eef2;
}
.pull2 {
	width: 100px;
	font-family: Arial, Helvetica;
	font-size: 8px;
	background-color: #f1eef2;
}
.input2 {
	font-family: Arial, Helvetica;
	font-size: 11px;
	background-color: #f1eef2;
}
.input3 {
	width: 150px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	background-color: #FFFFFF;
}

.heading {
	font-family: Arial Black;
	font-size: 12px;
	color: #065757;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #003366;
	font-weight: bold;
	text-transform: uppercase;
}
.title2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #065757;
	font-weight: bold;
}
.title3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.title4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
.sm {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
}
.white {
	color: #FFFFFF;
}
.RED {
	color: #EE0000;
	font-weight: bold;
}
.YELLOW {
	color: #FF9900;
	font-weight: bold;
}
.GREEN {
	color: #009900;
	font-weight: bold;
}
.Magenta {
	color: #CC00FF;
	font-weight: bold;
}
.black {
	color: #000000;
}
.Purple {
       color: #3300CC;
       font-weight: bold;
}

div.cellstyle table {
  empty-cells: hide;
  border-collapse: collapse;
  border-style: solid;
  border-width: thin;
  border-color: #C2C8CA;
  border-spacing: 1em;
}
div.cellstyle td {
  border-top: solid;
  border-bottom: solid;
  border-right: solid;
  border-left: solid;
  border-width: thin;
  border-color: #C2C8CA;
  border-spacing: 1em;
}

.tblheader {
	background-color: #d5deaf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
	color: #065757;
}
.row-selected {
	background-color: #70b1f1;
	color: #333333;
}
.row-selected a:link {
	color: #333333;
	text-decoration: none;
}
.row-selected a:visited {
	color: #333333;
	text-decoration: none;
}
.row-selected a:hover {
	color: #ffffff;
	text-decoration: none;
}

.tblborder {
	border : thin solid #C2C8CA;
	border-width: 1px 1px 1px 1px;
}
.tblborder2 {
	border : thin solid #C2C8CA;
	border-width: 1px 1px 1px 1px;
	background-color: #d5deaf;
}
.tblborder3 {
	border-top: thin solid #c2c8ca;
	border-right: thin solid #999999;
	border-bottom: thin solid #999999;
	border-left: thin solid #c2c8ca;
	border-width: 1px 1px 1px 1px;
	background-image: url(../images/background-03.jpg);
}
.tblborder4 {
	border : thin solid #C2C8CA;
	border-width: 1px 1px 1px 1px;
	background-color: #ffffff;
}
.tblborder5 {
	border : thin solid #999999;
	border-width: 1px 1px 1px 1px;
}
.tblborder6 {
	border : thin solid #999999;
	border-width: 1px 1px 1px 1px;
	background-image: url(../images/background-02.jpg);
}
.tblborder7 {
	border : thin solid #333333;
	border-width: 1px 1px 1px 1px;
}
.line-bottom {
	border-style: solid;
	border-color: #C2C8CA;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}
.line-right {
	border-style: solid;
	border-color: #C2C8CA;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.line-right-bottom {
	border-style: solid;
	border-color: #C2C8CA;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}
.line-bottom2 {
	border-style: solid;
	border-color: #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}
.line-right2 {
	border-style: solid;
	border-color: #999999;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.line-right-bottom2 {
	border-style: solid;
	border-color: #999999;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}
.line-top2 {
	border-style: solid;
	border-color: #999999;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.background0 {
	background-color: #ffffff;
}
.background1 {
	background-color: #f1eef2;
}
.background2 {
	background-image: url(../images/background-02.jpg);
}
.background3 {
	background-image: url(../images/background-03.jpg);
}
.background4 {
	background-image: url(../images/background-03.jpg);
}
.background5 {
	background-color: #66CC33;
}

.status-up {
	background-color: #66CC00;
}
.status-down {
	background-color: #FF0000;
}
.status-yellow {
	background-color: #FFCC00;
}
.status-selected {
	color: #FFFFFF;
	background-color: #336699;
}
.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
}
.button-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	font-weight: bold;
}

/* Begin Buttons */

.buttons {
    /* 
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x; 
    border: 1px solid #ccc;
    color: #666;
    font-size: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0;
    */
	border-left: #FFFFFF 1px solid;
	border-right: #666666 1px solid;
	border-top: #FFFFFF 1px solid;
	border-bottom: #666666 1px solid;
	display: block;
	padding-left: 8px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 4px;
	color: #333333;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	background-color: #B9C5CB;
}

.buttons input {
    /*
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-left: 3px;
    overflow: visible;
    padding: 2px 6px;
    */
	border-left: #FFFFFF 1px solid;
	border-right: #666666 1px solid;
	border-top: #FFFFFF 1px solid;
	border-bottom: #666666 1px solid;
	display: block;
	padding-left: 8px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 4px;
	color: #333333;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	background-color: #B9C5CB;
}
.buttons input.delete {
    background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.edit {
    background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.save {
    background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.search {
    background: transparent url(../images/icon_search.gif) 5px 50% no-repeat;
    padding-left: 28px;
}

/* End Buttons */

.smtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.bigtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
.rollbutton {
	
	border-left: #FFFFFF 1px solid;
	border-right: #666666 1px solid;
	border-top: #FFFFFF 1px solid;
	border-bottom: #666666 1px solid;
	/*
	display: block; */
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 4px; 
	color: #333333;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	background-color: #B9C5CB;
}
.rollbutton:link {
	color: #333333;
	text-decoration: none;
}
.rollbutton:visited {
	color: #333333;
	text-decoration: none;
}
.rollbutton:hover {	
	background-color: #969fa4;
	text-decoration: none;
}
/* roll menu
---------------------------------------------- */
.rollmenu {
	border-left: #FFFFFF 1px solid;
	border-right: #666666 1px solid;
	border-top: #FFFFFF 1px solid;
	border-bottom: #666666 1px solid;
	display: block;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 4px;
	color: #333333;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	background-color: #B9C5CB;
}
.rollmenu:link {
	color: #333333;
	text-decoration: none;
}
.rollmenu:visited {
	color: #333333;
	text-decoration: none;
}
.rollmenu:hover {	
	background-color: #969fa4;
	text-decoration: none;
}
.rollmenuA {
	border-right: #b7b7b7 1px solid;
	display: block;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 7px;
	padding-bottom: 6px;
	color: #333333;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../images/nav-bg1.gif);
	background-color: #B7B7B7;
}
.rollmenuA:link {
	color: #333333;
	text-decoration: none;
}
.rollmenuA:visited {
	color: #333333;
	text-decoration: none;
}
.rollmenuA:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/nav-bg2.gif);
}
.rollmenuB {
	border-left: #FFFFFF 1px solid;
	border-right: #666666 1px solid;
	border-top: #FFFFFF 1px solid;
	border-bottom: #666666 1px solid;
	display: block;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 2px;
	padding-bottom: 3px;
	color: #333333;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	background-image: url(../images/nav-bg1.gif);
	background-color: #B7B7B7;
}
.rollmenuB:link {
	color: #333333;
	text-decoration: none;
}
.rollmenuB:visited {
	color: #333333;
	text-decoration: none;
}
.rollmenuB:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/nav-bg2.gif);
}
.rollmenuC {
	border-left: #FFFFFF 1px solid;
	border-right: #666666 1px solid;
	border-top: #FFFFFF 1px solid;
	border-bottom: #666666 1px solid;
	display: block;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #333333;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../images/nav-bg1.gif);
	background-color: #B7B7B7;
}
.rollmenuC:link {
	color: #333333;
	text-decoration: none;
}
.rollmenuC:visited {
	color: #333333;
	text-decoration: none;
}
.rollmenuC:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/nav-bg2.gif);
}
.rollmenu2 {
	border-left: #FFFFFF 1px solid;
	border-right: #666666 1px solid;
	border-top: #FFFFFF 1px solid;
	border-bottom: #666666 1px solid;
	display: block;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 4px;
	color: #333333;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	background-color: #8fdfaf;
}
.rollmenu2:link {
	color: #333333;
	text-decoration: none;
}
.rollmenu2:visited {
	color: #333333;
	text-decoration: none;
}
.rollmenu2:hover {	
	background-color: #969fa4;
	text-decoration: none;
}

.rollmenu3 {
	border-left: #FFFFFF 1px solid;
	border-right: #666666 1px solid;
	border-top: #FFFFFF 1px solid;
	border-bottom: #c2c8ca 1px solid;
	display: block;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 4px;
	color: #003366;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../images/background-03.jpg);
}
.rollmenu3:link {
	color: #003366;
	text-decoration: none;
}
.rollmenu3:visited {
	color: #003366;
	text-decoration: none;
}
.rollmenu3:hover {	
	background-image: url(../images/background-03.jpg);
	text-decoration: none;
}
.rollmenu4 {
	border-left: #FFFFFF 1px solid;
	border-right: #c2c8ca 1px solid;
	border-top: #FFFFFF 1px solid;
	border-bottom: #dae0e4 1px solid;
	display: block;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 4px;
	color: #777777;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	background-color: #d5deaf;
}
.rollmenu4:link {
	color: #777777;
	text-decoration: none;
}
.rollmenu4:visited {
	color: #777777;
	text-decoration: none;
}
.rollmenu4:hover {	
	
	color: #003366;
	text-decoration: none;
}

.rollmenu5 {
	border-left: #aaaaaa 1px solid;
	border-right: #dae0e4 1px solid;
	border-top: #aaaaaa 1px solid;
	border-bottom: #C2C8CA 1px solid;
	display: block;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 4px;
	color: #777777;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../images/background-03.jpg);
}
.rollmenu5:link {
	color: #777777;
	text-decoration: none;
}
.rollmenu5:visited {
	color: #777777;
	text-decoration: none;
}
.rollmenu5:hover {	
	color: #003366;
	text-decoration: none;
}

.menuhead {
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	background-color: transparent
}
#menu1 {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#menu2 {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#menu3 {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#menu4 {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}

/* LIST */

.list table {
    border-collapse: collapse;
}
.list th, .list td {
    border-left: 1px solid #ddd;
}
.list th:hover, .list tr:hover {
    background: #b2d1ff;
}

/* PAGINATION */

.paginateButtons {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-top: 0;
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding: 10px 3px;
}
.paginateButtons a {
    background: #fff;
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    color: #666;
    margin: 0 3px;
    padding: 2px 6px;
}
.paginateButtons span {
    padding: 2px 3px;
}