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

html *
{
   font-size: 14px;
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body{min-width: 750px;}

  #row_center{
	  width:100%;
	   text-align: center;
  }
 
#space_10{height:10px;
display:block;
width:100%;
}

.width_30%_center{
	width:30% !important;
	margin:0 auto;
}

.align_left{text-align:left !important;
}

/* background color */
.bgcol_now{ background-color:#f89300;
}


.bgcol_grey1{background-color:#eaeaea;
}
/* old-background 20161206
.bgcol_grey2{background-color:#bdb5a1;
}*/

.bgcol_grey2{background-color:#656565;
 background:url("../images/nowtv_bg.gif") repeat;}

.bgcol_grey3{background-color:#8c8479;
}

.bgcol_blue{background-color:#2baad9;
}
.bgcol_white{background-color:#fff;
}

/* text color */
.txt_now{ 
color:#f89300;
}

.txt_grey1{
	color:#ADADAD;
}

.txt_grey2{
	color:#aaaaaa;
}

.txt_grey3{color:#666666;
}

.txt_blue{color:#2baad9;
}

.txt_white{color:#fff;
}

/* font size */
.font_size09 {font-size:0.9em;
font-weight:500;
text-align:justify;
}
/* alignment */
.margin_lr5px{margin:0 5px;
}

.float_left{float:left !important;
}

.float_right{float:right;
margin-left:15px;
margin-right:15px;
}


/*top nav-update 20161020*/
/* now logo*/

#topnav{
	background-color:#000000;
	width:100%;
	height:50px;
	}	
	
#nowlogo{height:30px;
	width:300px;
	background-image:url("../images/nowtv_logo.png");
	background-size: 50px;
	background-repeat:no-repeat;
	margin:10px 10px 0 30px;
	display:inline-block;
}

#nowname{
	padding-left:70px;
	color:#fff;
	padding-top:1px;
	font-size:1.3em;
	font-weight:600;
	}
	

#livechat a{
margin-left:15px;
	border-radius:4px;
	border: 1px solid #fff;
	background: #cccccc url('../images/chat4.png') top 5px left 10px no-repeat;
		background-size: 25px;
	 
}

#livechat a{
	padding:3px 20px;
	 padding-left: 45px;
	color:#000;
	font-size:14px;
	font-weight:600;
}


#livechat a:hover{
	color:#f8950c;
	text-decoration:none;
	background: #f8950c url('../images/chat3.png') top 5px left 10px  no-repeat;
	background-size: 25px;
	color:#fff;
	}





	#topbuttons{
	margin-top:14px;
width:300px;
text-align:right;
margin-right:25px;
}

#topbuttons li{
    display: inline;
}

#langbut a{
	font-size:14px;
	font-weight:600;
	color:#000;
	background-color:#ccc;
	border-radius:4px;
	border: 1px solid #fff;
	padding:3px 15px;
}

#langbut a:focus, #langbut a:hover{
	color:#fff;background-color:#eb8416; border: 1px solid #fff;}


@media screen and (min-width:769px){
	#langbut{margin-top:25px;
	}
}


/*top nav-end 20161020*/


/*
@media screen and (min-width:481px){

#nowname{
	padding-left:60px;
	color:#fff;
	padding-top:1px;
	font-size:1.3em;
	font-weight:600;
	}
}

	

@media screen and (max-width:480px){

#topnav{
	background-color:#000000;
	width:100%;
	height:50px;

	}	


	
#livechat{
margin:0px 5px 30px 0;
height:40px;
width:50px;
float:right;
   text-indent: -40%;
    white-space: nowrap;
    overflow: hidden;
}

#livechat a{
	background: url('../images/chat1.png') top left no-repeat;
		background-size: 30px;
	 padding: 0 0 15px 50px;
   text-indent: -40%;
    white-space: nowrap;
    overflow: hidden;
}

#livechat a:hover{
	background: url('../images/chat2.png')  top left no-repeat;
		background-size: 25px;
	color:#f8950c;
	text-decoration:none;
}

}

#nowlogo{
	height:30px;
	width:300px;
	background-image:url("../images/nowtv_logo.png");
	background-size: 50px;
	background-repeat:no-repeat;
}
	
*/	



/*starterpack button*/

#startpack{
color:#fff;
float:right;
height:40px;
margin:30px 0 0 0;
display:inline-block;
}

