@charset "UTF-8";
body,
html {
	font-family: Arial;
	font-size: 12px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow-x: hidden;
}

#container {
	margin: 0px auto;
	width: 1024px;
	height: 750px;
	overflow-y: hidden;
}

#register {
	z-index: 110;
	position:relative;
	float:right;
	margin-right: 40px;
	display:inline;	
}

#styletop 
{
	position: relative;
	top: 5px;
	font:11px/11px 'Segoe UI',tahoma,sans-serif;
	color:#999;
}

#styletop a 
{
	text-decoration: none;
	padding-left: 5px;
	color:#999;
}

#styletop a:hover
{
	text-decoration: underline;
}


#subcontainer {
	width: 810px;
	height: 750px;
	overflow-y: hidden;
}

#logo {
	z-index: 200;
	position:relative;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 15px;
	padding-top: 23px;
	width:153px;
	height:80px;
}

#menu {
	z-index: 50;
	position: absolute;
	width: 400px;
	height: 420px;
	margin:55px 0px 0px 0px;
	padding: 0; /* Zero to prevent IE box trouble. */
	float:left;
	font-family: Arial;
	font-size:54px;
	color: #999;
	display:inline;	
}

#newsMenuItem,
#buzzMenuItem,
#multimediaMenuItem,
#backstageMenuItem {
	display: none;
	padding: 0; /* Zero to prevent IE box trouble. */
	padding-left: 10px;
	float:left;
	clear:both;
}

/* the content boxes for menuItems */
#newsBox { z-index: 130; position: relative; }
#buzzBox { z-index: 140; position: relative; }
#multimediaBox { z-index: 150; position: relative; }
#backstageBox { z-index: 160; position: relative; }


#newsViewAllButton,
#buzzViewAllButton,
#multimediaViewAllButton,
#backstageViewAllButton {
	display: none;
	position: absolute;
	margin-left: 855px;
	width: 70px;
	height: 14px;
	cursor: pointer;
}
#newsViewAllButton { z-index:20; margin-top: 185px; background:url(../images/news_view_all.jpg) no-repeat; }
#buzzViewAllButton { z-index:19; margin-top: 258px; background:url(../images/buzz_view_all.jpg) no-repeat; }
#multimediaViewAllButton { z-index:18; margin-top: 307px; background:url(../images/multimedia_view_all.jpg) no-repeat; }
#backstageViewAllButton {
	z-index:17;
	margin-top:361px; 
	margin-left: 873px;
	width: 53px;
	height: 12px;
	background:url(../images/backstage_enter.jpg) no-repeat;
}

#subcontainer #menu div.pane {
	float:left;
	margin:10px auto;
	display:none;
	width: 984px; /*width: 1024px;*/
	height:240px;
	color:#fff;
	font-size:14px;
	background:#efefef;
	position: relative;
	/*overflow:hidden;*/
}

/* silverlight phone cta */
#silverlightPhoneQuotes {
	z-index: 0;
	position: absolute;
	display: inline;
	margin: -97px auto;
	width: 810px;
	height: 600px;
	text-align:center;
}

/* no silverlight alternate content */
#noSilverlightText {
	font-family: Arial;
	font-size: 11px;
	color: #999;
	text-align: left;
	width: 176px;
	height: 40px;
	margin-top: 550px;
	margin-left: 20px;
}
/* no silverlight alternate content */
#noSilverlightBadge {
	margin-top: 150px;
	margin-left: 10px;
	width: 170px;
	height: 50px;
	background: url(../images/silverlight_install_badge.jpg) no-repeat;
}
/* no silverlight alternate content */
#noSilverlightPhoneImg {
	margin-top: -530px;
	margin-left: 508px;
	width: 312px;
	height: 597px;
	background: url(../images/phone_cta_static.jpg) no-repeat;
}
/* no silverlight alternate content */
#noSilverlightQuote {
	margin-top: -502px;
	margin-left: 842px;
	width: 124px;
	height: 292px;
	background: url(../images/phone_cta_text_static.png) no-repeat;
}


/* silverlight phone demo */
#silverlightPhoneDemo {
	z-index: 31;
	position: absolute;
	display:none;
	margin-left:-2000px;
	margin-top: -85px;
	width:820px;
	height:768px;
}

#demoshare {
	z-index: 199;
	display:none;
	margin-top: -95px;
	margin-left: 650px;
	position: absolute;
	width:140px;
	height:22px;   
	text-align: right;
}

a.demosharebutton {
	float: right;
	width:22px;
	height:22px;
	cursor:pointer;
	padding-left: 5px;
}
a.sharetwitter { background:url(../images/demo_twitter_share.png) no-repeat; }
a.sharetwitter:hover, a.sharetwitter:active { background:url(../images/demo_twitter_share.png) no-repeat; }

