﻿html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li
{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
ul { list-style:none; }

/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */

body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }

html { background:#f1f4f5; overflow-y: scroll; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }


small { font-size: 85%; }
strong { font-weight: bold; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

a:link { -webkit-tap-highlight-color: #FF5E99; }

body {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color:#fff;
  background:#f1f4f5;
  font-family: 'Segoe UI','Helvetica Neue',Helvetica,Arial,sans-serif;
}

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h1 { font-size: 276.5%; }
h2, h3, #blurb h4 { font-size: 167%; margin: 0; line-height: 24px; }
h4 { font-size: 108%; margin-bottom: 6px; }


a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }

.hide{display: none;}

#container 
{
    position:relative;
	background: #e4e9eb;
}

#first-run, #header, #main, #toolbar, #footer {
	width: 960px;
	margin: 0 auto;
}
#first-run > div {
	min-height: 28px;
	background: #4a4a4a url(http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/US/sprite.png) 0 0 repeat-x;
	padding: 6px 36px;
	}
	#first-run h1 {
		display: inline;
		float: left;
		font-size: 22px;
		background: url(http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/US/sprite.png) right -200px no-repeat;
		padding: 0 30px 0 0;
	}
	#first-run p {
		float: right;
		font-size: 16px;
		padding: 6px 0 0;
	}
	#first-run a {
		text-decoration: none;
		color: #ffa500;
	}
#header {
	position: relative;
	/*background: #474747 url(http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/US/header_bg.png) 0 0 repeat-x;*/
	background:#505050;
	min-height: 82px;
	padding: 20px 0 0;
}
	#header h1, #header h2 {
		margin-left: 36px;
	}
	#logo {
		width: 125px;
		height: 45px;
		position:absolute;
		top: 36px;
		right: 36px;
		background: url(http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/logo_bingToolbar.png) 0 0 no-repeat;
	}
	#popup-bubble {
		display: none;
		position: absolute;
		top: 42px;
		left: 500px;
		width: 218px;
		height: 53px;
		background: url(http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/US/bg_popupbubble2.png) 0 0 no-repeat;
	}
	#popup-content{
		display: table-cell;
		height: 38px;
		padding-left: 5px;
		padding-right: 5px;
		position: relative;
		text-align: center;
		vertical-align: middle;
		width: 205px;
	}
	#popup-content p{
		font-size: 14px;
		color:#ffffff;
		font-family: "Segoe UI", Arial;
		text-indent: 0;
	}
	#popup-content p.twoline{
		font-size: 11px;
	}
	#popup-arrow{
		height: 14px;
		position: relative; width: 218px;
	}

#main {
	height: 469px;
	background: #444 url(http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/US/main_bg.ashx) 0 38px no-repeat;
	position: relative;
	}
	#blurb {
		overflow: hidden;
		width: 440px;
		height: 75px;
		margin-left: 36px;
	}
	.blurb-homepage {
		height: 86px;
	}

	#main p {line-height: 16px; font-size: 14px;}
	.btn-dl, .btn-earnrewards {
		display: block;
		float:left;
		width: 196px;
		height: 52px;
		background: url(http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/US/sprite.png) 0 -120px no-repeat;
		margin-left: 36px;
	}
	
	.btn-rl, .btn-earnrewards {
		display: block;
		float:left;
		width: 196px;
		height: 52px;
		background: url(http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/US/sprite.png) -210px -120px no-repeat;
		margin-left: 36px;
	} 
	.btn-earnrewards {
		width: 174px;
		background-position: -211px -120px;
	}
	#share {
		float: right;
		margin-right: 36px;
		}
		#share p {
			float: left;
			width: auto;
			margin:6px 4px 0 0;
		}
		#share ul {
			float: left;
		}
		#share li {
			float: left;
		}
		#share a {
			display: block;
			width: 24px;
			height: 24px;
			background: url(http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/US/sprite.png) 0 -170px no-repeat;
			}
			#share a#share-email {
				background-position: -26px -170px;
			}
			#share a#share-twitter {
				background-position: -52px -170px;
			}

#toolbar {
	height: 312px;
	position: relative;
	}
	#toolbar-glow {
		width: 960px;
		height: 46px;
		position: absolute;
		top: 0;
		left: 0;
		background: url(http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/US/toolbar_bg-glow.png) 0 0 no-repeat;
		opacity: 0;

		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; // first!
		filter: alpha(opacity=0);

		/*
		z-index: 110;
		*/
	}