#startpack a{
	background: url('../images/startpack3.png') no-repeat;
	background-position:10px 10px;
	background-size: 40px;
	padding: 15px 15px 15px 60px;
	color:#fff;
	background-color:#ffad2f;
	border:1px #fff solid;
}

#startpack a:hover{
	background: url('../images/startpack2.png') no-repeat;
	background-size: 40px;
	background-position:10px 10px;
	color:#f8950c;
	text-decoration:none;
	background-color:#7a6d6e;
}




/* banner */
#carobanner{
	background-color:#fff;
	margin:0px 10px 0px 10px;
}

.bannersize{
margin:0 auto !important;
border:1px solid #ccc;
}

@media (min-width:958px)
{
.bannersize{width:958px
}
}



@media screen and (max-width:768px){
.carousel-indicators li
{
margin-bottom:-40px !important;
border-color:#d98700 !important;
	}
}

@media screen and (min-width:769px){
.carousel-indicators li
{
margin-bottom:-55px !important;
border-color:#d98700 !important;
	}
}	
.carousel-indicators .active{
	background-color:#d98700 !important;
	}	



	
	
/* button */
.btn-primary{color:#fff;background-color:#ffad2f;border-color:#f87c02}	

.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#eb8416;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#eb8416;border-color:#f87c02}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#eb8416;border-color:#f87c02;}




#nbstepbar{width:85%;
max-width:958px;
margin:0 auto;
padding-top:5px;
}

#nbstepbar li{
	font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
		width:140px;
}

.nbstep {
	position:relative;
	margin:30px 40px 55px 60px;
	background:#eee;
	height:4px;
	text-align:center;
	color:#918975;
	list-style-type: none;
	}



.nbstep-item {
	position: absolute;
	top:-10px;
	transform:translateX(-50%);
	-webkit-transform: translateX(-50%);
	}
	
.nbstep-item::before {
content:"";
display:block;
width:24px;
height:24px;
margin:0 auto 10px;
border-radius:12px;
background-color:#eee;
}

.nbstep-item1 {
	left:0;
width:20%;
	}	
	
.nbstep-item2 {
	left:20%;
	}	

.nbstep-item3 {
	left:40%;
	}	

.nbstep-item4 {
	width:14em;
	left:60%;
	}
	
.nbstep-item5 {
	width:14em;
	left:80%;
	}

.nbstep-item6 {
	width:14em;
	left:100%;
	}	
		
.nbstep-current-1 .nbstep-item1::before,
.nbstep-current-2 .nbstep-item1::before,
.nbstep-current-2 .nbstep-item2::before,
.nbstep-current-3 .nbstep-item1::before,
.nbstep-current-3 .nbstep-item2::before,
.nbstep-current-3 .nbstep-item3::before,
.nbstep-current-4 .nbstep-item1::before,
.nbstep-current-4 .nbstep-item2::before,
.nbstep-current-4 .nbstep-item3::before,
.nbstep-current-4 .nbstep-item4::before,
.nbstep-current-5 .nbstep-item1::before,
.nbstep-current-5 .nbstep-item2::before,
.nbstep-current-5 .nbstep-item3::before,
.nbstep-current-5 .nbstep-item4::before,
.nbstep-current-5 .nbstep-item5::before,
.nbstep-current-6 .nbstep-item1::before,
.nbstep-current-6 .nbstep-item2::before,
.nbstep-current-6 .nbstep-item3::before,
.nbstep-current-6 .nbstep-item4::before,
.nbstep-current-6 .nbstep-item5::before,
.nbstep-current-6 .nbstep-item6::before{
	background-color:#f0ad4e;
	}
 		

.nbstep-current-2 {
	background-image:linear-gradient(to right, #f0ad4e 20%, #eee 20%); 
	}

.nbstep-current-3 {
	background-image:linear-gradient(to right, #f0ad4e 40%, #eee 40%); 
	}

.nbstep-current-4 {
	background-image:linear-gradient(to right, #f0ad4e 60%, #eee 60%);
}

.nbstep-current-5 {
	background-image:linear-gradient(to right, #f0ad4e 80%, #eee 80%);
}

.nbstep-current-6 {
	background-color:#f0ad4e;
}


/* tabmenu */
#tabcontent {padding-left:3%;
padding-right:3%;
 background-color:#656565;
 background:url("../images/nowtv_bg.gif") repeat;
border-left:2px solid #ddd;
border-right:2px solid #ddd;
}

#tabmenu{
margin-top:10px;

	}
	
#tabmenu ul li{
	background-color:#fff;
	font-size:1.1em;

	}	


a{color:#fb8005;text-decoration:none;
font-size:1em !important;
}
a:focus,a:hover{color:#f07000;
text-decoration:none;}

#tabmenu ul li.active {font-weight:600;
}

