/*******************************************************************************
 *   PubMatic Inc. ("PubMatic") CONFIDENTIAL
 *   Unpublished Copyright (c) 2006-2014 PubMatic, All Rights Reserved.
 *
 *  
 *
 *   NOTICE:  All information contained herein is, and remains the property of PubMatic. The intellectual and technical concepts contained
 *
 *   herein are proprietary to PubMatic and may be covered by U.S. and Foreign Patents, patents in process, and are protected by trade secret or copyright law.
 *
 *   Dissemination of this information or reproduction of this material is strictly forbidden unless prior written permission is obtained
 *
 *   from PubMatic.  Access to the source code contained herein is hereby forbidden to anyone except current PubMatic employees, managers or contractors who have executed 
 *
 *   Confidentiality and Non-disclosure agreements explicitly covering such access.
 *
 *  
 *
 *   The copyright notice above does not evidence any actual or intended publication or disclosure  of  this source code, which includes  
 *
 *   information that is confidential and/or proprietary, and is a trade secret, of  PubMatic.   ANY REPRODUCTION, MODIFICATION, DISTRIBUTION, PUBLIC  PERFORMANCE, 
 *
 *   OR PUBLIC DISPLAY OF OR THROUGH USE  OF THIS  SOURCE CODE  WITHOUT  THE EXPRESS WRITTEN CONSENT OF PubMatic IS STRICTLY PROHIBITED, AND IN VIOLATION OF APPLICABLE 
 *
 *   LAWS AND INTERNATIONAL TREATIES.  THE RECEIPT OR POSSESSION OF  THIS SOURCE CODE AND/OR RELATED INFORMATION DOES NOT CONVEY OR IMPLY ANY RIGHTS  
 *
 *   TO REPRODUCE, DISCLOSE OR DISTRIBUTE ITS CONTENTS, OR TO MANUFACTURE, USE, OR SELL ANYTHING THAT IT  MAY DESCRIBE, IN WHOLE OR IN PART.
 *******************************************************************************/
/*ScrollTable css -- START*/
		.segmentTable {
			height: 439px;
			overflow-y: auto;
			overflow-x: hidden;
			clear:both;
			position:relative;
		}
		.segmentTable table.dataTable tbody tr td.drgImg {
			width:6%;
		}
		.segmentTable table.dataTable tbody tr td.dataTableCol1 {
			width:78%;
		}
		.segmentTable .topAdjust {
		}

		.segmentTable .bottomAdjust {
		}

		table.headTable {
			position: absolute;
		}

		table.headTable thead th {
		}

		.segmentTable table.dataTable {
			width: 100%;
			border-collapse: collapse;
		}

		.segmentTable table.dataTable tbody tr {
			height: 40px;
		}

		.segmentTable table.dataTable tbody td {
			border-bottom: 1px solid #D2D2D2;
			padding-top: 4px;
		}
		.reachTableHead{
			background: url("/images/reachImages/blockheadbg.gif") repeat-x scroll 0 0 transparent;
			height: 33px;
			margin: 1px;
			padding: 3px 5px 0 10px;
		}
		table#reachHeaderFix th {
			background: url("/images/reachImages/thbg.gif") repeat-x scroll 0 0 transparent;
			    border-bottom: 1px solid #D2D2D2;
				height: 23px;
		}
		.segmentTable .dataTableCol1{
			
		}
