/* Yodle Live content.css */
@import url("buttons.css");
@import url("yodle_yui.css");
@import url("yodle_jquery.css");
@import url("template_picker.css");
@import url("drop-down.css");

/* Default Items */
fieldset {	border: none;}
img {border: 0;}
h1{	font-size: 14px; margin: 10px 0 3px 0;font-weight: normal;color: #4b80c4;} /* blue=4b80c4 */
h2 {	font-size: 18px;	line-height: 18px;	margin-bottom: 18px;}
h3 {		color: #999;	font-weight: bold;}
h4{ font-size: 21px; font-weight: normal; padding: 5px 0;}
h5{ font-size:16px; font-weight:bold; line-height:18px; color:#000; margin: 20px 0 0 0; }
hr.grey	{height: 0px;margin: 10px 0;border: 0;border-bottom: 1px solid #e3e3e3;}
hr.grey.darker{height: 0px;margin: 10px 0;border: 0;border-bottom: 1px solid #ccc;}
p {	font-size: 12px;	line-height: 1.45em;	margin: 6px 0 15px; color:#444;}
p.grey {color:#9a9a9a;}
i{ font-family: georgia; text-decoration: italic;}
a{ cursor: pointer; }
a.nounderline{text-decoration: none!important}
strong{ font-weight: bold; }

table {	margin: 5px 0;}
ol{ margin:0 0 0 20px; }
ol li{ margin: 0 0 5px 0; }
0margin{margin:0 !important}
0padding{padding: 0 !important}

body p.grey strong {font-weight: bold; color: #454545;}
#containmentField ul{ margin: 5px 10px;  }
#containmentField ul li{ margin: 0 10px; }

/*generic */
.thumbnail {	border: 1px solid #bbb;}
.full {	width: 100%;}
.fail {	color: #902424;}
.success {	color: green;}
.warning {	color: red!important;}
.warning2 {	color: #981b1e;}
.warning3 {	color: red;	font-size: 20px;}
.warning2 a {	color: #ff0007;}
.turnedOff {	color: #ccc;}
.on {	color: green;	font-size: 14px; font-weight: bold;}
.off {	color: red;	font-size: 20px;}
.lowercase{text-transform: lowercase !important;}
span.center{text-align: center;}
div.left{float: left!important;}
div.right{float: right!important;}
.calculated {background: #444; color: #fff; padding: 3px;}
.strikethrough{text-decoration: line-through !important;}
.hidden {display:none;}

/* New Segment Status colors: */
.greenBG{ background: #a2cf77; color: #51861d; -moz-border-radius: 8px;-webkit-border-radius: 8px;padding: 1px 5px;}
.yellowBG{ background: #fff7c8; color: #ad7534; -moz-border-radius: 8px;-webkit-border-radius: 8px;padding: 1px 5px;}
.pinkBG{ background: #f7cae8; color: #df2559; -moz-border-radius: 8px;-webkit-border-radius: 8px;padding: 1px 5px; }
.redBG{ background: #dd3030; color: #fff; -moz-border-radius: 8px;-webkit-border-radius: 8px;padding: 1px 5px; }
.bgreenBG{ background: #e2fec8; color: #222; -moz-border-radius: 8px;-webkit-border-radius: 8px;padding: 1px 5px; }
.goldBG{ background: #ceb731; color: #222; -moz-border-radius: 8px;-webkit-border-radius: 8px;padding: 1px 5px;}
/*
.greenBG{ background: #a2cf77; color: #51861d;-moz-border-radius: 8px;-webkit-border-radius: 8px;padding: 1px 5px}
.yellowBG{ background: #eddf8e; color: #ad7534;-moz-border-radius: 8px;-webkit-border-radius: 8px;padding: 1px 5px}
.pinkBG{ background: #f7cae8; color: #df2559;-moz-border-radius: 8px;-webkit-border-radius: 8px;padding: 1px 5px }
.redBG{ background: #dd3030; color: #fff; -moz-border-radius: 8px;-webkit-border-radius: 8px;padding: 1px 5px}
.bgreenBG{ background: #e2fec8; color: #222;-moz-border-radius: 8px;-webkit-border-radius: 8px;padding: 1px 5px }
*/

/*spacers*/
.top10{display: block;margin-top: 10px;}
.top20{display: block;margin-top: 20px;}
.top30{display: block;margin-top: 30px;}
.top40{display: block;margin-top: 40px;}

/*colors*/
.black { color: #111!important; }
.grey { color: #666!important; }
.darkgrey { color: #777!important; }
.green {	color: green!important;}
.blue,a.blue{ color: #00588b!important;} 
.bold{font-weight: bold!important;}
.title {font-weight: bold;}
.contractSent {	background: url(https://live.yodle.com/assets/icon/contract_sent.gif) no-repeat top left;	padding: 0 5px 5px 20px;}

.normal {	color: #000;	border: 1px solid #ccc;	padding: 2px;	background: #e6e6e6;}
.focus {	color: #000;	border: 1px solid #ccc;	padding: 2px;	background: #f9e896;}
div.right {float:right}

.ft {text-align:right; } /* YUI SETTING */

fieldset.special {
	border-top: 1px solid #e3e3e3; 
	padding: 10px 10px 20px 10px;
	width: 500px;
	margin: 12px 0 5px 0;
	float: none;
}
legend {
	padding: 0 5px;
	color: #666;
	font-size: 1.2em;
	font-weight: bold;
}

legend a {text-decoration: none}

#actionbtn {
	text-align: right;
	background: #fff;
	margin: 0;
	width: 745px;
	height: 100px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}
option.child {	margin-left: 20px;}

div.shortRight, div.shortLeft {
	width: 310px;
	display: block;
	float: left;
}
#contentBody label,.ui-dialog-content label {
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
	color:#555;
}
#contentBody label.required {	color: #fc8d42;}
#contentBody label.required:before {	content: "*";}

#contentBody label.checkboxLabel{ display: inline; font-weight: normal; margin: 0 5px 2px 0; cursor: pointer;}
#contentBody label.checkboxLabel:hover{ background: #ffffcd;	border-bottom: 1px solid #fee678; }

#contentBody select, #contentBody textarea, #contentBody input[type=password], 
#contentBody input[type=integer], #contentBody input[type=text],.ui-dialog-content select{
	font-family: Arial, Helvetica, sans-serif!important;
	font-size: 12px;
	padding: 2px 2px 2px 2px;
	background: #fff url(https://live.yodle.com/assets/img/form_green.gif) top left repeat-x;
	/* background: #fff url(https://live.yodle.com/assets/img/field_bg.gif) center center repeat-x; */
	border: 1px solid #ddd;
	margin: 1px;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	color: #222;
}
#contentBody input[type=radio]{	margin: 1px 1px 0 1px;}
#contentBody input[type=checkbox]{	margin: 1px;}
#contentBody select,.ui-dialog-content select{background: #fff;padding: 2px 2px 3px 2px;}
#contentBody textarea,.ui-dialog-content textarea{ 	background: #fcfcfc; }
#contentBody input[type=password]:focus, #contentBody input[type=integer]:focus,  #contentBody textarea:focus,  #contentBody select:focus,
#contentBody input[type=text]:focus,.ui-dialog-content select:focus{ color:#222;	background: #ffffcd;	border: 1px solid #fee678; border-left: 1px solid #ebc755; border-top: 1px solid #ebc755;}
#contentBody textarea:focus {background: #ffffcd url(https://live.yodle.com/assets/icon/edit.gif) no-repeat top right; cursor: text;}

#contentBody input[type=submit]:hover,#contentBody input[type=button]:hover {color: #111;border: 1px solid #ccc;}
#contentBody input[type=file] {
	border: 1px solid #ccc;
	border-top: 0 solid #ccc;
	font-size: 12px;
}

#contentBody option,.ui-dialog-content option {	margin-right: 5px; padding: 0 5px; font-family:Arial!important;font-size: 11px;}
#contentBody select,.ui-dialog-content select {font-size: 11px;}
#contentBody option.ysa {font-size: 11px; color: #197b4e; font-weight: bold;}
#contentBody input.lowercase{text-transform: lowercase!important;}

/* Our Custom Multiselect Fields style sheet. */
.multiSelect {	height: 15px;	width: 200px; margin: 0 0 15px 0 }
.selectDisplay {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 3px 4px 1px 4px;
	border: 1px solid #ddd;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	background: #fff url(https://live.yodle.com/assets/img/dropdown_2.gif) center right no-repeat;
	cursor: default;
	color: #222;
	font-weight: none;
	clear: both;
}

.selectDisplay:focus {background: #ffffcd;}
.selectTitle{  }
.selectList {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #ffffcd;
	border: 1px solid #ccc;
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;
	z-index: 1000;
	width:400px;
	position: relative;
	cursor: default;
	display: none;
	color: #222;
    max-height: 800px;
    overflow: scroll;
}
.selectList table td{	padding: 2px;}
.selectList span {	padding: 1px 4px 1px 2px;	margin: 0;	display: block;}
.selectList span.selectAll {	border-bottom: 1px solid #e6e6e6;}
.selectList span.subSelectHead {	font-weight: bold;}
.selectList .subList span.item {	margin-left: 15px;	color: #999;}

/* what is this for ? */
a.info {	position: relative;	z-index: 24;	color: #fff;	text-decoration: none;	font-weight: bold;}
a.info:hover {	z-index: 25;}
a.info span {	display: none;	background: url(https://live.yodle.com/assets/img/dbLeadBcg.gif) repeat-x;}
a.info:hover span {	display: block;	position: absolute;	top: -45px;	left: -30px; width: 150px;	border: 1px solid #bbb;	color: #666;	text-align: center;	background: #fff; padding: 3px;}
a.ysa {color: #197b4e; font-weight: bold;}

/* This is the framework to change font sizes */
span.massiveSize {	font-size: 64px;	font-weight: normal;}
span.superSize {	font-size: 32px;	font-weight: normal;}
span.largeSize {	font-size: 24px;	font-weight: normal;}
span.verylargeSize {font-size: 30px;	font-weight: normal; line-height: 30px;}
span.mediumSize {	font-size: 14px;	font-weight: normal;}
span.smallSize {	font-size: 12px;	font-weight: normal;}
span.smallerSize {	font-size: 13px;	font-weight: normal;}
span.tinySize {	font-size: 12px;	font-weight: normal;}
span.intsySize {	font-size: 11px;	font-weight: normal; line-height: 9px;}
span.intsySize a{	cursor: pointer;	text-decoration: underline;}
span.statSize {	font-size: 15px;	font-weight: normal;	color: green;	padding-right: 2px; }
span.statSizeLarge {	font-size: 22px;	font-weight: normal; color: #555; line-height: 24px;}
span.statSizeBlue {	font-size: 15px;	font-weight: normal;	color: #4c7fbe;}
span.statSizeNegative {	font-size: 22px;	font-weight: normal;	color: #bb1708; line-height: 24px;}
span.statSizePositive {	font-size: 22px;	font-weight: normal;	color: green; line-height: 24px;}
span.statSizeZero {	font-size: 22px;	font-weight: normal;	color: #666; line-height: 24px;}
span.ysa{color: #197b4e; font-weight: bold; background: transparent url(https://live.yodle.com/assets/icon/user_outside.gif) no-repeat; padding: 0 0 0 14px}

/*Warning Messages and Alerts */
a.warning {	background: url(https://live.yodle.com/assets/icon/icon_alert.gif) no-repeat top left;	padding: 0 5px 5px 20px;}
span.alert {background: url(https://live.yodle.com/assets/icon/alert_small.gif) no-repeat 2px 1px;	padding: 0 4px 4px 12px;	font-size: 12px;	color: #d12f19;
display: inline}
span.alert_bw{margin-left: 5px;background: url(https://live.yodle.com/assets/icon/alert_small_bw.png) no-repeat 0px 3px;font-size: 16px;color: #aaa;padding:0px 4px 4px 12px;}
div.errors_list{padding: 0;margin: 0;}
div.errors_list div.close{float: right;color: #ba0f01;font-size: 10px;font-weight: normal;margin: -2px 6px 0 0;cursor: pointer;}
div.errors_list_content{background:#ffedeb;padding:5px 25px 5px 5px;font-size: 13px;color:;border: 1px solid #ba0f01;margin: -5px 0 0 0;}
div.errors_list_tip{background: transparent url(https://live.yodle.com/assets/img/error_list_tip.png) no-repeat 10px 0px;width:100%;height: 20px;position: relative;top: 0;}
div.errors_list ul li{background: transparent url(https://live.yodle.com/assets/icon/bullet-red-alt.png) left no-repeat;padding:0 0 0 20px;margin:0 0 3px 0;color: #ba0f01}

span.help {	font-size: 16px;	font-weight: normal;	color: #777;}
span.grey {	color: #666;}
span.notify {	font-size: 11px;	font-weight: normal;	color: #888;}
span.wait {	background: url(https://live.yodle.com/assets/icon/wait.gif) no-repeat bottom left;	padding: 0 0 0 12px;	color: #777;}
span.idea {	background: url(https://live.yodle.com/assets/icon/lightbulb.gif) no-repeat top left;	padding: 0 5px 5px 20px;	font-size: 12px;}
span.yes {	background: url(https://live.yodle.com/assets/icon/check.png) no-repeat top left;	padding: 0 4px 6px 12px;}
span.no {	background: url(https://live.yodle.com/assets/icon/cross.png) no-repeat top left;	padding: 0 5px 5px 20px;}
span.add {	background: url(https://live.yodle.com/assets/icon/add_item.gif) no-repeat top center;	padding: 0 4px 6px 12px; margin: 0 0px;}
span.delete {	background: url(https://live.yodle.com/assets/icon/delete_item.gif) no-repeat top center;	padding: 0 5px 5px 20px; margin: 0 0px;}
span.blank { padding: 0 4px 6px 12px;}
span.pause {	background: url(https://live.yodle.com/assets/icon/paused.gif) no-repeat top left;	padding: 0 4px 6px 12px;}
span.resume {	background: url(https://live.yodle.com/assets/icon/play.gif) no-repeat top left;	padding: 0 4px 6px 12px;}
span.noDisplay {	display: none;}
span.pushLeft {	padding: 5px;	margin-left: 10px;}
span.primary{background: url(https://live.yodle.com/assets/icon/icon_p.png) no-repeat top left;	padding: 0 4px 6px 20px;}

div.idea{color:#333; padding: 10px; background: #fff4b1; margin: 15px 0; border: 0px solid #f3c263; font-weight: bold;}
div.error {
	padding: 4px;
	margin: 5px 0 5px 0;
	background: #fdeeee;
	border: 0px solid #fbc2c4;
	color: #d12f19;
	font-size: 12px; font-weight: bold;
}

div.successAlert{
	padding: 4px;
	margin: 15px 0;
	background: #e7f1d7;
	border: 0px solid #b2d281;
	color: #556c31;
	font-size: 12px; font-weight: bold;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;
}

.published {
	border: 1px solid #ccc;
	font-size: 16px;
	padding: 5px;
	color: green;
	font-weight: bold;
}
.failed {
	border: 1px solid #ccc;
	font-size: 16px;
	padding: 5px;
	color: red;
	font-weight: bold;
}

ul.instruction {
	margin-left: 30px;
	font-size: 12px;
	margin-bottom: 10px;
	list-style-type: decimal;
}

span.download-issues {
	background: url(https://live.yodle.com/assets/icon/download-issues.gif) no-repeat top left;
	padding: 0 5px 5px 20px;
}
.commentNew{
	padding: 0 0 0 13px;
	margin: 0 5px 0 5px;
	background: transparent url(https://live.yodle.com/assets/icon/commentNew.gif) no-repeat top left;
	font-size: 11px; 
	color:#a279f3;
	}

#clientInfo a.client{ color: #ffb851; font-style: normal; cursor:pointer; font-size: 11px; }
#clientInfo a.client:hover{ color: #e1c091; }
#clientInfo a.internal{ color: #9ac2e7; font-style: normal; cursor:pointer; font-size: 11px; }
#clientInfo a.internal:hover{ color: #9ac2e7; }

a.link{ text-decoration: underline;}


/* Fake button  makers */
a.pseudoButton{ 
	background:  #f5f5f5;
	border: 1px solid #eee;
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	color: #565656;
	text-decoration: none;
	padding: 2px 6px;
	margin: 2px 2px 2px 0;
	font-size: 12px;
	color: #aaa;
	cursor: pointer; cursor: hand;	
	}

a.pseudoButton:hover{
	background:#fdf7f7;
	border: 1px solid #eee;
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	color: #444;
	}

a.pseudoButton:active{ 
	border: 1px solid #cfcdcd;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	color: #999;
	}

.reasoncode {
	padding: 5px;
	margin: -10px 0 15px;
	background: #fbe3e4;
	border: 1px solid #fbc2c4;
	color: #d12f19;
}

/* Adstation and top placement for buttons in the application */
.dateBox {	margin: 0;}
.dateBox input {	margin: 3px 0;}
div#campaignHolder {	text-align: ;	font-size: 11px;	margin-bottom: 7px;	float: right; color: #777;}
div#campaignHolderFull {	text-align: right;	width: 100%;	font-size: 11px;	margin-bottom: 10px;}
p#campaignControls {	text-align: left;	font-size: 12px;	margin-bottom: 10px;}

/* Login Information in application */
div#logininfo {
	background: transparent url(https://live.yodle.com/assets/img/loginDivB.gif) top center repeat-x;
	text-align: left;
	padding: 10px 0px 0px 0px;
	float: center;
	width: 400px; height: 430px;
	margin: auto;
	margin-top: 20px;
	color: #fff;
	font: none 11px arial;
	border: 0px solid #aaa;
}
div#logininfo div.loginLogo{
	background: url(https://live.yodle.com/assets/img/yodle-live-logo.png) no-repeat top center;
	height:45px;margin: 0 0 20px 0;
	border: 0px solid #fff;
	padding: 5px;
	text-align: center;
	}

div.loginForm{margin: 0px;}
div#logininfo div.loginForm input[type="password"],
div#logininfo div.loginForm input[type="text"] {
	width: 100%;
	font-size: 20px;
	font-family: arial;
	color: #777;
	margin: 3px 0 0px 0;
	padding:6px;
	background: #fff url(https://live.yodle.com/assets/img/form_blu.gif) center center repeat-x;
	border: 4px solid #53a0d2;	
	font-weight: bold ; cursor: text;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: inset 0px 2px 8px #888;
	-webkit-box-shadow: inset 2px 2px 6px #777;
	box-shadow: inset 2px 2px 6px #777;
}
div#logininfo div.loginForm input[type="text"]:focus,div#logininfo div.loginForm input[type="password"]:focus{border: 4px solid #2c8cd2;color: #222}
div#logininfo div.loginForm label{color: #eee; font-weight: bold; font-size: 13px;text-shadow: 1px 0px 1px #666;margin: 20px 0 0 4px;display: block;}
div#logininfo div.loginForm label.remember{margin: 3px 0 15px 3px;}

div#logininfo a {	padding: 0;	font-style: none;	color: #e0ecff; text-decoration: none}
div#logininfo a:hover {	padding: 0;	}

div#logininfo h1{ font-size: 20px;  color:#fff; line-height: 16px; font-weight: bold; margin: 20px 0 5px 4px}
div#logininfo h1.warning{ color: #ffd924;}
div#logininfo span{display: block;margin: 2px 0 10px 4px;font-size: 13px;font-weight:normal}
div#logininfo span.lighter{display: inline;font-weight:normal;color: #eee;text-align: right;font-size: 11px;float: right;margin: 0;}
div#logininfo div.loginForm img.alert{text-align: center;float: left;margin: 10px 20px 20px 0 }

div#logininfo a.pass { font-size: 12px;  color:#fff; font-style: normal; text-decoration: none; font-weight: bold; float:right; margin: 3px 0 0 0;text-align: right;}
div#logininfo a.link { font-size: 12px;  color:#f8a329; font-style: normal; text-decoration: none; font-weight: bold; }
div#logininfo div.email{background: #3d87c5;padding:6px 8px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;text-align: center;color: #fff;font-weight: bold;font-size: 15px;}
div#logininfo div.email a{color: #fff;text-decoration: none;}
div#logininfo div.email a.link{font-size: 15px;color: #f4c00c}

/* Error Messages */
div#loginerror{background: #ffe5e5!important; padding: 2px!important; border: 0px solid #ff6666!important; color: #fff; position:fixed!important; top: 0!important; width: 1900px!important; padding: 0; text-align: center;margin-left: -700px!important;opacity: 0.8;display: non}
div#loginerror span {margin: 0;}
div#loginerror p{ color: #c12222; font-size:14px!important;margin: 0;line-height: 18px!important;text-align: left;margin-left: 700px!important;background: #ffe5e5 url(https://live.yodle.com/assets/icon/alert_midsize.png) no-repeat left!important;padding: 5px 0 5px 60px!important; }

div.loginErrorMessages{
	padding: 4px 4px 2px 4px;
	position: relative;
	top: 0px; left:300px ;
	width: 350px;
	background: #333;
	float: right;
	text-align: left;
	background: -moz-linear-gradient(10% 90% 90deg, #222, #555);
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#222));
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	min-height: 50px;
    line-height: 20px;
}
div.loginErrorMessages span.error {
	color: #eee;
	font-size: 15px!important;
	background: url(https://live.yodle.com/assets/icon/login_warning.png) no-repeat 0px 5px;
	padding-left: 35px;
}
div.loginErrorMessages div.tip{
	background: transparent url(https://live.yodle.com/assets/img/loginErrorTip.png) no-repeat top left;
	width: 40px;
	height: 40px;
	position: absolute;	
	top: 40px;
	left: 0px;
	z-index: -1000;
}
div.loginErrorMessages span.error a{color: #ff8523!important;text-decoration: underline!important;font-weight: bold!important;}


/* Login Buttons */
div#logininfo input[type=submit]{margin: 10px 0;width: 72px;height: 23px;border: 0;cursor: pointer;}
div#logininfo input.login{background: url(https://live.yodle.com/assets/img/sprite_login.png) no-repeat 0px 0px;}
div#logininfo input.enter{background: url(https://live.yodle.com/assets/img/sprite_login.png) no-repeat 0px -26px;}
div#logininfo input.cancel{background: url(https://live.yodle.com/assets/img/sprite_login.png) no-repeat 0px -52px;}

/* for branded login page footer */
div.loginPageFooterLinks{
	width: 100%;
	border-top: 0px solid #59acfa;
	margin: 40px 0 10px 0;
	text-align: center;	
}
div.loginPageFooterLinks a{
	margin: 10px 20px;
	color: #307fbf;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 0px 1px 2px rgba(128,196,255,0.8);
	}
div.loginPageFooterLinks a:hover{text-decoration: underline;color: #27669a;}	
	
div.loginCopyright{
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0 10px 0;
	text-align: center;
	text-shadow: 0px 1px 2px #444;
}

div.loginPageFooter { 
	text-align: center; font-size: 11px; 
	height: 50px;
	padding: 16px 0px 10px 0px;font-weight: bold;
	margin: 0px auto;
	/* background: #1d72c3;
	width: 380px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	*/
	background-image: url(https://live.yodle.com/assets/img/login_social_bg.png);
	background-position: top center;
	background-repeat: no-repeat;
 }
div.loginPageFooter a.loginPageLink { text-decoration: none; color: #ccc; padding-left: 10px; padding-right: 10px; }





/* Default collapsed table with no borders */
table.default {	text-align: left;	border-collapse: collapse;}
table.default td {	vertical-align: top;	padding: 2px;}

/* 	Table Style  Data Grid datagrid is style reserved for client facing items gradients of Blue  */   
table.dataGrid {
	text-align: left;
	border-collapse: collapse;
	width: 100%;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	margin-top: 10px;
}

table.dataGrid th {
	background: #ddd;
	color: #555;
	padding: 5px;
	font-weight: bold;
	border-right: 0px solid #fff; 
	border-bottom: 1px solid #aaa;
}

table.dataGrid th.sorted:hover {	cursor: pointer;}
table.dataGrid th a {	color: #555;	text-decoration: none;	cursor: pointer!important;}
table.dataGrid th a:hover {	text-decoration: underline;}
table.dataGrid th img {margin-left: 2px;}

table.dataGrid td {padding: 6px 3px 3px 3px;vertical-align: middle; border-right: 0px solid #eee;color: #777;font-weight: ;}
table.dataGrid.with-vert-rule td {padding: 6px 10px 3px 10px;vertical-align: middle; border-right: 1px solid #ccc;color: #777;font-weight: ;}
table.dataGrid.topAlign td {	padding: 4px 5px;	vertical-align: top; border-right: 1px solid #eee;}
table.dataGrid td.red {	padding: 5px;	color: #000;	background: #f00;}
table.dataGrid td.green {	padding: 5px;	color: #fff;	background: #40d000;}
table.dataGrid td.pink {	padding: 5px;	color: #000;	background: #f9c;}
table.dataGrid td.blue {	padding: 5px;	color: #fff;	background: #0088e7;}
table.dataGrid td.yellow {	padding: 5px;	color: #000;	background: #ff9;}
table.dataGrid td.big {font-weight: bold; font-size: 12px;}
table.dataGrid tr.odd:hover,table.dataGrid tr.even:hover {background: #f4f9fd;}
table.dataGrid tr.internal {	background: #eee;}
table.dataGrid tr.internal td{	background: #eee; border-bottom: 1px solid #ddd;}

table.dataGrid tr.visited {	background: #d7e9ff;}
table.dataGrid tr.unvisited {	background: #fff; border-bottom: 1px solid #ddd;}
table.dataGrid tr.unvisited td { font-weight: bold;}
table.dataGrid tr {	background: #fff;}
table.dataGrid tr.even { 	border-bottom: 1px solid #eee;	background: #fff;}
table.dataGrid tr.odd { background: #fff; 	border-bottom: 1px solid #eee; }
table.dataGrid tr.primaryRow {	background: #E5FFED; }
table.dataGrid tr.deadRow {	color: #777;	background: #f7f7f7;}
table.dataGrid tr.deadRow td{ border-bottom: 1px solid #eee; color: #777;}
table.dataGrid tr.deadRow strong, table.dataGrid tr.deadRow a{ color:#777; text-decoration: none; font-weight: normal;}
table.dataGrid tr.disabled {	background: #eee;}
table.dataGrid tr.blank { 	border-bottom: 1px solid #ddd;	background: #fff;}
table.dataGrid td.blank {	padding: 5px;	text-align: center;	background: #fff; }
table.dataGrid tr.open { 	border-bottom: 1px solid #ddd;	background: #fff; font-size: 11px; color: #888;}
table.dataGrid tr.yellow {	padding: 5px;	color: #000;	background: #fffcd3;}
table.dataGrid tr.green {	padding: 5px;	color: #000;	background: #dbffd1;}
table.dataGrid tr.blue {	padding: 5px;	color: #000;	background: #e1f1ff;border-bottom: 1px solid #c2e3ff; border-top: 1px solid #c2e3ff;}

table.dataGrid td strong {font-weight: bold; color: #555;}
table.dataGrid td input { font: 100% Arial, Helvetica, sans-serif; padding: 0; }
table.dataGrid td img { padding: 0; margin: 0;}
table.dataGrid td a {color: #13599b; font-weight:bold; font-size: 12px; text-decoration: underline;}
table.dataGrid td a.button {color: #13599b; font-weight:bold; font-size: 12px; text-decoration: none;}
table.dataGrid td a:hover {text-decoration: underline; color: #000}
table.dataGrid td a.ysa {color: #197b4e  ; font-size: 11px; text-decoration: underline; padding: 0 0 0 14px;
background: transparent url(https://live.yodle.com/assets/icon/user_outside.gif) no-repeat; font-weight: normal;
 }
/* sub elemets of dataGrid */
table.dataGrid tr.h3 {	margin: 0 0 5px;	color: #777;	font: none 25px Arial;}
table.dataGrid td.yes {	padding: 5px;	text-align: center;	background: #e8ffe5;}
table.dataGrid tr.billingDate{	background: #a6ed86;}
table.dataGrid tr.changed {	background: #e6ffd4;}
table.dataGrid td ol{margin-bottom: 20px;}
table.dataGrid td ol li{list-style-type: none; margin: 0 0 0 -20px;padding: 0;}
table.dataGrid td.subitemId {color: #fff;}
table.dataGrid td.sublineDescription {font-style: italic;}
table.dataGrid td.sublineAmount {font-style: italic;}

table.SiteTemplateManager {font-size: 13px!important;}

/* 	Table Style  Report Grid -reportgrid is style reserved for internal facing items gradients of Grey  */

table.reportGrid {
	text-align: left;
	border-collapse: collapse;
	width: 100%;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	margin-top: 10px;
}

table.reportGrid th {
	background: #ddd;
	color: #555;
	padding: 5px;
	font-weight: bold;
	border-right: 0px solid #fff; 
	cursor: pointer!important;
	border-bottom: 1px solid #aaa;
	}
	
table.reportGrid th.sublevel {
	background: #999;
	color: #efefef;
	text-align: left;
	text-decoration: none;
	font-size: 11px;
	border-top: 0px solid #999;
	border-bottom: 1px solid #999;
	font-weight:bold;
	padding: 5px;
	nowrap: true;
	white-space: nowrap;
	}	
	
table.reportGrid th.sorted:hover {	cursor: pointer;}
table.reportGrid th a {	color: #555;	text-decoration: none;	cursor: pointer!important;}
table.reportGrid th a:hover {	text-decoration: underline;}
table.reportGrid th img {margin-left: 2px;}

table.reportGrid tr td{  padding: 6px 3px 3px 3px;vertical-align: middle; border-right: 0px solid #eee;color: #777;font-weight: ;font-size: 12px;}
table.reportGrid td a {color: #13599b; font-weight:bold; font-size: 12px; text-decoration: underline;}
table.reportGrid td a:hover {text-decoration: underline; color: #000}

table.reportGrid th.headingEmpty {	background: #fff;}
table.reportGrid th.spacer {	background: #fff;}

table.reportGrid th.heading1 {	background: #4d84c4;	text-decoration: none;	font-size: 13px;}
table.reportGrid th.heading2 {	background: #c6be94;	text-decoration: none;	font-size: 13px;}
table.reportGrid th.heading3 {	background: #c6be94;	text-decoration: none;	font-size: 13px;}
table.reportGrid th.heading4 {	background: #469202;	text-decoration: none;	font-size: 13px;}
table.reportGrid th.heading5 {	background: #8a006b;	text-decoration: none;	font-size: 13px;}
table.reportGrid th.heading6 {	background: #000;	text-decoration: none;	font-size: 13px;}

/* individual Tr styling guidelines */
table.reportGrid tr.selected,table.reportGrid tr.selected td {background:#fef9e9; border-bottom: 1px solid #f3e8c2; font-weight: bold;}
table.reportGrid tr.grey td{ color: #aaa;}
table.reportGrid tr.totals {	color: #000;	font-weight: bold;	background: #fff;}
table.reportGrid tr.subtotals {	color: #000;	font-weight: none;	font-style: italic;	background: #fff;}
table.reportGrid tr.empty {	padding: 5px;	background: #fff;}
table.reportGrid tr.even { 	border-bottom: 1px solid #eee;	background: #fff;}
table.reportGrid tr.odd { background: #fff; 	border-bottom: 1px solid #eee; }

table.reportGrid tr.odd:hover,table.reportGrid tr.even:hover {background: #f4f9fd;}{	background: #ffffd7;}
table.reportGrid tr.h3 {	margin: 0 0 5px;	color: #777;	font: none 25px Arial;}
table.reportGrid tr.alert {	color: #e00000;	font-weight: bold;}

table.reportGrid td.empty {	background: #fff;}
table.reportGrid td.risk {	color: #fff;	background: #e00000;}
table.reportGrid td.risk0 {	color: #fff;	background: #40e200;}
table.reportGrid td.risk1 {	color: #fff;	background: #ffb400;}
table.reportGrid td.risk2 {	color: #fff;	background: #e00000;}
table.reportGrid td.status {	color: #f00;}
table.reportGrid td.reasoncode {	padding: 0px 10px;	color: #376994;	font-weight: bold;}
table.reportGrid tr.unvisited td {	padding: 0;	background: #fff; border: none;}


/* 	Table Style Open Grid datagrid is style reserved for client facing items gradients of Blue  */   
table.openGrid {
	color: #777;
	text-align: left;
	border-collapse: collapse;
	width: 100%;
	font: 0.94em Arial, Helvetica, sans-serif;
	border-left: 0px solid #ddd;
	border-right: 0px solid #ddd;
	margin-top: -5px;
	border-bottom: 1px solid #ddd;
}

table.openGrid th {
	background: #fff;
	color: #fff;
	padding: 0px;
	border: none;
}

table.openGrid tr {	border-bottom: 1px solid #eee; margin: 0; }
table.openGrid td {	padding: 2px 5px;	vertical-align: middle; }
table.openGrid td strong {margin-left: 5px;}




/* Campaign Wizard & Ad Copy Editors */
span#editorMenu {	font-size: 11px;	font-weight: normal;	margin-left: 10px;}
span#editorMenu a {	color: #fff;}
span#editorMenu a:hover {	color: orange;}
fieldset.setupDetails {	margin: 20px;}
fieldset.setupDetails p {	margin-top: 15px;}
fieldset.setupDetails input.smallInput {	width: 70px;}
fieldset.setupDetails input {	margin-left: 5px;	font-size: 14px;	padding: 2px;}
fieldset.setupDetails select {	padding: 2px;	width: 200px;}

fieldset.topPositionAd{
	background: #fff9dd;
	padding: 10px;
	width:95%;
	border:none;
}

fieldset.topPositionAd legend { font-size: 12px; font-weight: bold; }
fieldset.topPositionAd .title{ font-size: 16px; display: block; margin: 0 0 2px 0;}
fieldset.topPositionAd .displayUrl{ color:#008000}

dd {	margin: -2px;	padding: 0;}

.adLocations{ font-size: 9px; color: #999;}
span.adType {	display: block;	margin-top: -10px;	color: #777;	font-size: 11px; font-family:arial;}



table#editorTable {
	border: 1px solid #ccc;
	border-collapse: collapse;
}
table#editorTable th {
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #bbb;
	font-size: 11px;
	font-weight: normal;
	background: #d1e9ff;
}
table#editorTable td.adList {
	width: 320px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #f5f5f5;
}
table#editorTable #editor {
	font-size: 11px;
	color: #777;
	margin: 0;
}
table#editorTable #editPane {
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

div.module {background:#ebf5fb;	padding: 10px 10px 10px 10px;	border: 1px dashed #ccc;	margin: 10px 0 20px 0;}
div.module2 {
	padding: 7px;
	border: 1px solid #ccc;
	margin: 0;
	margin-left: 0;
	align: auto;
	background: #fff;
}
div.module2 h3 {
	margin: 0 0 10px;
	color: #fff;
	padding: 2px;
	font-size: 16px;
	font-weight: bold;
	background: #777 url(https://live.yodle.com/assets/img/gradient_light.gif);
}


div.wrapPort {	width: 875px;}
div.statsModule {
	background: #f6faff;
	display: block;
	float: left;
	height: 345px;
	width: 420px;
	margin: 0 0 5px 5px;
	text-align: center;
	border: 1px dotted #d7e9ff;
}
div.statsModule h4 {
	margin: 0;
	padding: 5px;
	text-align: left;
	float: left;
}
div.module h2 {
	margin: 0 10px 30px 0;
}

div.module .checks input {
	margin-left: 100px;
	margin-right: 10px;
	float: left;
}
div.module .checks label {
	text-align: left;
	margin-bottom: -15px;
}
.modEditor {
	width: 300px;
}
#targetLoc {
	position: relative;
	z-index: 1;
	width: 400px;
	visibility: hidden;
	padding: 10px 0 10px 10px;
	margin: 0 0 30px 150px;
	float: center;
}
#targetLoc2 {
	position: relative;
	z-index: 1;
	width: 400px;
	visibility: hidden;
	padding: 10px 0 10px 10px;
	margin: -375px 0 30px 150px;
	float: center;
}
#leftcontent {	float: left;	margin-right: 15px;}
#rightcontent {	margin-left: 15px;}

div.overviewMini, div.overview {
	padding: 10px;
	font-size: 11px;
	background: #fff url(https://live.yodle.com/assets/img/candy-bar.gif) repeat-x bottom;
	border: 1px solid #f1f1f1;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 5px;
	text-align: center;
}
div.overviewMini {
	padding: 5px;
	font-weight: normal;
	padding-right: 10px;
	text-align: left;
}
div.overviewMiniul {
	display: inline;
	float: right;
	margin-top: -20px;
}
div.overviewMinili {
	display: inline;
	padding: 0 2px;
}
div.overview a {
	color: #ccc;
}
div.overview a:hover {
	color: orange;
}
ul.statsPort {
	display: inline;
	float: left;
}
ul.statsPort li {
	display: inline;
	padding: 5px;
}
/* No idea  what these are for*/
#newDrop {
	display: none;
	padding: 10px;
	border: 1px dashed #ccc;
	margin: 5px;
	width: 320px;
}
#newDrop p {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	color: #4F81BD;
}

#infobox p {
	color: #ff4c1c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	margin: 0 0 0;
	font: normal 16px/1.5em Arial;
}
.tempdetails a.expand {
	display: block;
	width: 25px;
	height: 25px;
	float: right;
	background: url(https://live.yodle.com/assets/img/expandIcon.gif) no-repeat;
}
.tempdetails a.expand:hover {
	background: url(https://live.yodle.com/assets/img/expandIconOn.gif);
}

/* Some heading for a page */
.heading {
	font-size: 11px;
	background:#fff!important;
	color:#333;
	padding: 5px 5px;
	margin: 5px 0;
	margin-bottom: 15px;
	line-height: 22px;
	text-align: center;
	border: 0;
}
.heading span.statSize{font-size: 20px;font-weight: bold;line-height: 36px}
.heading button {margin-top: 5px;}

/* Filter Items used on the internal Reports */
.filter-logo
{
	display: block;
	float: left;
	margin: 0 10px 0 0;
	background-repeat: no-repeat;
	padding: 10px;
	background-color: #f2f2f2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.filter-logo.local { 
	width: 70px; 
	height:35px; 
	background-image: url(https://live.yodle.com/assets/img/yodle-local-online-advertising-blue.png);
	background-position: 11px 10px;
}
.filter-logo.organic { 
	width: 129px; 
	height:35px; 
	background-image: url(https://live.yodle.com/assets/img/yodle-organic-logo-small.png);
	background-position: 11px 10px;
}

#filter, .filter {
	font-size: 11px;
	color: #777;
	margin: 5px 0;
	padding: 3px 0;
	margin-bottom: 10px;
}
#filter label {	padding: 0;	margin: 0;}
div.filter-item {	float: left;	padding: 2px 3px; }
div.filter-item-special {	float: left;	padding: 2px 6px; background: #f4f4f4; margin-right: 10px; border: 1px solid #ddd}
div.filter-item a{line-height: 2em; }

div.specialfilter {
	background: #fff9d7;
	padding: 5px;
	margin: 0px 0 10px 0px;
}

span.pagebanner {
	letter-spacing: -0.5px;
	color: #4d84c4;
	font: normal 18px/1.4em Arial;
}

#adversite_wizstage ul {
	list-style-type: none;
}
#adversite_wizstage li {
	float: left;
	text-align: center;
	text-transform: none;
	height: 30px;
	width: 150px;
	text-decoration: none;
	background: #eaeaea url(https://live.yodle.com/assets/img/webwizoff.gif) no-repeat;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#adversite_wizstage li a {
	font-size: 13px;
	display: block;
	text-decoration: none;
	color: #444;
	padding-top: 7px;
	margin-top: 0;
	font-weight: bold;
}
#adversite_wizstage li a:hover {
	color: #4988be;
}
#adversite_wizstage .active {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: url(https://live.yodle.com/assets/img/webwizOn.gif) no-repeat;
}
.imptype {
	width: 250px;
	height: 28px;
	text-align: left;
	font-size: 12px;
	color: #555;
	padding: 7px 0 0 23px;
	margin: 15px 0 0;
	background: url(https://live.yodle.com/assets/img/imptypeBcg.gif) no-repeat;
}

.imptype .red{ color: #0c9d54 }
.red {	color: #7b0000;}
.atdirections {
	border: 1px dashed #ddd;
	background: #f9f9f9;
	padding: 10px;
	width: 300px;
	height: 100%;
	color: #888;	
}.atdirections h3 {	color: #888;}
.atdirections:hover {	color: #555;	}
.dynamicItem {	width: 155px;	float: left;	margin: 3px 0;}

/* Draggable Items get this Associated Style */
.draggable {	width: 350px;	margin: 2px 0;	padding: 0 2px 0 15px;	cursor: move;}
.draggable:hover {	color: #777;	padding: 0 2px 0 15px;	background: #fffbdc url(https://live.yodle.com/assets/icon/drag_handle.gif) no-repeat top left;	cursor: move;}
.draggable a {	cursor: hand;}

/* Pagiantion Styles */
span.pagelinks {
	color: #888;
	padding: 4px 2px 4px 7px;
	display: block;
}

span.pagelinks a, .pagelinks p a:visited, .pagelinks p a:hover, .pagelinks p a:active {
	text-decoration: none;
	background: #fff;
	padding: 1px 5px;
	border: 1px solid #e3e3e3;
}
span.pagelinks a:hover {
	background: #f3f3f3;
	color: #5d5d5d;
}

/* Delete these once YUI IS used in full */
.highslide-html {
	color: #666;
	cursor: pointer;
	font-size: 12px;
	text-align: left;
	height: 100%;
	background: #fff;
}
.highslide-html p {
	font-size: 12px;
	padding: 0;
}
.highslide-html-content {
	position: absolute;
	display: none;
}
.highslide-loading {
	display: block;
	color: black;
	text-decoration: none;
	padding: 2px;
	border: 1px solid black;
	background: white;
	font: bold 8pt sans-serif;
}
.highslide-display-block {
	display: block;
}
.highslide-display-none {
	display: none;
}
.control {
	float: right;
	display: block;
	margin: 0 5px;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #bbb;
	cursor: pointer;
}
.control:hover {
	color: #fff!important;
}
.highslide-move {
	cursor: move;
}
/* end of highslide delete the above when YUI IS implemented */


/* Notes internal information & Communication */
.notes {
	margin: 10px 0 5px 0; 
	float: left; width: 750px; 
	padding: 0px 5px; 
	line-height: 12px; 
	background: #fff9d7 url(https://live.yodle.com/assets/img/notestrbg.gif) no-repeat top right !important;
}
.notessf {
	margin: 10px 0 5px 0; 
	float: left; width: 750px; 
	padding: 0px 5px; 
	line-height: 12px; 
	background: #f4f4f4 url(https://live.yodle.com/assets/img/notesbg_sf.gif) no-repeat top right !important;
}
/* Actual Notes text */
.notes p, .notessf p{	
	font-size: 11px;
	color: #222;
	display: block;
	margin: 5px 0 0px 0px;
	font-weight: ;
	line-height: 14px;		
	border: 0px solid #ddd;
}
/* Date Div/Time text */ .notes .date,  .notessf .date {font-size: 13px; padding: 5px 5px 0px 0; border-bottom: 0px dashed #f6ebaf;  }
/* Month/Day */ .notes .date h4,  .notessf .date h4 {font-size: 13px; color: #9c8a27; font-weight: bold;display: inline;}
/* User Only */ 
.notes .date p,  .notessf .date p {
	color: #444;	
	margin: -20px 0 0 110px; 
	font-weight: bold; 
	border: 0;
	padding: 5px 0 0 20px;
	float:  ;
	background:  url(https://live.yodle.com/assets/icon/user_comment.png) no-repeat 0px 4px;
	font-size: 12px;
	border-top: 0px solid #ddd;
	}

div.console { background: #eeeeee; border: 1px solid #ccc; color: #999; padding: 10px; margin-top: 5px; }
div.tooltip{border:2px solid #ccc; width: 800px; position: absolute; z-index: 100; background: #fff}
div.tooltip h3{ font-size: 12px; font-weight: bold; padding: 2px 10px; margin: 0; color: #000; background: #ccc;}
div.tooltip p{ font-size: 11px; padding: 5px 10px; margin: 0; color: #444; }

/*interesting Notes note blurbs that help users understand data*/
div.helpNote .hd, div.helpNote .bd{ background: #fff url(https://live.yodle.com/assets/img/shadowBox.png) no-repeat bottom right;  		margin: 0;		padding: 0 4px 4px 0;		}
div.helpNote p{ color: #999; font-size: 11px; text-align: justify; }		
div.helpNote .hd{	background: #fff url(https://live.yodle.com/assets/img/shadowBox.png) no-repeat top right; padding: 0 4px 0 0; }
div.helpNote .hd p{ color: #576e99; border: 3px solid #c8e0e4; border-bottom:none; margin: 0; padding: 5px 5px 0 5px;}
div.helpNote .bd p{ border: 3px solid #c8e0e4; border-top:none; margin: 0; padding: 0 5px 5px 5px; font-size: 10px;}
div.helpNote .bd strong{ font-size: 11px; font-weight: bold;}
div.helpNote .ft{ background: transparent url(https://live.yodle.com/assets/img/note_bottom.gif) no-repeat top right; height:16px; margin-top: -7px; display: block;  }

div#alerts{	opacity:.75;	filter: alpha(opacity=75);	-moz-opacity: 0.75;	}
	
	
#rightPanel
		{
			float:right;
			width: 260px;
			padding:10px;
			padding-right: 12px;
			display: block;
			margin-right: -5px;			
		}	
	
.infoWindow {
	background: #eef5fd;
	color: #5e8fcb;
	border: 1px solid #9dc9ff;
	float: right;
	padding: 5px 8px 5px 3px;
	width: 200px; 
	clear: both;
	}
	
.infoWindow p {
	margin: 2px 0 6px 20px;
	padding: 0;
	font-size: 100%;
	line-height: 15px;
}	

.infoWindow h4 {
	font-size: 120%; letter-spacing: -0.03em; 
	font-weight: bold;
	color: #5e8fcb;
	padding: 0 0 2px 18px; 
	margin: 0;
	background: url(https://live.yodle.com/assets/icon/help.gif) no-repeat;
}

/* Default overrides placed here */
table tr.warning {	color: #d12f19;	background: #fbe3e4;	}
table tr.warning td { border-bottom: 1px solid #fbe3e4; background: #fbe3e4; }
table tr.warning:hover td { color: #353535; background:#ffffcc; border-bottom: 1px solid #efefbb;  }

/* contain items in a 700px box for internal display */
#containmentField {  width: 700px;  }
#containmentField div.left{ 	float: left; width: 350px; margin: 10px 0 0 0; }
#containmentField div.right{ float: left; width: 340px;margin: 10px 0 0 10px;}

/* Specific Table for Connection Metrics & Dashboard*/
table.minimalStyle{	color: #333;	text-align: left;	border-collapse: collapse;	font: 12px Arial, Helvetica, sans-serif;	width: 100%;}
table.minimalStyle th{	border-bottom: 1px dotted #ccc; padding: 2px 0; color: #474747; font-size:16px; font-weight: bold; }
table.minimalStyle td{ border-bottom: 1px solid #f1f1f1; padding: 2px 0;}
table.minimalStyle td a{text-decoration: none; background: transparent url(https://live.yodle.com/assets/icon/external_link.gif) right no-repeat; padding: 0 12px 0 0; } 

div.fancyBoxGreen { background:#ebffec;	padding: 10px 10px 10px 10px;	border: 1px solid #6eff75;	margin: 10px 0 20px 0;	}
div.fancyBox { background:#fcfcfc;	padding: 10px 10px 10px 10px;	border: 1px solid #eee;	border-bottom: 1px solid #aaa;	margin: 10px 0 20px 0;	}
div.fancyBoxBlue { background:#ebf5fb;padding:5px;border: 0px dashed #ccc;margin: 10px 0 20px 0;-moz-border-radius: 6px;-webkit-border-radius: 6px;	}
div.announcement {width: 800px; text-align: center; margin: -10px auto 20px auto; font-weight: bold; font-size: 11px; padding: 2px; background: #fdf1f1;}
div.bordered {border: 1px solid #ccc;}


/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
	font-weight:bold;
    text-decoration:none;
    font-size: 11px;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top: -102px; left: -30px;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 10px 8px 0;
    background: url(https://live.yodle.com/assets/img/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(https://live.yodle.com/assets/img/bubble_filler.gif) repeat bottom; 
	font-size: 11px;
	text-align: left;
	color: #555;
	line-height: 13px;
}
a.tt:hover span.bottom{
	display: block;
	padding: 20px 8px 10px;
	color: #666;
    background: url(https://live.yodle.com/assets/img/bubble.gif) no-repeat bottom;
}

/*--- listner for ad copy --- */
div.tagcopy {background: #fff; margin: 0px 0 0 0; padding: 4px; width: 300px; text-align: center; font-size: 120%}
div.addTerms {width: 800px;}
div.defaultName {padding: 30px; background: #fafafa}
div.defaultName img {text-align: center;}


ul.configure {
		list-style: disc; 
		font-weight: bold;
		margin: 0 0 10px 20px;
	}
ul.configure li {
		padding-bottom: 3px;
		margin: 0;
		border-bottom: 0px solid #ddd;
		line-height: 18px;
	}
.atcontrols {font-size: 11px; font-weight: bold; width: 290px; line-height: 12px;}
.atcontrols h2 {font-size: 14px; color: #4c7fbe; margin: 0 0 5px 0;}

/* Specific Span and AHref Styling for AdCampaigns and Taxoonomy*/
a.geo {
	color: #1F4B76;
	text-decoration: underline;
	background: transparent url(https://live.yodle.com/assets/icon/map.png) no-repeat;
	padding: 0 0 2px 22px;
}
span.geo { background: transparent url(https://live.yodle.com/assets/icon/map.png) no-repeat;padding: 0 0 2px 20px; line-height: 20px; }

a.sc {
	color: #1F4B76;
	text-decoration: underline;
	background: transparent url(https://live.yodle.com/assets/icon/icon_servcat.png) no-repeat;
	padding: 0 0 2px 20px;
}
span.sc { background: transparent url(https://live.yodle.com/assets/icon/icon_servcat.png) no-repeat;padding: 0 0 2px 19px; }
span.sc.sales {margin: 4px 0 4px 20px;}

a.sg {
	color: #1F4B76;
	text-decoration: underline;
	background: transparent url(https://live.yodle.com/assets/icon/icon_servgroup.png) no-repeat;
	padding: 0 0 2px 22px;
}
span.sg { background: transparent url(https://live.yodle.com/assets/icon/icon_servgroup.png) no-repeat;padding: 0 0 2px 20px; font-weight: bold; }

div.keywords{ margin: 7px 0 10px 20px; font-size: 11px; color: #666; width: 700px; border: 1px dashed #aaa; padding: 2px;}
span.loader {background: transparent url(https://live.yodle.com/assets/img/loadingtrans.gif) no-repeat center left; font-size: 12px; color: #867f18; padding-left: 19px}

/* Ad Campaigns/AdStation Styles REMOVE AFTER TESTING */

/* Campaign Wizard Styles below */
#dynamicSearch button{ margin: 0 0 2px 0; }
.searchBox{
	width:475px;
	font-size: 12px; 
	padding: 10px;
	color : #6a6a6a; 
	border: 1px solid #ccc;
	border-bottom: 1px solid #7e7e7e;
	border-right: 1px solid #7e7e7e;
}

.searchBox i{ color:#aaa;}
#campaign_wizstage ul {	list-style-type: none; margin: 10px 0;}
#campaign_wizstage li {
	float: left;
	text-align: center;
	text-transform: none;
	font-size: 12px;
	display: block;
	height: 30px;
	width: 150px;
	text-decoration: none;
	color: #ccc;
	padding-top: 24px;
	margin-top: 0;
	background: url(https://live.yodle.com/assets/img/campwizOff.gif);
	background-repeat: repeat-x;
	margin-bottom: 15px;
}
#campaign_wizstage li a {
	font-size: 12px;
	display: block;
	height: 30px;
	width: 150px;
	text-decoration: none;
	color: #666;
	margin-top: 0;
}
#campaign_wizstage .active {
	color: #353535;
	font-weight: bold;
	text-decoration: none;
	background: url(https://live.yodle.com/assets/img/campwizOn.gif);
	background-repeat: repeat-x;
}

#campaign_wizstage_extra ul {	list-style-type: none; margin: 10px 0 10px 147px;}
#campaign_wizstage_extra li {
	float: left;
	text-align: center;
	text-transform: none;
	font-size: 12px;
	display: block;
	height: 30px;
	width: 150px;
	text-decoration: none;
	color: #ccc;
	padding-top: 24px;
	margin-top: 3px;
	background: url(https://live.yodle.com/assets/img/campwizOffExtra.gif);
	background-repeat: repeat-x;
}
#campaign_wizstage_extra li a {
	font-size: 12px;
	display: block;
	height: 30px;
	width: 150px;
	text-decoration: none;
	color: #666;
	margin-top: 3px;
}
#campaign_wizstage_extra .active {
	color: #353535;
	font-weight: bold;
	text-decoration: none;
	background: url(https://live.yodle.com/assets/img/campwizOnExtra.gif);
	background-repeat: repeat-x;
}

#keyword_list ul {
	list-style: none;
	list-style-image: url(https://live.yodle.com/assets/icon/bullet_orange.gif);
	margin: 0;
	padding: 3px;
	border: none;
}
#keyword_list ul li {
	margin: 0;
	padding: 0;
}
.adcopyylist {		
		float: left;
		border: 1px dashed #bbb;
		padding: 0px 20px;
		min-height: 720px;
		width: 350px;
		margin-bottom: 20px;
	}

.center {
	width: 80px;
	float: left;
	padding: 10px;
}

.center img {text-align:center; margin: 280px 0 0 0;}

.selectioBox {
	float: left;
	border: 1px solid #ccc;
	padding: 0 20px;
	min-height: 720px;
	width: 350px;
	background: #f1f7fc;
}


ul.draglist { 
	position: relative;
	width: ; height: 460px;
	background: inherit;
	list-style: none;
	margin: 20px 0 0 0;
}

ul.draglist li {
	cursor: move; 
}

.removeAd {
	position: relative;
	top: 12px;
	right: 5px;
}
/* New Ad Copy Editor Stlying */
div.p_box_template {font-size: 13px;line-height: 16px;background: #fff;border: 1px solid #ccc;width: 250px;padding: 7px;margin:15px 5px 0 5px;}
div.p_box_template.sponsored{background: #FDF6E5;padding: 5px;border: 0;margin-top: 0;}
div.p_box_template.sponsored span.sample{font-size: 11px;float: right;color: #999;display:;font-weight: normal;}
div.p_box_template.sponsored table.slk td a{color: #0000CC;text-decoration: none;}

div.p_box_template img.adcopy_rightcontrol {float: right;margin: -3px -4px 0 0}
div.adcopy_controls {background: #fff;border: 1px solid #ccc;width: 250px;padding: 5px 7px 4px 7px;margin:-2px 5px 0 5px;}
div.adcopy_controls a {cursor: pointer;padding: 0 2px;}
div.adcopyNotes {background: #fff9d7 url(https://live.yodle.com/assets/img/notestrbg.gif) no-repeat top right !important;width: 250px;padding: 7px;margin:5px 5px 0 5px;border: 1px solid #ccc;font-weight: normal;font-size: 11px;color: #444;margin-top: -3px;border-top: 0; }
span.adtemplate_name {font-size: 13px; color: #444;line-height: 20px; width: 100px;}
span.pview_headline {color: #0000CC; text-decoration: underline; font-size: 16px;line-height: 24px;}
span.pview_line1, span.pview_line2 {color: #111; }
span.pview_url {color: green}

/* AD Copy Styling (Outlets and Global) */
div.msn, div.yahoo, div.superpages, div.natpal, div.google, div.ads {
	margin: 5px;
	padding: 10px;
	font-size: 13px;color: #111;
	line-height: 17px;
	width: 320px;
	text-align: left;
	border: 1px solid #e9e9e9;
	border-right: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	background: #fff;
}
div.natpal.ads:hover, div.yahoo.ads:hover, div.msn.ads:hover, div.google.ads:hover, div.superpages.ads:hover, #natpal.ads:hover, #yahoo.ads:hover, #msn.ads:hover, #google.ads:hover, #superpages.ads:hover {
	border: 2px solid #5a88c4;
	padding: 9px;
	cursor: pointer;
}

.title {color: #0000CC; text-decoration: underline !important; font-size: 15px;line-height: 21px;}
.displayUrl {color: green;}

div.msnSelected, div.yahooSelected, div.superpagesSelected, div.natpalSelected, div.googleSelected {
	margin: 5px;
	padding: 10px;
	font-size: 12px;
	width: 320px;
	text-align: left;
	border: 1px solid #e9e9e9;
	border-right: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	background: #D1E9FF;
}
div.natpalSelected, div.natpal, div#natpal {	background: #fff url(https://live.yodle.com/assets/img/outlets/natpal.gif) top right no-repeat;	color: #111;	border: 1px solid #abdfe9;}
div#natpal span.title {	color: #0000CC;}
div#natpal span.displayUrl {	color: green;}

div.superpageSelected, div.superpages, #superpages {	background: #fff url(https://live.yodle.com/assets/img/outlets/superpages.gif) top right no-repeat;}
#superpages .title {	text-decoration: none;	font-weight: bold;	color: #222;}
#superpages {	font-size: 11px;	line-height: 1.6em;}
#superpages .displayUrl {	margin-top: 10px;	color: #1e5192;	text-decoration: underline;	font-size: 11px;}

div.msnSelected, div.msn, #msn {	background: #fff url(https://live.yodle.com/assets/img/outlets/bing-yahoo-sm.gif) top right no-repeat;}

div.googleSelected, div.google, #google {	background: #fff url(https://live.yodle.com/assets/img/outlets/google.gif) top right no-repeat;}
div.yahooSelected, div.yahoo, #yahoo {	background: #fff url(https://live.yodle.com/assets/img/outlets/yahoo.gif) top right no-repeat;}

/* Edit in Place Styling */
p.editable {
	margin: 1px 0 0px 0; 
	padding: 0 0 0 14px; 
	width: 600px;
	background: #fafafa url(https://live.yodle.com/assets/icon/edit.gif) center left no-repeat;	
	}

textarea.editable {margin: 1px 0 0px 0; width: 600px; height: 70px}
span.chartext {font-size: 11px;}

#contentBody input.charcount {
	border: none; background: #fff; font-size: 11px; color: green;
	padding: 0px; text-align: right;
	margin-bottom: 10px;
}

/* View Profile Styling */
div.infoWindow ul {margin: 10px 0;}
div.infoWindow ul li {
	margin: 5px 0 4px 20px;
	background: transparent url(https://live.yodle.com/assets/icon/rolodex_small) center left no-repeat;
}
div.infoWindow ul li.yodlelocal {background: transparent url(https://live.yodle.com/assets/icon/favicon_yodlelocal.gif) center left no-repeat;}
div.infoWindow ul li.yahoolocal {background: transparent url(https://live.yodle.com/assets/icon/favicon_yahoo.gif) center left no-repeat;}
div.infoWindow ul li.googlelocal {background: transparent url(https://live.yodle.com/assets/icon/favicon_google.gif) center left no-repeat;}
div.infoWindow ul li a{
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	padding-left: 20px;
	color: #444;
}
div.infoWindow ul li a:hover{text-decoration: underline}


/* Extra Account Trackign Styling */
div.loader {float: right;margin: 20px -20px 0 0}

ul.imstest_branch {margin: 0;padding: 0;}
ul.imstest_branch2 {margin: 10px 0 10px 10px;}	
ul.imstest_branch3 {margin: 0px 0 15px 10px;}
ul.imstest_branch4 {margin: 0px 0 15px 10px;}
ul.imstest_branch li {}

ul.imstest_branch li.pass {
	background:url(https://live.yodle.com/assets/icon/check_small.gif) 0px 3px no-repeat; text-decoration: none; 
	padding: 0 0 0 18px; font-weight: normal;
}
ul.imstest_branch li.fail {
	background:url(https://live.yodle.com/assets/icon/x_small.gif) 0px 3px no-repeat; text-decoration: none; 
	padding: 0 0 0 18px;
	color: #444; font-weight: normal;
}
ul.imstest_branch li.title {
	font-size: 17px;
	color: #444;
	padding-left: 20px;
	font-weight: normal;text-decoration: none;
	margin: 10px 0 10px 0px;
	border-bottom: 0px dashed #aaa;
	background: url(https://live.yodle.com/assets/img/arrow_right.gif) top left no-repeat;
}
ul.imstest_branch li.incomplete {
	opacity: 1.7;
}

ul.imstest_branch2 li {
	font-weight: bold;	
	font-size: 15px;	
}
ul.imstest_branch3 li {
	font-weight: bold;	
	font-size: 13px;	
}
ul.imstest_branch4 li {
	font-weight: bold;	
	font-size: 11px;	
}

/* Tooltip CSS - Michael Leigeber */
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer;}
.hotspot.dupalert {background: url(https://live.yodle.com/assets/icon/alert_small.gif) no-repeat 0px 2px;padding-left: 13px;  }
#tt {position:absolute; display:block; background: #fff4b1;-moz-border-radius: 6px;-webkit-border-radius: 6px;border: 0px solid #bbb;padding: 10px;-moz-box-shadow: 0px 3px 7px  #aaa;-webkit-box-shadow: 0px 3px 7px #aaa;color: #000;}
#tt span.title {color: #777;text-decoration: none;}
#tt span.title_alert {color: red;text-decoration: none;}
#tt div.ratio{font-size: 22px;color: green;line-height: 32px;text-align: center}
#tt div.ratio_alert{font-size: 22px;color: red;line-height: 32px;text-align: center}

/* Tooltip IMAGE Preview for CMS 2.0 */
#screenshot{
	position:absolute;
	border:0px solid #ccc;
	-moz-border-radius: 0px;-webkit-border-radius: 0px;
	background:#fff;
	padding:4px;
	display:none;
	color:#555;
	line-height: 15px;
	text-align: center;
	font-weight: bold;
	-moz-box-shadow: 0px 3px 3px  #aaa;-webkit-box-shadow: 0px 3px 3px #ddd;
}
#screenshot img{border: 0px solid #999;margin-bottom: 5px;max-height: 200px;max-width: 200px;}

/* Content Repo 2.0 Styles */
div#repogrid {height: 100%; margin: 20px 0 0 0;}
div.repoimageholder {
	float: left !important;
	border: 1px solid #ccc;
	margin: 15px;background: #f6f6f6;
	width: 170px;height: 280px;
	text-align: center;
	line-height: 15px;
}
div.repoimageholder.special {background:  url(https://live.yodle.com/assets/icon/blueLED.gif) 150px 258px no-repeat;}
div.repoimageholder a {display: block;}
div.repoimageholder:hover {background: #ffffd7}
div.repoimageholder.special:hover {background: #ffffd7 url(https://live.yodle.com/assets/icon/blueLED.gif) 150px 243px no-repeat;}

div.repoimageholder img{
	text-align: center;
	margin: 10px;
	border: 0 !important;
}
div.repoimageholder .heading{
	position: relative;
	top: 0;
	background: #e4f0ff;
	border-bottom: 1px solid #ccc;
	margin: 0px 0 0 0;
	padding: 4px 0 3px 5px;
	text-align: left;
	font-weight: bold;color: #555;
	font-size: 13px !important;
}
div.repoimageholder span.filename{margin: 0 20px;padding: 0;}

#yodlemcms_imgtooltip { padding: 4px;background: #222;color: #fff;font-style: normal;font-weight:bold;-moz-border-radius: 3px;opacity:0.8;font-size: 16px;width: 120px;text-align: center;}
div.repoimageholder .info{margin-bottom: 4px;}
div.repoimageholder .intsySize{line-height: 13px;display: block;padding: 0 13px;}

/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 400px;
    border: 2px solid #71b6ff;
    cursor: text;
    font-size: 12px;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 5px;
    background-color: #fff;
}

ul.token-input-list-facebook {
    list-style-type: none;
}

ul.token-input-list-facebook li input {
    border: 0px !important;
    width: 100px;
    padding: 3px 8px !important;
    background: white !important;
    margin: 2px 0 !important;
    font-size: 15px !important;
    color: green !important;
}
ul.token-input-list-facebook:focus {border: 2px solid #71b6ff;}

ul.token-input-list-facebook li input:focus {
    border: 0px !important;
    background: white !important;
    margin: 2px 0 !important;
}


li.token-input-token-facebook {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    margin: 3px;
    padding: 1px 3px;
    background-color: #eff2f7;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4;
    font-size: 11px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    font-weight: bold;
}

li.token-input-token-facebook p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-facebook span {
    color: #a6b3cf;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token-facebook {
    background-color: #d9e3f7;
    border: 1px solid #bcdef7;
    color: #fff !important;
}

li.token-input-input-token-facebook {
    float: left;
}

div.token-input-dropdown-facebook {
    position: absolute;
    width: 400px;height: 60px;
    background-color: #fff;
    overflow: hidden;
    border: 2px solid #71b6ff;
    border-top: 0px !important;
    cursor: default;
    font-size: 12px;
    z-index: 1;
    margin-top: -2px;
    padding: 5px;
}

div.token-input-dropdown-facebook p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #555;
}

div.token-input-dropdown-facebook ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown-facebook ul li {
    background-color: #fff;
    padding: 3px;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li em {
    font-weight: bold;
    font-style: none;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
    background-color: #3b5998;
    color: #fff;
}

/* JQuery Date Range Selector for Specific Reports */
#dateSelector { clear: both; cursor: pointer;  float:right; font-size: 16px; font-weight: bold; padding: 5px; border: 1px solid #ddd;  margin: 0 0 -15px 0;}
	#datebttn { background:#fff url(https://live.yodle.com/assets/img/arrow-bl-d.png) right no-repeat; padding-right: 10px;}
#reportDatePicker { clear: both; display: none; background: #eee; z-index: 1; position: absolute; width: 420px; padding: 3px 10px; margin: 5px 0 0 -246px; border: 1px solid #ddd; border-top:none;text-align: center;}

a.blacklist-btn, a.blacklisted-icon
{
	display: block;
	float: right;
	margin: 0;
	background-image: url("https://live.yodle.com/assets/img/blacklist-btn.png");
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
a.blacklisted-icon{background-image: url("https://live.yodle.com/assets/img/blacklisted-icon.png");}

/* Augmenting jquery UI DIALOG BOXES*/
.ui-widget-overlay { background: #000 !important; }
.ui-dialog { -moz-box-shadow:0 3px 5px #555; margin-top: 20px;font-family: Arial!important; }
	.ui-dialog .ui-dialog-titlebar{ background: none; border: none; border-bottom: 1px solid #eee; font-size: 16px; }
	.ui-dialog-titlebar-close.ui-state-hover { background: transparent; border: none;}
	.ui-widget-content {background: #fff; border: none; }

* Styles Being Added Continously */
table.lined ul.table_lists{margin-bottom: 0px;}
table.lined ul.table_lists li{color: #666;list-style-image: url(https://live.yodle.com/assets/icon/grey_bullet.png);margin: 0 0 0px 0;}
table.lined ul.table_lists li.tucked{display: none;}
table.lined tr.blank{height: 20px; }

/* Styles for Circuit Breaker Rules */
div.cb_rules{margin: 10px 0;}
div.cb_rules ul{}
div.cb_rules ul li{
	padding: 5px;
	background: #ddd;
	border-bottom: 1px solid #ccc;
	 
}
ul.expandable_list li.tucked{display: none;}
ul.expandable_list li div.condition_controls{float: right;display: inline;}
ul.expandable_list li div.condition_controls img{border: 0;cursor: pointer;}


/* Page Specific - Negatives on Taxonomy Styles */
div.bulkcontent_negatives{
	padding: 20px 0 0 0;
	/* border: 3px solid #eee;border-left: 0;border-right: 0; */
	margin: 10px 0;
	width: 1090px;
}
div.bulkcontent_negatives div.textareacontent{
	float: left;
	width: 185px;
	margin: 0 0px 0 0;
}
div.bulkcontent_negatives div.textareacontent textarea{
	height: 270px;
	background: #fff!important;
	color: red!important;
	border: 1px solid #ddd!important;
	font-weight: bold;
	border: 1px solid #ffae98!important;background: #fff0ec!important;
}
div.bulkcontent_negatives div.textareacontent textarea:focus{border: 1px solid #ffae98!important;background: #fff0ec!important;}

div.bulkcontent_negatives div.multiselectcontent{float: right;}
div.bulkcontent_negatives div.multiselectcontent select{width: 100%;overflow:;}


/* DO NOT DEMO CLIENT MODAL STYLES */
div.donotdemo_image{background: url(https://live.yodle.com/assets/img/img_stop_sign.png) no-repeat top left;height: 200px;width: 200px;float: left;margin: 40px 40px 0 30px;}
div.donotdemo_content{float: left;width: 650px;}
div.donotdemo_content h1{font-size: 36px!important;margin: 25px 0 15px 0!important;}
div.donotdemo_content ul li{padding: 10px 0 10px 20px;font-size: 16px;background: url(https://live.yodle.com/assets/icon/icon_firefox_arrow_right.png) no-repeat left;line-height: 23px;}
div.donotdemo_content div.error{padding: 4px 10px!important;margin: 10px 0 0 0;}
div.donotdemo_content span.alert{font-size: 16px;font-weight: bold;background: url(https://live.yodle.com/assets/icon/alert_smallsize.png) no-repeat left; padding-left: 30px;display: block;margin: 10px 0;text-transform: uppercase;}
div.donotdemo_footy{background: #eee;padding: 10px;margin: 30px 0 0 0;font-size: 15px;}
div.donotdemo_footy label{font-size: 14px!important;}
div.donotdemo_footy span.text{display: block;margin: 15px 0 0 0;}