#tabmenu .nav-tabs>li.active>a,#tabmenu .nav-tabs>li.active>a:focus,#tabmenu .nav-tabs>li.active>a:hover{color:#000;cursor:default;background-color:#bdb5a1 !important;border:2px solid #ddd;border-bottom-color:transparent;}

#tabmenu .nav-tabs {padding-left:3%;
}


/*marketingmessage*/
#mktmessage{font-size:1.5em;
background-color:#306e93;
color:#fff;
text-align:center;
line-height:2em;
padding:10px 5px;
margin: 0 -2%;
border-top:10px #bdb5a1 solid;
}

#mktmessage2{font-size:1.5em;
background-color:#283198;
color:#fff;
text-align:center;
line-height:2em;
padding:10px 5px;
margin: 0 -2%;
border-top:10px #bdb5a1 solid; 
}

/* movie pack*/

#commitmentlist{padding-top:20px; padding-bottom:20px; display:inline-block;}
#commitmentlist select {padding-left:10px;}
#commitmentlist select, #commitmentlist option{padding-left:10px;
padding-right:10px;
}



option:checked, option:hover {
    color: white;
    background: #488f8f !important;
}


#choosemovie{
	font-size:1.1em !important;
	padding-top:0px;
	padding-bottom:5px;
}
#moviecaption
{padding:9px;color:#333}



#combotitle { background-color:#82624b;
color:#fff !important;
padding:5px 15px;
margin: 5px 2px 15px 2px;
font-size:1.1em;
text-transform: uppercase;
}

#combotitle_2 { background-color:#ccc4be;
padding:5px 10px;
margin: 5px 2px 20px 2px;
font-size:1em;
color:#222;
text-transform: uppercase;
}



#combotitle_b { background-color:#3188ad;
color:#fff !important;
padding:5px 10px;
margin: 5px 2px 20px 2px;
font-size:1.2em;
text-transform: uppercase;
}

.b_background {background-color:#3188ad;
padding:10px 10px 10px 20px !important;
color:#fff !important;
font-size:1.2em !important;
}

.b_text{
	color:#3188ad !important;	}

#combotitle_g { background-color:#55abaa;
color:#fff !important;
padding:5px 10px;
margin: 5px 2px 20px 2px;
text-transform: uppercase;
}
.g_background {background-color:#55abaa;
padding:10px 10px 10px 20px !important;
color:#fff !important;
font-size:1.2em !important;
}

.g_text {
color:#55abaa !important;	}


#title0{
	font-size:1.7em;
	font-weight:500;line-height:1.5;
	padding-top:30px;
	padding-bottom:0px;
	font-weight:600;
	padding-left:5%;
	color:#fff;
	text-transform: uppercase;
	}

#title1{
	font-size:1.6em;
	font-weight:500;line-height:1.1;
	padding-top:20px;
	padding-bottom:10px;
	}

#title1 span{
	font-size:1em;
	font-weight:500;line-height:1.1;
	padding:20px 5px 10px 5px;

	}

#title{
	font-size:1.2em;
	font-weight:500;line-height:1.1;
	padding-top:10px;
	padding-bottom:5px;
	color:inherit;
	margin-bottom:10px;
	}	
	
#p_price{
	font-size:0.9em;
	margin-top:-10px;
	margin-bottom:10px;
	font-weight:600;
	color:#886b4f;
}
	
#packprice b{
	font-size:1.2em;
	color:#886b4f;
	font-weight:600;

	}
	
#packprice {
	font-size:1.1em;
	color:#886b4f;

	border-top:1px solid #A4A3A3;
	}

#savedprice{color:#e0211a;
}

	


/* content button */



/* #button:hover,#button:focus{outline:thin dotted;outline:8px auto -webkit-focus-ring-color;outline-offset:-4px; background-color:#7A6D6E}
*/



