/* v1.0 | 20080212  Reset Style First */
*{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline; }

/* ============= Initializing the body + main container  */
body{font-family:Arial,Helvetica,sans-serif;word-spacing:normal;letter-spacing: normal;line-height:1.4em;font-size:12px;color:#444;background:#fff;overflow-y: scroll;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* ============= Generalized & Shared Items  */
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* doesnt work in ie6 without a special fix  */
a{color:#4d7fc4;cursor:pointer;text-decoration:underline;}
a:hover{color:#385987;}
a:active{color:#385987;}
hr.blue{color:#4f81bd;background-color:#4f81bd;height:1px;margin:5px 20px 5px 0;border:0;}
hr.grey{height:0;margin:5px 0;border:0;border-bottom:1px dashed #ccc;}
.spacer{margin-top:15px;}
body.login{background:#58a7d5 url(img/login_page_bg.png) 0 -20px repeat-x; }
body.initial{background:#53a0d2;}
body.none{background:transparent;}
#wrapper{margin:0 auto;min-width:1000px;width:expression(document.body.clientWidth <950? "940px":"auto"); overflow: hidden;}

/* =============  Main Global Header   */
#header{margin:0;}
#globalNav .leftGlobal{background:#fff url(https://live.yodle.com/assets/img/loginBcg.gif) repeat-x bottom;padding:45px 9px 7px;float:left;display:none;}
#globalNav .rightGlobal{background:#fff url(https://live.yodle.com/assets/img/loginBcg.gif) repeat-x bottom;padding:4px 9px 7px;float:right;display:none;}
#globalNav .bg{background:#fff url("https://live.yodle.com/assets/img/yodle-live-header-bg.png") repeat-x;padding:10px 15px 0px; height: 86px; margin-left:0;margin-right:0;color:#fff;}
#globalNav .bg .right{float:right;text-align:center;}
#globalNav h1{padding:0;margin:0;font-family:Arial;color:#444;text-decoration:none;word-spacing:normal;text-align:left;letter-spacing:-1px;font-size:2em;font-weight:normal;float:left;margin-top:0;}
#globalNav a{color:#00e;}
#globalNav h1.logo.global a{display: block; width: 86px; height: 36px; background-image: url("https://live.yodle.com/assets/img/yodle-global-logo.png"); background-repeat: no-repeat;} /* replaced .gif with .png */
#globalNav h1.logo a{display: block; width: 86px; height: 36px; background-image: url("https://live.yodle.com/assets/img/yodle-live-logo.png"); background-repeat: no-repeat; margin: 13px 0 0 0;} /* replaced .gif with .png */
#globalNav a img{ display: none;} /* removed img, replaced with CSS above */

#globalNav a:hover{color:#ffaf04;}
#globalNav .noLogo{display:none;}

/* Client Information, Log-In, Log-Out  */
#clientInfo{font-size:13px;
color:#fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
margin:-10px 0 5px;
padding:0px 10px;
background: #3d6d8e;
background:rgba(0,0,0,0.3);
-moz-border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px;
clear:both;
-moz-box-shadow: 0px 1px 0px #94bdde, inset 0px 0px 5px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 1px 0px #94bdde, inset 0px 0px 5px rgba(0,0,0,0.4);
}

/* Shows website url, advertising domain name, subscribed products INTERNAL VIEW ONLY.  */
#clientStats{float: left;text-align:left;color:#ced7e2;font-size:10px;padding:5px 20px 5px 0; text-shadow: 0px 1px 0px rgba(0,0,0,0.4); line-height:12px; margin: 0 0 0 -15px; border-right: 1px solid #264e6f; }
#clientStats a:hover{color:#ffaf04;}
#clientStats a{font-size:10px!important;color:#fff;}
#clientStats span.white{color:#fff; font-weight:normal;}
#clientStats table
{
	float: left;
	margin: 0;
	padding: 0;
}

#clientStats table td.label
{
	padding: 0 5px 0 15px;
}

#clientInfo .loginVitals
{
	float: right;
	border-left: 1px solid #5b88a4;	
}

#clientInfo .loginVitals:first-child
{
	border-left: none;
	margin-left: -10px;
}

#clientInfo .loginControls
{
	float: left;
	margin: 0 0 0 0;
	border-right: 0px solid #264e6f;
	padding: 7px 10px 7px 10px;
}

#clientInfo a{color:#e1edf9;font-size:12px;}
#clientSearch{float:left; margin: 0px 0 0 0px;
	border-left: 1px solid #5b88a4;
	padding: 5px 0 5px 10px;
}
#clientSearch input[type=text]{margin:0px 0 0 0;border:none;
	background: #294960;
	background:rgba(0,0,0,0.3) url("https://live.yodle.com/assets/img/search-magnifying-glass.png") 6px 4px no-repeat;
	font-size:12px;
	color:#fff;
	padding:5px 0px 5px 24px;width:180px;-moz-border-radius:12px;-webkit-border-radius:12px;
	/*-moz-box-shadow: 0px 1px 0px #94bdde, inset 0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 1px 0px #94bdde, inset 0px 0px 5px rgba(0,0,0,0.4);*/
}
#clientSearch input[type=image]{margin:0 10px -3px -23px; display: none;}
#clientSearch h3{font-size:140%;border:0;text-shadow: 1px 1px 3px rgba(0,0,0,0.62);}
#clientSearch a.contactSearch{width: 24px;height: 24px;background: #305a78 url(https://live.yodle.com/assets/img/people_small_white.png) no-repeat center;padding: 4px 12px;margin: 0 0 0 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}

.clientVitals
{
	float: left;
	margin: 2px 10px 0 0;
}

.clientVitals .label
{
	font-size: 12px;
	padding-right: 5px;
}

#clientInfo .clientVitals a
{
	font-size: 12px;
	font-weight: bold;
}

/* Autofill overlay based on #clientSearch Input (unused...) */
.results{z-index:3;width:190px;background:#fff;color:#000;border:1px solid #ccc;display:none;}
.results p{padding:10px;}

/* Button to Go back to Main Level   */
#globalBttn{background:transparent url("https://live.yodle.com/assets/img/global-button.png") no-repeat;height:21px;width:58px;padding:0;float:left;cursor:pointer;margin:0 10px 0 0;}
#globalBttn:hover{background:transparent url("https://live.yodle.com/assets/img/global-button-over.png") no-repeat;}
#globalBttn:active{background:transparent url("https://live.yodle.com/assets/img/global-button-down.png") no-repeat;}
#globalBttn a{display:none;}

a.contactSearchButton{ background:transparent url("https://live.yodle.com/assets/img/contact-search-button.png") no-repeat;height:25px;width:28px;padding:0;float:left;cursor:pointer;margin:5px 0 0 5px; display: block; float: left;}
a.contactSearchButton:hover{ background:transparent url("https://live.yodle.com/assets/img/contact-search-button-over.png") no-repeat;}
a.contactSearchButton:active{ background:transparent url("https://live.yodle.com/assets/img/contact-search-button-down.png") no-repeat;}

a#franchiseParentButton
{
	display: block;
	float: right;
	margin: 2px -10px 0 10px;
	width: 85px;
	height: 21px;
	background: url("https://live.yodle.com/assets/images/franchise-header-button.png") 0 -42px no-repeat;
}

a#franchiseParentButton:hover
{
	background: url("https://live.yodle.com/assets/images/franchise-header-button.png") 0 -21px no-repeat;
}

a#franchiseParentButton:active
{
	background: url("https://live.yodle.com/assets/images/franchise-header-button.png") 0 0 no-repeat;
}

div.franchise-drop-down
{
	position: relative;
	float: right;
	margin: 2px -10px 0 10px;
}

a#franchiseParentSelect
{
	display: block;
	padding: 0;
	cursor: pointer;
	width: 107px;
	height: 21px;
	border: none;
	background: url("https://live.yodle.com/assets/images/franchise-header-select.png") 0 -42px no-repeat;
}

a#franchiseParentSelect:hover
{
	background: url("https://live.yodle.com/assets/images/franchise-header-select.png") 0 -21px no-repeat;
}

ul#franchiseParentSelectList
{
	display: none;
	position: absolute;
	z-index: 1000;
	top: 21px;
	padding: 5px 0;
	width: 200px;
	background: #3c4145;
	border: 1px solid #CED7E2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}

ul#franchiseParentSelectList li
{
	margin: 5px 0;
}

ul#franchiseParentSelectList li a
{
	display: block;
	padding: 3px 8px;
	color: #fff;
	font-size: 12px!important;
	text-decoration: none;
}

ul#franchiseParentSelectList li a:hover
{
	background-color: #4b535a;
	color: #fff;
}

/* =============  Menu|Main Navigation (All Navigation, use sliding door technique. */
#menu{margin-top:45px;padding-bottom:0;text-align:center;line-height:normal;}
#menu ul{text-align:center;margin:0;padding:5px 10px 0 15px;list-style:none;height:15px; }
#menu li{
	display:inline;
	font-weight:normal;
	margin:0 0 0 1px;
	padding: 9px 0px 7px 0px;
	position:relative;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent; 
	-moz-border-radius: 4px 4px 0 0; 
	-webkit-border-radius: 4px 4px 0 0;}

#menu a,#menu p{
	display:inline;
	padding: 7px 10px 11px 7px; 
	margin-right: -4px;
	text-decoration:none;
	color:#fff;
	font-weight:bold; 
	text-shadow: 0px 1px 2px rgba(0,0,0,0.62); 
	font-size:15px;}

#menu.on11 li.tabber11,#menu.on10 li.tabber10,#menu.on9 li.tabber9,#menu.on8 li.tabber8,#menu.on7 li.tabber7,#menu.on6 li.tabber6,#menu.on5 li.tabber5,#menu.on4 li.tabber4,#menu.on3 li.tabber3,#menu.on2 li.tabber2,#menu.on1 li.tabber1{
	background: #d7dbdf;
	background: -moz-linear-gradient(0% 100% 90deg,#dce0e3, #eaeff2); 
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeff2), to(#dce0e3));
	-moz-box-shadow: 0px -2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px -2px 2px rgba(0,0,0,0.2);
	border-top: none; 
	border-bottom: none;  }

#menu.on11 li.tabber11 a,#menu.on10 li.tabber10 a,#menu.on9 li.tabber9 a,#menu.on8 li.tabber8 a,#menu.on7 li.tabber7 a,#menu.on6 li.tabber6 a,#menu.on5 li.tabber5 a,#menu.on4 li.tabber4 a,#menu.on3 li.tabber3 a,#menu.on2 li.tabber2 a,#menu.on1 li.tabber1 a{
	color:#2c3236;
	font-weight:bold;
	text-decoration:none;
	cursor:default; 
	text-shadow:0px 1px 0px #fff;}
	
#menu.empty{height:22px;}
#menu a:hover{text-decoration:none;color:#fff;}
#menu li:hover{
	background-color:rgba(0,0,0,0.1);}

/* =============  Second Tier Navigation  */
#subNav{float:left;width:100%;line-height:normal;
	background: #d7dbdf;
	background: -moz-linear-gradient(0% 100% 90deg, #c1c7cc, #dce0e3);
	background: -webkit-gradient(linear, left top, left bottom, from(#dce0e3), to(#c1c7cc));
	margin-top:-12px;border:0 solid #999;-moz-box-shadow:0 3px 6px #aaa;-webkit-box-shadow:0 3px 6px #aaa;margin-bottom:20px;}
	
#subNav.current15 li.tab15,#subNav.current14 li.tab14,#subNav.current13 li.tab13,#subNav.current12 li.tab12,#subNav.current11 li.tab11,#subNav.current10 li.tab10,#subNav.current9 li.tab9,#subNav.current8 li.tab8,#subNav.current7 li.tab7,#subNav.current6 li.tab6,#subNav.current5 li.tab5,#subNav.current4 li.tab4,#subNav.current3 li.tab3,#subNav.current2 li.tab2,#subNav.current1 li.tab1{
	padding:7px 0 4px 9px;margin-top:0; background: #585b5d;
	-moz-box-shadow: inset 0px 0px 5px #222;
	-webkit-box-shadow: inset 0px 0px 5px #222;}

#subNav.current15 li.tab15 a,#subNav.current14 li.tab14 a,#subNav.current13 li.tab13 a,#subNav.current12 li.tab12 a,#subNav.current11 li.tab11 a,#subNav.current10 li.tab10 a,#subNav.current9 li.tab9 a,#subNav.current8 li.tab8 a,#subNav.current7 li.tab7 a,#subNav.current6 li.tab6 a,#subNav.current5 li.tab5 a,#subNav.current4 li.tab4 a,#subNav.current3 li.tab3 a,#subNav.current2 li.tab2 a,#subNav.current1 li.tab1 a{
	padding:0px 9px 2px 0;color:#fff;font-weight:bold;text-decoration:none;cursor:pointer; text-shadow: 0px 1px 2px rgba(0,0,0,0.62)}
	
#subNav.empty{height:42px;}
#subNav ul{text-align:center;margin:0;padding:0 10px 0 20px;list-style:none;}
#subNav li{float:left;padding:2px 15px 2px 10px;}
#subNav li:hover{color:#222;text-decoration:none;}
#subNav li.newfeature{background:#fd5909;text-decoration:none;cursor:default;margin:3px 0 0 -5px;padding:0 2px;font-size:9px;color:white;font-weight:bold;border:0;}
#subNav a{display:block;padding:5px 0 4px;text-decoration:none;font-weight:bold;color:#2c3236; text-shadow:0px 1px 0px #f2f2f2; font-size:12px;}
#subNav a:hover{color:#222;text-decoration:none;}

/* =============  Content Items, Main Body Content  */
#content{padding:15px 10px 100px;background:#fff;border:0px solid #e4e4e4;-moz-border-radius:0px;-webkit-border-radius:0px;border-top:0px solid #e1e1e1;}
#content.nowrapper{padding:25px 10px 100px;border: 0!important;}
#contentWrapper{padding:0;}
#contentBody{display:block;padding:0 15px;height:100%;}
#content h1{margin:0px 0 5px;word-spacing:normal;letter-spacing:0;font-size:20px;font-weight:bold;color:#666;}
#content h1 a{text-decoration:none;color:#555;}
#content p{color:#555;font-size: 13px;}
.breadcrumbs a{text-decoration:none;font-size:11px;}
.breadcrumbs a:hover{text-decoration:underline;}
#holder{color:#7e7e7e;}
fieldset.special{border-top:1px solid #e3e3e3;padding:10px 10px 20px;width:500px;margin:5px 0;float:none;}
legend{padding:0 5px;color:#666;font:normal 1.3em Arial;font-weight:bold;}

/* =============  Third Tier Navigational items  */
#triNav{float:right;display:block;width:160px;background:#fafafa;padding:10px 10px 20px 10px;-moz-border-radius-bottomleft:16px;-webkit-border-bottom-left-radius:16px;position:relative;top:-15px;left:10px;border:0px solid #e6e6e6;border-top:0;border-right:0;}
#triNav ul li.section,#triNavSpecial ul li.section{font-size:14px;text-align:center;color:#4988be;padding:0 0 5px;margin:5px 0;font-weight:bold;border-bottom:1px dashed #ccc;}
#triNav li{padding:5px 0 0 15px;list-style:none;color:#ccc;height:16px;margin-bottom:10px;border-bottom:0 solid #e5e5e5;}
#triNav li a{color:#999;text-decoration:none;border-bottom:0 dotted #ccc;font-weight:bold;font-size:12px;}
#triNav li a:hover{color:#444;border-bottom:0 solid #444;}

/* Third Tier Nav Selected Items (sliding doors)  */
#triNav.current8 li.tab8,#triNav.current7 li.tab7,#triNav.current6 li.tab6,#triNav.current5 li.tab5,#triNav.current4 li.tab4,#triNav.current3 li.tab3,#triNav.current2 li.tab2,#triNav.current1 li.tab1{background:transparent url(https://live.yodle.com/assets/img/trinavOnNew.gif) no-repeat 3px 9px;}
#triNav.current8 li.tab8 a,#triNav.current7 li.tab7 a,#triNav.current6 li.tab6 a,#triNav.current5 li.tab5 a,#triNav.current4 li.tab4 a,#triNav.current3 li.tab3 a,#triNav.current2 li.tab2 a,#triNav.current1 li.tab1 a{color:#4a80be;border-bottom:none;font-weight:bold;}
#contentBody #triNav{margin:40px -15px 0 0;}
#contentWrapper #triNav{margin:40px 0 0;}
#contentBody.thirdNav{padding-right:215px;}

/* [HACK FIX] Uses this only if there is an additon of a ThirdNav 
 Specialized third Tier Menu  */
 #triNavSpecial{float:right;width:200px;padding:10px;padding-right:12px;display:block;margin:70px -5px 0 0;}
#triNavSpecial ul{border-top:0 solid #ddd;border-bottom:0 solid #ddd;border:1px solid #eee;width:180px;margin:15px 0 0 10px;padding:0;list-style:none;background:#ebf5fb;}
#triNavSpecial li{padding:5px 0 0;list-style:none;padding-left:20px;color:#ccc;height:16px;margin-bottom:10px;border-bottom:0 solid #e5e5e5;}
#triNavSpecial li a{color:#888;text-decoration:none;border-bottom:0 dotted #ccc;font-weight:bold;font-size:95%;}
#triNavSpecial li a:hover{color:#444;border-bottom:0 solid #444;}

/* triNavSpecial selected  */
#triNavSpecial.current8 li.tab8,#triNavSpecial.current7 li.tab7,#triNavSpecial.current6 li.tab6,#triNavSpecial.current5 li.tab5,#triNavSpecial.current4 li.tab4,#triNavSpecial.current3 li.tab3,#triNavSpecial.current2 li.tab2,#triNavSpecial.current1 li.tab1{background:transparent url(https://live.yodle.com/assets/img/trinavOnNew.gif) no-repeat 8px 9px;}
#triNavSpecial.current8 li.tab8 a,#triNavSpecial.current7 li.tab7 a,#triNavSpecial.current6 li.tab6 a,#triNavSpecial.current5 li.tab5 a,#triNavSpecial.current4 li.tab4 a,#triNavSpecial.current3 li.tab3 a,#triNavSpecial.current2 li.tab2 a,#triNavSpecial.current1 li.tab1 a{color:#4a80be;border-bottom:none;font-weight:bold;}

/* =============  Footer items  */
#footer{margin-top:0;padding:150px 0 50px 0;font-size:11px;color:#777;background-color:inherit;text-align:center;border-top:0 solid #ccc;}
#footer .logo{float:center;display:none;}
#footer p{color:#888;padding:0;border-top:0 solid #ddd;font-size:11px;}
#footer a{text-decoration:none;}
#footer a:hover{text-decoration:none;color:#f38e21;background-color:inherit;margin:0 auto;}
.footerlinks{margin:0 auto;text-align:center;width:500px;}
#footer ul{border-bottom:1px solid #ddd;padding-bottom:10px;text-align:center;}
#footer ul li{display:inline;margin:0 5px;font-size:12px;border-right:0 solid #888;width:70px;}

/* Persistent Status Bar for Client view  */
#yodle_feedback{position:fixed;right:0;top:400px;background:#fbc545;padding:10px 2px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-box-shadow:0 3px 7px #aaa;-webkit-box-shadow:0 3px 7px #aaa;}
#yodle_feedback:hover{padding-right:6px;background:#999;}
.feedback_modal{-moz-box-shadow:0 3px 7px #aaa;-webkit-box-shadow:0 3px 7px #aaa;}
#alerts{margin:10px 0;background:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;padding:2px;min-width:200px;width:expression(document.body.clientWidth <210? "200px":"auto");position:absolute;right:45px;top:115px;font-weight:bold;}
.Stickybar{background-color:#ccc;color:#fff;cursor:move;font-weight:bold;padding:2px 1em;}


/* Shows client status INTERNAL VIEW ONLY.  */
#statusBar{text-align:center;position:fixed;bottom:-20px;left:-30px;z-index:10000000;width:100%;background:url(https://live.yodle.com/assets/img/img_messagesBg.png) repeat-x;padding:8px 100px 24px 30px;border:0;border-top:1px solid #bbb;-moz-box-shadow:2px 2px 17px #aaa;-webkit-box-shadow:2px 2px 7px #aaa;}
#statusBar #messages{color:#444;font-size:12px;font-weight:bold;}
#statusBar #messages .statusType{margin-right:3px;color:#555;text-transform:capitalize;font-weight:normal;}
#statusBar #messages .padding{margin:0 20px;}
#statusBar #messages a{color:#4d7fc4 !important;}
#statusBar img#close{float:right;margin:1px 5px;cursor:pointer;opacity:0.5px;}
#statusBar img#close:hover{opacity:1px;cursor:pointer;}
#statusBar #messages .product_name {font-weight:bold;}
	#statusBar #messages .product_name.provisioning {color:#ab9100;}
	#statusBar #messages .product_name.deactivating {color:red;}

/* Product Status Flyout */
a.showpopup{float:right !important;margin:0 5px;}
#popup{z-index:1000000;position:fixed;bottom:10px;right:0;width:330px;float:right;background:#fff;padding-bottom:20px;-moz-border-radius-topleft:0;-moz-box-shadow:2px 2px 17px #777;-webkit-box-shadow:2px 2px 17px #aaa;box-shadow: 2px 2px 17px #aaa;}
#popup div.products_list{width: 330px;max-height: 400px;overflow-y: scroll; overflow-x: hidden;margin: 0;}
#popup div.products_list div.odd,#popup div.products_list div.even{font-weight:bold;margin:0;font-size:16px;color: #777;padding: 15px 5px 15px 15px;}
#popup div.products_list div.even{background: #f6f6f6;}
#popup div.products_list span.product_name{color: #666;font-weight: bold;text-shadow: 0px 1px 2px rgba(255,255,255,0.92);}
#popup div.products_list span.product_name span.type{color: #aaa;}
#popup div.products_list span.product_fee{float: right;font-weight: normal;color: #aaa;}
#popup div.products_list div ul.more_list {margin: 6px 0 0 5px;float: left;width: 200px;}
#popup div.products_list div ul.more_list li {padding: 2px;color: #555;margin: 0;color:#888;font-style: italic;line-height: 12px;}
#popup div.products_list div span.category{font-size: 12px;font-weight: bold;color: #888;font-size: 12px;float: left;display: block;margin: 5px 0 0 0;}

#popup ul li{list-style-type:none;font-weight:normal;margin:3px 0 15px 0px;font-size:12px;}
#popup h1{color:#fff !important;font-size:18px;background:#333 url(https://live.yodle.com/assets/img/yodle-live-header-bg.png) bottom left;margin:0;padding:10px;font-weight: bold;text-shadow: 0px 1px 2px rgba(0,0,0,0.62);}
#popup h1.footer{font-size: 12px;text-align: center;color: #ccc!important;margin: 0;background: url(https://live.yodle.com/assets/hub/images/dark-noise-bg-52-height.png) repeat-x top left;}
#popup h1.footer a{color: #fff;text-decoration: underline;}
#popup h1 p{color: #fff;margin: 3px 0 0 0;font-size: 11px;line-height: 14px;width: 270px;}

sup.alert{background:#92cb76;color:#fff;text-shadow:0 0 2px #275e12;border:1px solid #84c667;border-bottom:1px solid #51ad2e;-moz-border-radius:5px;padding:1px 2px;font-size:11px;font-weight:bold;height:0;line-height:1;vertical-align:baseline;_vertical-align:bottom;position:relative;bottom:5px;z-index:100;margin-left:2px;}
sup.msg-alert{ background:#f03d25; color:#fff; text-shadow:0 0 2px #c32b16; border:1px solid #dd3822; border-bottom:1px solid #5f5f5f; -moz-border-radius:5px;padding:1px 2px;font-size:11px;font-weight:bold;height:0;line-height:1;vertical-align:baseline;_vertical-align:bottom;position:relative;bottom:5px;z-index:100;margin-left:2px;}

/* Tool tip CSS inclusion 	
.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
  .tipsy-inner { padding: 10px; background-color: #000; color: #f1f1f1; max-width: 300px; text-align: left; -moz-border-radius: 3px;}
  .tipsy-north { background-image: url(https://live.yodle.com/assets/img/tipsy-north.gif); background-position: top center; }
  .tipsy-south { background-image: url(https://live.yodle.com/assets/img/tipsy-south.gif); background-position: bottom center; }
  .tipsy-east { background-image: url(https://live.yodle.com/assets/img/tipsy-east.gif); background-position: right center; }
  .tipsy-west { background-image: url(https://live.yodle.com/assets/img/tipsy-west.gif); background-position: left center; }
  */
.tipsy { padding: 5px; font-size: 11px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; text-align: center;font-weight: bold; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('https://live.yodle.com/assets/img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

  
/* FEEDBACK mechanism - modal like feedback */ 
#alert-overlay { display: none; background:#000; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 998; opacity: 0.8; }
#alert-feedback { displaY: none; background: #d4e8f9; color: #1e3a48; text-align: center; font-weight: bold; font-size:48px; line-height: 48px; letter-spacing: -1px;  padding: 60px;width:620px; z-index: 999; top: 100px; left: 50%;  margin-left: -310px; position: fixed; -moz-box-shadow: #222 0 5px 10px; -webkit-box-shadow: #222 0 5px 10px; }
#alert-feedback.error { background: #ffdae4; color: red; }