/* CSS Document */

body, html{
margin:auto;
background-color:#C0C0FE;
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#000000;
}

#page-container{
margin:auto;
width:85%;
}

.masthead{
width:713px;
height:140px;
background-image:url(../img/header.jpg);
background-repeat:no-repeat;
}

.masthead_l{
width:12px;
height:140px;
background-image:url(../img/header_l.jpg);
background-repeat:no-repeat;
}

.masthead_c{
height:140px;
background-image:url(../img/header_c.jpg);
background-repeat:repeat-x;
}

.masthead_r{
width:12px;
height:140px;
background-image:url(../img/header_r.jpg);
background-repeat:no-repeat;
}

.mastfoot_l{
width:12px;
height:20px;
background-image:url(../img/footer_l.jpg);
background-repeat:no-repeat;
margin-bottom:3px;
}

.mastfoot_c{
height:20px;
background-image:url(../img/footer_c.jpg);
background-repeat:repeat-x;
margin-bottom:3px;
}

.mastfoot_r{
width:12px;
height:20px;
background-image:url(../img/footer_r.jpg);
background-repeat:no-repeat;
margin-bottom:3px;
}

.mastbody_l{
width:12px;
background-image:url(../img/body_l.jpg);
background-repeat:repeat-y;

}

.mastbody_r{
width:12px;
background-image:url(../img/body_r.jpg);
background-repeat:repeat-y;
}

.mastbody_c{
background-image:url(../img/body_c.jpg);
background-repeat:repeat;
}

.mastmenu_l{
width:12px;
background-image:url(../img/menubar_l.jpg);
background-repeat:no-repeat;
}

.mastmenu_r{
width:12px;
background-image:url(../img/menubar_r.jpg);
background-repeat:no-repeat;
}

.mastmenu_c{
background-image:url(../img/menubar_c.jpg);
background-repeat:repeat-x;
}

#menu_bar{
background-image:url(../img/nav_bg.jpg);
background-repeat:no-repeat;
}

#footer{
width:713px;
height:20px;
background-image:url(../img/footer.jpg);
background-repeat:no-repeat;
margin-bottom:3px;
}

#copyright{
font-family:"Times New Roman", Times, serif;
font-size:12px;
color:#000000;
margin-bottom:8px;
}

.title_1{
font-family:"Times New Roman", Times, serif;
font-size:20px;
color:#000000;
font-weight:bold;
}

.title_2{
font-family:"Times New Roman", Times, serif;
font-size:18px;
color:#000000;
font-weight:bold;
}

.title_3{
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#000000;
font-weight:bold;
}

.title_4{
font-family:"Times New Roman", Times, serif;
font-size:11px;
color:#000000;
}

.login_1{
font-family:"Times New Roman", Times, serif;
font-size:13px;
color:#000000;
font-weight:bold;
}

.login_2{
font-family:"Times New Roman", Times, serif;
font-size:12px;
color:#0000CC;
}

.agree_1{
font-family:"Times New Roman", Times, serif;
font-size:12px;
color:#CC0033;
}

.side_1{
font-family:"Times New Roman", Times, serif;
font-size:12px;
color:#000000;
}

.login_error{
font-family:"Times New Roman", Times, serif;
font-size:12px;
color: #F00000;
}

/* MNS 2 */

.welcome{
font-family:"Times New Roman", Times, serif;
font-size:24px;
color:#0000ff;
font-weight:bold;
}

.nav_1{
font-family:Arial;
font-size:11px;
color:#ffffff;
font-weight:bold;
}

/* MNS 4 */

#content-2{
width:713px;
background-image:url(../img/middle_bg.jpg);
background-repeat:repeat-y;
}

.form_1{
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#5758ae;
font-weight:bold;
}

.form_2{
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#000;
text-decoration:none;
}

a.form_2:hover{
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#0000FF;
text-decoration:none;
}

a.form_2:visited{
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#000;
text-decoration:none;
}

/* MNS 5 */

.dropdown_1{
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#fff;
font-weight:bold;
text-decoration:none;
}

a.dropdown_1:hover{
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#fff;
font-weight:bold;
text-decoration:none;
}

a.dropdown_1:visited{
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#fff;
font-weight:bold;
text-decoration:none;
}

/* Nav - MNS 3 */

#sddm{
margin: 0;
padding: 0;
z-index: 30
}

#sddm li{
margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px Arial;
line-height:11px;
}

#sddm li a{
display: block;
width: 150px;
margin-bottom:4px;
height: 19px;
/*background: #6991cf;*/
color: #FFF;
text-align: center;
text-decoration: none;
}

#sddm div{
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #6991cf;
border: 1px solid #5ba15b;
}

#sddm div a{
position: relative;
display: block;
margin: 0;
padding: 3px 10px;
width:inherit;
text-align: left;
text-decoration: none;
background: #6991cf;
color: #fff;
font: 11px arial;
}

#sddm div a:hover{	
background: #bfbffe;
color: #36537d;
}

/* Nav - MNS 4 onwards */

#sddm_2{
margin: 0;
padding: 0;
z-index: 30;
width: 100%;
}

#sddm_2 li{
margin: 0;
padding: 0px 5px 0px 10px;
list-style: none;
float: left;
font: bold 11px Arial;
line-height:11px;
}

#sddm_2 li a{
display: block;
width: auto;
margin-bottom:4px;
height: 18px;
/*background: #6991cf;*/
color: #FFF;
text-align: center;
text-decoration: none;
}