/*
@media screen and (max-width:480px){
#but_addcart, #button, #but_addcart2{display:block;padding:8px 0px;margin-top:5px;margin-bottom:5px;font-size:0.9em;font-weight:400;line-height:1;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid #fff;border-radius:8px;}

#but_addcart { color:#fff; background-color:#ffad2f;}
#button {  color:#6ba516; background-color:#f2f1f0;}
}

#but_addcart2{ color:#fff; background-color:#ca4c58 !important;}
#but_addcart2 a{ color:#ebb904; font-weight:600}
*/

#buttonsection
{width:100%;
display:inline-block;
	margin:0 auto;
}
#button {  color:#6ba516; background-color:#f2f1f0;}
#button a {text-decoration:none}

#button:hover {background-color:#7A6D6E}
#button:focus, #button:active{background-color:#a29685}


#but_addcart, #button, #but_addcart2{display:block;padding:8px 12px;margin-top:5px; margin-bottom:5px;font-size:1em;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid #fff;border-radius:8px;}

#but_addcart { color:#fff; background-color:#ffad2f;}
#but_addcart a {color:#fff; text-decoration:none}
#but_addcart span{padding:0 10px;
}

#but_addcart2{ color:#fff; background-color:#ca4c58 !important;}
#but_addcart2 a{ color:#fff; font-weight:600}
#but_addcart:hover,#but_addcart:focus{background-color:#7A6D6E}

#but_autowidth, #but_autoback, #but_autoselected{display:inline-block;padding:8px 40px;margin:5px 5px; font-size:1em;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid #fff;border-radius:8px; width:auto; }

#but_autowidth{ color:#fff; background-color:#ffad2f; text-transform: uppercase;}
#but_autowidth a{ color:#fff;  text-decoration:none}
#but_autowidth:hover,#but_autowidth:focus{background-color:#7A6D6E}


#but_autoback{ color:#fff; background-color:#a39e93; text-transform: uppercase;}
#but_autoback a{ color:#fff;  text-decoration:none}
#but_autoback:hover,#but_autoback:focus{background-color:#7A6D6E}

#but_autoselected{ color:#fff; background-color:#ca4c58; text-transform: uppercase;}
#but_autoselected a{ color:#fff;  text-decoration:none}
#but_autoselected:hover,#but_autoselected:focus{background-color:#7A6D6E}

/*thumbnail */


 #thumbnail{box-shadow: 0 1px 3px rgba(0,0,0,0.20), 0 1px 2px rgba(0,0,0,0.35);
 background-color:#fff;
 margin:0 5px;
 padding: 10px;
 border-radius:4px;

}

 #thumbnail a>img, #thumbnail>img
 {display:block;max-width:100%;height:auto;
padding-left:20px;}

 .thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}
 

 
 
 .thumbnail{box-shadow: 0 1px 3px rgba(0,0,0,0.20), 0 1px 2px rgba(0,0,0,0.35);
}
 
  .thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}
  .thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}
  a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}
  .thumbnail .caption{padding:9px;color:#333}


/* content */



#sports{
	width:100%;
	display:block;
	text-align:center;
	font-size:1.2em !important;
	background-color:#ecebe9;
	padding:5px 0;
	margin-bottom:10px;
}

#sports a, #sports span{font-size:1.2em !important;}
#sports a:hover{color:#7a6d6e;}
#info a{
		background: url('../images/info_2.png') top left no-repeat;
		background-size: 20px;
	 padding: 0 0 15px 30px;
	 
}

#info a:hover{
		background: url('../images/info_3.png') top left no-repeat;
		background-size: 20px;
	 padding: 0 0 15px 30px;
	 color:#7a6d6e;
	 text-decoration:none;
}

#expand a{
		background: url('../images/info_2.png') top left no-repeat;
		background-size: 20px;
	 padding: 0 0 15px 30px;
}

#hr{
	border-top:1px solid #ddd;
	width:100%;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;}
	
/*searchforme clienttype*/

#clienttype {display:block;
padding:8px 12px;
width:95%;
margin:0 auto;
}

#clienttype th{
	height: 50px;
	border-bottom:1px solid #3B3B3B;
	padding-bottom:-20px;
	
	 }

#clienttype td{

	padding-top:8px;
	height: 35px;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	 }		 

#clienttype label{
	font-weight:500 !important;


	 }	 