#toolbar ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 880px;
	height: 46px;
	/*
	height: 48px;
	*/
	background: url(http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/US/toolbar_bg.png) 0 4px no-repeat;
	padding: 9px 0 0 90px;
	/*
	padding: 7px 0 0 86px;
	*/
	z-index: 100; 
}

#toolbar li {
	display: block;
	float: left;
	width: 43px;
	height: 26px;
	/*background: url(../en-US/img/sprite.png) 0 -45px no-repeat;*/
	cursor: pointer;
	margin-right: 5px;
	}
    #toolbar li:hover{background-position: 0 -26px !important;}
	#toolbar #tb-news {  }
		#toolbar #tb-news:hover,
		#toolbar .active#tb-news {  }a
	#toolbar #tb-maps {   }
		#toolbar #tb-maps:hover,
		#toolbar .active#tb-maps { }
	#toolbar #tb-weather {   }
		#toolbar #tb-weather:hover,
		#toolbar .active#tb-weather { }
	#toolbar #tb-mail {  }
		#toolbar #tb-mail:hover,
		#toolbar .active#tb-mail { }
	#toolbar #tb-facebooklike {   }
		#toolbar #tb-facebooklike:hover,
		#toolbar .active#tb-facebooklike {}
	#toolbar #tb-facebook { margin-right: 3px; }
		#toolbar #tb-facebook:hover,
		#toolbar .active#tb-facebook { }
	#toolbar #tb-search { width:334px; background:no-repeat 0 0 transparent; border:0; margin-right: 3px; }
		#toolbar #tb-search:hover,
		#toolbar .active#tb-search { background-position: 0 0 !important;}
	#toolbar #tb-stocks { background-position:-587px -45px; }
		#toolbar #tb-stocks:hover,
		#toolbar .active#tb-stocks {}
	#toolbar #tb-movies { background-position:-630px -45px; }
		#toolbar #tb-movies:hover,
		#toolbar .active#tb-movies {}
	#toolbar #tb-rewards {   }
		#toolbar #tb-rewards:hover,
		#toolbar .active#tb-rewards {}
	#toolbar #tb-games { background-position:-716px -45px; }
		#toolbar #tb-games:hover,
		#toolbar .active#tb-games { }
	#toolbar #tb-videos {  }
		#toolbar #tb-videos:hover,
		#toolbar .active#tb-videos { }
	#toolbar #tb-translate { }
		#toolbar #tb-translate:hover,
		#toolbar .active#tb-translate { }
	#toolbar #tb-facebookchat {  }
		#toolbar #tb-facebookchat:hover,
		#toolbar .active#tb-facebookchat { }
	#toolbar #tb-slacker {  }
		#toolbar #tb-slacker:hover,
		#toolbar .active#tb-slacker { }
	
#toolbar-scrn {
	position:absolute;
	top: 38px;
	left: -2048px;
	z-index: 100;
	}
	.en .tb-news#toolbar-scrn { left:59px; }
	.en .tb-weather#toolbar-scrn { left:176px; }
	.en .tb-mail#toolbar-scrn { left:223px; }
	.en .tb-facebooklike#toolbar-scrn { left:390px; }
	.en .tb-facebook#toolbar-scrn { left:283px; }
	.en .tb-search#toolbar-scrn { left:311px; }
	.en .tb-rewards#toolbar-scrn { left:280px; }
	.en .tb-maps#toolbar-scrn { left:125px; }
	.en .tb-translate#toolbar-scrn { left:523px; }
	.en .tb-facebookchat#toolbar-scrn { left:438px; }
	.en .tb-slacker#toolbar-scrn { left:478px; }
	.en .tb-videos#toolbar-scrn { left:568px; }
	.en .tb-skype#toolbar-scrn { left:533px; }

	.uk .tb-news#toolbar-scrn { left:59px; }
	.uk .tb-weather#toolbar-scrn { left:176px; }
	.uk .tb-mail#toolbar-scrn { left:223px; }
	.uk .tb-facebooklike#toolbar-scrn { left:342px; }
	.uk .tb-facebook#toolbar-scrn { left:283px; }
	.uk .tb-search#toolbar-scrn { left:311px; }
	.uk .tb-msn#toolbar-scrn { left:483px; }
	.uk .tb-maps#toolbar-scrn { left:125px; }
	.uk .tb-translate#toolbar-scrn { left:379px; }
	.uk .tb-facebookchat#toolbar-scrn { left:391px; }
	.uk .tb-videos#toolbar-scrn { left:568px; }
	.uk .tb-skype#toolbar-scrn {left: 533px;}	

	.int .tb-maps#toolbar-scrn { left:77px; }
	.int .tb-weather#toolbar-scrn { left:128px; }
	.int .tb-mail#toolbar-scrn { left:175px; }
	.int .tb-facebooklike#toolbar-scrn { left:335px; }
	.int .tb-facebook#toolbar-scrn { left:254px; }
	.int .tb-search#toolbar-scrn { left:263px; }
	.int .tb-translate#toolbar-scrn { left:375px; }
	.int .tb-facebookchat#toolbar-scrn { left:390px; }
	.int .tb-news#toolbar-scrn { left: 59px; }
	.int .tb-videos#toolbar-scrn {left: 566px;}
	.int .tb-msn#toolbar-scrn {left: 490px;}
	.int .tb-skype#toolbar-scrn {left: 425px;}	
	.no-fb .tb-maps#toolbar-scrn { left:77px; }
	.no-fb .tb-weather#toolbar-scrn { left:128px; }
	.no-fb .tb-mail#toolbar-scrn { left:175px; }
	.no-fb .tb-search#toolbar-scrn { left:217px; }
	.no-fb .tb-translate#toolbar-scrn { left:230px; }
	.no-fb .tb-skype#toolbar-scrn {left: 325px;}

