/* CSS Document */


html{
	margin:auto;
	background-color:#C2E0BC;
	color:#000000;
	font-size: 75%;
	font-family: "helvetica neue", "lucida grande", helvetica, arial, sans-serif;
}

html > body {font-size:12px;}

p, span, div {	font-family: "helvetica neue", "lucida grande", helvetica, arial, sans-serif;}

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

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

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

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

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

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

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

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

.mastfoot_r{
width:12px;
height:20px;
background-image:url(../img/footer_r_green.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_green.jpg);
background-repeat:repeat-y;
}

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

.mastmenu_c{
background-image:url(../img/menubar_c_green.jpg);
}

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

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

#copyright{
font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
font-size:12px;
color:#000000;
margin-bottom:8px;
}


.login_1{
font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
font-size:13px;
color:#000000;
font-weight:bold;
}

.login_2{
font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
font-size:12px;
color:#0000CC;
}

.agree_1{
font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
font-size:12px;
color:#CC0033;
}

.side_1{
font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
font-size:12px;
color:#000000;
}

.login_error{
font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
font-size:12px;
color: #F00000;
}

/* MNS 2 */

.welcome{
font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
font-size:24px;
color:#009933;
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:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
font-size:14px;
color:#5ba15b;
font-weight:bold;
}

.form_2{
font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
font-size:14px;
color:#000;
text-decoration:none;
}

a.form_2:hover{
font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
font-size:14px;
color:#00CC00;
text-decoration:none;
}

a.form_2:visited{
font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
font-size:14px;
color:#000;
text-decoration:none;
}

/* MNS 5 */

.dropdown_1{
font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
font-size:14px;
color:#fff;
font-weight:bold;
text-decoration:none;
}

a.dropdown_1:hover{
font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
font-size:14px;
color:#fff;
font-weight:bold;
text-decoration:none;
}

a.dropdown_1:visited{
font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-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: #6ac46c;
color: #FFF;
text-align: center;
text-decoration: none;
}

#sddm div{
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #6ac46c;
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: #6ac46c;
color: #fff;
font: 11px arial;
}

#sddm div a:hover{
background: #d2f0ca;
color: #5ba15b;
}

/* 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: #6ac46c;*/
color: #FFF;
text-align: center;
text-decoration: none;
}

#sddm_2 div{
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #6ac46c;
border: 1px solid #5ba15b;
}

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

#sddm_2 div a:hover{
background: #c2e0ba;
color: #5ba15b;
}

.textred{
font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-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;
	background: url(../img/table-bg.png) no-repeat;
}

.cellcolor1 {
	background-color: #ebebeb;
}

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

}

.tabContainer {
    background-color : #6ac46c;

}

.tabOutline {
    border : 1px solid #6AC46C;
    width : auto;
    overflow : auto;
}

.tabBody {
    background-color : #c2e0ba;
}

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

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


}

.HighlightedTab {
    background-color : #c2e0ba;
    color : #000000;
    padding: 3px 8px;
    border-top: 1px solid #6ac46c;
    border-left: 1px solid #6ac46c;
    border-right: 1px solid #6ac46c;
    cursor: pointer;
}


.button {
    background-image:url('../img/button_bg.jpg');
    background-color: #DDD;
    background-repeat: repeat-x;
/*    border:2px solid #2a942c;*/
    border:2px solid #AAA;
    color:#333;
    cursor:pointer;
    font:bold 12px Arial;
    text-align:center;
    vertical-align: middle;
    /*line-height: 16px;*/
    height:26px;
    padding:3px 8px;
    transition:box-shadow .3s linear;
	-moz-transition:-moz-box-shadow .3s linear;
 	-webkit-transition:-webkit-box-shadow .3s linear;
}
.button:hover, button:focus{
	box-shadow:0px 0px 15px #6ac46c;
	-moz-box-shadow:0px 0px 15px #6ac46c;
	-webkit-box-shadow:0px 0px 15px #6ac46c;   
}


.MASTInputTextArea {
    font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
    font-size:14px;
}
.MASTInputTextArea:hover, MASTInputTextArea:focus{
	box-shadow:0px 0px 10px #6ac46c;
	-moz-box-shadow:0px 0px 10px #6ac46c;
	-webkit-box-shadow:0px 0px 10px #6ac46c;   
}

.MASTInputText {
    font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
    font-size:14px;
}
.MASTInputText:hover, MASTInputText:focus{
	box-shadow:0px 0px 10px #6ac46c;
	-moz-box-shadow:0px 0px 10px #6ac46c;
	-webkit-box-shadow:0px 0px 10px #6ac46c;   
}

.MASTInputNumeric {
    font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
    font-size:14px;
    text-align:right;
}
.MASTInputNumeric:hover, MASTInputNumeric:focus{
	box-shadow:0px 0px 15px #6ac46c;
	-moz-box-shadow:0px 0px 15px #6ac46c;
	-webkit-box-shadow:0px 0px 15px #6ac46c;   
}

.MASTListBox {
    font-family:"helvetica neue",  "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
    font-size:14px;
}
.MASTListBox:hover, MASTListBox:focus{
	box-shadow:0px 0px 15px #6ac46c;
	-moz-box-shadow:0px 0px 15px #6ac46c;
	-webkit-box-shadow:0px 0px 15px #6ac46c;   
}

.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;
}
.mandatory {
    background-image: url(../img/asterisk.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.detail_1 {
    padding:2px 5px;
}


tr.even td    { background-color:#f7f7f7; }
tr.even th	  { background-color:#e8e8e8; }
tfoot         { font-style:italic; }

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, .title_1, .title_2, .title_3, .title_4 {
  font-weight: normal;
  color: #222;
  font-family: "myriad pro", "trebuchet ms", "helvetica neue", helvetica, arial, sans-serif;
}

/*h1 {font-size: 2.2em;line-height:1; margin-bottom:.5em;}*/
/*h2 {font-size: 1.8em;line-height:1.3;margin-bottom:0.3em;line-height:1.2em;}*/
/*h3 {font-size: 1.5em;line-height:1;margin-bottom:0.5em;}*/

h1 {font-size:3em; line-height:1; margin-bottom:0.1em;}
h2, .title_1 {font-size:2.1em; line-height:1.3; margin-bottom:0.3em;}
h3, .title_2 {font-size:1.3em; line-height:1; margin-bottom:0.7em; margin-top:0.7em;}
h4 {font-size:1.3em; font-weight:bold; line-height:1.25; margin-bottom:0.3em;}
h5, .title_3 {font-size:1em; font-weight:bold; margin-bottom:0.5em;}
h6, .title_4  {font-size:1em; font-style:italic;}

h4 + h5 {margin-top:-0.6em;}


a:focus,
a:hover       { color:#09c; }
a             { color:#039; text-decoration:underline; }

h4 a {color:inherit;}

input {
  font-family: "helvetica neue", "myriad pro", "trebuchet ms",  helvetica, arial, sans-serif;
  font-size:1.2em;
  font-weight: normal;
}


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

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

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

.loginBanner {
	height:130px;
	background-image:url(../../img/CNPBanner.jpg);
	background-repeat:repeat-x;
	background-color : #CCC;
	
}

.headerBanner {
	height:100px;
	background:url(../../img/banner.jpg);
	background-repeat:no-repeat;
}

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


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

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