#clienttype td input{
	margin-right:5px;
	}	 
	
/*valued-added service table*/



#vas-table {
padding:8px 4%;
margin:0 auto;

}

#vas-table table
{  border-collapse: separate;
    border-spacing: 10px !important;
	width:100%;
	background-color:#fff;
	    word-wrap: break-word;
		margin-bottom:20px;
		}
	
#vas-table th{
	height: 50px;
	border-bottom:1px solid #3B3B3B;
	padding-bottom:-20px;
	padding-left:20px;
	padding-right:20px;
	
	 }

#vas-table td{
  vertical-align: top;
  padding-top:8px;
	padding-left:20px;
	padding-right:10px;
	width:50%;
	 }		 

#vas-table td{
	text-align: center;
	 }	

#vas-table td li{
	text-align: left;
	 }	

#vas-table label{
	font-weight:500 !important;
	 }	 

#vas-table td input{
	margin-right:0px;

	}	 	
	
#vas-table #button{width:50%;
margin:0 auto;
}


/*vas-modal*/

#vasp_detail{ padding:0 10px;
}

#vasp_detail #vbody{position:relative;padding:0 15px 50px 15px;}

#vasp_detail #title {font-size:1.5em;
padding-top:20px;
Padding-left:10px;
}

#vbody table{width:100%;
border:none;
margin:0 10px;
}

#vbody th{height:70px;
vertical-align:bottom;
padding-bottom:15px;
}

#vbody tr{
width:50%;
}

#vbody td{
vertical-align:top;

}

#vbody li{line-height:1.4em;
align-content:left;
padding-bottom:9px;
}

/*--shopping cart--*/


#shopcart-table table{background-color:#fff;
width:100%;
margin-top:0px;
border-radius: 10px;
margin-bottom:10px;
}



#shopcart th{height:90px;
vertical-align:bottom;
padding-left:20px;
padding-bottom:40px;

}

#shopcart td{
	line-height:1.4em;
	text-align:left;
	vertical-align:top;
width:35%;
padding-left:20px;
padding-bottom:30px;}

#shopcart td:first-child{line-height:1.4em;
	text-align:left;
	vertical-align:top;
width:25%;
padding-left:20px;
padding-bottom:30px;}

#cartprice td{font-size:1.1em;
	color:#886b4f;
	font-weight:600;
	background-color:#EBEBEB;
	padding-top:20px;
    height:20px !important;
	}




.align_center {
	width:100%;
	margin:0 auto;
}
.width_20{width:18%; display:inline-block;
margin-left:0.5%;
margin-right:0.5%;
}

#packlist td{
	padding-left:20px;
	padding-top:2px;
padding-bottom:2px;
font-size:1.1em;
}

#packlist li{	list-style-position: inside;
}
/*checkbox*/

input[type=checkbox]:not(old),
input[type=radio   ]:not(old)
{
  width     : 2.5em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}



input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label
{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 2em;
  margin-right: 2em;
}

input[type=checkbox]:not(old) + label > span.pccwCheckbox,
input[type=radio   ]:not(old) + label > span.pccwRadio
{
  display          : inline-block;
  width            : 1.5em;
  height           : 1.5em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(250,128,5);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input[type=checkbox]:not(old):checked + label > span.pccwCheckbox,
input[type=radio   ]:not(old):checked + label > span.pccwRadio{
  background-image :    -moz-linear-gradient(rgb(210,210,210),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(210,210,210),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(210,210,210),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(210,210,210),rgb(240,240,240));
  background-image :         linear-gradient(rgb(210,210,210),rgb(240,240,240));
}

input[type=checkbox]:not(old):checked + label > span.pccwCheckbox:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : rgb(55,51,51);
  font-size   : 1.4em;
  line-height : 0.8em;
  text-align  : center;
  font-weight : 900;
}


input[type=radio]:not(old):checked + label > span.pccwRadio > span{
  display          : block;
  width            : 0.65em;
  height           : 0.65em;
  margin           : 0.35em;
  border           : 0.0625em solid rgb(55,51,51);
  border-radius    : 0.125em;
  background       : rgb(78,74,74);
 
}

/* checkbox with long text */
@media screen and (min-width: 1200px)  {
	.longtext br
	{  display: none; }
}


/*  expandpanel cccbca */

