@CHARSET "UTF-8";

* {
   	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

img {
	border: 0 none;
}

body {
	background-image: url("/mbrt/img/Bg.jpg");
	padding: 0;
	margin: 0;
}

a:link    {color:#ffffff;text-decoration: none;}
a:visited {color:#ffffff;text-decoration: none;}
a:hover   {color:#ffffff;text-decoration: none;}
a:active  {color:#ffffff;text-decoration: none;} 

.LoginContainer input[type=submit], .LoginContainer input[type=button] {
	background-color: #E0E0E0;
	min-height: 36px;
	border: 0;
	font-size: 14px;
	color: #9D9D9D;
	cursor: pointer;
}

#clear, .clear {
	clear: both;
}

.text-label {
}

.LoginContainer {background-color: #CC3333;border: 1px solid #666666;height: 238px;left: 50%;margin-left: -260.5px;margin-top: -112.5px;position: absolute;top: 50%;width: 540px;}
.BorderContainer {border:8px solid #FFFFFF;padding-left: 22px;padding-top: 22px;height: 200px;}
.LRowText {color: #F2E9E9;font-size: 27px;}
.LRowUser, .LRowPass {margin-top: 14px;}
.LRowUser input, .LRowPass input {background-color: #DFDFDF;border: 1px solid #2E2E2E;color: #868686;height: 34px;padding-left: 5px;width: 299px;}
.LoginContainer .LeftContainer {float: left;width: 305px;}
.LoginContainer .RightContainer {float: right;}
.flag {float: right;height: 24px;margin-left: 14px;margin-top: 12px;width: 37px;}

.HeaderContainer {height: 64px;background-color: #FFFFFF;}
.HeaderContainer .HeaderRow {background-color: #222222;height: 52px;padding-left: 100px;padding-right: 100px;padding-top: 5px;}
.HeaderContainer .LogoContainer {width: 118px;height: 43px;background-image: url('/mbrt/img/SmallLogo.png');float: left;}
.HeaderContainer .RightContainer {border-bottom: 1px solid #4b4b4b;color: #FFFFFF;float: right;padding-top: 14px;}
.HeaderContainer .CentreContainer, .HeaderContainer .CentreContainer font {font-size: 35px;}
.HeaderContainer .CentreContainer {color: white;text-align: center;}

.FooterContainer {height: 70px;background-color: #FFFFFF;width: 100%;margin-top: 106px;}
.FooterContainer .FooterRow {background-color: #222222;height: 52px;padding-left: 100px;padding-right: 100px;padding-top: 10px;margin-top: 8px;}
.FooterContainer .LeftContainer {width: 118px;height: 43px;float: left;}
.FooterContainer .RightContainer {float: right;color: white;height: 30px;}
.FooterContainer .CentreContainer, .FooterContainer .CentreContainer font {font-size: 12px;color: #f2e9e9;}
.FooterContainer .CentreContainer {color: white;text-align: center;}

.MenuContainer {
	width: 645px;	
	margin: 0 auto;
	margin-top: 80px;
}
.MenuContainer .MenuRowContainer {
	
}
.MenuContainer .MenuRowContainer .MenuLeft, .MenuContainer .MenuRowContainer .MenuRight {
	background-color: #cc3333;
	width: 297px;
	height: 100px;
	margin-bottom: 21px;
	background-repeat: no-repeat;
	font-size: 14px;
	color: white;
}

.MenuContainer .MenuRowContainer .MenuLeft {
	float: left;
	line-height: 98px;
    padding-right: 15px;
    text-align: right;
	
}

.MenuContainer .MenuRowContainer .MenuRight {
	float: right;
	background-position: right;
	padding-left: 15px;
	line-height: 98px;
}

.MenuContainer .MenuRowContainer .MenuLeft:hover, .MenuContainer .MenuRowContainer .MenuRight:hover {
	border:2px solid #CC3333; 
	background-color: #FFFFFF;
	width: 293px;
	color: #CC3333;
	height: 96px;
}


.MainContainer {
	width: 100%;
	border-collapse: collapse;
	border-spacing:0;
	margin-top: 10px;
}

.MainContainer .LeftContainer {
	width: 190px;
	padding-left: 20px;
}
.MainContainer .LeftContainer .PageHead {
	background-color: #cc3333;
	color: #FFFFFF;
	height: 45px;
	line-height:45px;
    background-position: 0 6px;
    background-repeat: no-repeat;
    text-align: right;
    padding-right: 8px;
    margin-top: 45px;
}

.PageTrBg {
	background-image: url("/mbrt/img/TrBgTop.png");
    background-repeat: no-repeat;
    height: 18px;
    margin-top: 13px;
}

.MainContainer tr td {
	padding: 0;
}

.DataList {
	width: 1100px;
}

.DataHead, .DataHead font{
	font-size: 30px;
}
.DataHead .TextDatahead {
	text-shadow: 1px 2px #333333;
	font-size: 30px;
	float: left;
	width: 694px;	
}


.DataHead {
	color:#FFFFFF;
	text-align: center;
}

.DataRightMenu {
	float: right;
	width: 406px;
}

.DataRightMenu .TextData {
	background-color: #e8e8e8;
	padding: 8px;
	height: 20px;
}

.DataRightMenu .DataRightBottom .Left {
	float: left;
	height: 12px;
    width: 8px;
	background-image: url('/mbrt/img/bg1left.png');
}

.DataRightMenu .DataRightBottom .Right {
	float: right;
	height: 12px;
    width: 8px;
	background-image: url('/mbrt/img/bg1right.png');
}
.DataRightMenu .DataRightBottom .Center {
	height: 12px;
	background-color: #B9B8B8;
	margin: 0 8px;
}

.DataRightMenu .DataTop {
	float: left;
	padding-left: 27px;
	color: #535353;
	background-repeat: no-repeat;
	height: 22px;
	margin-left: 5px;
	line-height: 22px;
}

.DataRightMenu .DataTop:hover {
	color: #cc3333;
}

.DataOverflow {
	overflow-x: auto;
	overflow-y: hidden;
    width: 1090px;
    border: 1px solid #8b8b8b;
    background-color: #FFFFFF;
    padding: 5px;
    
}
.DataTable {
	border-collapse: collapse;
	border-spacing: 0;
}

.DataTable a {
	color: #000000;
	text-decoration: underline;
	font-style: italic;
}

.DataTable thead tr th {
	background-color: #cc3333;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	padding: 10px;
	border-right: 3px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
}

.DataTable tbody .odd {
	 background-color: #eeeeee;
}
.DataTable tbody .even {
	 background-color: #dfdfdf;
}

.DataTable tbody .odd:hover, .DataTable tbody .even:hover {
	background-color: #CEF6FF;
}

.DataTable tbody tr td {
	height: 24px;
	white-space: nowrap;
	padding: 0 10px;
}

.LSCriteria {
	height: 44px;
	font-size: 14px;
	color: #CC3333;
	background-color: #FFFFFF;
	line-height: 44px;
	text-align: right;
	padding-right: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #5e2525;
	border-right: 1px solid #535353;
}

.RedLine {
	height: 5px;
	background-color: #cc3333;
	border-right: 1px solid #535353;
	border-left: 1px solid #535353;
}

.ListType {
	text-align: center;
	background-color: #FFFFFF;
	padding: 5px 0px;
	border-right: 1px solid #535353;
	border-left: 1px solid #535353;
}

.Filters {
	background-color: #FFFFFF;
    border: 1px solid #535353;
    border-top: 0px;
}

.Filters .Dark {
	background-color: #dfdfdf;
	padding-left: 15px;
	cursor: pointer;	
}

.Filters .Light {
	padding-left: 15px;
	cursor: pointer;
}


.FilterBox {width: 192px;height: 160px;border: 1px solid #3c3c3c;background-color: #656565;position: absolute;padding: 3px;z-index: 9;}
.FilterBox .FCont {background-color: #dfdfdf;width: 184px;height: 152px;border: 1px solid #595959;padding: 3px;}
.FilterBox .FCont .TextContainer input {width: 182px;border: 1px solid #444141;background-color: #dfdfdf;}
.FilterBox .ResultContatiner {background-color: #FFFFFF;border: 1px solid #444141;height: 113px;margin-top: 4px;overflow-y: auto;}
.FilterBox .BoxArrow  {background-image: url("/mbrt/img/FBoxArrow.png");height: 9px;margin-left: 17px;margin-top: 3px;width: 16px;}

.FilterAddBox {width: 192px;height: 193px;border: 1px solid #3c3c3c;background-color: #656565;position: absolute;padding: 3px;z-index: 1;}
.FilterAddBox .FCont {background-color: #dfdfdf;width: 184px;height: 185px;border: 1px solid #595959;padding: 3px;}
.FilterAddBox .FCont .TextContainer input {width: 182px;border: 1px solid #444141;background-color: #dfdfdf;}
.FilterAddBox .ResultContatiner {background-color: #FFFFFF;border: 1px solid #444141;height: 113px;margin-top: 4px;overflow-y: auto;}
.FilterAddBox .BoxArrow  {background-image: url("/mbrt/img/FbArTop.png");height: 9px;margin-left: 148px;margin-top: -12px;position: absolute;width: 18px;}


.OkBtn {
	background-image: url('/mbrt/img/Ok.png');
	background-repeat: no-repeat;
	width: 18px;
	height:14px;
	float: left;
	cursor: pointer;
}

.CncBtn {
	background-image: url('/mbrt/img/Cancel.png');
	background-repeat: no-repeat;
	width: 14px;
	height:13px;
	float: right;
	cursor: pointer;
}





.CPagination {margin-top:-5px;height: 20px;line-height: 12px;font-family: bikoregular;font-size: 12px;width: 100%;}
.CPagination #Numbers div,.CPagination #previous,.CPagination #next,.CPagination #first, .CPagination #last,.CPagination #infocontainer,.CPagination  #RowLimit{float: left;position: relative;}
.CPagination #previous, .CPagination #next{color:#5c5c5d;}
.CPagination #previous {}
.CPagination #previous a {color: #5C5C5D;text-decoration: none;}
.CPagination #next {left:23px;}
.CPagination #next a {text-decoration: none;}
.CPagination #next a div {margin-right: 2px;padding: 2px 5px;}
.CPagination  #infocontainer {margin-left: 47px;margin-top: 3px;}
.CPagination #previous a div {color: #000;margin-right: 2px;padding: 2px 5px;text-decoration: none;}
.CPagination #previous div, .CPagination #next div {color: #929292;margin-right: 2px;padding: 2px 5px;}
.CPagination #Numbers {left: 11px;position: relative;float: left;margin-top: 3px;height: 15px;padding: 0px;}
.CPagination #Numbers div a {color: #000000;margin-right: 2px;padding: 2px 5px;text-decoration: none;}
.CPagination #Numbers div a:hover, .CPagination #Numbers div a:active {text-decoration: underline;}
.CPagination #last{display: none;}
.CPagination #last a {color: #5C5C5D;}
.CPagination #first{display: none;}
.CPagination #first a{color: #5C5C5D;}
.CSelected span {color: #009DE0;font-weight: bold;margin-right: 2px;padding: 2px 5px;}
.CPagination  #RowLimit {float:right;margin-top: 2px;}
#PageCountForm select {margin-top:-4px;}


.FilterShow {
	width: 829px;
	margin-top: 10px;
}

.FilterShow .TopArrow {
	width: 18px;
	height: 9px;
	background-image: url(/mbrt/img/TopArrow.png);
	position: absolute;
	margin-top: -9px;
	margin-left: 10px; 
}

.FilterText {
	background-image: url('/mbrt/img/FilterBg.png');
    color: #FFFFFF;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    width: 800px;
    float: left;
}

.FilterClear {
	background-image: url('/mbrt/img/Close.png');
	height: 13px;
    width: 14px;
    float: right;
}

.RedButton {
	background-color: #CC3333;
    border-bottom: 1px solid #777777;
    border-right: 1px solid #777777;
    color: #FFFFFF;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    padding-right: 10px;
    text-align: right;
    border:1;
    cursor: pointer;
}

.RedButton:hover {
	background-color: #FFFFFF;
    border-bottom: 1px solid #777777;
    border-right: 1px solid #777777;
    color: #CC3333;
}

.Connector {
	position:absolute; 
	background-image: url('/mbrt/img/TableLink.png');
	width: 29px;
	height: 46px;
	margin-top: 45px;
	z-index: 0;
}

#DetailWindow {
	background-color: #CCCCCC;
    background-repeat: repeat-x;
    border: 3px solid #CC3333;
    left: 50%;
    margin-left: -275px;
    margin-top: -200px;
    padding: 7px;
    position: absolute;
    top: 50%;
    width: 536px;
    z-index: 2;
}

#Mask {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    background-image: url('/mbrt/img/MaskBg.png');
    z-index: 1;
}

.DwTopMenuLeft img {
	cursor: pointer;
}


.jDMaincontainer .imageContainer {
	text-align: center;
}

.jDMaincontainer .imageContainer img {
	border: 6px solid #FFFFFF;	
}

.jDMaincontainer .imageContainer .nameContainer {
	height: 30px;
	line-height: 30px;
}

.jDMaincontainer .dataContainer .dataRow {
	border-top: 1px solid #CC3333;
    margin: 0 20px;	
}

.jDMaincontainer .dataContainer .dataRow .titleHeader{
	background-color: #CC3333;
    color: #FFFFFF;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    width: 104px;	
}

.jDMaincontainer .dataContainer .dataRow .data th {
    font-weight: bold;
    text-align: right;
}

.grayLine {
	border-top: 1px solid #5B5B63;
    height: 1px;
    margin: 20px auto;
    width: 85%;
}

.text-label {
	color: #888888;
}

.TopMenu {
	list-style: none;
	float: left;
}

.TopMenu li {
	cursor: pointer;
    float: left;
    font-weight: bold;
    padding: 0 5px;
    line-height: 28px;
}

.TopMenu li a:hover, .TopMenu .Selected a {
	color: red;
}

.TopMenu a {display: block;white-space: nowrap;}
.TopMenu ul {list-style-type: none;padding-top: 5px;}
.TopMenu li {float: left;position: relative;padding: 3px 0;text-align: center;list-style: none;margin-right: 7px;}
.TopMenu ul.sub-menu {display: none;position: absolute;top: 30px;z-index: 90;list-style: none;padding: 0;margin: 0;}
.TopMenu ul.sub-menu li {text-align: left;line-height: 25px;width: 100%;}
.TopMenu ul.sub-menu li a {padding: 0 3px;}
.TopMenu li:hover ul.sub-menu {display: block;border: 1px solid #484848;background-color: #484848;}
.TopMenu li ul.sub-menu li:hover {background-color: #363636;}
.TopMenu li ul.sub-menu li:hover a {color: white;}
.TopMenu li ul.sub-menu li a  {color: white;}

.btmArrv {
	background-image: url("/mbrt/img/BlackArrow.png");
    float: right;
    height: 7px;
    margin-left: 4px;
    margin-top: 4px;
    width: 9px;
    cursor: pointer;
}
.btmArrv:hover {
	background-position: 0 7px;
}

.UserContainer {
	background-color: #1A1A1A;
    margin-right: 31px;
    position: absolute;
    right: 0;
    top: 35px;
    width: 115px;
}

.UserContainer ul {
	list-style: none outside none;
    padding: 0 5px;
}

.UserContainer ul li {
	border-bottom: 1px solid #4B4B4B;
    padding: 3px 4px;
}

.UserContainer ul li a img{
	float: right;
}




.MyFilterContainer {
	width: 100%;
}

.MyFilterContainer .TextData {
	background-color: #e8e8e8;
	padding: 8px;
}

.MyFilterContainer .DataRightBottom .Left {
	float: left;
	height: 12px;
    width: 8px;
	background-image: url('/mbrt/img/bg1left.png');
}

.MyFilterContainer .DataRightBottom .Right {
	float: right;
	height: 12px;
    width: 8px;
	background-image: url('/mbrt/img/bg1right.png');
}
.MyFilterContainer .DataRightBottom .Center {
	height: 12px;
	background-color: #B9B8B8;
	margin: 0 8px;
}

.MyFilterContainer .DataTop {
	float: left;
	padding-left: 27px;
	color: #535353;
	background-repeat: no-repeat;
	height: 22px;
	margin-left: 5px;
	line-height: 22px;
}

.MyFilterContainer .DataTop:hover {
	color: #cc3333;
}


.ui-autocomplete {
		max-height: 250px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
		min-width: 250px;
	}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
	* html .ui-autocomplete {
		height: 100px;
	}
	

.subMenu {
	list-style: none outside none;
    margin: 0;
    padding: 0;
}

.subMenu li {
	background-color: #CC3333;
    border-right: 1px solid #FFFFFF;
    float: left;
    padding: 1px 10px; 
}

.subMenu li:hover, .subMenu li:hover a, .subMenu li.selected, .subMenu li.selected a {
	background-color: #FFFFFF;
	color : #CC3333; 
}

.navigation a {
	color: #000;
}

.navigation .curentStation {
	color: #4B4B4B;
}

.btn {
	background-color: #e1e1e1;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    line-height: 23px;
    margin-left: 4px;
    padding: 0 10px;
    text-align: center;
    white-space: nowrap;
}

.btn.cancel, .btn.prev, .btn.ok, .btn.rubbishBin, .btn.excel {
	background-position: 10px 4px;
    background-repeat: no-repeat;
    padding-left: 7px;
}

.btn.cancel {
	background-image: url('/mbrt/img/icnCancel.png');
	padding-left: 30px;
}
.btn.prev {
	background-image: url('/mbrt/img/icnBack.png');
	padding-left: 28px;
}
.btn.ok {
	background-image: url('/mbrt/img/icnOk.png');
	padding-left: 33px;
}

.btn.excel {
	background-image: url('/mbrt/img/icnExcel.png');
	background-size:17px;
	padding-left: 34px;
}

.btn.dark {
	background-color: #cecece;
}
.btn.yellow {
	background-color: #dab42c;
	color: #FFFFFF;
}

.btn.rubbishBin {
	background-image: url('/mbrt/img/icnRubbishBin.png');
}

.btn:hover, .btn.selected {
	background-color: #CC3333;
	color: #FFFFFF;	
}

.MsgError {border: 2px solid #fc5f5f;margin: 2px;padding: 5px;clear: both;}
.MsgError .icn {float: left;}
.MsgError .icn img {height: 25px;}
.MsgError .txt {line-height: 25px;height: 25px;padding-left: 35px;}

.MsgInfo { border: 2px solid #04afdb; clear: both;margin: 2px;padding: 5px;}
.MsgInfo .icn {float: left;}
.MsgInfo .icn img {height: 25px;}
.MsgInfo .txt {line-height: 25px;height: 25px;padding-left: 35px;}
.MsgInfo .txt a {color: red;text-decoration: underline;}

.MsgWarning { border: 2px solid #04afdb; clear: both;margin: 2px;padding: 5px;}
.MsgWarning .icn {float: left;}
.MsgWarning .icn img {height: 25px;}
.MsgWarning .txt {line-height: 25px;padding-left: 35px;}
.MsgWarning .txt a {color: red;text-decoration: underline;}