/* Optout 2.0 css */

/* main blocks */

#retryAllButton{
	padding:10px;
	background: green;
	cursor:pointer;
	color:#fff;
}

#message{
	margin-top:20px;
	margin-bottom:20px;
	overflow:hidden;
}

#message p, #message strong{
	line-height:16px;
}


#optall-buttons {
    display:none;
}

#optout-interface {
  width: 630px;
}

/* opt all buttons */



/* table header */

#opt-individual {}

/* table label */

#optout-labels {
  background-color: #808080;
  font: bold 12px "Arial",sans;
  text-indent: 5px;
  line-height: 30px;
  overflow: hidden;
  width: 100%;
  color: #fff;

}

.network-label {
  /* width: 402px; */
  width: 295px;
  float: left;
}

.status-label {
  padding: 0 0 0 12px;
  /* width: 153px; */
  width: 230px;
  float: left;
}

.status2-label {
  padding: 0 0 0 12px;
  /* width: 153px; */
  width: 70px;
  float: left;
}


.info-label {
  width: 40px;
  float: right;
  overflow: hidden;
  margin-right:10px;
}
/* table */

/* table positioning */
#optout-interface .network {
  font-size: 12px ;
  font-family: "Arial",sans;
  vertical-align: middle;
  background: #d0ffd8;
  border-top: 1px solid white;
  overflow: hidden;
  width: 100%;
  line-height: 30px;
  position:relative
}


.network-controls {
  width: 100%;
  overflow: auto;
}

.network-info {
  display: none; 
  line-height: 18px;
  padding: 15px;
  background: #fff;
  overflow: auto;
  border:1px solid #ccc;
}

#optout_interface p {
  padding: 5px 10px ;
  margin: 0;
}

.network .network-name {
  float: left;
  /* width: 400px; */
  width: 295px;
}

.network .opt-status {
  float: left;
  /* width: 152px; */
  width: 220px;
  padding: 0 0 0 10px;
  border-left: 1px solid white;
  min-height: 30px;
}

.network .opt-status a{
    display:block;
    text-align:left;
    font-family: Arial;
    font-size: 11px;    
}
.network .status2 {
  float: left;
  /* width: 152px; */
  width: 67px;
  padding: 4px 0px 4px 0px;
  border-left: 1px solid white;
	text-align:center;
}

.network .more-info {
  float: right;
  width: 30px;
  height: 30px;
  padding-left: 5px;
  overflow: hidden;
  border-left: 1px solid white;
}


/* table visual styling */

.network.even-row {
  background: #c2d0e4;
}

.network.even-row.opted-in {
  background: #ecaccd;
}

#optout-interface .network-name h3 {
  font-size: 14px;
  text-indent: 5px;
  margin: 0;
  color: #6C6A6B;;
  font-weight: normal;
  vertical-align: middle;
}

#optout-interface form {
  display: inline;
  vertical-align: middle;
  padding: 0;
  margin: 0
}

#optout-interface .action {
  float: right;
  color: #000;
  text-decoration: underline;
}

#optout-interface .status {
  width: 350px;
  float: left;
  color: #000;
}

#optout-interface p {
  margin: 0;
    }

#optout-interface iframe {
  position: absolute;
}

.opt-status input {
  margin: 0 4px 0 4px;
}

#optout-interface label {
  color: inherit;
}

#optout-interface .more-info a {
	display:block;
	width:26px;
	height:26px;
	background: url( 'images/allbg.png' ) no-repeat -98px -145px;
}

#optout-interface .more-info .loading-square {
  background: url("images/loader_round.gif") no-repeat left top;
}

#optout-interface .more-info a:hover {
  background: url( 'images/allbg.png' ) no-repeat -139px -145px;
}

#optout-interface .more-info a.loading-square:hover{
  background: url("images/loader_round.gif") no-repeat left top;
}


/* button states */

/*
#optout-interface .network-error a {
  background: url("images/button_moreinfo.png") no-repeat -50px 0;
}

#optout-interface .nocookie a {
  background: url("images/button_moreinfo.png") no-repeat -75px 0;
}
*/

/* interface states */
table.companies tbody tr.green td{
	
}

table.companies tbody tr.red td{
	background: #ffe5e5;
}

table.companies tbody tr.grey td{
	background: #e5e5e5;
}

table.companies tbody tr.yellow td{
	background: #fff5e5;
}



#optout-interface .network-optout {
  background: #ffe5e5;
}

#optout-interface .network-error {
  background: #e5e5e5;
}

#optout-interface .network-error form {
  display: none;
}

#optout-interface .nocookie {
  background:  #e8f6ea;             
}

.currentstate, .currentstate-loading, .currentstate-loaded {
  position: absolute;
  left: 640px;
  color: #000;
  
}

.tokenFrame {
  visibility: hidden;
}

iframe.tokenFrame {
  height: 0;
  width: 0;
  position: absolute;
  top: -100px;
  left: -100px;
  border: none;
}

.network-controls input[radio] {
  outline: 0;
}

#modal-window {
  display: none;
  background: url("images/spinner.gif") no-repeat 15px 22px;
  width: 355px;
  padding: 23px 20px 23px 55px;
  background-color: white;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#modal-window.thirdparty-fail {
  background: url("images/alert.gif") no-repeat 15px 22px;
  background-color: white;
}

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;}

/* company info */

.partner-details {
  display: block;
  padding-top: 4px;
  clear: both;
}

#optout-interface .partner-details p {
 
}

