@charset "utf-8";


*					{border: 0;
					margin: 0;
					outline: 0;
					padding: 0;
					text-decoration: none;}

ul, ol, li 			{list-style:none;}
li 					{list-style-position:inside;} 
.brd				{border:1px solid #cac8c8;} 

h1					{border-bottom:1px solid #eee;
					padding:0 10px 0 10px;
					font-size: 16px;
					margin: 0px;}

h1 span				{float:right;margin-right:10px;width: auto !important;}
div#adnvc_targeting	{width:97%;margin: 20px auto;} 
div.panel 			{width:100%;
					float:left;
					margin-bottom:20px;
					border:1px solid #eee; border-top: none;} 

/*	Top Left Panel 
----------------------  */
div.left_pane		{float:left;
					width:55%;
					height:335px;
					border:1px solid #eee;}
.cat-sel div.left_pane {
	float: none;
	width: auto;
}

.cat-sel div.left_pane h3 {
	margin-bottom: 0px;
	background: #F7F7F7;
	border-top: 1px solid #eee;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
	font-size: 16px;
}
.cat-sel div.left_pane hr {margin: 0px;}
.cat-sel div.left_pane ul {margin-left: 0px;}
.cat-sel div.left_pane ul li.top-space {padding-top: 4px;}


div.left_pane div.search {height:30px;	margin:10px;}
div.left_pane div.search ul {display:block;}
div.left_pane div.search ul li {float:left; margin-right:5px;}

.icon-home {font-size: 20px; margin-top: 5px;}
.icon-arrow-left { font-size: 20px; margin-top: 5px;}
.icon-arrow-right { font-size: 20px; padding-top: 5px;}

div.left_pane div.search ul li input[type=text]	{
					float:left;
					border:1px solid #cac8c8;
					height:30px;
					padding:0 10px;
					width:305px;} 

div.left_pane div.blue-kai	{height:220px;
					border: none;
					border-top:1px solid #eee;
					padding:10px;} 
					
div.blue-kai		{height:220px;
					border:1px solid #cac8c8;
					margin:10px;
					padding:10px;}

/*	Top Right Panel 
-----------------------------   */	
div.right_pane		{float:right;
					width:40%;
					height:335px;
					border:1px solid #eee;}
.cat-info div.right_pane {
	float: none;
	width: auto;
}
.cat-info div.right_pane hr {margin: 0px;}
.cat-info div.right_pane h3 {
	margin-bottom: 0px;
	background: #F7F7F7;
	padding-left: 10px;
	border-top: 1px solid #eee;
	padding-right: 10px;
	margin-top: 0px;
	font-size: 16px;
	}

div.right_pane p 	{text-align:right;
					color:#333;
					padding:12px 0;
					font:normal 12px Arial, Helvetica, sans-serif;}

div.right_pane p span {width:30%;float:left;text-align:right;} 

div.right_pane p span.c_info_right {width:60%;float:right;text-align:left; padding-right:1%;}

ul.target_detail 	{width:100%; 
					display:block;
					height:30px;
					border-top: 1px solid #eee;
					border-bottom: 1px solid #eee;
					padding-bottom: 10px;
					background:#F7F7F7;}

ul.target_detail li {padding-left:10px;} 

ul.target_detail li select, option {width:auto;
					margin:0px 5px;}

ul.target_detail li.srch {text-align:right;}



/*	Bottom Panel 
-------------------------   */
div.include_exclude 	{min-height:40px;}

/*	Bottom Left Panel (Include)
---------------------------------   */
div.include			{height:370px;
					overflow:hidden;} 
					

div.scroll_panel {
	height: 363px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin: 0px;
	border: 1px solid #eee;
	border-left: 0px;
	border-bottom:0px;
}

div.seqment_wrapper {width:1500px;height:300px;float:left;} 

div.include div.seqment {float:none;} 

div.exclusion 		{border:1px solid #eee; border-right: 0px; border-bottom: 0px;}

/*	Bottom Right Panel (Exlude)
----------------------------------  */	
div.exclude 		{height:370px;} 

ul.seqment_data 	{min-height:230px;margin: 0px 10px 0 10px; padding-top: 10px;} 
ul.seqment_data li 	{ position: relative; 
					border-bottom: 1px solid #ddd; 
					margin-bottom: 8px;
					padding-bottom: 5px;} 
					
.exclusion > .ul.seqment_data {height: 255px;}

ul.seqment_data li span.include_x {width:80%;
					text-align:left;
					padding-left:10px;
					float:left;} 
ul.seqment_data li span.exclusion img {vertical-align:middle; cursor:pointer;} 

ul.seqment_data li span {
					width:10%;
					padding-right:10px;
					text-align:right;} 

ul.seqment_data li P {margin:0px;}

ul.seqment_data li small {
	position: absolute;
	bottom: -10px; left: 50%;
	background: #fff;
	padding: 0px 5px;
}
ul.seqment_data li:last-child small {display: none;}
ul.seqment_data li:last-child {border-bottom: none;}

ul.target_detail .h_fnt {
	font-size: 14px;
	line-height: 40px;
}


.flt_lt input[disabled="disabled"] {display: none;}
					
.and				{width:100%;
					display:block;
					clear: both;
					text-align:center;
					padding: 6px 10px;
					background: #f7f7f7;
					font-weight: 600 !important;
					border-top: 1px solid #eee;
					border-bottom: 1px solid #eee;} /* new */
					


/* Blue Kai Hirarkey 
-----------------------------  */
div.directory_tree	{height:210px; overflow:auto;} 

strong.head1 a 		{color:#000;
					display:block;
					height:20px;
					margin:0px 0 1px 0;
					font:normal 12px/24px Arial, Helvetica, sans-serif;
					background:url(images/plus_icn.png) no-repeat 10px 4px;
					padding:0 0 0 35px;} 

strong.head1 a:hover {background:url(images/plus_icn.png) no-repeat 10px 4px;} 
strong.selected a 	{padding:0 0 0 35px; background:url(images/minus_icn.png) no-repeat 10px 4px;} 
strong.selected a:hover {background:url(images/minus_icn.png) no-repeat 10px 4px;} 
div.site_name 		{margin-left:22px; padding:5px 0;} 
div.site_name ul 	{list-style:none; display:block;} 
div.site_name ul li {padding-left:45px;color:#333; font:normal 12px Arial, Helvetica, sans-serif;}

strong.head2 a 		{min-height:20px;
					color:#000;
					display:block;
					text-decoration:none;
					margin:0px 0 1px 30px;
					font:normal 12px/22px Arial, Helvetica, sans-serif;
					background:url(images/plus_icn.png) no-repeat 10px 4px;
					padding:0 0 0 35px;} 

strong.head2 a:hover {background:url(images/plus_icn.png) no-repeat 10px 4px;} 
strong.selected a 	{padding:0 0 0 35px; background:url(images/minus_icn.png) no-repeat 10px 4px;}
strong.selected a:hover {background:url(images/minus_icn.png) no-repeat 10px 4px;}
.sub_tree 			{margin-left:30px;}
.sub_tree ul 		{display:block; list-style:none; padding:0px 0;} 
.sub_tree ul li 	{padding-left:45px;color:#333; font:normal 12px Arial, Helvetica, sans-serif;} 
span.valid-msg 		{margin-left:10px;} 
.flt_lt				{/*float: left;*/}
.width_0			{width: 0px !important;}
.width_15			{/*width: 30px !important;*/}

.dp_ajaxLoader		{background: url(../../../images/staticAjaxLoader.png) no-repeat 10px 4px;
					color: #000;
					display: block;
					float: left;
					font: normal 12px/22px Arial, Helvetica, sans-serif;
					margin-top: 2px;
					min-height: 20px;
					text-decoration: none;
					width: 29px !important;}
.dp_heading_plus	{background: url(../images/dataProvider/plus_icn.png) no-repeat 10px 4px;
					color: #000;
					display: block;
					float: left;
					font: normal 12px/22px Arial, Helvetica, sans-serif;
					margin-top: -2px;
					min-height: 20px;
					text-decoration: none;
					width: 29px !important;}
					
.dp_heading_minus	{background: url(../images/dataProvider/minus_icn.png) no-repeat 10px 4px;
					color: #000;
					display: block;
					float: left;
					font: normal 12px/22px Arial, Helvetica, sans-serif;
					margin-top: -2px;
					min-height: 20px;
					text-decoration: none;
					width: 29px !important;}
					
.dp_heading_blank	{
					display: block;
					float: left;
					color:#555; font:normal 12px 'Open Sans', sans-serif;
					margin-top: -2px;
					min-height: 20px;
					text-decoration: none;
					width: 29px !important;}
					
.dp_heading a		{color: #000 !important;}


.dp_heading			{color: #000 !important;
					display: block;
					float: left;
					padding:0px 0 0px 5px;
					min-height: 20px;
					width: 90% !important;}



.MenuBox			{margin-left: 20px;}
.clear				{clear: both;}


/*			CSS Media Queries
----------------------------------------------   */

/*   CSS Queries
-------------------- */

@media screen and (max-width: 769px) {
	div.left_pane {display:block;
	float:none;
	width:100%;
	margin-bottom:15px;}
	div.right_pane {display:block;
	float:none;
	width:100%;
	margin-bottom:15px;
	}
ul.target_detail {height:auto;
	float:none;}
ul.target_detail li {width:100%;
	float:none;
	display:block;
}
ul.target_detail li.srch {text-align:left;}

div.include {float:none;
	width:100%;
	margin-bottom:15px;}
div.exclude	{float:left;
	width:100%;
}
}

div.include h4,
div.exclude h4 {
	border: none;
	margin-bottom: 0px;
	padding-top: 8px;
	padding-left: 20px;
	padding-bottom: 10px;
}

ul.seqment_data li.click_here {margin-top:100px;color:#00b0d0;text-align:center;font:normal 14px Arial, Helvetica, sans-serif; margin: 0px;}
ul.seqment_data li.click_here:hover {color:#48c3d9; cursor:pointer;}
.dp_info_left{
	float: left;
	margin-right: 10px;
	margin-left: 20px;
}
.dp_info_right{
	float: left;
	margin-left: 10px;
	width:40%;
	font-size:12px;
}
.clearboth{
	clear: both;
}
.margintop5{
	margin-top:5px
}    

.cal-info-row { border-bottom: 1px solid #eee;}
.cal-info-row label {cursor: text;font-weight: 600;font-size: 13px;}
  
.dp_popup	{		position:fixed;
					padding:20px;
					top:10px;
					left:38%;
					width:300px;
					text-align:justify;
					color:#484848;
					border:1px solid #ccc;
					border-radius:5px;
					-webkit-border-radius:5px;
					-moz-border-radius:5px;
					-ms-border:radius:5px;
					font:normal 14px Arial, Helvetica, sans-serif;
					background: rgb(252,255,244); /* Old browsers */
					background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* IE10+ */
					background: linear-gradient(to bottom, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
			}

#inline_close {
	position:absolute;
	top:-6px;
	right:-6px;
	
}

.seqment_selected,
.seqment_selected ul.seqment_data li small {background: #fbf8ed;}
.noData {top:0px;right:0px;bottom:0px;left:0px;margin:auto; height:30px;position:absolute;}
#dp_next,
#dp_prev,
#dp_home {color: #999999;}

/* 8122016 */
.dp_heading { position: relative; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 5px; }
.dp_heading a {border-left: 18px solid transparent; display: block;}
.width_15 { position: absolute; left: 3px; top: -1px;}
.flt_lt {width: 100% !important }