#expanel {
	
	background-color:#a29685 !important;
margin-bottom:20px;
padding-top:25px;
margin-top:-10px;

}

#expanel_2 {
	
	background-color:#e3b55a !important;
margin-bottom:20px;
padding-top:25px;
margin-top:-10px;

}


#detailtitle b{color:#ca4c58;
font-size:1.2em;
line-height:2em;
}
.bgexpanel {background-color:#7a6d6e !important;

}



#channelimages img{ height:90px;
padding:5px;
}

#channelimages .imga{
	border:3px solid #ca4c58;
}

.input_txt {height:2em; border:1px solid #9F9F9F;
font-size:1em;
padding:5px;
width:200px;
margin-left:5px;
}


	
#avon-demand{
background-color:#cac4b5;
width:100%;
padding:10px 5px;

}
	
#avon-demand label{ font-size:0.9em !important;
padding:10px 5px;

}	


/* footer */

#footer{ font-size:0.9em;
padding:10px 0;
color:#ccc;

	}

#footer a{ 	color:#fb8005 !important;
		text-decoration:none;
	}
	
#footer a:focus,
#footer a:hover{
		color:#fb8005;text-decoration:underline
}		
	
#footnote{
		background-color:#000;
		width:100%;
		min-width: 750px;
		padding:3px 20px;
		font-size:0.8em;
		color:#eee;
}
		
		
/* springboard */
/*map*/
 #gmap_canvas {
        width: 100%;
        height: 100%;
		margin:auto;
		overflow:hidden;
     }

/* payment */
.payment_content {
    width: 55%;
    padding: 10px 20px;
    box-sizing: border-box;
    border: 2px solid #fff;
    outline: none;
	display:inline-block;
	font-weight:600;
}

.payment_content_address{
	width:55%;
	padding: 10px 20px;
	font-weight: 600;
}

.card_size {
height:25px;
margin:0 15px 0 0;
}


#dateinput input[type=text]{
width:6em;
    padding: 10px 10px 10px 20px;
    box-sizing: border-box;
    border: 2px solid #ebebeb;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
	margin-right:8px;
}



/*search*/
#districtsearch{float:right;
}

input[type=search] { 
	color: #c76c00;  
	text-align: left;
	 padding: 10px 10px 10px 20px;
	cursor: pointer;
	display:inline-block; 
	width: 40%; 
	
	font-size:1em;
	font-weight:500;
              
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: #c76c00;
}


#captchaimg{ 

margin-right:30px;}

/*--personal info---*/

#personalinfo {
height:auto;
}

#personalinfo #title1{
	clear:both;
	padding-left:15%;
display:block;
width:100%;
	padding-top:30px;
}



#personalinfo input[type=text],
 #personalinfo input[type=email],
 #personalinfo input[type=number],
  #personalinfo input[type=tel]{
    width: 55%;
    padding: 10px 0px 10px 20px;
    box-sizing: border-box;
    border: 2px solid #ebebeb;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}

.width_45{width:42% !important;margin-right:3%;}
.width_10{width:10% !important;}

#personalinfo input[type=text]:focus {
    border: 2px solid rgb(250,128,5);
}


#personalinfo .input_content {
    width: 55%;
    padding: 10px 20px;
    box-sizing: border-box;
    border: 2px solid #ebebeb;
    outline: none;
	display:inline-block;
	font-weight:600;
	background-color:#f7f7f7;
}


#personalinfo select {
    padding: 9px 0 9px 30px;
   
	  box-sizing: border-box;
	 border: 2px solid #ebebeb;
  background: url(../images/arrow_down.jpg) no-repeat 96% 0;
}

#personalinfo option{
padding:0 30px;	

}

.input_content_address{
	width:55%;
	padding: 10px 20px;
	font-weight: 600;
	border: 2px solid #ebebeb;
	background-color: #f7f7f7;
}

select:focus > option:hover {
    background: #ffad2f !important;
}


.div-table{
background-color:#fff;
border-radius: 10px;
margin:0 auto;
}
	
.div-table_90{
margin:0 auto;
  width:90%;
}

.div-table-row{
  clear:both;
   padding: 12px 5% 12px 15%;
   display:block;
   width:100%;

}

/*checkbox_20170606 starts*/
.div-table-row-cbox{
	display:block;
}