#optout-interface .partner-details a {
  background: none;
  color: #000;
  text-decoration: underline;
}

#optout-interface .info_description {
  color: #000;
  padding-top: 8px;
}

#optout-interface .info_privacy {
  color: #000;
  margin-top: 8px;
}

#optout-interface .info_url {
  color: #000;
  background-color: #DDD;
  padding: 5px 3px;
  margin-bottom: 3px;
}


/* later edit */
/*.hide, .hideSecondTry {display:none !important}*/
.detailsLoading {
    position:absolute;
    top:0;
    left:0;
    width:630px;
    height:30px;
    z-index:100;
	overflow:auto;
	display:block;
	background: #fff;
	text-align:left;
	padding-left:10px;
}

.detailsLoading .loadingContainer{
	display:block;
	float:left;
	width:100%;
}


.detailsLoading .spinner{
	background: url( 'images/loader_round.gif' ) no-repeat center 5px #fff;
	width:20px;
	height:25px;
	display:block;
	float:left;	
}


.detailsLoading .compInfo{
	display:block;
	float:left;
	padding-top:9px;
	padding-left:5px;
	overflow:visible;
}

.partner-row {position:relative; overflow:hidden}



/*-------------------------------- */

.legend{
	width:22px;
	height:22px;
	display:inline-block;
}

.legend.nocookie{
	background: url( 'images/allbg.png' ) no-repeat -22px -370px !important;
}

.legend.on{
	background: url( 'images/allbg.png' ) no-repeat -53px -370px;
}

.legend.off{
	background: url( 'images/allbg.png' ) no-repeat -85px -370px;
}

.legend.noconnection{
	background: url( 'images/allbg.png' ) no-repeat -116px -370px;
}

/**************************************************/
/*                  mobile version                */
/**************************************************/

@media only screen and (min-width: 640px) and (max-width: 950px) {
  #optout-interface {width: 640px;}
  .network-label {width: 250px;}
  .status-label { width: 240px!important;}
  .network .network-name {width: 250px;}
  .network .opt-status {width: 180px!important;}
  .network .status2 {   width: 65px;}
  .status2-label {   width: 60px;}
  .info-label { width:40px!important; }
  .network .more-info { width: 45px!important;}
  .s18 {    font-size: 16px;}
  /*#allOptOutButton {
    margin:0px!important;
  }
  #retryAllButton {
    margin:0px!important;
  }*/
}
@media only screen and (min-width: 600px) and (max-width: 641px) {
#optout-interface {width: 640px;}
.network-label {width: 250px;}
.status-label { width: 220px;}
.network .network-name {width: 290px;}
.network .opt-status {width: 200px;}
.network .status2 {   width: 50px;}
.status2-label {   width: 60px;}
.info-label { width:70px; }
.network .more-info { width: 75px;}
.s18 {    font-size: 16px;}
/*#allOptOutButton {
  margin:0px!important;
}
#retryAllButton {
  margin:0px!important;
}*/
}
@media only screen and (min-width: 460px) and (max-width: 599px) {
	#optout-interface {width: 460px;}
	.network-label {width: 250px;}
	.status-label { width: 80px;}
    .status2-label { width:60px;}
    .info-label { width:40px; margin-right:0px;}
	.network .network-name {width: 260px;}
	.network .opt-status {width: 80px; padding:0 5px;}
	.network .opt-status a{ line-height:16px;}
	.network .opt-status form label {display:none;}
	.network .opt-status form input { display:none; position:absolute;}
	.network .opt-status form input#rdio_in { top:8px; right: 8px; }
	.network .opt-status form input#rdio_out { top:8px; left:8px; }
	.network .opt-status form label span { display:none;}
	.network .opt-status form input#rdio_in+label { background:url(../images/shitchOn.png) no-repeat center bottom;}
	.network .opt-status form input#rdio_out+label { background:url(../images/shitchOff.png) no-repeat center bottom; }
	.network .opt-status form input:checked+label { display:block;  width:80px; height:28px; cursor:pointer;}
	.network .status2 {   width: 70px;}
	.network .more-info { width: 30px;}
	#optout-interface .network-name h3 {    font-size: 12px;}
	.s18 {    font-size: 16px;}

}

@media only screen and (max-width: 459px) {
	#optout-interface {width: 310px;}
	.network-label {width: 110px;}
	.status-label { width: 70px;}
	.network .network-name {width: 110px;}
	.network .opt-status {width: 80px; padding: 0 5px; position:relative;}
	.network .status2 {   width: 40px;}
	.status2-label {   width: 60px;}
	.network .more-info { width: 30px;}
	#optout-interface .network-name h3 {    font-size: 12px;}
	.opt-status label { display:block;}
	.s18 {    font-size: 14px;}
	.network .opt-status a{ line-height:16px;}
    .info-label { width:40px; margin-right:0px;}
	
	.network .opt-status form label {display:none;}
	.network .opt-status form input { display:none; position:absolute;}
	.network .opt-status form input#rdio_in { top:8px; right: 8px; }
	.network .opt-status form input#rdio_out { top:8px; left:8px; }
	.network .opt-status form label span { display:none;}
	.network .opt-status form input#rdio_in+label { background:url(../images/shitchOn.png) no-repeat center bottom;}
	.network .opt-status form input#rdio_out+label { background:url(../images/shitchOff.png) no-repeat center bottom; }
	.network .opt-status form input:checked+label { display:block;  width:80px; height:28px; cursor:pointer;}
}

.hide_seal{
    display:none;
}