a.sharefacebook { background:url(../images/demo_facebook_share.png) no-repeat; }
a.sharefacebook:hover, a.sharefacebook:active { background:url(../images/demo_facebook_share.png) no-repeat; }

a.shareemail { background:url(../images/demo_email_share.png) no-repeat; }
a.shareemail:hover, a.shareemail:active { background:url(../images/demo_email_share.png) no-repeat; }

#demosharetwittertext,
#demosharefacebooktext,
#demoshareemailtext {
	color: #1BA1E2;
	display: none;
	width:40px;
	height:30px;  
	padding-right: 4px;
	float: right;
}


#footer {
	z-index: 90;
	position: absolute;
	text-align: center;
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #999;
	background-color: #fff;
	margin-top: 593px;
	width: 1050px;
	height: 200px; 
}

#footerwrapper {
	margin: 0 auto;
   	padding: 0;  /*Zero to prevent IE box trouble. */
	background-color: #fff;
	width: 926px; 
	height: 32px;
}

#footerrule {
	border-top: #ccc solid thin;
	width: 926px;
	height: 1px;
}

#copyright {
	padding: 5px 0px 0px 0px;
	float: left;
	display:inline;
}

#mlogo {
	padding-top: 5px;
	float: right;
	display:inline;	
}


#footer_separator_1 {
	z-index: 91;
	position: absolute;
	margin: -1px 100px auto;
	margin-bottom: 0px;
	left: 64px;
	top: 3px;
}


#footercontact {
	z-index: 92;
	position: absolute;
	margin: 7px 116px auto;
	left: 68px;
	top: 1px;
}
#footercontact a { color: #999; text-decoration: none; }
#footercontact a:hover, #footercontact a:active { color: #333; }




#footerterms {
	z-index: 92;
	position: absolute;
	margin: 7px 195px auto;
	left: 68px;
	top: 1px;
}
#footerterms a { color: #999; text-decoration: none; }
#footerterms a:hover, #footerterms a:active { color: #333; }

#footerprivacy {
	z-index: 93;
	position: absolute;
	margin: 7px 289px auto;
	left: 68px;
	top: 1px;
}
#footerprivacy a { color: #999; text-decoration: none; }
#footerprivacy a:hover, #footerprivacy a:active { color: #333; }

#footersurvey {
	z-index: 93;
	position: absolute;
	margin: 7px 405px auto;
	left: 68px;
	top: 1px;
}
#footersurvey a { color: #999; text-decoration: none; }
#footersurvey a:hover, #footersurvey a:active { color: #333; }

#footerShareText {
	z-index: 94;
	position: absolute;
	width: 80px;
	margin: 7px 640px auto;
	left: 62px;
	top: 1px;
}

#footer_twitter {
	z-index: 95;
	position: absolute;
	width: 22px;
	height: 18px;
	margin: 5px 725px auto;
	background:url(../images/footer_twitter_icon.jpg) no-repeat;
	left: 62px;
	top: 2px;
}

#footer_facebook {
	z-index: 96;
	position: absolute;
	width: 29px;
	height: 18px;
	margin: 6px 752px auto;
	background:url(../images/footer_facebook_icon.jpg) no-repeat;
	left: 62px;
	top: 2px;
}

#footer_youtube {
	z-index: 97;
	position: absolute;
	width: 23px;
	height: 18px;
	margin: 5px 788px auto;
	background:url(../images/footer_youtube_icon.jpg) no-repeat;
	left: 62px;
	top: 1px;
}

#footer_separator_2 {
	z-index: 98;
	position: absolute;
	margin: -1px 825px auto;
	left: 62px;
	top: 3px;
}

#signupContainer {
	float: right;
	clear: both;
	width:50px;
	height:700px;
	display:inline;	
}

#signupMolecule {
	z-index: 250;
	position: relative;
	float: right;
	display: none;
	margin-left: -189px;
	width:152px;
	height:142px;
	background-color: #1BA1E2;
}

#signUpBox {
	z-index: 260;
	position: relative;
	display: none;
	margin-right: 140px;
	width:290px;
	height:142px;
	background-color: #1BA1E2;
}

/* ff focues selection fix */
object:focus { outline:none; }




/*  ********************************************************   SCROLLABLE HORIZONTAL */
/*  root element for the scrollable. when scrolling occurs this element stays still. */
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 896px; /*width: 934px;*/
	height:240px;
	margin-top: 0px 0px auto;	
	background-color:#fff;
	
	/* custom decorations 
	border:1px solid #ccc;*/
}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img { float:left; margin:0px 0px 0px 5px; }