.div-table-cbox{
	border-spacing:0;
	border-collapse:collapse;
	width:100%;  
}

/*checkbox_20170606 end*/

.div-table-col{
  float:left;
   width:30%;         
  background-color:#ebebeb;
 padding: 12px 10px 12px 3%;
 display:inline-block;
 
      
 }
 .div-table-col_right{
  float:left;    
padding:0 0 0 0.5%;
  display:inline-block;
  width:70%;
}

.div-table-radio{
  float:left;
   width:inherit;
   padding:6px 0px;
    margin: 8px 5px 8px 0;  
	display: inline-block;}

.div-table, .div-table-col, .div-table-row{
	vertical-align:baseline;
}

.div-table-col-address{
	width:30%;
	padding: 12px 10px 12px 3%;
	background-color: #ebebeb;
}	

.bill_option2{
	padding: 0px 0px 0px 50px;
	display:inline-block;
}

.customer_type_font{
font-size:0.9em;
display:inline-block;
width:90%;
text-align:justify;
margin-bottom:15px;
}

#note_style{
font-size:0.8em;
padding: 5px 20px 20px 25px;
display:inline-block;
width:75%;
text-align:justify;
}


#personal_statment
{ height:120px;
  width:85%; 
  margin-left:3%; 
  padding:10px 0 10px 10px;
  border:1px solid #e1e1e1;
  background:#eee;
  display:inline-block;
}

#personal_statment p{
	font-size:0.8em;
	
}

.statment_content
{height:105px;
   overflow:auto;
}

/* calendar */


.cal-group>.btn{
	position:relative;float:left
}

.muted {background-color:#eee;
color:#c8c8c8;
}


/*confirmation*/
#confirm_info{display:inline-block;
width:100%;
	}
	
#confirm_info #title1{
	clear:both;
	padding-left:15%;
display:block;
width:70%;
	float:left;
}

#confirm_info #but_autoback{ 	margin-top:25px;
float:left;
}
/*--- select --*/




/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
   background: url(../images/arrow_down.jpg) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 240px;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}

.styled-select.slate {
   background: url(../images/down_arrow2.jpg) no-repeat right center;
   height: 34px;
   width: 240px;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 16px;
   height: 34px;
   width: 268px;
}