#sddm_2 li span{
display: block;
width: auto;
margin-bottom:4px;
height: 18px;
/*background: #6991cf;*/
color: #FFF;
text-align: center;
text-decoration: none;
}

#sddm_2 div{
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #6991cf;
border: 1px solid #587eb7;  
}

#sddm_2 div a{
position: relative;
display: block;
margin: 0;
padding: 3px 10px;
width: inherit;
text-align: left;
text-decoration: none;
background: #6991cf;
color: #fff;
font: 11px arial;
}

#sddm_2 div a:hover{	
background: #bfbffe;
color: #36537d;
}

.textred{
font-family:"Times New Roman", Times, serif;
font-size:12px;
color:red;
}

.tablesetting
{
   BORDER-BOTTOM: 3px solid none;
   /*BORDER-LEFT: 3px solid #FFF;
   BORDER-RIGHT: 3px solid #FFF;*/
   padding-top : 10px;
   WIDTH: 100%;
   background-color: #ebebeb;
}

.cellcolor1 {
	background-color: #ebebeb;
}

.logoutbutt {
    background-image : url(../img/logout.jpg) !important;
    background-repeat : no-repeat  !important;
    background-position : center left !important;
    padding-left : 19px;

}

.tabContainer {
    background-color : #6771d3;

}

.tabOutline {
    border : 1px solid #6771d3;
    width : auto;
    overflow : auto;
}

.tabBody {
    background-color : #bfbffe;
}

.tabCell {
    background-color: rgb(106, 196, 108);
    color : rgb(255, 255, 255);
}

.UnhighlightedTab {
    background-color : #6771d3;
    color : #FFFFFF;
    padding: 3px 8px;
    border-top: 1px solid #6771d3;
    border-left: 1px solid #6771d3;
    border-right: 1px solid #6771d3;
    cursor: auto;


}

.HighlightedTab {
    background-color : #bfbffe;
    color : #000000;
    padding: 3px 8px;
    border-top: 1px solid #6771d3;
    border-left: 1px solid #6771d3;
    border-right: 1px solid #6771d3;
    cursor: pointer;
}


.button {
    background-image:url('../img/button_bg.jpg');
    background-color: #d5d5d5;
    background-repeat: repeat-x;
    border:2px solid #ccc9c9;
    color:#555555;
    cursor:pointer;
    font:bold 11px Arial;
    text-align:center;
    vertical-align: middle;
    /*line-height: 16px;*/
    height:22px;
    padding:2px 8px;
}

.MASTInputTextArea {
    font-family:"Times New Roman", Times, serif;
    font-size:14px;
}

.MASTInputText {
    font-family:"Times New Roman", Times, serif;
    font-size:14px;
}

.MASTInputNumeric {
    font-family:"Times New Roman", Times, serif;
    font-size:14px;
    text-align:right;
}

.MASTListBox {
    font-family:"Times New Roman", Times, serif;
    font-size:14px;
}

.MASTDownloadLink {
    text-decoration : none;
}

.readonly {
    background-color: #eeeeee;
    border : 1px solid #dddddd;
}

.GridDataCell,.GridCaptionTH {
    /*border: 1px solid #5ba15b;*/
}

.HighLiteViewFormSearch {
    color : white;
    background-color: #009900;
    cursor : pointer;
}

.UnHighLiteViewFormSearch {
    color : black;
    background-color: #ebebeb;
    cursor : pointer;
}

#ViewFormSearchList {
    border: 3px solid #FFFFFF;
   
}

.errmsg {
    color: rgb(240, 0, 0);
    font-family: 'Times New Roman', Times, serif;
    font-size: 10px;
}

.tabMask {
    background-color : #888888;
    bottom : 0;
    right : 0;
    position : absolute;
}

.mandatory {
    background-image: url(../img/asterisk.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.detail_1 {
    padding:2px 5px;
}


.tableBorder2012 {
	border-right: 1px solid #6771d3;
	border-top: 1px solid #6771d3;
	border-bottom: 1px solid #6771d3;
}

.tableBorder2012First {
	border-left: 1px solid #6771d3;
	border-right: 1px solid #6771d3;
	border-top: 1px solid #6771d3;
	border-bottom: 1px solid #6771d3;
}

.shadedTD {
	background-color : #DDD;
	border-left: 3px solid #FFF;
	padding-left: 10px;
}

.loginBanner {
	height:134px;
	background-image:url(../../img/bannerPDMS.jpg);
	background-repeat:no-repeat;
}

.headerBanner {
	height:102px;
	background-image:url(../../img/banner.jpg);
	background-repeat:no-repeat;
	border:none;
}

.headerBannerLogo {
	height:140px;
	/*background:url(../../img/MNSLogo.png) right center;*/
        background: url("https://cdn.jsdelivr.net/gh/mnsltd/mns-public@develop/logo.png") center right/auto 50px no-repeat;
	background-repeat:no-repeat;
	align: right;
	margin-right: 20px;
}

.announcementDiv {
	overflow: auto;
	height: 400px;
}

.helpdeskBox {
	margin-top: 10px;
	padding-top: 1px;
	padding-bottom: 12px;
	background-color: #FFF;
	border:3px solid #CCC;
}

.dashed-line {
	height:20px; 
	border-top:1px dashed black; 
	width:100%;
}

.mns-cookie-popup p { 
  font-family: sans-serif;
}