@charset "utf-8";
/* CSS Document */

html { color:#333; font-family:Helvetica, Arial, sans-serif; font-size:0.9em; background:#000;}
body{ margin:0; padding:0;}
a { text-decoration:none;} 
.clr{ clear:both; }
.mnctr{	margin:0px auto; padding:1%; background:#F7F7F7;}
.ftr	{ text-align:center; font-size:0.9em; color:#999; padding:5px; }
.allbtn { padding:5px; }
.lineflo{ float:left; padding:2px;}
.linefloMC{ float:left; padding:20px;}
.linefloB{ float:left; padding:2px; font-weight:bold}
.linefloS{ float:left; padding:2px; background:#dce6ee; color:#069; /*border:1px solid  #c6d5e1;*/ }/*for search form*/
/* detail box */
.dtT{ border:1px solid  #c6d5e1; background:#dce6ee;}
.dtB{ border:1px solid  #c6d5e1; background:#fff; }
/* image inline text*/
.navimg{ vertical-align:middle; max-height:28px;}
.navimg1{ vertical-align:middle; max-width:28px;}
.srbox{ width:100%;}
.secthd{ font-size:1.5em; font-weight:bold;}

/*Responsive Grid*/
* { box-sizing: border-box;}
.row::after {
	content: "";
    clear: both;
    display: block;
}
	/* For mobile phones: */
	[class*="col-"] { width: 100%;}
	@media only screen and (min-width: 600px) {
	/* For tablets: */
		.col-m-1 {width: 8.33%;}
		.col-m-2 {width: 16.66%;}
		.col-m-3 {width: 25%;}
		.col-m-4 {width: 33.33%;}
		.col-m-5 {width: 41.66%;}
		.col-m-6 {width: 50%;}
		.col-m-7 {width: 58.33%;}
		.col-m-8 {width: 66.66%;}
		.col-m-9 {width: 75%;}
		.col-m-10 {width: 83.33%;}
		.col-m-11 {width: 91.66%;}
		.col-m-12 {width: 100%;}
	}
	@media only screen and (min-width: 768px) {
	/* For desktop: */
		.col-1 {width: 8.33%;}
		.col-2 {width: 16.66%;}
		.col-3 {width: 25%;}
		.col-4 {width: 33.33%;}
		.col-5 {width: 41.66%;}
		.col-6 {width: 50%;}
		.col-7 {width: 58.33%;}
		.col-8 {width: 66.66%;}
		.col-9 {width: 75%;}
		.col-10 {width: 83.33%;}
		.col-11 {width: 91.66%;}
		.col-12 {width: 100%;}
	}
/*Responsive Grid --END-- */

.clrfd{ color:#333333; width:180px; }
.clrfdBlur { color:#CCCCCC; font-style: italic; }
.clrfdActi { color: #000; font-weight:bold; font-size:15px; }
.linknm { color:#041848; font-weight:bold; text-decoration:underline;}
.linknm:hover{ color:#069; font-weight:bold; text-decoration:underline;}


#hdrctr	{ color:#fff; padding:10px 0px 5px 0px; }


#cldrctr 	{ background:url(../../nnadm_2016/img/ptn/rockywall.png); /*width:65%; float:left; display:inline;*/ }
#cldrctr1 { border-top:1px solid #CCC; border-left:1px solid #CCC; border-bottom:2px solid #666; border-right:2px solid #666; padding:15px; }
#taskctr 	{ background:url(../../nnadm_2016/img/ptn/white_texture.png); /*width:35%; float:left; display:inline;*/ }
#taskctr1 { padding:5px;  /*background:#89959E;*/ }

.hdtit{ width:40%; float:left; display:inline; font-size:1.8em; text-align:left;}
.hdtit1{ width:15%; float:left; display:inline; font-size:1.2em; text-align:left; margin-top:5px;}
.hdimg{ width:45%; float:left; display:inline; text-align:left; margin-top:3px;}
.numL{ font-size:1.2em; font-weight:bold; color:#F00;}
.numB{ font-size:1.2em; font-weight:bold; }

#srchtb	{ width:100%; margin:0 auto; border:1px solid  #c6d5e1; font-size:0.9em; }
#srchtb thead tr{ background:#dce6ee; color:#069; }
#srchtb th {  border-right:1px solid  #c6d5e1;  padding:5px; text-align:left;}
#srchtb tbody { background:#fff; }
#srchtb td {  border-right:1px solid  #c6d5e1;  padding:3px; text-align:left;}
#srchtb select{ width:100%;}

.dtbox { border:1px solid  #c6d5e1; font-size:0.9em; line-height:20px; }
.dtboxtit{ float:left; display:inline; width:20%; background:#dce6ee; color:#069; font-weight:bold;}
.dtboxtit1{ padding:3px 5px 3px 5px; border-right:1px solid  #c6d5e1; border-bottom:1px solid  #c6d5e1; }
.dtboxres{ float:left; display:inline; width:80%; background:#fff;  }
.dtboxres1{ padding:3px 5px 3px 5px; border-bottom:1px solid  #c6d5e1; }

#invskutb{ border:1px solid #999;}
#invskutb td { border-top:1px solid #999;}

.cellbdr{ border-bottom:1px solid #c6d5e1;}
.skucrossed{ color:#F00; text-decoration:line-through;}

/* MENU BUTTONS */
#menuctr{ padding:8px 5px 3px 5px; background:#89959E; border-top:#CCC 10px solid; border-bottom:#CCC 1px solid; }
.menu{ text-align:center; width:80px; height:80px; border:1px solid #666; background-color:#f5f5f5; float:left; display:inline; color:#666; font-weight:bold; margin:0px 5px 5px 0px;}
.menu:hover { text-align:center; width:80px; height:80px; border:1px solid #0066CC; background-color:#dff4ff; float:left; display:inline; color:#09F; font-weight:bold; margin:0px 5px 5px 0px;}
.menutit { margin:8px 0px 3px 0px; font-size:0.8em;}
.menuimg { margin:5px 0px 3px 0px;}
/* MENU BUTTONS --END--*/

/*ADMIN TABS*/
	.tabbed_box {   	margin: 0px auto 0px auto;   width:100%;  }
	.tabbed_box h4 {   font-family:Arial, Helvetica, sans-serif;   font-size:23px;   color:#ffffff;   letter-spacing:-1px;   margin-bottom:10px;   }   
	.tabbed_box h4 small {   color:#e3e9ec;   font-weight:normal;   font-size:9px;   font-family:Verdana, Arial, Helvetica, sans-serif;   text-transform:uppercase;position:relative;   top:-4px;   left:6px;   letter-spacing:0px;   }
	.tabbed_area {	border:1px solid #494e52;	background-color:#636d76; 	padding:8px;}
	ul.tabs {	margin:0px; padding:0px;	margin-top:5px; 	margin-bottom:6px;}
	ul.tabs li {	list-style:none;	display:inline;}
	ul.tabs li a {		background-color:#464c54;	color:#ffebb5;	padding:8px 14px 8px 14px;	text-decoration:none;	font-size:10px;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-weight:bold;	text-transform:uppercase;	border:1px solid #464c54;}
	ul.tabs li a:hover {	background-color:#2f343a;	border-color:#2f343a;}
	ul.tabs li a.active {	background-color:#ffffff;	color:#282e32;	border:1px solid #464c54;	border-bottom: 1px solid #ffffff;}
	.content {	background-color:#ffffff;	padding:25px 10px 10px 10px;	border:1px solid #464c54;}
	#content_2, #content_3 { display:none; }
/* ADMIN TABS --END-- */

/* BUTTONS */
#btnctr { width:90%; text-align:center; }
.btn2{ width:100px; height:100px; position:relative; float:left; display:block; border:1px solid #999; border-top:1px solid #CCC;    border-left:1px solid #CCC; margin-right:10px; }
.btn2 a{ text-decoration:none; color:#333; display:block;  }
.btn2 a:hover { width:100px; height:100px; position:relative; float:left; display:block; background-color:#dff4ff; border:1px solid #0066CC;  color:#336699; }
.btn2 a div{ width:100px; height:100px; cursor:pointer; padding-top:5px;}
/* BUTTONS --END-- */

/* SEARCH */
.srhd { padding-top:3px; padding-bottom:10px; font-weight:bold; }
.srdwn { padding-top:3px; padding-bottom:5px; font-weight:bold; }
.srlab { padding-right:15px; position:relative; float:left; display:block; font-size:13px; margin-bottom:0px; }
.dvwid1{ width:80px;}
.dvwid2{ width:120px;}
/* SEARCH --END-- */

/* MAINTAINENCE */
.frmti {	width:20%; position:relative;  float:left; display:block; padding:2px; }
.frmbox {	width:75%; position:relative;  float:left; display:block;  padding:2px;  }
.frmbox input[type="text"], textarea { width:100%;}
.frmbox select { width:auto;}
.frmbox40 {	width:38%; position:relative;  float:left; display:block;  padding:2px;  }
.frmbox60 {	width:60%; position:relative;  float:left; display:block;  padding:2px;  }
/* MAINTAINENCE  --END-- */

/* LIVE VALIDATION */
.LV_validation_message{  margin:0 0 0 5px; }
.LV_valid {  color:#66CC00;}
.LV_invalid {  color:#CC0000;	font-size:16px;}
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {  border: 1px solid #00CC00; }
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {  border: 1px solid #CC0000; }
/* LIVE VALIDATION --END-- */