/* -------------------- Rounded Corners */
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.slate   { background-color: #ddd; }
.green   { background-color: #779126; }
.blue    { background-color: #3b8ec2; }
.yellow  { background-color: #e5e7db; }
.black   { background-color: #000; }

/* -------------------- Colors: Text */
.slate select   { color: #000; }
.green select   { color: #fff; }
.blue select    { color: #fff; }
.yellow select  { color: #000; }
.black select   { color: #fff; }


/* -------------------- Select Box Styles: danielneumann.com Method */
/* -------------------- Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
#mainselection select {
   border: 0;
   color: #EEE;
   background: transparent;
   font-size: 20px;
   font-weight: bold;
   padding: 2px 10px;
   width: 378px;
   *width: 350px;
   *background: #58B14C;
   -webkit-appearance: none;
}

#mainselection {
   overflow:hidden;
   width:350px;
   -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
   box-shadow: 1px 1px 11px #330033;
   background: #58B14C url("http://i62.tinypic.com/15xvbd5.png") no-repeat scroll 319px center;
}


/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
select#soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
}

select#soflow-color {
   color: #fff;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
   background-color: #779126;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
}	



/*added 20161025*/


.div-table-error{
  clear:both;
   padding: 0px 5% 0px 15%;
   display:block;
   width:100%;
    color:red;

}


.div-table-message{
 clear:both;
   padding: 0px 5% 0px 15%;
   display:block;
   width:100%;
    color:#777;
}
 
 .error_type_font{
font-size:0.9em;
display:inline-block;
width:90%;
text-align:justify;
margin-bottom:8px;
}


#map_detail{padding:5px;
color:#666;


}

.map_button{font-size:0.9em;
padding:3px 10px;
border: 1px solid #fff;
margin:5px;
background: #ffad2f;
border-radius:8px;
box-shadow:10px 10px 5px #a6a6a6;
}

.map_button a{color:#fff;
}

.map_button:focus, .map_button:hover {
    background: #7A6D6E;
}

#map_subscribe {
 position:absolute;
  top: 310px;
  left:550px;
z-index:5;
display:block;
}


sup{font-size:0.6em;
padding:0 1px;}







/*---css added 20161129---*/

#reg_remarks{display:inline-block;
width:70%;
margin-left:15%;
word-break: break-all;	
}

#reg_remarks .l-col{width:50%;
font-size:0.9em;
padding-right:10px;
float:left;
display:inline-block;
text-align:justify;
}

#reg_remarks .l-col-inner{
font-size:1em;
}

#reg_remarks .r-col{width:50%;
font-size:0.9em;
padding-left:10px;
float:right;
display:inline-block;
text-align:justify;
color:#aaaaaa;
}		

.b_uline{font-weight:600;
margin-top:10px;
margin-bottom:5px;
text-decoration:underline;
display:block;
text-align:left;
}

#reg_remarks .l-col-inner .l-col-detail{
margin: auto;
line-height: initial;
font-weight: normal;
font-size: 1em;
}

.d_search_but{
	
min-width:15%;
float:right;

   border: 1px solid #797979;
   font-size: 14px !important;
   line-height:1.5em;
    padding: 10px 45px 10px 15px;

     /* reset */

   
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

	background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #000, #000);

	 
	    background-position:
    calc(100% - 20px) calc(0.8em + 7px),
    calc(100% - 15px) calc(0.8em + 7px),
    calc(100% - 2.5em) 0.7em;

  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
    border-color: #797979;
  margin-right:1px;
}

.d_search_but .d_search_but_auto_adjust{
width:100%;
height:100%;
min-height:44px;
position:absolute;
top:0px;
}

#but_reload{ display:inline-block; color:#a39e93; height:25px; vertical-align:bottom; }
#but_reload a{ color:#ffad2f;  }
#but_reload a:hover,#but_reload a:focus{color:#7A6D6E; text-decoration:underline;}

#but_reload img{height:20px; width:20px;
margin-right:5px;
}

.remarks-left {
float: left;
width: 3%;
text-align: center;
font-size: 0.9em;
}

.remarks-right {
width: 97%;
display: inline-block;
zoom: 1;
font-size: 0.9em;
}


	
	
a.buttonLink{ 	
	color:#fb8005 !important;
	text-decoration:none;
}
	
a.buttonLink:focus,
a.buttonLink:hover{
		color:#fb8005;text-decoration:underline
}

.input_auto_adjust_right{
	width:55%;
	position: relative;
}

.input_auto_adjust_right input[type="text"]{
	position:absolute;
	top:0px;
	width:100%!important;
	height:100%
}

.input_auto_adjust_right_height{
	height:100%;
	min-height:44px;
}

@media only screen and (max-width: 768px) {

       #nbstepbar li{
        font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;
        font-size:14px;
        width:90px !important;

		}
}

/*checkbox_20170508 starts*/
#cbox {
	clear: both;
   	padding: 12px 5% 12px 15%;
   	display:block;
   	width:90%;
}

#cbox td:first-child{
	width:45px;
	vertical-align: top;
}

#cbox td:last-child{
	text-align: left;
	font-weight: 700;
}

.checkTwo {
	position: relative;
	left:8px;
}

.checkTwo label {
	
	position: absolute;
	width: 20px;
	height: 20px;
	 border : 0.0625em solid rgb(250,128,5);
  border-radius    : 0.25em;
-webkit-border-radius: 0.25em;
-moz-border-radius: 0.25em;	
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e0e0e0',GradientType=0 );
}

.checkTwo input[type=checkbox]:checked + label{
	background-image :    -moz-linear-gradient(rgb(210,210,210),rgb(240,240,240));
 	background-image :     -ms-linear-gradient(rgb(210,210,210),rgb(240,240,240));
  	background-image :      -o-linear-gradient(rgb(210,210,210),rgb(240,240,240));
  	background-image : -webkit-linear-gradient(rgb(210,210,210),rgb(240,240,240));
  	background-image :         linear-gradient(rgb(210,210,210),rgb(240,240,240));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#f0f0f0',GradientType=0 );
	
}

.checkTwo input[type=checkbox]:checked + label:after {
	content    : '✓';
	position: absolute;
	display     : block;
  	width       : 1em;
  	color       : rgb(55,51,51);
  	font-size   : 1.4em;
  	line-height : 0.8em;
  	text-align  : center;
  	font-weight : 900;
}

/*checkbox_20170508 ends*/