/********** COMMON **********/
body{font-size:68%}
.pull-5{margin-left:-16.666em}
input,select{font-family:Helvetica Neue, Arial, Helvetica, sans-serif;font-size:11px}
/**2011.07.20 Wong Huey Chin FR#2026_28996 : Textarea should not be resizable**/
textarea {font-family:Helvetica Neue, Arial, Helvetica, sans-serif;font-size:11px;resize:none}
/**end of 2011.07.20 Wong Huey Chin FR#2026_28996**/
a{text-decoration:none}
/********** Web MC Container **********/
.border{border-left:2px solid #ccc;border-right:2px solid #ccc;border-bottom:2px solid #ccc;padding-right:0}
/* 2011.08.18 Tee Lay Ling [CR#2026_30896][TODO#2026_31536] - Modify WebMC screen layout resolution to 1024x768 */
.header{position:relative;background:url('../img/common/header.png');height:50px;min-width:1000px}
.logo{background:url('../img/common/logo_text.png');width:445px;height:47px;position:absolute;left:13px;top:1px}
/* [BATCH][A.4241][ADD BGN] 2013.09.05 R.Chiyomura */
.header_offline{position:relative;background:url('../img/common/header_offline.png');height:50px;min-width:1000px}
.logo_offline{background:url('../img/common/logo_text_offline.png');width:581px;height:47px;position:absolute;left:13px;top:1px}
/* [BATCH][A.4241][ADD BGN] 2013.09.05 R.Chiyomura */
.module{position:absolute;right:25px;}
.module a{text-decoration:none;text-align:center;color:#fff}
.module a:focus,.module div:hover{font-weight:700;color:#fff}
.module div{text-decoration:none;text-align:center;color:#fff}
.module div:focus,.module div:hover{font-weight:700;color:#fff;cursor:pointer}
/* 2011.08.18 Tee Lay Ling [CR#2026_30896][TODO#2026_31536] - Modify WebMC screen layout resolution to 1024x768 */
.info-bar{position:relative;background:url('../img/common/info_bar.png') repeat-x;height:29px;min-width:1000px}
.login-as{background:url('../img/common/login.png');height:24px;width:24px;position:absolute;left:5px;top:3px}
.option{position:absolute;right:10px;top:3px}
.div_site {position:absolute;right:160px;}
.background-pane{background:url('../img/common/bground_gradient_blue.png') repeat-x}
.left-pane{padding:1px 0;overflow-y:auto;} /* [A.4262][CHG] padding:5px only */
.leftMenuLeaf{position:relative;left:-20px;width:100%} /* [A.4262][CHG] ADD:width */
.pane{padding:0}
#main{margin-right:5px} /* [A.4262][CHG] margin-right:0 */
.footer{background:url('../img/common/footer.png') repeat-x;text-align:center;display:block}
/* ADD BGN 2013.08.26 A.4241 */
.logo_ns300{background:url('../img/common/logo_ns300.png');width:460px;height:47px;position:absolute;left:13px;top:1px}
.logo_ns300_isdn{background:url('../img/common/logo_ns300_isdn.png');width:650px;height:47px;position:absolute;left:13px;top:1px}
.logo_ns300_modem{background:url('../img/common/logo_ns300_modem.png');width:650px;height:47px;position:absolute;left:13px;top:1px}
.logo_ns300_offline{background:url('../img/common/logo_ns300_offline.png');width:650px;height:47px;position:absolute;left:13px;top:1px}
.logo_ns500{background:url('../img/common/logo_ns500.png');width:460px;height:47px;position:absolute;left:13px;top:1px}
.logo_ns500_isdn{background:url('../img/common/logo_ns500_isdn.png');width:650px;height:47px;position:absolute;left:13px;top:1px}
.logo_ns500_modem{background:url('../img/common/logo_ns500_modem.png');width:650px;height:47px;position:absolute;left:13px;top:1px}
.logo_ns500_offline{background:url('../img/common/logo_ns500_offline.png');width:650px;height:47px;position:absolute;left:13px;top:1px}
/* ADD END 2013.08.26 A.4241 */
/* ADD BGN 2014.05.15 M.Maki A.4324 */
.logo_ns700{background:url('../img/common/logo_ns700.png');width:460px;height:47px;position:absolute;left:13px;top:1px}
.logo_ns700_isdn{background:url('../img/common/logo_ns700_isdn.png');width:650px;height:47px;position:absolute;left:13px;top:1px}
.logo_ns700_modem{background:url('../img/common/logo_ns700_modem.png');width:650px;height:47px;position:absolute;left:13px;top:1px}
.logo_ns700_offline{background:url('../img/common/logo_ns700_offline.png');width:650px;height:47px;position:absolute;left:13px;top:1px}
/* ADD BGN 2016/03/11 A.4493 */
.logo_ns700g{background:url('../img/common/logo_ns700G.png');width:460px;height:47px;position:absolute;left:13px;top:1px}
.logo_ns700g_isdn{background:url('../img/common/logo_ns700G_isdn.png');width:650px;height:47px;position:absolute;left:13px;top:1px}
.logo_ns700g_modem{background:url('../img/common/logo_ns700G_modem.png');width:650px;height:47px;position:absolute;left:13px;top:1px}
.logo_ns700g_offline{background:url('../img/common/logo_ns700G_offline.png');width:650px;height:47px;position:absolute;left:13px;top:1px}
/* ADD END 2016/03/11 A.4493 */
.unit_version{color:white;position:absolute;left:192px;top:28px;font-size:11pt}
/* ADD END 2014.05.15 M.Maki A.4324 */
/********** login page **********/
.login-pane{background:url('../img/login/login_background.png') repeat-x;border:1px solid #999;width:430px;padding:25px;margin:5% auto}
.login-logo{background:url('../img/login/login_logo.png');width:400px;height:65px;position:realtive}
/********** Web MC feature title **********/
.title{margin: 5px 0  5px;padding:5px 15px;background:url('../img/common/title_bar.png') repeat-x;font-weight:700;font-size:1.25em} /* [A.4262][CHG] margin:10px 0 15px */
/********** element div **********/
/* Issue [IE8 browser issue] Screen 2.9 System Options the radio button positions are static even after perform vertical scroll at browser 2011/07/12 Louis Lau - begin */
.labeldiv{position:relative;width:45%;float:left;top:.5em}
.inputdiv{position:relative;width:27%;float:left}

<!--[if IE 8]>
.labeldiv{width:45%;float:left;top:.5em}
.inputdiv{width:27%;float:left}
<![endif]-->
/* Issue [IE8 browser issue] Screen 2.9 System Options the radio button positions are static even after perform vertical scroll at browser 2011/07/12 Louis Lau - end */

.inputdivlong{position:relative;width:30%;float:left}
.labeldiv_input{position:relative;width:27%;float:left;height:30px;}
.labeldiv_title{position:relative;float:left;height:30px;padding-right:5px;}
/********** input css **********/
.common_input{width:170px;vertical-align:baseline}
.common_input_medium{width:100px;vertical-align:baseline}
.common_input_long{width:200px;vertical-align:baseline}
.form_input{width:170px;vertical-align:baseline}
/********** button css **********/
.buttondiv{padding:0 3px;position:relative;float:left}
.rightbuttondiv{float:right}
.common_button,.oca_button{background:#f6f6f6 url('../img/common/button.png') 0 0 repeat-x;border:1px solid #d3d3d3;margin:5px 0;padding:3px;cursor:pointer;text-align:center;border-top-width:1px;border-right-width:1px;border-color:#FFF #666666 #666666 #FFF;border-style:solid;min-width:90px;}
.common_button:hover,.oca_button:hover{background-position:0 -30px;background-repeat:repeat-x;cursor:pointer}
/* SliderID:2026_32467 by K.Tanaka(NJK) 2011/09/18 Start - updated */
.common_button,.oca_buttonForceReg,.common_button_long{background:#f6f6f6 url('../img/common/button.png') 0 0 repeat-x;border:1px solid #d3d3d3;margin:5px 0;padding:3px;cursor:pointer;text-align:center;border-top-width:1px;border-right-width:1px;border-color:#FFF #666666 #666666 #FFF;border-style:solid;min-width:90px;}
.common_button:hover,.oca_buttonForceReg:hover,.common_button_long:hover{background-position:0 -30px;background-repeat:repeat-x;cursor:pointer}
/* SliderID:2026_32467 by K.Tanaka(NJK) 2011/09/18 End - updated */
.oca_button{width:90px}
.oca_button{width:90px}
.oca_buttonForceReg{width:120px}
.common_button_long{width:170px} /* SliderID:2026_32467 by K.Tanaka(NJK) 2011/09/18 */
/********** Expand & Collapse css **********/
.outer{border:1px solid #A6C9E2;border-width:0 1px 1px;background-color:#fff;overflow:hidden;margin-bottom:0;padding:10px 05px 10px 10px;position:relative}
a.trigger_odd,a.trigger_even{border-width:1px;display:block;padding-left:20px;margin-top:2px;background:#fff url("../img/common/arrow-down.gif") no-repeat 1px 50%;font-weight:700;background-color:#ECF7FF}
a.trigger_odd.active,a.trigger_even.active{background-image:url("../img/common/arrow-up.gif");border-style:solid}
a.trigger_even{background-color:#CEEBFF}
/********** Enable & Disable Cell css **********/
td.blue_box{background-color:#00F;color:#00F}
td.white_box{background-color:#FFF;color:#FFF}
td.grey_box{background-color:#DCDCDC;color:gray}
/********** Copy & Paste Dialog css **********/
/*2011.07.23 HCTeh WebMC FR#2026_29049
 added overflow-y in class, copyto-div and copypasteitems-div
 this to prevent y-scroll bar appears automatically to div
 if screen is zoom in/out
*/
.copyto{height:300px;min-width:268px;margin-bottom:0}
.copyto-div{overflow-x:scroll;overflow-y:hidden;width:270px;height:324px;margin-bottom:10px;}
.copypasteitems{height:345px;min-width:408px;margin-bottom:0;}
.copypasteitems-div{overflow-x:scroll;overflow-y:hidden;width:410px;height:369px;margin-bottom:10px;}
.copy-icon{background-image:url('../img/common/copy.png') !important;}
/*********** cellbutton for ins/ous in grid******************/
.cell_button{background:url("../img/common/button.png") repeat-x scroll 0 0 #F6F6F6 !important;color:#000000 !important;text-align:center !important;}
/* ADD BGN 29-May-2014 A.4324 */
.cell_button_noColor{background:url("../img/common/button.png") repeat-x scroll 0 0 #F6F6F6 !important;text-align:center !important;}
/* ADD END 29-May-2014 A.4324 */
/* CHG BGN 29-May-2014 A.4324 */
.cell_button:hover, .cell_button_noColor:hover {background-position:0 30px !important;	background-repeat: repeat-x !important;	cursor:pointer !important;}
/* CHG END 29-May-2014 A.4324 */
.cell_disabledButton{background: #A6C9E2 repeat-x scroll 0 0 #ECF7FF !important;color:#2142ad !important;text-align:center !important;}  /* #FR2026_25730 2011.06.30 WC.WONG : To Disable INS/OUS status if registration mode not equal to Manual Mode.*/
.cell_disabledButtonBk{background:url("../img/common/button.png") repeat-x scroll 0 0 #F6F6F6 !important;color:gray !important;text-align:center !important;} /* [ADD] 2014.06.13 Slider#2026_84853 */
/* SliderID:2026_32467 by K.Tanaka(NJK) 2011/09/17 Start */
.cell_button_long{background:url("../img/common/button.png") repeat-x scroll 0 0 #F6F6F6 !important;color:#000000 !important;text-align:center !important;width:170px !important;}
.cell_button_long:hover {background-position:0 -30px !important;	background-repeat: repeat-x !important;	cursor:pointer !important;}
/* SliderID:2026_32467 by K.Tanaka(NJK) 2011/09/17 End */
/* for Copy&Paste Start *@/ /@* Slider#2026_54454 *@/
.ui-state-highlight,.ui-jqgrid .selected-row,div.ui-jqgrid .selected-row .cell_button {border-top:1px solid #EFEFEF;border-left:1px solid #D3D3D3;border-right:1px solid #D3D3D3;border-bottom:1px solid #D3D3D3;}
/@*** highlight disable cells **@/
/@*2011.07.28 Wong Huey Chin FR2026_30195:-begin*@/
.ui-state-highlight,.ui-jqgrid .selected-row,div.ui-jqgrid .selected-row .customDisable {background:url("../css/jquery/images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;color:#2E6E9E}	/* CHG 10-Apr-2013 A.4223 */
.ui-jqgrid tr.ui-row-ltr .customDisable {background:url("../css/jquery/images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;border-right:1px solid #C5DBEC;color:#2E6E9E}					/* CHG 10-Apr-2013 A.4223 */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:transparent;border:0px solid #D3D3D3;}
/@*end of 2011.07.28 Wong Huey Chin FR2026_30195 -end*@/
/@* for Copy&Paste End *@/ /@* Slider#2026_54454 */
/* ADD BGN Slider:2026_57172 2013.01.16 */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:transparent;border:0px solid #D3D3D3;}
/* ADD END Slider:2026_57172 2013.01.16 */
/*** copy extension dialog **/
.copyext_checkbox{width:20px;}
/********** Destination Setting Dialog css **********/
.des-set-div-main{height:300px;min-width:268px;margin-bottom:0}
.des-set-div-child{float:left;margin-left:10px;height:400px;min-width:100px}
.des-set-listbox-name, .des-set-listbox-column, .des-set-listbox-ext{width:150px;}
.des-set-listbox-name{height:340px;}
.des-set-listbox-column{height:60px;}
.des-set-listbox-ext{height:140px;}
.des-set-fieldset-type{height:310px;}
/*** Hide border for fieldset ***/
.hide_border {border-width:0;}
/*** Add Range ***/
.add-range{background-image:url('../img/common/add_range.png') !important;}
/*** Add Range User Profiles Slider:2026_42169 2011/12/09 J.Yoshida(NJK) ***/
/*** CHG BGN [SlickGrid] A.4261 ***/
/***.add-range-user{background-image:url('../img/common/add_profile1a.png') !important;}***/
.add-range-user{background-image:url('../img/common/add_profile1a.png') !important;background-position: 2px 2px;}
/*** CHG END [SlickGrid] A.4261 ***/
/*** Unable Play ***/
.unable_play{background-image:url('../img/common/cannotplay1b.png') !important;}	/* SliderID:2026_42173 K.Mizokami(NJK) 08-Dec-2011 Start */
#left_control{
	background:#ece9d8;
	width:200px;
	float:left;
	padding:8px;
	min-height:500px;
}

#left_control button {
	font-size:12.5px;
}

#left_control_menu{
	background:#ece9d8;		
}
#mainContent{
	overflow:auto;
}
#right_control{
	float:right;
	width:604px;
	height:auto;
	max-height:515px;
	overflow:auto;
}
#right_control_grid{
	width:1024px;
	height:1024px;
	background-image:url('../img/home/datagrid.jpg');	
}
#left_control_menu ul{
	list-style:none;
	list-style-type:none;	
	margin: 0;
	padding:0px;
	background:#ffffff;
}
#left_control_menu ul li{
	list-style:none;
	list-style-type:none;	
	margin: 0;
	padding:5px;
}
#left_control_menu ul li.alrow{
	list-style:none;
	list-style-type:none;	
	background:#ecf7ff;
}
#left_control_menu ul li.active{	
	background:#2142ad;
}
#left_control_menu ul li .left_control_menu_icon{
	background-position:-34px -80px;
}

#left_control_menu ul li .left_control_menu_icon{
	background-image:url("../img/webmc_icon/setup_sprite16.png");
	height:16px;
	margin-top:2px;
	position:absolute;
	width:16px;
}
#left_control_list{
	background:#ece9d8;	
}
#left_control_list .left_control_menu_icon {
	background-position:-34px -82px;
}
/*** Slider:2026-31420 Only be used for Custom Service CHOU(NJK) 2011/07/10 ***/
#left_control_list .left_control_menu_icon {
	background-image:url("../img/webmc_icon/setup_sprite16.png");
	height:16px;
	margin-top:2px;
	'position:absolute;
    position:relative;
    float:left;
	width:16px;
}
#left_control_menu ul li  span{
	margin-left: 18px;
}
#left_control_menu ul li  span a{
	color:#000000;
	font-size:12.5px;
	font-weight:normal;
	cursor:pointer;
}
#left_control_menu ul li.active span a{
	color:#ffffff;
}
#left_control span{
	font-size:12.5px;	

}
#left_control label{
		margin:0 0 5px 20px;
}
#quick_search_txt {
	width:100px;
}
#left_control_list table.listing {
	border: medium none;
	clear: both;
	color: #333333;
	font-size: 11.5px;
	text-align: left;
	width: 99%;	
}
table.listing th {
	background: #ece9d8 none repeat scroll 0 0;
	text-align:center;
	color: #000000;
	font-weight: bold;
	padding: 0.2em;
	text-align: center;
	font-size: 12px;
	border:1px solid #000000;
	border-collapse: collapse;
}
table.listing tr td,table.listingRules tr td{
	border-right:2px solid #ffffff;
	text-align:left;
}
table.listing tr.altrow td {
	background:#ECF6FC none repeat scroll 0 0;
	height: auto;
}
table.listing tr.highlight td {
	background:#ECE9D8 none repeat scroll 0 0;
	height: auto;
}
#left_control_menu_icon span{
	margin-left:8px;
}
#left_control_table{
	background:#ffffff;
	min-height:255px;
}
.demo{
	margin-bottom:0px;
	padding-bottom:0px;
}