#bing_logo{z-index: 200; position: absolute; width:75px; height:30px; left: 15px; top:8px; }

.smallogo { position: absolute; width:75px; height:30px; left: 5px; top:5px; z-index: 200;  } /* small hack/fix */

#footer {
	clear: both;
	color: #666;
	padding-bottom: 40px;
	}
	#nav-footer {
		padding:24px 0 14px;
		}
		#nav-footer li {
			display: inline;
			font-size: 85%;
			margin-right: 14px;
			}
			#nav-footer a {
				text-decoration: none;
				color:#666;
			}
			#nav-footer a:hover {
				text-decoration: underline;
			}

#terms-req {
	overflow: hidden;
	background: #fff;
	padding: 30px 36px;
	}
.terms, .reqs {
	float: left;
	width: 370px;
	}
.reqs {  float:right; padding: 23px 0 0; }
.reqs h4{font-size: 100%; margin: 0;}
.reqs p{}
	.terms a {
		color:#666;
	}
#terms-req p { font-size: 77%; }

#sharing {
    background: none repeat scroll 0 0 #333333;
    clear: both;
    height: 33px;
	margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 960px;
}
#sharing div.content div.email {
    background: url("http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/sprites_share_all.png") no-repeat scroll 5px -193px #333333;
    width: 34px;
}
#sharing div.content div.box {
    float: left;
    height: 24px;
    line-height: 22px;
    padding: 4px;
}
#sharing .content p {
   
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin-left: 4px;
    margin-top: 7px;
    color:White;
}
#sharing div.content {
    margin-left: 20px;
    width: 760px;
}
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }


#share {
		float: right;
		margin-right: 36px;
		}
		#share p {
			float: left;
			width: auto;
			margin:6px 4px 0 0;
		}
		#share ul {
			float: left;
		}
		#share li {
			float: left;
		}
		#share a {
			display: block;
			width: 24px;
			height: 24px;
			background: url(http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/US/sprite.png) 0 -170px no-repeat;
			}
			#share a#share-email {
				background-position: -26px -170px;
			}
			#share a#share-twitter {
				background-position: -52px -170px;
			}

/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
#tb-search.active .ir { background: url(http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/US/search-name.jpg) 2px 3px no-repeat;}

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

.brake { display:block;}

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }



/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

#msft-logo {
    background: url("http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/US/logo_microsoft.png") repeat scroll 0 0 transparent;
    display: inline;
    float: right;
    height: 17px;
    width: 80px;
    margin-top: 2px;
    margin-left: 10px;
}

#yellow_bar{position: relative; height: 5px; background:#00A89D;}
#btnDownload{background:#00A89D; text-indent:0; text-decoration:none;width:150px;}
#btnDownload div{display: table-cell; height: 50px; text-align: center; vertical-align: middle; width: 150px;}
#btnDownload div p{color: #FFF; font-size: 20px; margin: 0; line-height: 22px;} 
#btnDownload div p.twoline{font-size: 16px; line-height: 18px;}
.thankyou #main{height: 450px;
	background: #474747 url(http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/US/main_bg.jpg) 0 19px no-repeat;}