/* active item */
.scrollable .active { z-index:9999; position:relative; }

/*  ************************************************************   BUTTONS  */
/* this makes it possible to add next button beside scrollable */
.scrollable { float:left; }

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:44px;
	height:240px;
	float:left;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
	background-color:#999;
}

/* right */
a.right { background:url(../images/sc_bt_rt_over.jpg) no-repeat; }

#newsBox a.right:hover { background:url(../images/sc_bt_rt_news.jpg) no-repeat; } 
#buzzBox a.right:hover { background:url(../images/sc_bt_rt_buzz.jpg) no-repeat; } 
#multimediaBox a.right:hover { background:url(../images/sc_bt_rt_multimedia.jpg) no-repeat; } 
#backstageBox a.right:hover { background:url(../images/sc_bt_rt_backstage.jpg) no-repeat; } 

#newsBox a.right:active { background:url(../images/sc_bt_rt_news.jpg) no-repeat; } 
#buzzBox a.right:active { background:url(../images/sc_bt_rt_buzz.jpg) no-repeat; } 
#multimediaBox a.right:active { background:url(../images/sc_bt_rt_multimedia.jpg) no-repeat; } 
#backstageBox a.right:active { background:url(../images/sc_bt_rt_backstage.jpg) no-repeat; } 

/* left */
a.left { background:url(../images/sc_bt_lt_over.jpg) no-repeat; } 

#newsBox a.left:hover { background:url(../images/sc_bt_lt_news.jpg) no-repeat; }
#buzzBox a.left:hover { background:url(../images/sc_bt_lt_buzz.jpg) no-repeat; }
#multimediaBox a.left:hover { background:url(../images/sc_bt_lt_multimedia.jpg) no-repeat; }
#backstageBox a.left:hover { background:url(../images/sc_bt_lt_backstage.jpg) no-repeat; }

#newsBox a.left:active { background:url(../images/sc_bt_lt_news.jpg) no-repeat; }
#buzzBox a.left:active { background:url(../images/sc_bt_lt_buzz.jpg) no-repeat; }
#multimediaBox a.left:active { background:url(../images/sc_bt_lt_multimedia.jpg) no-repeat; }
#backstageBox a.left:active { background:url(../images/sc_bt_lt_backstage.jpg) no-repeat; }

/* disabled navigational button */	
a.disabled { visibility:hidden !important; } 


/* 
------------------------------------------------
  	  		| SCROLLERS |
  	  		V           V
*/


div.imageBox-news p, 
div.imageBox-news-copy p, 
div.imageBox-news-video p,
div.imageBox-media p, 
div.imageBox-media-copy p, 
div.imageBox-media-video p,
div.imageBox-buzz p, 
div.imageBox-buzz-copy p, 
div.imageBox-buzz-video p,
div.imageBox-buzz-copy.generic div,
div.imageBox-backstage p, 
div.imageBox-backstage-copy p, 
div.imageBox-backstage-video p {
	font-family: "Segoe UI", Arial;
}


div.imageBox-news,
div.imageBox-media,
div.imageBox-buzz,
div.imageBox-backstage  {
	overflow: hidden;
	display: block;
	float: left;
	/* if we want to go without border then make the height & width = 240px */
	width:238px;
	height:238px;
 	margin-right: 5px;
	position: relative;
	cursor: pointer;
	border: 1px solid rgb(27, 160, 225);
}

div.imageBox-news-copy,
div.imageBox-media-copy,
div.imageBox-buzz-copy,
div.imageBox-backstage-copy {

	overflow: hidden;
	display: block;
	float: left;
	width:238px;
	height:238px;
 	margin-right: 5px;
	position: relative;
	cursor: pointer;
	background: rgb(27, 160, 225);
	border: 1px solid rgb(27, 160, 225);
	
}



div.imageBox-news-video,
div.imageBox-media-video,
div.imageBox-buzz-video,
div.imageBox-backstage-video {
	width:387px;
	height:240px;
	display:block;
	float:left;
	cursor:pointer;
	margin-right: 5px;
	position: relative;
}