/* css for all form control*/
table.formControl, .period
{
	border:1px solid #c3d9ff;/*aca899;*/
	width: 100%;
	padding: 0 !important;
}
table.formControl th, #popup-property th {
	background: #c3d9ff none repeat scroll 0 0;
	color: #000000;
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #ecf7ff;
	font-weight: normal !important;
}
table.formControl td {	
	padding: 0 !important;
}
table.formControl td input[type="text"]{	
	max-width: 99% !important;
	width: 99% !important;
}
table.formControl td input[type="text"].minLength {	
	max-width: 98% !important;
	width: 98% !important;
}
table.formControl td span, .period td span{	
	padding-left: 5px;
}
table.formControl td select{	
	max-width: 99% !important;
	width: 99% !important;
}
.highlightFromControl{
	background: none repeat scroll 0 0 #ecf7ff;
}
.inputDescFromControl{
	max-width: 99% !important;
	width: 99% !important;	
}
.selectFromControl{
	max-width: 99% !important;
	width: 99% !important;	
}
span.timeEntry_control{
padding-left: 0px !important;
}
.add-range{background-image:url('../img/common/add_range.png') !important;}
/**** DSP Resource Setting feature**/
.dsp-table{	width:550px;margin-bottom:0.1em;}
.dsp-table tr{padding: 0px;}
.dsp-table tr td.has-border{border-top:1px solid;border-left:1px solid;padding: 0px;}
.dsp-table tr td.first-col{padding: 0 5px;}
.dsp-table tr td.second-col{border-right:1px solid; width:186px;}
.dsp-table tr td.last-row{border-bottom:1px solid;}
.dsp-table tr td input{margin: 0px;}
.dsp-table tr td input.spinBox{border: none;}
/* 2011.09.06 GLWoon WebMCv1.0: [FR#2026_32473] - Resize 'DSP resource advisor' button*/
/*#Dsp_Res_Advisor{width: 130px;}*/
/**** DHCP Server feature***/
#ip-title-1{padding:0 53px;}
#ip-title-2{padding:0 33px;}
.ui-progressbar-value { background-image: url("../css/jquery/images/pbar-ani.gif"); }	/* CHG 10-Apr-2013 A.4223 */
/**** Redirect Link / URL in Center Pane ***/
/* 2011.08.11 TYGan WebMCv1.0 CR#31129: added UM Holiday Table redirect link START */
.redirectLink a:hover {
	text-decoration: underline overline;
	color: blue;
}
.redirectLink a:visited {
	text-decoration: none;
}
.redirectLink a {
	cursor:pointer;
	margin: 0 10px;
	font-size:12px;
	font-weight:bold;
}
.redirectLink div{
        clear: both;
        margin: 0 0 10px 0;
}
/* 2011.08.11 TYGan WebMCv1.0 CR#31129: END */
/* ADD BGN 28-May-2012 A.4037 */
.width_max{ width:98%; }
/* ADD END 28-May-2012 A.4037 */
/* ADD BGN 05-June-2012 A.4044 */
.border_dash{ border-style: dashed; }
.border_black{ border-color: #000000; }
/* ADD END 05-June-2012 A.4044 */
.scrollspan_colon{ display: inline-block; float:left; position:relative; width:1%; top:.5em; }
.scrollspan_text{ display: inline-block; width:300px !important; overflow-x:scroll; }
.spinBox{width:150px;}

/* ADD BGN 18-APR-2013 A.4196 */
.hyperLink a{
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
}
.hyperLink a:hover{
	text-decoration:underline overline;
	color:blue;
}
.hyperLink a:visited{
	text-decoration:none;
}
.disabledHyperLink a{
	cursor:auto;
	font-size:12px;
	font-weight:bold;
	color:grey;
}
.disabledHyperLink a:hover{
	text-decoration:underline;
	color:grey;
}
/* ADD END 18-APR-2013 A.4196 */
/* ADD BGN 01-May-2014 A.4293 */
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
/* ADD END 01-May-2014 A.4293 */