/*END*/
/* throbber styles */
.waitThrobber {
    position: absolute;
    background-color: #fff;
    background-image: url(/images/ajax-loader-large.gif);
    background-position: center;
    background-repeat: no-repeat;
    
    /* Required for IE 5, 6, 7 */
    /* ...or something to trigger hasLayout, like zoom: 1; */
    width: 100%; 
    
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=50);

    /* Older than Firefox 0.9 */
    -moz-opacity:0.5;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;

    /* Modern!
        Firefox 0.9+, Safari 2?, Chrome any?
        Opera 9+, IE 9+ */
    opacity: 0.5;
}
#reachTableData .flexigrid div.cDrag{
			display:none;
		}
		div.cancel{
			margin:3px 0 0 5px;
		}
		.error_1 {
			background-color: #FFBBBB;
			border-top: 1px solid #FF5555;
			display: none;
			font-weight: bold;
			line-height: 20px;
			margin-bottom: 5px;
			padding: 3px 10px;
		}
		.hideDisplay {
			display: none;
		}
		.success_1 {
			background-color: #FFFFDD;
			border-top: 1px solid #FFDDBB;
			display: none;
			font-weight: bold;
			line-height: 20px;
			margin-bottom: 5px;
			padding: 3px 10px;
		}
		#customSegmentPage .bold{
			font-weight:bold;
		}
		#customSegmentPage .subscribed{
			background-image:url('/images/reachImages/icn_subscribe.png');
			width:15px;
			height:15px;
		    border: medium none;
			vertical-align: middle;
		}
		#customSegmentPage .notSubscribed{
			background-image:url('/images/reachImages/icn_notsubscribe.png');
			width:15px;
			height:15px;
		    border: medium none;
			vertical-align: middle;
		}
		#customSegmentPage #datablock{
			width:99.7%;
			height:20px;
			border:1px solid #333;
		}
		#customSegmentPage .flexigrid div.bDiv td{
			border-right:none;
		}
		#customSegmentPage .flexigrid div.bDiv td div{
			height: 35px;
			border-bottom: 1px solid #D2D2D2;
			padding:0!important;
			margin-top: 5px;
		}
		#customSegmentPage .flexigrid div.hDiv th div{
			text-align:left!important;
			padding:3px 0 0 0!important;
		}
		#customSegmentPage #droppable{
			display: inline-block;
			padding: 2px 4px;
			width: 98%;
		}
		#customSegmentPage #table_header{
			width:95.7%!important;
		}
		#customSegmentPage #searchButton{
			margin-left:5px!important;
		}
		#customSegmentPage #rightComponent{
			float: right;
			height: 200px;
			margin-right: 40px;
			width: 40%;
		}
		#customSegmentPage #searchtextBox{
			width:140px!important;
			margin:0!important;
		}
		#customSegmentPage #filter-search{
			margin:0!important;
			padding:0!important;
		}
		#customSegmentPage .float_left{float:left;}
		#customSegmentPage .float_right{float:right;}
		#customSegmentPage .arf{text-align:right;float:right;}
		.rbuttons{padding: 10px 0;}

		#customSegmentPage .disabled{background:#f3f3f3;border:1px solid #acadb2;padding: 2px;}
		#customSegmentPage .clrboth{clear:both;}
		#customSegmentPage .al{text-align:left;}
		#customSegmentPage .line{background: url(/images/reachImages/line.gif) repeat-x; height:2px;width:100%;}
		.seprator{background: url(/images/reachImages/vline.gif) repeat-y;width:1px;height:12px;margin: 5px 5px 0 10px;float:left;}
		#customSegmentPage .marginright{margin-right:10px;display: block;margin-top: 5px;}
		.RP_borderGrey {border:solid 1px #DCE3E5; background:#f8f8f8; width:960px;margin: 0 auto;}
		.RP_borderGrey .inbox{border:solid 1px #fff; padding:10px 5px;overflow: hidden;}
		a.button {
			background: url(/images/reachImages/button-sprite.png) no-repeat scroll right -22px transparent;
			color: #000000;
			cursor: pointer;
			display: block;
			float: left;
			font-size: 11px;
			height: 22px;
			line-height: 16px;
			margin: 0 0 0 5px;
			padding-right: 12px;
			text-decoration: none;
		}
		a.button span {
			background: url(/images/reachImages/button-sprite.png) no-repeat scroll left top transparent;
			display: block;
			height: 22px;
			padding: 3px 0 6px 10px;
			white-space: nowrap;
		}
		#customSegmentPage a.button:hover {
			background-position: right bottom;
			border: medium none;
			color: #000000;
			text-decoration: none;
		}
		#customSegmentPage a.button:hover span {
			background-position: left -44px;
		}
		#customSegmentPage a.button span img {
			padding: 1px 7px 0 0;
		}
		#customSegmentPage .dlblockL, .dlblockR{width:456px;}
		#customSegmentPage .dlblockL{float:left;}
		#customSegmentPage .dlblockR{float:left;margin-left:5px;}
		#customSegmentPage .blocktext{font-size:12px; margin-bottom:10px;display: block;}
		#customSegmentPage .dlblockL .block, .dlblockR .block{border:solid 1px #cccccc;x}
		#customSegmentPage .dlblockR .block {overflow:auto;height:342px;}
		#customSegmentPage .dtarrow{background: url(/images/reachImages/datatarrow.png) repeat-x; width:25px;height:18px;float:left;margin:35px 0 0 6px;text-indent: -9999px;visibility:hidden}
		#customSegmentPage .searchHead{background: url(/images/reachImages/blockheadbg.gif) repeat-x!important; margin:1px!important;height:33px!important;padding: 3px 5px 0 10px!important;}
		#customSegmentPage .block .head input{border:solid 1px #cbcbcb; background:#fff; color:#888888; font-style:italic;height:18px;margin-left: 5px;float:left;font-size: 11px;}
		#customSegmentPage .block .head .text{ color:#fff; margin:5px 0 0 10px;font-style:italic;}
		#customSegmentPage .block .body{ height:auto;width:100%}
		#customSegmentPage .datalist .body{height: 387px; width:100%; overflow: auto;}
		#customSegmentPage .dragimg{ margin:0 auto; text-align:center;}

		#customSegmentPage .datalist td, .datalist th{height:23px; border-bottom:solid 1px #d2d2d2;}
		#customSegmentPage .datalist td{height:40px;}
		#customSegmentPage .segmentTable  tr:hover, .segmentTable .selected{background: url(/images/reachImages/dlrowbg.gif) repeat-x bottom; cursor:pointer;}
		#customSegmentPage .datalist th{background: url(/images/reachImages/thbg.gif) repeat-x;}

		#customSegmentPage .block .rowbg{background: url(/images/reachImages/rowbg.gif) repeat-x; height:32px;}
		#customSegmentPage .block .padleft{padding: 10px 8px;}
		#customSegmentPage .greytxt{color:#b5b5b5;}
		#customSegmentPage .greytxt2{color:#717171;}
		#customSegmentPage .subscribe{background: url(/images/reachImages/icn_subscribe.png) no-repeat left top; height:15px; padding-left:20px;}
		#customSegmentPage .ntsubscribe{background: url(/images/reachImages/icn_notsubscribe.png) no-repeat left top; min-height: 15px; padding-left:20px;}
		#customSegmentPage .cancel{margin-top:3px;}
		#customSegmentPage .ddNew {
			width:60px;
			margin: 0 auto;
			padding-top: 3px;
		}
		#customSegmentPage .ddTitleNew {
			cursor: default;
			height: 20px;
			overflow: hidden;
			padding: 3px 0;
			text-indent: 0;
		}
		#customSegmentPage .SegTextTitle2{
			width:80%;
		}
		#customSegmentPage .seg_subscribed {
			margin-right:5px;
		}
		#customSegmentPage .delSeg {
			margin-left:5px;
		}
		#customSegmentPage .ui-corner-all {
			-moz-border-radius: 2px 2px 2px 2px;
		}
		#customSegmentPage .ddTitle span.arrow {
			background-position: 0pt 0pt;
			background: url(/images/reachImages/dd_arrow.gif) no-repeat scroll 0 0 transparent;
			cursor: pointer;
			display: inline-block;
			float: right;
			height: 16px;
			width: 16px;
		}
		#customSegmentPage .ddTitle .textTitle, #customSegmentPage .ddTitle select.textTitle2 {
			float: right;
			line-height: 16px;
			overflow: hidden;
			text-indent: 1px;
			white-space: nowrap;
		}
		#customSegmentPage .ddTitle select.textTitle2{float:left;font-size: 11px}
		#customSegmentPage select.textTitle2New{float:left;font-size: 11px;padding: 2px}
		#reachpform {color:#4c4c4c; font-size:11px;margin-bottom: 20px; overflow:hidden;}
		#reachpform .frmrow{margin:5px 0;}
		#reachpform .frmcall{float:left;}
		#reachpform label, #reachpform label.sm{float:left; text-align:right; margin-right:10px;width: 76px;margin-top:3px;}
		#reachpform label.sm{width:40px;margin-top:3px;}
		#reachpform input, #reachpform textarea{ color:#4c4c4c;font-size:11px; border: 1px solid #DDDDDD;padding: 2px;}
		#reachpform .value{ margin-left:19px;}
		.ar{text-align:right;}
		.cM_PageTitle {
			margin: 0!important;
			float:left;
			width:98%;
		}
		.cM_PageTitle h2 {
			font-size: 140%;
			font-weight: 700;
			margin: 0;
			padding: 10px 0;
		}
		#customSegmentPage .querymsg{border: 1px solid #CCCCCC; height:60px;width:434px;padding:10px;float: left; overflow:auto;line-height: 20px;}
		.datablock {
			width:99.6%;
			border:1px solid #f7f7f7;
		}
		#customSegmentPage .segments {
			width:98%;
			/*height:13px;*/
			padding:2px 4px;display: inline-block;
		}
		#customSegmentPage .segments .seg_operator, #customSegmentPage .segments .seg_description, #customSegmentPage .segments .seg_dataProvider, #customSegmentPage .segments .seg_status {
			float:left;margin-right: 3px;
		}
		#customSegmentPage .segments .seg_operator {
			width:13%;
		}
		#customSegmentPage .segments .seg_description {
			width:50%;
		}
		#customSegmentPage .segments .seg_dataProvider {
			width:20%;
		}
		#customSegmentPage .segments .seg_status {
			width:50px;
			text-align: right;
		}
		#customSegmentPage .firstOp{
			margin-top:0!important;
		}
		#customSegmentPage .firstSeg .seg_operator div, #customSegmentPage .firstOp .dropdrow{
			display:none;
		}
		#customSegmentPage .filled .seg_operator, .filled .seg_description, .filled .seg_dataProvider, .filled .seg_status {
			float:left;margin-right: 3px;
			padding-top:3px;
		}
		#customSegmentPage .filled .seg_operator {
			width:13%;
		}
		#customSegmentPage .filled .seg_description {
			width:50%;
		}
		#customSegmentPage .filled .seg_dataProvider {
			width:20%;
		}
		#customSegmentPage .filled .seg_status {
			width:50px;
			text-align: right;
		}
		#customSegmentPage .seg_status .seg_subscribed{
			height:15px;
			width:15px;
			float:left;
		}
		#customSegmentPage .filled .seg_status .delSeg{
			background-image:url('/images/reachImages/icn_remove.png');
			height:16px;
			width:16px;
			float:left;
		}
		#customSegmentPage .filled .seg_status .active{
			background-image:url('/images/reachImages/icn_subscribe.png');
		}
		#customSegmentPage .filled .seg_status .inActive{
			background-image:url('/images/reachImages/icn_notsubscribe.png');
		}
		#customSegmentPage .datablock .dropdrow {
			background: url(/images/reachImages/rowbg.gif) repeat-x scroll;
			height: 32px;
			padding-top: 1px;
		}
		#customSegmentPage .segments, #customSegmentPage .filled {
			display: inline-block;
			padding: 3px 4px;
			width: 98%;
			height: 20px;
		}
		#customSegmentPage .dragBorder{
			border: 1px solid #CCC;
			position:absolute;
			z-index: 999999;
			}
		#customSegmentPage .flexigrid div.hDiv th, #customSegmentPage .flexigrid div.bDiv td{
			border:none!important;
		}
		#customSegmentPage.flexigrid div.hDivBox{
			padding-right:0!important;
		}
		#customSegmentPage .so_container{
			padding-bottom: 15px;
		}
		#customSegmentPage .dropHover{
			background-color:#F8FCB3;
		}
		#customSegmentPage .pPageStat{
			display:none;
		}
		#customSegmentPage #divMessage{
			margin-bottom:5px;
			font-weight:bold;
			display:none;
			line-height:20px;
			padding:3px 10px;
		}
		/* the being dragged element */
		div.beingDragged {
			display: none;
			position: absolute;
			border: 1px solid #ccc;
			background-color: #eee;
			color: #000;
			padding: 5px;
			z-index:999;
		}
		table#reachTable tr.erow{
			background:none!important;
		}
		table#reachTable tbody tr{
			cursor: url("/images/icons/move.cur"), move;
		}
		.noDisplay{
			display:none;
		}
		.datablock a.delOp {
			background-image:url('/images/reachImages/ico_closeGrey.png');
			height:16px;
			width:16px;
			float:right;
			margin:3px 32px 0 0;
		}
		.datablock a.delOpHover {
			background-image:url('/images/reachImages/ico_closeRed.png');
			height:16px;
			width:16px;
			float:right;
			margin:3px 32px 0 0;
		}
		.highlightBorder{
			border: 1px solid #EE847D;
			width: 99.6%!important;
		}
		input.reportCheckBox{
			float:left;
		}
		#searchSegmentTextBox{
			height:18px;
		}
		.resetButton,.clearButton{
			cursor: pointer; 
			float: left; 
			margin-left: 5px;
		}
		.reachButton{
				padding:2px;
				overflow:visible;
		}
		@-moz-document url-prefix() { .reachButton { padding: 0; } #searchSegmentTextBox { height:20px;} }