div.imageBox-news-video div,
div.imageBox-media-video div,
div.imageBox-buzz-video div,
div.imageBox-backstage-video div {
	background: transparent url(/images/css/play_circle_large.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 80px;
	height: 80px;
	float: left;
	margin: 0px;
	padding: 0px;
	top: 80px;
	left: 163px;
	z-index: 3;
	position: absolute;
	
}

div.imageBox-news-copy div,
div.imageBox-media-copy div,
div.imageBox-buzz-copy div,
div.imageBox-backstage-copy div {
	background-image: url(/images/icons/windows.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 29px;
	width: 29px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	position: absolute;
	z-index: 3;
	
}

div.imageBox-backstage-copy.arrow div {
	background-image: url(/images/icons/arrow.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 29px;
	width: 29px;
	float: left;
	padding-left: 380px;
	padding-top: 30px;
	position: absolute;
	z-index: 3;
	
}

div.imageBox-news img, div.imageBox-news-copy img, div.imageBox-news-video img,
div.imageBox-media img, div.imageBox-media-copy img, div.imageBox-media-video img,
div.imageBox-buzz img, div.imageBox-buzz-copy img, div.imageBox-buzz-video img,
div.imageBox-backstage img, div.imageBox-backstage-copy img, div.imageBox-backstage-video img {
	position: absolute;
	z-index: 2;
	padding: 0px;
	margin: 0px;
}

div.imageBox-news p, div.imageBox-news-video p,
div.imageBox-media p, div.imageBox-media-video p,
div.imageBox-buzz p, div.imageBox-buzz-video p,
div.imageBox-backstage p, div.imageBox-backstage-video p {
	
	background: transparent url(/images/semitrasparent_black_background.png) repeat scroll top right;
	color: white;
	display: block;
	padding: 10px;
	margin: 0px;
	position: absolute;
	cursor: pointer;
	width: 93%;
	bottom: 0px;
	visibility: hidden;
	z-index:6;
	font-size: 150%;
}

div.imageBox-news-copy p,
div.imageBox-media-copy p,
div.imageBox-buzz-copy p,
div.imageBox-backstage-copy p  {
	
	color: white;
	display: block;
	padding: 0px;
	margin: 10px;
	position: absolute;
	cursor: pointer;
	width: 93%;
	bottom: 0px;
	visibility: visible;
	z-index:6;
	font-size: 150%;
}

div.imageBox-news-video p,
div.imageBox-media-video p,
div.imageBox-buzz-video p,
div.imageBox-backstage-video p {
	width: 367px;
}

div.items div.imageBox-news:hover p, div.items div.imageBox-news-video:hover p,
div.items div.imageBox-media:hover p, div.items div.imageBox-media-video:hover p,
div.items div.imageBox-buzz:hover p, div.items div.imageBox-buzz-video:hover p,
div.items div.imageBox-backstage:hover p, div.items div.imageBox-backstage-video:hover p {

	visibility: visible;
}

div.items div.imageBox-news-copy:hover, div.items div.imageBox-news-copy:hover p {
	background-color: white;
	color: rgb(27, 160, 225);
	visibility: visible;
}



/* Media Colors */
div.items div.imageBox-media-copy:hover, div.items div.imageBox-media-copy:hover p {
	background-color: white;
	color: rgb(107, 189, 70);
	visibility: visible;
	
}

div.imageBox-media,
div.imageBox-media-copy{
	background-color: rgb(107, 189, 70);	
}

div.imageBox-media,
div.imageBox-media-copy {
	border: 1px solid rgb(107, 189, 70);
}


/* Buzz Colors */

div.items div.imageBox-buzz-copy:hover, div.items div.imageBox-buzz-copy:hover p {
	background-color: white;
	color: rgb(255, 194, 17);
	visibility: visible;
	
}

div.imageBox-buzz,
div.imageBox-buzz-copy{
	background-color: rgb(255, 194, 17);
}

div.imageBox-buzz,
div.imageBox-buzz-copy {
	border: 1px solid rgb(255, 194, 17);
}

div.imageBox-buzz-copy.twitter div {
	background-image: url(/images/icons/twitter.png);
}
div.imageBox-buzz-copy.facebook div {
	background-image: url(/images/icons/facebook.png);
}

div.imageBox-buzz-copy.generic div {
	background-image: none;
	width: 158px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	position: absolute;
	z-index: 3;
}

/* Backstage Colors */
div.items div.imageBox-backstage-copy:hover, div.items div.imageBox-backstage-copy:hover p {
	background-color: white;
	color: #FE5815;
	visibility: visible;
	
}

div.imageBox-backstage,
div.imageBox-backstage-copy{
	background-color: #FE5815;	
}

div.imageBox-backstage,
div.imageBox-backstage-copy {
	border: 1px solid #FE5815;
}

.scrollable div.items {
	left: 0px;
}
div#chained1 div.items, div#chained2 div.items, div#chained3 div.items, div#chained4 div.items  {
	left: 0px;
	padding-left: 0px;
	margin-left: 5px;
}

/* 

Attemp to give larger size to BuzzBox for scrolling

.scrollable .items {
	width: 40000em;
}

*/