@import url("navigation.css");
@import url("fonts.css");
@import url("formstyles.css");
/*MAIN PAGE PROPERTIES----------------------------------------*/
/*body,td,th {*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;     /* don't change without checking that main menu hilite still ok on FF and IE */
	font-weight: 500;
	background-color: #353638;
	margin: 0px;

}

	
/* 090227 - removed cos of interfering with NSB and not really needed anyway */
/*a:link {
    color: #000000;
}
a:visited {
    color: #000000;
}
a:hover {
    color: #FF9D04;
}
a:active {
    color: #FF9D04;
}*/

/*MAIN TABLES FOR PAGES---------------------------------------*/
.baseTable {
	width:940px;
	height:auto;
	margin-left:30px;
	margin-right:30px;
	/*margin-bottom:30px;*/
	margin-top:0px;
}
.baseTLcorner {
	background-image:url(base_TLcorner.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:7px;
	height:7px;
}
.baseTRcorner {
	background-image:url(base_TRcorner.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:7px;
	height:7px;
}
.baseBLcorner {
	background-image:url(base_BLcorner.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:7px;
	height:7px;
}
.baseBRcorner {
	background-image:url(base_BRcorner.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:7px;
	height:7px;
}
.baseTOP {
	background-image:url(base_TOP.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	height:7px;
}
.baseBOTTOM {
	background-image:url(base_BOTTOM.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:7px;
}
.baseLEFT {
	background-image:url(base_LEFT.gif);
	background-repeat:repeat-y;
	height:7px;
}
.baseRIGHT {
	background-image:url(base_RIGHT.gif);
	background-repeat:repeat-y;
	height:7px;
}
.baseCENTRE {
	background-color:#7e7e7e;
}
/*WHITE BASE ELEMENTS*/
.whiteBase {
	width:898px;
	height:auto;
}
.whiteBase_TLcorner {
	background-image:url(whiteBase_TLcorner.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:7px;
	height:7px;
}
.whiteBase_TRcorner {
	background-image:url(whiteBase_TRcorner.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:7px;
	height:7px;
}
.whiteBase_BLcorner {
	background-image:url(whiteBase_BLcorner.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:7px;
	height:7px;
}
.whiteBase_BRcorner {
	background-image:url(whiteBase_BRcorner.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:7px;
	height:7px;
}
.whiteBase_CENTRE {
	background-color:#fff;
}
.whiteBASE_horizontal {
	background-image:url(whiteBase_LEFT.gif);
	background-repeat:repeat-y;
	width:7px;
}
.whiteBASE_vertical_1 {
	background-image:url(whiteBase_TOP.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	height:7px;
}
.whiteBASE_vertical_2 {
	background-image:url(whiteBase_TOP.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:7px;
}
.whitePanel_TLcorner {
	background-image:url(whitePanel_TLcorner.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:7px;
	height:7px;
}
.whitePanel_TRcorner {
	background-image:url(whitePanel_TRcorner.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:7px;
	height:7px;
}
.whitePanel_BLcorner {
	background-image:url(whitePanel_BLcorner.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:7px;
	height:7px;
}
.whitePanel_BRcorner {
	background-image:url(whitePanel_BRcorner.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:7px;
	height:7px;
}
.whitePanel_TOP {
	background-image:url(whitePanel_TOP.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.whitePanel_BOTTOM {
	background-image:url(whitePanel_BOTTOM.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.whitePanel_LEFT {
	background-image:url(whitePanel_LEFT.gif);
	background-repeat:repeat-y;
	background-position:right;
}
.whitePanel_RIGHT {
	background-image:url(whitePanel_RIGHT.gif);
	background-repeat:repeat-y;
	background-position:left;
}
.whitePanel_CENTER {
	background-color:#FFF;
}
.mainPages_paddedTable {
	width:100%;
	margin:3px;
}
/*MAIN NAVIGATION TABLE ELEMENTS*/
/*.navTable {
	width:100%;
	height:auto;
}
.BKnavTable {
	width:100%;
	height:auto;
	text-align:center;
}
.BKnav_leftend {
	background-image:url(BKnav_leftend.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	width:7px;
	height:auto;
}
.BKnav_rightend {
	background-image:url(BKnav_rightend.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:7px;
	height:auto;
}
.BKnav_middle {
	background-image:url(BKnav_middle.gif);
	background-repeat:repeat-x;
	width:95%;
	height:auto;
	background-position:bottom;
}*/
.greyNav_leftend {
	background-image:url(greyNav_leftend.gif);
	background-repeat:no-repeat;
	background-position:right;
	width:7px;
	height:30px;
}
.greyNav_rightend {
	background-image:url(greyNav_rightend.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:7px;
	height:30px;
}
.greyNav_middle {
	background-image:url(greyNav_middle.gif);
    background-repeat:repeat-x;
    height:30px;
}

.greyNav_vert_middle {
    background-repeat:repeat-x;
    height:30px;
    background-color: #eee;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.greyNav_sep {
	background-image:url(greyNav_sep.gif);
    background-repeat:repeat-x;
    width:2px;
    height:30px;
    margin:0 7px;
}

.greyNavTable {
	width:100%;
	height:auto;
}
.greyNav_BTNs {
	width:100%;
	height:auto;
	text-align:center;
}
.innerPanel_TLcorner {
	background-image:url(innerPanel_TLcorner.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:6px;
	height:6px;
}
.innerPanel_TRcorner {
	background-image:url(innerPanel_TRcorner.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:6px;
	height:6px;
}
.innerPanel_BLcorner {
	background-image:url(innerPanel_BLcorner.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:6px;
	height:6px;
}
.innerPanel_BRcorner {
	background-image:url(innerPanel_BRcorner.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:6px;
	height:6px;
}
.innerPanel_TOP {
	background-image:url(innerPanel_TOP.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.innerPanel_BOTTOM {
	background-image:url(innerPanel_BOTTOM.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.innerPanel_LEFT {
	background-image:url(innerPanel_LEFT.gif);
	background-repeat:repeat-y;
	background-position:right;
}
.innerPanel_RIGHT {
	background-image:url(innerPanel_RIGHT.gif);
	background-repeat:repeat-y;
	background-position:left;
}
.innerPanel_CENTER {
	background-color:#efebec;
}
/*LOGIN PAGE ELEMENTS----------------------------------------*/
.loginPanel {
	width:80%;
	height:auto;
}
.loginHeader {
	width:100%;
	height:auto;
}
/*BLACK HEADER **ALL MAIN PAGES**---------------------------*/
.BKheader_TABLE {
	width:99%;
}
.BKheader_LEFT {
	width:6px;
	height:33px;
	background-image:url(BKheader_LEFT.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.BKheader_RIGHT {
	width:6px;
	height:33px;
	background-image:url(BKheader_RIGHT.gif);
	background-repeat:no-repeat;
	background-position:left;
}
.BKheader_MIDDLE {
	height:33px;
	background-image:url(BKheader_MIDDLE.gif);
	background-repeat:repeat-x;

}
/*TRAIL-LINK TABLE---------------------------------------*/
.trailTable {
	width:100%;
	height:auto;
	margin-top:10px;
	font-size:11px;
}
/*-------------------------------------------------------*/
.mainPageContentTable {
	width:auto;
	height:auto;
}
/*SUB MENU PANEL----------------------------------------*/
.subMenuTable {
	width:100%;
	height:auto;
}
.subMenu_TLcorner {
	background-image:url(greyPanel_TLcorner.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:7px;
	height:7px;
}
/**/
.EXTRA_TLcorner {
	background-image:url(extraTLcorner.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:7px;
	height:7px;
}
/**/
.subMenu_TRcorner {
	background-image:url(greyPanel_TRcorner.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:7px;
	height:7px;
}
/**/
.EXTRA_TRcorner {
	background-image:url(extraTRcorner.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:7px;
	height:7px;
}
/**/
.subMenu_BLcorner {
	background-image:url(greyPanel_BLcorner.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:7px;
	height:7px;
}
/**/
.EXTRA_BLcorner {
	background-image:url(extraBLcorner.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:7px;
	height:7px;
}
/**/
.subMenu_BRcorner {
	background-image:url(greyPanel_BRcorner.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:7px;
	height:7px;
}
/**/
.EXTRA_BRcorner {
	background-image:url(extraBRcorner.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:7px;
	height:7px;
}
/**/
.subMenu_TOP {
	background-image:url(greyPanel_TOP.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.subMenu_BOTTOM {
	background-image:url(greyPanel_BOTTOM.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.subMenu_MIDDLE {
	/*width:100%;*/
	height:auto;
	background-color:#efebec;
	background-image:url(greyPanel_MIDDLE.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.subMenu_LEFT {
	border-left:2px solid #bab8b9;
	background-image:url(greyPanel_MIDDLE.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#efebec;
}
.subMenu_RIGHT {
	border-right:2px solid #bab8b9;
	background-image:url(greyPanel_MIDDLE.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#efebec;
}
/*INNER WHITE PANEL WHERE DETAILS WILL BE DISPLAYED-------*/
/*.innerWhiteTABLE {
	width:auto;
	height:auto;
	margin-left:10px;
}
.innerWhitePanel_TLcorner {
	background-image:url(innerWhitePanel_TLcorner.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:7px;
	height:7px;
}
.innerWhitePanel_TRcorner {
	background-image:url(innerWhitePanel_TRcorner.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:7px;
	height:7px;
}
.innerWhitePanel_BLcorner {
	background-image:url(innerWhitePanel_BLcorner.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:7px;
	height:7px;
}
.innerWhitePanel_BRcorner {
	background-image:url(innerWhitePanel_BRcorner.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:7px;
	height:7px;
}
.innerWhitePanel_LEFT {
	border-left:3px solid #bab8b9;
	background-color:#FFFFFF;
}
.innerWhitePanel_RIGHT {
	border-right:3px solid #bab8b9;
	background-color:#FFFFFF;
}
.innerWhitePanel_TOP {
	background-image:url(innerWhitePanel_TOP.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:100%;
}
.innerWhitePanel_BOTTOM {
	background-image:url(innerWhitePanel_BOTTOM.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
}
.innerWhitePanel_MIDDLE {
	width:100%;
	height:auto;
	background-color:#FFFFFF;
}*/
/*SUB MENU ELEMENTS------------------------*/
.subMenu_innerTable {
	width:126px;
	height:auto;
	text-align:right;
}
/*USED FOR GREY PANELS ON MAIN PAGES*/
.subMenu_EXTRA {
	margin-left:5px;
	margin-right: 5px;
	/*width: 100%;*/
}
/*SORTABLE TABLES--------------------------*/
.sortableTABLE {
	width:100%;
	height:auto;
}
.sortableHEADERS {
	/*width:auto;*/
	height:26px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:600;
	color:#FFFFFF;
/* 	padding-right:38px; */
	background-image:url(orangeheader_MIDDLE.gif);
	background-repeat:repeat-x;
}
.sortableHEADERS_left {
	width:6px;
	height:26px;
	text-align:left;
	background-image:url(orangeheader_LEFT.gif);
	background-repeat:no-repeat;
    background-position:right center;
}
.sortableHEADERS_right {
	width:6px;
	height:26px;
	text-align:left;
	background-image:url(orangeheader_RIGHT.gif);
	background-repeat:no-repeat;
}
.sortable_thead {
    background-color:#eeeeee;
    font-weight: bold;
    cursor: default;
	display:block;
	text-align:left;
}
.connectionTable {
	width:100%;
	font-size:11px;
}
.timestampTable {
	width:90%;
}
.tline01 {
	background-color:#ffffff;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ebeaea;
	height:25px;
	padding-left:3px;
	padding-right:3px;
}
.tline02 {
	background-color:#fff3e2;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ebeaea;
	height:25px;
	padding-left:3px;
	padding-right:3px;
}
.Table_Orangeheader {
	width:100px;
}
.Table_OrangeHeader_LEFT {
	width:6px;
	height:26px;
	background-image:url(orangeheader_LEFT.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.Table_OrangeHeader_RIGHT {
	width:6px;
	height:26px;
	background-image:url(orangeheader_RIGHT.gif);
	background-repeat:no-repeat;
	background-position:left;
}
.Table_OrangeHeader_MIDDLE {
	width:100%;
	height:26px;
	background-image:url(orangeheader_MIDDLE.gif);
	background-repeat:repeat-x;
}
/*MCU CONFIGURATION PAGE ELEMENTS--------------------*/
.MCU_table_01 {
	width:100%;
	height:auto;
}
.MCU_table_02 {
	width:100%;
	height:auto;
}
.MCU_table_03 {
	width:100%;
	margin-bottom:10px;
}
.ORANGEbutton {
	width:79px;
	height:28px;
	background-image:url(orangeBTN.gif);
	background-repeat:no-repeat;
    background-position:center center;   
	text-align:center;
}