.thankyou #toolbar-glow.hide{display: none !important;}
.thankyou #popup-bubble{display: none !important;}
.thankyou .header h1{font-size: 276.5%; padding-left: 45px;  position: relative;}
.thankyou .header h1 img{ position: absolute;  top: 2px; left: 0;}
.thankyou .header p{padding: 7px 0 0 85px;}
.thankyou .header p a{color:#ff9900; text-decoration: underline;}
#rewardsButton{background: url(http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/US/btn_activateRewards.png) 0 0 no-repeat transparent; height: 55px;  width: 220px; margin-left: 46px;}
.thankyou #blurb{padding-bottom: 18px; margin-left: 46px;}
.thankyou #blurb h3{font-size: 22px; line-height: 26px;}
.thankyou #toolbar{height: 229px;}
.thankyou #terms-req{display: none;}


#enable_modal{height: 250px; position: relative; width: 600px; background:#FFFFFF; padding: 0 !important;}
#enable_container{}
#enable_header{height: 72px; position: relative; background:url(http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/US/bg_enable_hdr.jpg) repeat-x 0 0 transparent;}
#enable_header h2{color: #FFFFFF; font-size: 30px; padding: 25px 0 0 34px;}
#enable_header a{background:url(http://az10143.vo.msecnd.net/sitecore/dbing/media/Images/toolbar/US/img_closemodal.png) no-repeat scroll 35px 0 transparent; color: #CCCCCC !important; font-size: 13px; height: 20px; padding: 0 25px 0 0;    position: absolute;  right: 5px;  text-decoration: none;  top: 5px;}
#enable_content{padding: 18px 0 0 35px; position: relative;}
#enable_content p{color: #000000; font-size: 20px; margin-bottom: 4px;}
#enable_content p span{color: #000000; font-size: 14px;}
#enable_content p span a{color: #ff6633; font-size: 14px;}
#enable_footer{background: url("http://dbingdev.gmrstagems.com/~/media/Images/toolbar/bg_enable_footer.jpg") repeat-x scroll 0 0 #FFFFFF; height: 48px; padding-bottom: 10px; position: relative;}
#enable_footer #copy{position: relative; float: left;}
#enable_footer #copy p{color: #000000; font-size: 12px;  padding: 18px 0 0 10px;}
#enable_footer #control{position: relative; float: right; padding: 18px 5px 0 0;}
#enable_footer #control a{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background: none repeat scroll 0 0 #F1F1F1; border: 1px solid #D1D1D1;color: #000000; padding: 5px 10px;   text-decoration: none; font-size: 12px; margin-left: 1px;}
#enable_footer #control a.closeenable{border: none; background: none; padding: 0; margin-left: 5px;}

.Section h3 { }
.Section ul {margin-bottom: 10px; margin-top: 10px; padding-left: 40px; list-style-type: disc; list-style-position: outside;}




/*   Language Specific Sizing */
#blurb.bg-BG 
{
    width: 550px;
}
#blurb.fr-FR, #blurb.fr-CA, #blurb.fr-BE, #blurb.fr-CH
{
    width: 630px;
}

#blurb.de-DE, #blurb.de-AT, #blurb.de-CH
{
    width: 530px;
}
#blurb.el-GR 
{
    width: 475px;
}
#blurb.it-IT 
{
    width: 475px;
}
#blurb.ja-JP 
{
    width: 530px;
}
#blurb.ko-KR 
{
    width: 475px;
}
#blurb.lv-LV
{
    width: 530px;
}
#blurb.pl-PL 
{
    width: 475px;
}
#blurb.sr-Cyrl-CS 
{
    width: 475px;
}
#blurb.sr-Latn-CS
{
    width: 475px;
}
#blurb.sk-SK 
{
    width: 475px;
}
#blurb.uk-UA 
{
    width: 525px;
}
#blurb.vi-VN 
{
    width: 500px;
}
#blurb.pt-PT
{
    width: 460px;
}
#blurb.ms-MY
{
    width: 500px;
}
#popup-content.el-GR p
{
    font-size: 10px;
}
#popup-content.fi-FI p 
{
    font-size: 12px;
}
#simplemodal-container
{
    
    height: 400px;
    width: 600px;
}
#ctaAtlas {
	display:none;
}