@charset "UTF-8";
/* CSS Document */

body {
}

.herobleed {
    background-color: #b7d50a;
}

	.herobleed .Hero {
	background: url(images/HeaderBar_multi.png) no-repeat;
	height:220px;
	background-position-x:center;
	display: block;	
	}

		.herobleed .Hero .herocontent {
		color:#ffffff;
		position:relative;
		top:60px;
         margin:0 auto;
         width:1160px;
		}

			.herobleed .Hero .herocontent h2 {
			   font-size: 45px;
        color: #ffffff;
        font-family: "Segoe Light", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
        font-weight: lighter;
        text-align: left;
        text-decoration: none;
                margin: 0;
			}

			.herobleed .Hero .herocontent p {
                font-family: "Segoe Light", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 20px;
text-decoration: none; 
text-align: left;
color: #ffffff;

			}

.eventsRegister {
    margin-top: 40px;
}		

    .eventsRegister div.headerblockfirst {
        margin: 0px;
	 font-size: 31px;
        color: #ffffff;
        font-family: "Segoe Light", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
        font-weight: lighter;
        text-align: left;
        text-decoration: none;
        margin-top: 12px;
        height: 60px;
        background-color: #7eb900;
        background: url(../static/AppBuilder/images/appbuilderhome/CTA-arrow-white.png) no-repeat 1110px center #7eb900;
       
      
}
    .eventsRegister div.headerblockfirst.bottom {        
        margin-top: -45px;        
    }
        .eventsRegister a.CTA div {
            display: inline-block;
            
        
    }
          .eventsRegister a.CTA div.headerblockfirst div.firstBlock {
           width:1160px;
            
        
    }

        .eventsRegister a.CTA span.firstBlock {
            width: 270px;
            height: 35px;
            background-color: #505050;
            display: inline-block;
            text-align: center;
            padding-top: 25px;
            float: left;
            color: #fff;
            position: relative;
    }
            .eventsRegister a.CTA span.firstBlock.registerduser {
                width:390px;
            }

			  .eventsRegister .CTA span.firstBlock:before {
                border: solid transparent;
                border-color: rgba(255,255,255,0); /**to remove border in firefox*/
    border-width: 30px;
                border-left-width: 20px;
                border-left-color: #505050;
	content: ' ';
	height: 0;
                width: 0;
	left: 100%;
                top: 0;
	position: absolute;
    }

.eventsRegister .CTA p {
            margin-left: 50px;
            margin-top: 5px;
            display:inline-block;
            color:#fff;
}

        .eventsRegister .CTA span.firstBlock .imageText {
            position: relative;
            bottom: 20px;
	}

.eventDescription {
    margin-top: 20px;
}

	.eventDescription p {
	font-size: 28px;
        color: #939393;
        font-family: "Segoe Light", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
        font-weight: lighter;
        text-align: left;
        text-decoration: none;
       
	}
        .eventDescription p span
        {
            color:#505050;
        }

.eventstimings {
	width: 200px;
	margin-bottom: 160px;
}

    .eventstimings .eventTime {
        margin: 0px;
	 font-size: 24px;
        color: #ffffff;
        font-family: "Segoe Light", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
        font-weight: lighter;
        text-align: left;
        text-decoration: none;
        margin-top: 20px;
        height: 60px;
        background-color: #b7df0a;
}

span.firstBlockTimer {
    width: 215px;
    height: 35px;
    background-color: #b7d50a;
    display: inline-block;
    text-align: center;
    padding-top: 25px;
    float: left;
    color: #fff;
    position: relative;
    }

			span.firstBlockTimer:before {
        border: solid transparent;
        border-color: rgba(255,255,255,0); /**to remove border in firefox*/
    border-width: 30px;
        border-left-width: 20px;
        border-left-color: #b7d50a;
	content: ' ';
	height: 0;
        width: 0;
	left: 100%;
        top: 0;
	position: absolute;
    }

.eventstimings .eventTime .imageText {
    position: relative;
    bottom: 15px;
	}

.events table, th, td {
border: 1px solid black;
    border-left: 0px;
}

	.events table tr td {
	width: 10px;
	height: 200px;
	}

.events table {
    border-collapse: collapse;
}

.events .eventstimer {
    width: 246px;
    float: left;
}

.events .eventborder {
	width: 35px;
	float: left;
	margin-top: 50px;
}

.events .eventheads {
    width: 862px;
    float: left;
	margin-top:1px;
}

.events {
    display: inline-block;margin-bottom:-250px;
}

.eventhead .eventheadimage {
	width:180px;
	float:left;
}

.eventhead .eventheaddescription {
	float:left;
	width:650px;
	margin-left:16px;
}

.eventhead .headdata {
    display: block;
}

.eventheads .eventhead {
	height: 220px;
}

	.eventheads .eventhead .eventheading h2 {
	font-size: 32px;
        color: #505050;
        font-family: "Segoe Light", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
        font-weight: lighter;
        text-align: left;
        text-decoration: none;
	}

.eventhead .eventheaddescription .eventheadtitle h3 {
		font-size: 22px;
        color: #505050;
        font-family: "Segoe Light", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
        font-weight: lighter;
        text-align: left;
        text-decoration: none;
    margin: 20px 0 10px 0;
}

.eventhead .eventheaddescription .headdescrp p {
    margin: 0px;
    font-family: "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
text-decoration: none; 
text-align: left;
color: #454545;

}
.eventhead .eventheaddescription .headdescrp .subheader
{
    font-family: "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 20px;
text-decoration: none; 
text-align: left;
color: #939393;
margin-top:15px;

}
.eventhead .eventheaddescription .headdescrp .subheader span
{
    font-family: "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 20px;
text-decoration: none; 
text-align: left;
color: #454545;


}
.eventheadCTA a {
 
    color: #7fb700;
    display: block;
    font-size: 16px;
   
    padding-right: 35px;
    text-decoration: none;
    clear:both;
}
    .eventheadCTA a span.first
    {
	float:left;
	margin-bottom:4px;

    }
    .eventheadCTA a span.arrow
    {
        background: url("/static/AppBuilder/images/VirtualSummit/Green-Arrow.PNG") no-repeat scroll right center transparent;
        width:25px;
        height:23px;
        display:block;
        float:left;
    }

.eventhead .eventheaddescription .eventheadCTA {
	margin-top: 5px;
}



.eventstimingsNS {
    width: 200px;
    margin-bottom: 280px;
}

    .eventstimingsNS .eventTimeNS {
        margin: 0px;
	 font-size: 32px;
        color: #ffffff;
        font-family: "Segoe Light", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
        font-weight: lighter;
        text-align: left;
        text-decoration: none;
        margin-top: 20px;
        height: 60px;
        background-color: #b7df0a;
}

span.firstBlockTimerNS {
    width: 215px;
    height: 35px;
    background-color: #ededed;
    display: inline-block;
    text-align: center;
    padding-top: 25px;
    float: left;
    color: #e3e4e5;
    position: relative;
    }

	span.firstBlockTimerNS:before {
        border: solid transparent;
        border-color: rgba(255,255,255,0); /**to remove border in firefox*/
    border-width: 30px;
        border-left-width: 20px;
        border-left-color: #ededed;
	content: ' ';
	height: 0;
        width: 0;
	left: 100%;
        top: 0;
	position: absolute;
    }

.eventstimingsNS .eventTimeNS .imageTextNS {
    position: relative;
    bottom: 20px;
	}


body#VirtualSummit #thanksForEnteringVirtualsummit span.giveawaySocialCallout
    {
        width: 380px;
        height: 32px;
        display: inline-block;
        margin-top: 20px;
        margin-left: 82px;
		font-family: "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 18px;
		text-decoration: none; 
		text-align: left;
		color: #ffffff;
    }

  body#VirtualSummit #thanksForEnteringVirtualsummit span.giveawayFacebook,
    body#VirtualSummit #thanksForEnteringVirtualsummit span.giveawayTwitter
    {
        width: 29px;
        height: 29px;
        display: inline-block;
        top: 8px;
        margin-right: 5px;
        left: 10px;
        position: relative;
    }

   body#VirtualSummit #thanksForEnteringVirtualsummit span.giveawayFacebook
    {
        background: url(/static/AppBuilder/Images/VirtualSummit/facebook_icon.png) left top no-repeat;
    }

    body#VirtualSummit #thanksForEnteringVirtualsummit span.giveawayTwitter
    {
        background: url(/static/AppBuilder/Images/VirtualSummit/twitter_icon.png) left top no-repeat;
    }

body#VirtualSummit #thanksForEnteringVirtualsummit .EventCalender #calender {
height:20px;
background-color:#93c848;
padding:4px 10px 5px 10px;
text-decoration:none;
color:#ffffff;
font-size:18px;
}
	body#VirtualSummit #thanksForEnteringVirtualsummit .EventCalender #calender:hover {
	background-color:green;
	}
body#VirtualSummit #thanksForEnteringVirtualsummit .EventCalender {
margin-left:82px;
margin-top:0px;
}
	/*Bigdoorpopup*/
#fadeBG3 {
display: none;
filter: alpha(opacity=80);
-moz-opacity: 0.90;
opacity: 0.90;
z-index: 8;
background-color: #EFF0F0;
position: absolute;
top: 353px;
left: 0;
width: 100%;
height: auto;
min-height: 3570px;
min-width: 1024px;

}

#VirtualSummitRegFormPopup {
display: none;
top: 338px;
left: 50%;
margin-top: 22px;
margin-left: -580px;
width: 1160px;
height: 450px;
    z-index: 2200000800;
position: absolute;
    padding: 0px;
}

#VirtualSummitRegFormPopup a.overlayReturn {
width: 75px;
height: 40px;
display: inline-block;
        margin-left: 84px;
background-color: #ffffff;
        margin-top: 10px;
}
 body#VirtualSummit #thanksForEnteringVirtualsummit a.overlayReturn
    {
        background-color: rgb(150, 150, 150);
        width: 200px;
        height: 70px;
        display: block;
        float: right;
        margin-top: 0px;
        padding-bottom: 5px;
    }

       body#VirtualSummit #thanksForEnteringVirtualsummit a.overlayReturn span.overlay-text
        {
            font-family: "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
            font-weight: normal;
            font-size: 14px;
            line-height: 18px;
            display: block;
            float: left;
            text-align: left;
            color: #ffffff;
            width: 150px;
            padding-top: 15px;
            padding-left: 15px;
        }

       body#VirtualSummit #thanksForEnteringVirtualsummit a.overlayReturn span.closeButton
        {
            background: url(../images/Register/close_icon.jpg) no-repeat;
            display: block;
            height: 30px;
            width: 30px;
            float: left;
            margin-top: 20px;
        }
#fadeBG4 {
	display: none;
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
    z-index: 8;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    min-width: 1024px;
}

body#VirtualSummit a:link {
outline:none;
}
body#VirtualSummit #thanksForEnteringVirtualsummit {
    background-color: #000000;
    display: none;
    top: 50%;
    left: 50%;
    margin-top: -281px;
    margin-left: -550px;
    width: 1066px;
    height: auto;
    z-index: 9;
    position: fixed;
    padding: 0 0 0px 35px;
}

    

    body#VirtualSummit #thanksForEnteringVirtualsummit div.thanksHeader {
        display: block;
        margin-left: 80px;

        float: left;
        margin-top: 30px;
		font-family: "Segoe Light ", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		font-weight: lighter;
		font-size: 4em;
		text-decoration: none; 
		text-align: left;
		color: #93c848;
        width:740px;
    }

    body#VirtualSummit #thanksForEnteringVirtualsummit a.overlayReturn span.imageText {
        text-decoration: none;
			 font-family: "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
            font-weight: bold;
            font-size: 16px;
            line-height: 18px;
            display: block;
            float: left;
            text-align: left;
            color: #000000;
            width: 200px;
            padding-top: 23px;
            padding-left: 20%;
		}

    body#VirtualSummit #thanksForEnteringVirtualsummit p {
        font-size:22px;
        display:inline-block;
        color:#fff;
        margin-left:80px;
        width: 80%;
    }
    
	/*reister*/
	@charset "utf-8";

/* ========== This Style Sheet Contains Common and Page-Specific Styles for "_WhiteLayout" Pages ========== */

/* 

Table of Contents

*** Common & Reusable Styles ***
1. Common Tag Styles
2. Common IDs & Classes
3. Carousel Styles
4. App Spotlight Styles
5. Featured App Panel Styles
6. Twitter/W8 Launch Carousel Styles (currently unused)

*** Page Specific Styles ***
7. Offers Page Styles
8. Ideas Page Styles
9. Code Page Styles
10. Giveaway Page Styles
11. Register Page Styles
12. Build Page Styles
13. Apps Made Easy (Frameworks) Page Styles
14. Ultimate Experience Contest Page Styles
15. Student Page Styles
16. Student Spotlight Styles

*/

/* ========== 1. Common Tag Styles ========== */

body, html {
    width: 100%;
    min-height: 700px;
    margin: 0px;
    padding: 0;
}

body {
    background-size: cover;
    display: inline-block;
}

a:link, a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/*ul {
    list-style-type: none;
}*/

/* ========== 2. Common IDs & Classes ========== */

#scheduleContentWrapper {
    float: left;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#scheduleContent {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 820px;
    margin-top: 50px;
}

#topSection {
    display: inline-block;
    padding-bottom: 20px;
    width: 800px;
}

#textLeft, #bottomTextLeft {
    color: #333333;
    float: left;
    height: auto;
    margin-right: 19px;
    margin-top: 5px;
    position: relative;
    width: 501px;
}

    #textLeft h1 {
        height: 51px;
        width: 505px;
        font-family: 'SegoeBlack', Segoe UI, Arial, Verdana, sans-serif;
        text-transform: uppercase;
        color: #333;
        font-size: 42px;
        line-height: 40px;
        letter-spacing: -2px;
        padding-bottom: 50px;
        position: relative;
    }

    #textLeft h2.callout {
        font-size: 24px;
        margin: 0px 0px 20px;
        line-height: 28px;
    }

#textRight, #bottomTextRight {
    color: #333333;
    float: left;
}

#middleSection {
    width: 800px;
    font-size: 14px;
    background-color: #fff;
    display: inline-block;
    margin-bottom: 40px;
}

#bottomTextLeft {
    padding: 20px;
    width: 460px;
}

    #bottomTextLeft div.bottomLeftHeadline {
        font-family: 'SegoeBlack', Segoe UI, Arial, Verdana, sans-serif;
        text-transform: uppercase;
        color: #8fca43;
        font-size: 32px;
        line-height: 32px;
        width: 439px;
        height: 56px;
        letter-spacing: -1px;
    }

    #bottomTextLeft p {
        font-size: 14px;
        margin: 20px 0 0 0;
    }

        #bottomTextLeft p a:link, #bottomTextLeft p a:hover, #bottomTextLeft p a:visited {
            color: #1fb4df;
        }

        #bottomTextLeft p a:hover {
            text-decoration: underline;
        }

.mainText {
    font-size: 14px;
    line-height: 22px;
}

div#lpButton3 {
    position: relative;
    visibility: visible;
}

.disabledFormSection {
    color: #ccc;
}

/* ========== 3. Carousel Styles ========== */

.goBack, .goForward {
    width: 41px;
    height: 41px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    top: 50%;
    margin-top: -55px;
}

.goBack {
    background: url(../images/arrowSprite.png) left top no-repeat;
    float: left;
}

.goForward {
    background: url(../images/arrowSprite.png) left -50px no-repeat;
    float: right;
}

/* ========== 4. App Spotlight Styles ========== */

div#appSpotlightWrapper {
    background: url(../images/appSpotlightBG.png) -5px -15px repeat;
    width: 100%;
    height: 500px;
    display: block;
    position: relative;
    z-index: 2;
}

body#code div#appSpotlightWrapper {
    margin-top: 20px;
}

div#appSpotlightWrapper div.appSpotlightContent {
    width: 820px;
    height: 400px;
    position: absolute;
    left: 50%;
    margin-top: 50px;
    margin-left: -410px;
    color: #fff;
}

    div#appSpotlightWrapper div.appSpotlightContent div.appSpotlightLeft {
        float: left;
        width: 420px;
        height: 400px;
    }

        div#appSpotlightWrapper div.appSpotlightContent div.appSpotlightLeft div.appSpotlightHeader {
            display: inline-block;
            width: 228px;
            margin-bottom: 50px;
            font-family: 'SegoeBlack', Segoe UI, Arial, Verdana, sans-serif;
            text-transform: uppercase;
            font-size: 24px;
            line-height: 15px;
            letter-spacing: -1px;
        }

        div#appSpotlightWrapper div.appSpotlightContent div.appSpotlightLeft p {
            font-size: 14px;
            line-height: 18px;
            margin-top: 20px;
            width: 364px;
        }

            div#appSpotlightWrapper div.appSpotlightContent div.appSpotlightLeft p.intro {
                margin-bottom: 40px;
                width: 445px;
            }

        div#appSpotlightWrapper div.appSpotlightContent div.appSpotlightLeft div.appSpotlightThumb {
            background: url(../images/appSpotlightHuluThumb.png) left top no-repeat;
            width: 58px;
            height: 58px;
            display: inline-block;
            float: left;
            margin-right: 15px;
        }

        div#appSpotlightWrapper div.appSpotlightContent div.appSpotlightLeft div.appSpotlightTitle {
            float: left;
            display: inline;
            font-size: 22px;
            line-height: 27px;
        }

        div#appSpotlightWrapper div.appSpotlightContent div.appSpotlightLeft span.appSpotlightCLECTA {
            background: url(../images/appSpotlightCTASprite.png) left bottom no-repeat;
            display: inline-block;
            width: 272px;
            height: 27px;
            margin-top: 5px;
            cursor: pointer;
        }

div#appSpotlightWrapper div.appSpotlightScreenshot {
    background: url(../images/appSpotlightHuluScreen.png) left top no-repeat;
    display: inline-block;
    width: 421px;
    height: 262px;
    position: absolute;
    left: 50%;
    margin-left: 12px;
    margin-top: 119px;
}

div#appSpotlightWrapper span.appSpotlightStoreCTA {
    background: url(../images/appSpotlightCTASprite.png) left top no-repeat;
    display: inline-block;
    width: 272px;
    height: 27px;
    margin-top: 5px;
    cursor: pointer;
    position: absolute;
    margin-top: 400px;
    left: 50%;
    margin-left: 12px;
}

    div#appSpotlightWrapper span.appSpotlightStoreCTA a:link {
        width: 275px;
        height: 20px;
        position: absolute;
    }

/* ========== 5. Featured App Panel Styles ========== */

div.appIcon {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 24px 20px 10px 20px;
}

div.allRecipes {
    background: url(../images/featuredAppsIcons/allRecipesIcon.jpg) left top no-repeat;
}

div.armed {
    background: url(../images/featuredAppsIcons/armedIcon.jpg) left top no-repeat;
}

div.carmenSandiego {
    background: url(../images/featuredAppsIcons/carmenSanDiegoIcon.jpg) left top no-repeat;
}

div.chaCha {
    background: url(../images/featuredAppsIcons/chaChaIcon.jpg) left top no-repeat;
}

div.digitalFolio {
    background: url(../images/featuredAppsIcons/digitalFolioIcon.jpg) left top no-repeat;
}

div.flightAware {
    background: url(../images/featuredAppsIcons/flightAwareIcon.jpg) left top no-repeat;
}

div.mtvNews {
    background: url(../images/featuredAppsIcons/mtvNewsIcon.jpg) left top no-repeat;
}

div.popSci {
    background: url(../images/featuredAppsIcons/popSciIcon.jpg) left top no-repeat;
}

div.slackerRadio {
    background: url(../images/featuredAppsIcons/slackerRadioIcon.jpg) left top no-repeat;
}

div.usaToday {
    background: url(../images/featuredAppsIcons/usaTodayIcon.jpg) left top no-repeat;
}

div.dictionary {
    background: url(../images/featuredAppsIcons/dictionaryIcon.png) left top no-repeat;
}

div.pinball {
    background: url(../images/featuredAppsIcons/pinballIcon.png) left top no-repeat;
}

div.netflix {
    background: url(../images/featuredAppsIcons/netflixIcon.png) left top no-repeat;
}

div.wikipedia {
    background: url(../images/featuredAppsIcons/wikipediaIcon.png) left top no-repeat;
}

div.wwe {
    background: url(../images/featuredAppsIcons/wweIcon.png) left top no-repeat;
}

div.angryBirds {
    background: url(../images/featuredAppsIcons/angryBirdsIcon.png) left top no-repeat;
}

div.chess {
    background: url(../images/featuredAppsIcons/chessIcon.png) left top no-repeat;
}

div.piano {
    background: url(../images/featuredAppsIcons/pianoIcon.png) left top no-repeat;
}

div.track {
    background: url(../images/featuredAppsIcons/trackIcon.png) left top no-repeat;
}

#drawerContainer {
    width: 100%;
    height: 500px;
    display: block;
    margin-top: 0;
    overflow: hidden;
    background-color: #b3021f;
}
/*zipcode label*/
body#VirtualSummit .formcontainer div.zipcode {
    display: inline-block;
    position: relative;
    width: 52.63%;
}

    body#VirtualSummit .formcontainer div.zipcode input {
        width: 100%!important;
    }

    body#VirtualSummit .formcontainer div.zipcode span.requiredLabelresponsive {
        display: none;
    }

div#featuredAppsWrapper {
    background: url(../images/featuredAppsBG.png) -5px 15px repeat;
    width: 100%;
    height: 520px;
    display: block;
    margin-top: -400px;
    position: relative;
    z-index: 2;
}

    div#featuredAppsWrapper #featuredAppsHeader {
        width: 819px;
        margin: 0 auto;
        padding: 57px 0 57px;
        position: relative;
    }

        div#featuredAppsWrapper #featuredAppsHeader #hotAppsCallout {
            width: 341px;
            height: 19px;
            display: inline-block;
            float: left;
        }

            div#featuredAppsWrapper #featuredAppsHeader #hotAppsCallout div {
                display: block;
                font-family: 'SegoeBlack', Segoe UI, Arial, Verdana, sans-serif;
                text-transform: uppercase;
                font-size: 24px;
                line-height: 15px;
                color: #fff;
            }

        div#featuredAppsWrapper #featuredAppsHeader #hotAppsCTA {
            background: url(../images/galleryCTA.png) left top no-repeat;
            width: 182px;
            height: 85px;
            display: inline-block;
            float: right;
        }

        div#featuredAppsWrapper #featuredAppsHeader p {
            color: #fff;
            font-size: 14px;
            width: 500px;
            margin-top: 5px;
        }

    div#featuredAppsWrapper #featuredAppContainer {
        width: 960px;
        display: block;
        height: 233px;
        overflow: hidden;
        margin: 12px auto 0;
    }

        div#featuredAppsWrapper #featuredAppContainer div.goBack, div#featuredAppsWrapper #featuredAppContainer div.goForward {
            top: 143px;
        }

        div#featuredAppsWrapper #featuredAppContainer .inner {
            width: 820px;
            display: block;
            height: 233px;
            overflow: hidden;
            margin-left: 71px;
        }

            div#featuredAppsWrapper #featuredAppContainer .inner ul.panels {
                position: relative;
                width: 9999px;
                float: left;
                left: 0px;
                height: 233px;
                overflow: hidden;
            }



                div#featuredAppsWrapper #featuredAppContainer .inner ul.panels li.panel {
                    width: 860px;
                    display: inline;
                    padding: 0;
                    height: 233px;
                    float: left;
                    overflow: hidden;
                    list-style-type: none;
                }

                    div#featuredAppsWrapper #featuredAppContainer .inner ul.panels li.panel ul {
                        padding: 0;
                    }

                        div#featuredAppsWrapper #featuredAppContainer .inner ul.panels li.panel ul li {
                            width: 182px;
                            height: 233px;
                            background-color: #fff;
                            margin: 0 15px;
                            float: left;
                            position: relative;
                            display: inline-block;
                        }

                            div#featuredAppsWrapper #featuredAppContainer .inner ul.panels li.panel ul li:first-child {
                                margin-left: 0;
                            }

div#featuredAppContainer div.inner ul.panels li.panel ul li h3 {
    color: #3a3a3a;
    font-size: 16px;
    font-weight: normal;
    margin-left: 18px;
    line-height: 22px;
    margin-top: 6px;
}

    div#featuredAppContainer div.inner ul.panels li.panel ul li h3.appName {
        margin-top: 26px;
    }

    div#featuredAppContainer div.inner ul.panels li.panel ul li h3.twoDevs {
        line-height: 17px;
    }

div#featuredAppContainer div.inner ul.panels li.panel ul li p {
    color: #3a3a3a;
    font-size: 12px;
    margin: 0 20px 10px 20px;
    line-height: 14px;
}

div#featuredAppContainer div.inner ul.panels li.panel ul li a {
    font-weight: bold;
    color: #1fb4df;
    text-decoration: none;
    font-size: 14px;
    margin: 0 20px;
}

    div#featuredAppContainer div.inner ul.panels li.panel ul li a:hover {
        text-decoration: underline;
    }

div#featuredAppsWrapper div#slideClose {
    background: url(../images/slideClose.png) right top no-repeat;
    width: 819px;
    height: 22px;
    cursor: pointer;
    margin: 55px auto 0;
    display: none;
    z-index: 10;
    position: relative;
    top: 17px;
}

/* Success Stories */

div.successThumb {
    display: inline-block;
    width: 183px;
    height: 95px;
    margin: 0 0 10px;
}

    div.successThumb.herman {
        background: url(../images/devThumbs/herman.jpg) left top no-repeat;
    }

    div.successThumb.lwin {
        background: url(../images/devThumbs/lwin.jpg) left top no-repeat;
    }

    div.successThumb.marco {
        background: url(../images/devThumbs/marco.jpg) left top no-repeat;
    }

    div.successThumb.richard {
        background: url(../images/devThumbs/richard.jpg) left top no-repeat;
    }

    div.successThumb.david {
        background: url(../images/devThumbs/david.jpg) left top no-repeat;
    }

    div.successThumb.lino {
        background: url(../images/devThumbs/lino.jpg) left top no-repeat;
    }

    div.successThumb.scott {
        background: url(../images/devThumbs/scott.jpg) left top no-repeat;
    }

    div.successThumb.jasonjohn {
        background: url(../images/devThumbs/jasonjohn.jpg) left top no-repeat;
    }

    div.successThumb.chris {
        background: url(../images/devThumbs/chris.jpg) left top no-repeat;
    }

div.FPO_SuccessClass {
    background: url(../images/featuredAppsIcons/allRecipesIcon.jpg) left top repeat;
}

#appDetailContainer {
    width: 960px;
    display: block;
    visibility: hidden;
    height: 330px;
    overflow: hidden;
    margin: 70px auto 0;
    position: relative;
    z-index: 1;
}

    #appDetailContainer .inner {
        width: 820px;
        display: block;
        height: 350px;
        overflow: hidden;
        margin-left: 71px;
    }

        #appDetailContainer .inner ul.panels {
            position: relative;
            width: 99999px;
            float: left;
            left: 0px;
            height: 350px;
            overflow: hidden;
        }

            #appDetailContainer .inner ul.panels li.panel {
                width: 860px;
                display: inline;
                padding: 0;
                height: 350px;
                float: left;
                overflow: hidden;
                list-style-type: none;
            }

                #appDetailContainer .inner ul.panels li.panel ul {
                    padding: 0;
                }

                    #appDetailContainer .inner ul.panels li.panel ul li {
                        width: 182px;
                        height: 233px;
                        background-color: #fff;
                        margin: 0 15px;
                        float: left;
                        position: relative;
                        display: inline-block;
                    }

                        #appDetailContainer .inner ul.panels li.panel ul li:first-child {
                            margin-left: 0;
                        }

                        #appDetailContainer .inner ul.panels li.panel ul li.appDetail {
                            width: 819px;
                            height: 350px;
                            background-color: white;
                            background-color: transparent;
                        }

                            #appDetailContainer .inner ul.panels li.panel ul li.appDetail .leftDetails {
                                float: left;
                                margin-top: 20px;
                            }

                            #appDetailContainer .inner ul.panels li.panel ul li.appDetail div.appIcon {
                                float: left;
                                margin: 0;
                                display: inline;
                            }

                            #appDetailContainer .inner ul.panels li.panel ul li.appDetail h3 {
                                float: left;
                                display: inline;
                                color: #fff;
                                font-size: 20px;
                                font-weight: normal;
                                margin-left: 20px;
                                line-height: 50px;
                            }

                            #appDetailContainer .inner ul.panels li.panel ul li.appDetail p {
                                color: #fff;
                                font-size: 14px;
                                font-weight: normal;
                                margin-left: 0;
                                display: block;
                                width: 315px;
                            }

                            #appDetailContainer .inner ul.panels li.panel ul li.appDetail .appDetailImage {
                                width: 419px;
                                height: 236px;
                                display: inline-block;
                                float: right;
                                margin-top: 20px;
                            }

div.allRecipesLg {
    background: url(../images/featuredAppsDetail/allRecipesLg.jpg) left top no-repeat;
}

div.armedLg {
    background: url(../images/featuredAppsDetail/armedLg.jpg) left top no-repeat;
}

div.carmenSandiegoLg {
    background: url(../images/featuredAppsDetail/carmenSanDiegoLg.jpg) left top no-repeat;
}

div.chaChaLg {
    background: url(../images/featuredAppsDetail/chaChaLg.jpg) left top no-repeat;
}

div.digitalFolioLg {
    background: url(../images/featuredAppsDetail/digitalFolioLg.jpg) left top no-repeat;
}

div.flightAwareLg {
    background: url(../images/featuredAppsDetail/flightAwareLg.jpg) left top no-repeat;
}

div.mtvNewsLg {
    background: url(../images/featuredAppsDetail/mtvNewsLg.jpg) left top no-repeat;
}

div.popSciLg {
    background: url(../images/featuredAppsDetail/popSciLg.jpg) left top no-repeat;
}

div.slackerRadioLg {
    background: url(../images/featuredAppsDetail/slackerRadioLg.jpg) left top no-repeat;
}

div.usaTodayLg {
    background: url(../images/featuredAppsDetail/usaTodayLg.jpg) left top no-repeat;
}

div.dictionaryLg {
    background: url(../images/featuredAppsDetail/dictionaryLg.jpg) left top no-repeat;
}

div.pinballLg {
    background: url(../images/featuredAppsDetail/pinballLg.jpg) left top no-repeat;
}

div.netflixLg {
    background: url(../images/featuredAppsDetail/netflixLg.jpg) left top no-repeat;
}

div.wikipediaLg {
    background: url(../images/featuredAppsDetail/wikipediaLg.jpg) left top no-repeat;
}

div.wweLg {
    background: url(../images/featuredAppsDetail/wweLg.jpg) left top no-repeat;
}

div.angryBirdsLg {
    background: url(../images/featuredAppsDetail/angryBirdsLg.jpg) left top no-repeat;
}

div.chessLg {
    background: url(../images/featuredAppsDetail/chessLg.jpg) left top no-repeat;
}

div.pianoLg {
    background: url(../images/featuredAppsDetail/pianoLg.jpg) left top no-repeat;
}

div.trackLg {
    background: url(../images/featuredAppsDetail/tracksLg.jpg) left top no-repeat;
}

.appDetailCTA {
    background: url(../images/appDetailCTA.png) left top no-repeat;
    width: 223px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
}

#appDetailContainer .inner ul.panels li.panel ul li ul.appDetailList {
    list-style-type: disc;
    margin-bottom: 10px;
}

    #appDetailContainer .inner ul.panels li.panel ul li ul.appDetailList li {
        width: 315px;
        color: #fff;
        font-size: 14px;
        height: auto;
        background-color: transparent;
        margin: 0 0 5px 0;
        float: none;
        position: relative;
        display: block;
        list-style-type: disc;
    }

#appDetailContainer .inner ul.panels li.panel ul li.appDetail.successStory div.leftDetails {
    margin-top: 5px;
}

#appDetailContainer .inner ul.panels li.panel ul li.appDetail.successStory h3 {
    margin: 3px 0 25px 0px;
    line-height: 20px;
    font-size: 40px;
}

#appDetailContainer .inner ul.panels li.panel ul.successInfo li {
    width: auto;
    height: auto;
    background-color: transparent;
    float: none;
    position: relative;
    display: list-item;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    margin-left: 0;
}

#appDetailContainer .inner ul.panels li.panel ul li.appDetail .appDetailVideo {
    width: 419px;
    height: 236px;
    display: inline-block;
    float: right;
    margin-top: 5px;
}

.appVideo {
    margin-left: -5000px;
}

#appDetail11Video {
    z-index: 1;
    position: absolute;
}

/* ========== 6. Twitter/W8 Launch Carousel Styles (currently unused) ========== */

#tweetContainer {
    width: 960px;
    display: block;
    height: 600px;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 20px;
}

    #tweetContainer #tweetInner {
        width: 819px;
        overflow: hidden;
        height: 600px;
        padding: 15px;
        margin: 0 auto;
    }

    #tweetContainer .inner {
        width: 819px;
        display: inline-block;
        height: 600px;
        overflow: hidden;
        margin-left: 71px;
    }

        #tweetContainer .inner ul.panels {
            position: relative;
            width: 9999px;
            float: left;
            left: 0;
            overflow: hidden;
            padding: 0;
        }

            #tweetContainer .inner ul.panels li.panel {
                width: 860px;
                display: inline;
                float: left;
                margin-left: 0px;
            }

                #tweetContainer .inner ul.panels li.panel ul {
                    padding: 0;
                }

                    #tweetContainer .inner ul.panels li.panel ul li {
                        display: inline-block;
                        vertical-align: top;
                        list-style-type: none;
                        margin: 0 15px;
                    }

                        #tweetContainer .inner ul.panels li.panel ul li.tweet {
                            background: url(../images/tweetLogo.png) 200px 175px no-repeat;
                            font-size: 13px;
                            line-height: 18px;
                            padding: 20px;
                            margin: 0 35px 35px 0;
                            background-color: #1fb4df;
                            width: 210px;
                            height: 180px;
                            color: #fff;
                        }

                            #tweetContainer .inner ul.panels li.panel ul li.tweet div.tweetProfile a {
                                text-decoration: none;
                            }

                            #tweetContainer .inner ul.panels li.panel ul li.tweet div.tweetText a {
                                text-decoration: none;
                                color: #fff;
                                font-weight: bold;
                            }

                            #tweetContainer .inner ul.panels li.panel ul li.tweet div.tweetProfile img {
                                border: none;
                            }

                            #tweetContainer .inner ul.panels li.panel ul li.tweet div.tweetProfile .tweetUserName {
                                display: none;
                            }

                            #tweetContainer .inner ul.panels li.panel ul li.tweet div.tweetProfile .tweetHandle {
                                color: #fff;
                                font-weight: bold;
                                vertical-align: top;
                                margin-left: 12px;
                            }

                            #tweetContainer .inner ul.panels li.panel ul li.tweet .tweetCreatedAt {
                                position: relative;
                                top: -32px;
                                left: 62px;
                            }

/* ========== 7. Begin Offers Page Styles ========== */

body#offers {
    background: url(../images/offers_background.png) left top repeat;
    min-height: 1745px;
    background-size: auto;
}

    body#offers #scheduleContent {
        width: 800px;
    }

    body#offers #textLeft h1 {
        background: url(../images/offers_header.png) no-repeat;
        height: 76px;
        width: 415px;
        text-indent: -2000000px;
        padding-bottom: 20px;
        position: relative;
    }

    body#offers div.genAppLogo {
        background-image: url(../images/offers_genAppLogo.png);
        width: 278px;
        height: 223px;
        position: absolute;
        display: inline-block;
        margin-left: 12px;
    }

    body#offers div#middleSection {
        background-color: transparent;
        margin-bottom: 0;
    }

    body#offers ul#benefits {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        body#offers ul#benefits li {
            width: 262px;
            height: 515px;
            float: left;
            margin-right: 4px;
            background-color: #fff;
            margin-bottom: 25px;
        }

            body#offers ul#benefits li.short {
                width: 262px;
                height: 365px;
                float: left;
                margin-right: 4px;
                background-color: #fff;
            }

            body#offers ul#benefits li:last-child {
                margin-right: 0px;
            }

            body#offers ul#benefits li .benefitContainer {
                margin: 30px 20px;
            }

                body#offers ul#benefits li .benefitContainer p {
                    line-height: 15px;
                }

div.benefitContainer p a:link,
div.benefitContainer p a:hover,
div.benefitContainer p a:visited {
    color: #1fb4df;
}

div.benefitContainer p a:hover {
    text-decoration: underline;
}

body#offers ul#benefits li .benefitContainer .scheduleAppointment {
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0;
}

body#offers ul#benefits li .benefitContainer .cta, body#offers ul#benefits li .benefitContainer .ctaArrow {
    line-height: 40px;
    margin: 20px 0;
    font-size: 18px;
    font-weight: bold;
}

body#offers ul#benefits li .benefitContainer .cta {
    line-height: 40px;
    margin: 20px 0;
    font-size: 18px;
    font-weight: bold;
}

body#offers ul#benefits li .benefitContainer .registerNow {
    margin: 20px 0 15px;
    font-size: 16px;
    font-weight: bold;
}

body#offers ul#benefits li .benefitContainer .getStartedNow {
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
}

body#offers div.cta a:link, body#offers div.cta a:visited,
body#offers div.registerNow a:link, body#offers div.registerNow a:visited {
    color: #1fb4df;
}

body#offers ul#benefits li .benefitContainer .cta img.ctaIcon {
    line-height: 40px;
    vertical-align: middle;
    padding-right: 10px;
}

body#offers ul#benefits li .benefitContainer .registerNow img.ctaIcon {
    line-height: 40px;
    vertical-align: middle;
    padding-right: 10px;
    margin-left: 10px;
}

body#offers ul#benefits li h3 {
    height: 70px;
    background-color: #fe7200;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding-left: 20px;
    line-height: 70px;
}

    body#offers ul#benefits li h3 span.asterisk {
        font-size: 14px;
        margin-left: 2px;
        top: -7px;
        position: relative;
    }


body#offers ul#benefits li .headline {
    background: url(../images/offerHeaderSprite.png) no-repeat;
    display: inline-block;
    width: 267px;
    height: 70px;
}

body#offers ul#benefits li span.offerCTA {
    background: url(../images/offerShortCTASprite.png) no-repeat;
    width: 200px;
    height: 36px;
    display: inline-block;
    margin-top: 20px;
}

body#offers ul#benefits li#markedUp .headline {
    background-position: left top;
}

body#offers ul#benefits li#markedUp.short span.offerCTA {
    background-position: left top;
    margin-top: 20px;
}

body#offers ul#benefits li#windowsStoreAppLab .headline {
    background-position: left -70px;
}

body#offers ul#benefits li#windowsStoreAppLab.short span.offerCTA {
    background-position: left -41px;
    margin-top: 40px;
}

body#offers ul#benefits li#windowsStoreCertGuide .headline {
    background-position: left -140px;
}

body#offers ul#benefits li#windowsStoreCertGuide.short span.offerCTA {
    background-position: left -77px;
    margin-top: 30px;
    height: 46px;
}

body#offers ul#benefits li#designConsultation .headline {
    background-position: left -210px;
}

body#offers ul#benefits li#technicalConsultation .headline {
    background-position: left -280px;
}

body#offers ul#benefits li#createWindowsStoreAccount .headline {
    background-position: left -350px;
}

body#offers ul#benefits li h4 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    line-height: 25px;
}

body#offers #legal {
    font-size: 10px;
    width: 800px;
    margin: 0 auto 0px auto;
    color: #393939;
}

    body#offers #legal a {
        color: #1fb4df;
    }

/* ========== End Offers Page Styles ========== */

/* ========== 8. Begin Ideas Page Styles ========== */

body#ideas {
    min-height: 2076px;
    background-position: center 972px;
}

    body#ideas div#textLeft h1 {
        font-size: 44px;
    }

ul#eLance {
    margin: 13px 0px 0px 20px;
    padding-left: 0;
    list-style-type: disc;
}

    ul#eLance li {
        height: 18px;
        margin-bottom: 10px;
    }

#getStarted {
    width: 279px;
    height: 56px;
    background-color: #8fca43;
    display: inline-block;
    margin-top: 10px;
    color: #fff;
    text-align: center;
    line-height: 56px;
    font-size: 16px;
    font-weight: bold;
}

    #getStarted img {
        vertical-align: middle;
        padding: 0 5px;
    }

#bottomTextRight {
    float: left;
    width: 239px;
    padding: 20px;
}

body#ideas .chatCTA {
    background: url(../images/chatExpert_large.jpg) no-repeat;
    width: 279px;
    height: 249px;
    display: block;
    cursor: pointer;
    margin-top: 5px;
}

/* ========== End Ideas Page Styles ========== */

/* ========== 9. Begin Code Page Styles ========== */

body#code.codePage {
    min-height: 2007px;
    background-position: center 880px;
}

body#code h1 {
    /*background: url(../images/code_header.png) no-repeat;*/
    font-family: 'SegoeBlack', Segoe UI, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    color: #333;
    font-size: 42px;
    line-height: 40px;
    letter-spacing: -2px;
    height: 113px;
    width: 447px;
    padding-bottom: 20px;
    position: relative;
    float: left;
}

body#code #topSection p {
    color: #333;
    float: left;
    font-size: 14px;
    line-height: 22px;
    width: 380px;
    margin-top: 12px;
}

    body#code #topSection p.first {
        width: 500px;
        padding-right: 20px;
        margin-bottom: 8px;
    }

body#code span.buildCTA {
    background-image: url(../images/buildCTA.png);
    width: 261px;
    height: 270px;
    position: absolute;
    display: inline-block;
    margin-left: 148px;
    top: 0;
    left: 50%;
}

body#code h2.callout {
    font-size: 18px;
    margin: 0px;
    line-height: 28px;
    color: #333;
}

#textLeft .mainText {
    width: 370px;
}

body#code #textRight {
    margin-top: -30px;
    margin-left: 50px;
}

    body#code #textRight p {
        width: 370px;
        margin-left: -65px;
        font-size: 14px;
        margin-top: 236px;
        line-height: 22px;
    }

body#code a#downloadVS {
    background: url(../images/downloadVS.png) left top no-repeat;
    width: 456px;
    height: 30px;
    display: inline-block;
    float: left;
    margin: 20px 0 20px;
}

body#code a#AzureTrial {
    background: url(../images/azureTrial.png) left top no-repeat;
    width: 309px;
    height: 30px;
    display: inline-block;
    float: right;
    margin: 20px 0 30px 0;
}

body#code .helpbutton {
    float: left;
    margin: 0 20px;
}

body#code .codeCTAs {
    width: 819px;
    margin: 5px auto 0 auto;
    display: block;
    height: 170px;
}

#consultationCTA {
    background: url(../images/codeOffers.jpg) no-repeat;
    width: 339px;
    height: 144px;
    display: inline-block;
    float: left;
    z-index: 2;
    position: relative;
}

#hotAppsCoolDevsCTA {
    background: url(../images/hotAppsCoolDevsCTA.jpg) no-repeat;
    width: 259px;
    height: 144px;
    display: inline-block;
    float: left;
    z-index: 2;
    position: relative;
    margin-left: 20px;
}

#ultimateExperienceCTA {
    background: url(../images/ultimateExperienceCTA.png) no-repeat;
    width: 339px;
    height: 144px;
    display: inline-block;
    float: left;
    z-index: 2;
    position: relative;
}

#reimagineCTA {
    background: url(../images/reimagineCTA.png) no-repeat;
    width: 178px;
    height: 144px;
    display: inline-block;
    float: left;
    z-index: 2;
    position: relative;
    margin-left: 22px;
}

#reimagineCTAStudent {
    background: url(../images/reimagineCTA.png) no-repeat;
    width: 178px;
    height: 144px;
    display: inline-block;
    float: left;
    z-index: 2;
    position: relative;
    margin-right: 22px;
}

#reimagineContent {
    display: none;
    color: #fff;
    position: fixed;
    left: 50%;
    font-size: 16px;
    z-index: 1000;
    width: 155px;
    padding: 15px;
    margin-left: 300px;
    top: 50%;
    margin-top: -141px;
    background-color: #1fb4df;
}

    #reimagineContent strong {
        text-transform: uppercase;
    }

    #reimagineContent p em {
        text-transform: lowercase;
        font-style: normal;
    }

    #reimagineContent p {
        color: #fff;
        margin: 12px 0;
        font-size: 14px;
        position: relative;
        width: 130px;
    }

    #reimagineContent a:link,
    #reimagineContent a:visited {
        color: #fff;
        margin: 25px 0;
        position: relative;
        font-weight: bold;
        font-size: 14px;
    }

    #reimagineContent a span.linkArrow {
        background: url(../images/backToHome.png) no-repeat;
        height: 23px;
        width: 23px;
        display: inline-block;
        margin-left: 5px;
        vertical-align: middle;
    }

#ameCTA {
    background: url(../images/ameDevPromo.png) no-repeat;
    width: 259px;
    height: 144px;
    display: inline-block;
    float: right;
    z-index: 2;
    position: relative;
    margin: 0;
}

body#code div#featuredAppsWrapper #featuredAppContainer .inner ul.panels li.panel {
    padding: 16px 0 0 20px;
}

body#code #appDetailContainer .inner ul.panels li.panel {
    padding: 15px 0 0 20px;
}

    body#code #appDetailContainer .inner ul.panels li.panel ul li.appDetail {
        margin: auto;
    }

        body#code #appDetailContainer .inner ul.panels li.panel ul li.appDetail p {
            margin: 15px 0;
        }

/* ========== End Code Page Styles ========== */


/* ========== 10. Begin Styles for Giveaway Pages ========== */

body#windowsphonegiveaway {
    background: url(../images/offers_background.png) left top repeat;
    min-height: 1986px;
}

    body#windowsphonegiveaway div#topContentContainer {
        width: 830px;
        margin: 190px auto 40px auto;
        font-weight: bold;
        font-size: 14px;
        color: #363636;
    }

    body#windowsphonegiveaway span#giveawayLockup {
        background: url(../images/phoneLockup.png) left top repeat;
        width: 359px;
        height: 238px;
        display: inline-block;
        position: relative;
        margin-top: 0;
        float: right;
    }

    body#windowsphonegiveaway div#topContentContainer ul {
        margin-bottom: 40px;
        margin-top: -90px;
    }

        body#windowsphonegiveaway div#topContentContainer ul li {
            height: 24px;
            width: 440px;
            display: inline-block;
        }

body#giveaway div#topContentContainer span#giveawayHeader {
    background: url(../images/giveawayHeader.png) left top no-repeat;
    width: 431px;
    height: 106px;
    display: inline-block;
    margin-bottom: 40px;
    float: left;
}

body#windowsphonegiveaway div#topContentContainer span#giveawayHeader {
    background: url(../images/phoneGiveawayHeader.png) left top no-repeat;
    width: 424px;
    height: 106px;
    display: inline-block;
    margin-bottom: 40px;
    float: left;
}

body#windowsphonegiveaway div#topContentContainer p {
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 20px;
}

body#windowsphonegiveaway label,
body#VirtualSummit label {
    width: 29.82%;
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 26px;
    margin-left: 25px;
    text-align: right;
}

body#windowsphonegiveaway input,
body#VirtualSummit input {
    font-size: 16px;
    border: 1px solid #ccc;
    padding-left: 5px;
    color: #969696;
}

    body#VirtualSummit input[type='radio'] {
        border: 0;
    }

input.notEditable {
    border: 0;
}

input.errorMsg {
    color: #999;
}

body#windowsphonegiveaway select,
body#VirtualSummit select {
    width: 205px;
    background-color: #ccc;
    color: #231f20;
}

div#giveawayFormContainer {
    margin-top: 20px;
}

    div#giveawayFormContainer .fieldGroupHeadline {
        color: #fff;
        background-color: #505050;
        padding-left: 20px;
        height: 45px;
        display: block;
        padding-top: 16px;
        padding-bottom: 0px;
        font-family: Segoe UI, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 20px;
        text-align: left;
    }

        div#giveawayFormContainer .fieldGroupHeadline.myProfile {
            background: url(../images/giveawayHeaderSprite.png) 13px 13px no-repeat #231f20;
        }

        div#giveawayFormContainer .fieldGroupHeadline.myApp {
            background: url(../images/giveawayHeaderSprite.png) 13px -38px no-repeat #231f20;
        }

        div#giveawayFormContainer .fieldGroupHeadline.termsAndConditions {
            background: url(../images/giveawayHeaderSprite.png) 13px -88px no-repeat #231f20;
        }



    div#giveawayFormContainer .fieldGroup span.onlyEditableMessage {
        font-size: 12px;
        margin-left: 20px;
        color: #aaa;
    }

        div#giveawayFormContainer .fieldGroup span.onlyEditableMessage a {
            font-size: 12px;
            color: #aaa;
            text-decoration: underline;
        }

            div#giveawayFormContainer .fieldGroup span.onlyEditableMessage a:hover {
                color: #231f20;
            }

    div#giveawayFormContainer .fieldGroup #giveawayWhatInterest {
        font-size: 16px;
        line-height: 25px;
    }

    div#giveawayFormContainer div.fillInAll {
        font-size: 14px;
        margin: 0 0 10px 155px;
    }

    div#giveawayFormContainer #giveawaySubmitButton,
    #lnkSignUp {
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        background-color: #B9D709;
        font-family: "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
        font-weight: 500;
        padding-top: 15px;
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 15px;
        cursor: pointer;
        text-decoration: none;
        margin: 5px 0 0 0px;
        position: relative;
        width: auto;
        display: block;
        text-align: left;
        height: 30px;
    }

        #lnkSignUp span {
            float: left;
        }

            #lnkSignUp span.arrow {
            background: url(../images/Register/arrow_icon.png) left center no-repeat;
            height: 20px;
            width: 50px;
            float: left;
            margin-top: 5px;
                margin-left: 25px;
        }



        div#giveawayFormContainer #giveawaySubmitButton:hover,
        #lnkSignUp:hover {
            text-decoration: none;
            background-color: Green;
        }

        div#giveawayFormContainer #giveawaySubmitButton.disabled,
        #lnkSignUp.disabled {
            background-color: #EDEDED;
            cursor: default;
        }

#termsAndConditions {
}

    #termsAndConditions div#preferencesLeft {
        float: left;
        width: 310px;
        display: inline-block;
    }

        #termsAndConditions div#preferencesLeft p {
            width: 240px;
        }

    #termsAndConditions:not(#foo) > input[type='checkbox'] {
        opacity: 0;
        float: left;
        width: 18px;
    }

        #termsAndConditions:not(#foo) > input[type='checkbox'] ~ label {
            clear: none;
            padding: 5px 0 4px 24px;
            cursor: pointer;
            background: url(../images/metro/check-off.png) left center no-repeat;
            height: 23px;
            width: 10px;
            margin-top: 20px;
            float: left;
        }

        #termsAndConditions:not(#foo) > input[type='checkbox']:checked ~ label {
            background-image: url(../images/metro/check-on.png);
        }

input#AgreeToTerms,
body#windowsphonegiveaway #termsAndConditions.fieldGroup input#AgreeToTerms label {
    margin: 20px auto 20px -14px;
    padding: 0;
    border: 0;
}

body #termsAndConditions.fieldGroup span.fakeLabel {
    margin-top: 20px;
    position: relative;
    top: 28px;
    font-size: 12px;
    color: #555;
}

p.giveawayLegal {
    width: 760px;
    margin: 0 auto;
    color: #555;
    font-size: 11px;
    line-height: 13px;
}

    p.giveawayLegal a {
        color: #055bf9;
        text-decoration: underline;
    }

/* Modal Windows */

body#windowsphonegiveaway #fadeBG {
    display: none;
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
    z-index: 800;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    min-width: 1024px;
}

body#windowsphonegiveaway #thanksForEntering {
    background: url(../images/giveawayOverlay_bg.png) left top no-repeat;
    display: none;
    top: 50%;
    left: 50%;
    margin-top: -256px;
    margin-left: -446px;
    width: 891px;
    height: 513px;
    z-index: 900;
    position: fixed;
    padding: 50px;
}

    body#windowsphonegiveaway #thanksForEntering a.overlayReturn {
        background: url(../images/phoneGiveawayOverlayReturn.png) 20px 20px no-repeat #333;
        width: 255px;
        height: 65px;
        display: block;
        float: right;
        margin-top: -30px;
        margin-right: 76px;
    }

    body#windowsphonegiveaway #thanksForEntering span#giveawayPhone {
        background: url(../images/giveawayOverlayPhone.png) left top no-repeat;
        width: 184px;
        height: 305px;
        display: block;
        float: right;
        margin-top: 65px;
        margin-right: 200px;
    }

    body#windowsphonegiveaway #thanksForEntering div.thanksHeader {
        background: url(../images/giveawayThanksHeader.png) left top no-repeat;
        width: 447px;
        height: 30px;
        display: block;
    }

    body#windowsphonegiveaway #thanksForEntering p {
        color: #fff;
        margin: 25px 0;
        width: 490px;
    }

    body#windowsphonegiveaway #thanksForEntering span.giveawaySocialCallout {
        background: url(../images/phoneOverlaySocialCallout.png) left top no-repeat;
        width: 308px;
        height: 40px;
        display: inline-block;
        margin-top: 50px;
    }

    body#windowsphonegiveaway #thanksForEntering span.giveawayFacebook,
    body#windowsphonegiveaway #thanksForEntering span.giveawayTwitter {
        width: 29px;
        height: 29px;
        display: inline-block;
        top: 27px;
        margin-right: 5px;
        left: 10px;
        position: relative;
    }

    body#windowsphonegiveaway #thanksForEntering span.giveawayFacebook {
        background: url(../images/giveawaySocialSprite.png) left top no-repeat;
    }

    body#windowsphonegiveaway #thanksForEntering span.giveawayTwitter {
        background: url(../images/giveawaySocialSprite.png) left -40px no-repeat;
    }

/* Form Error Notifications */

body#windowsphonegiveaway input.errorField,
body#VirtualSummit input.errorField {
    border: 1px solid red;
}

    body#windowsphonegiveaway input.errorField.urlInvalid,
    body#VirtualSummit input.errorField.urlInvalid {
        font-size: 14px;
    }

body#windowsphonegiveaway select.errorField,
body#VirtualSummit select.errorField {
    background-color: red;
}

body#windowsphonegiveaway .errorLabel,
body#VirtualSummit .errorLabel {
    color: red;
}

    body#VirtualSummit .errorLabel span.requiredLabel {
        color: red;
    }

.errorSpanHide,
.errorSpanShow {
    color: red;
    font-size: 12px;
}

.errorSpanHide {
    visibility: hidden;
}

.errorSpanShow {
    visibility: visible;
}

body#windowsphonegiveaway .serverError,
body#VirtualSummit .serverError {
    width: 830px;
    margin: 0px auto;
    color: red;
}

/* Smartphones (portrait and landscape) */


/* ========== End Giveaway Page Styles ========== */


/* ========== 11. Begin Register Page Styles ========== */

body#VirtualSummit {
}

    body#VirtualSummit .registerIntro {
        width: 820px;
        margin: 20px auto 20px auto;
        color: #fff;
        font-size: 14px;
    }

        body#VirtualSummit .registerIntro h1.registerHeader {
            font-family: 'SegoeBlack', Segoe UI, Arial, Verdana, sans-serif;
            text-transform: uppercase;
            color: #fff;
            font-size: 45px;
            line-height: 35px;
            letter-spacing: -2px;
            width: 800px;
            display: block;
            margin-bottom: 30px;
        }

        body#VirtualSummit .registerIntro a.PassportSignIn,
        body#VirtualSummit .registerIntro a#idPPScarab {
            margin-right: 15px;
        }

    body#VirtualSummit a#idPPScarab {
        margin-right: 20px;
        vertical-align: middle;
    }

    body#VirtualSummit span#liveButtonText {
        position: absolute;
        top: 413px;
    }

    body#VirtualSummit .registerIntro p {
        color: #fff;
        font-size: 18px;
        width: 700px;
    }

    body#VirtualSummit .registerIntro div.indicatesRequired {
        color: #696969;
    }



    body#VirtualSummit form div#giveawayFormContainer #myProfile input {
        width: 52.63%;
        margin-bottom: 17.5px;
    }

    body#VirtualSummit div#footer {
        background: url(/static/images/registerFooterBG.png) left top repeat;
        background-size: auto;
    }

div#giveawayFormContainer .fieldGroupHeadline.signInMS {
    background-color: #696969;
    width: 1160px;
    margin: 0px auto 20px 0px;
}



body#VirtualSummit form div#giveawayFormContainer.registrationForm div#emailFrequencyPreferences div.formRow label.metro_radio {
    width: 250px;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm div#emailFrequencyPreferences div.dailyTipsHeader,
body#VirtualSummit form div#giveawayFormContainer.registrationForm div#emailFrequencyPreferences div.introCallHeader {
    font-size: 16px;
    margin-bottom: 20px;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm div#emailFrequencyPreferences div.dailyTipsHeader {
    margin-top: 50px;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm div#emailFrequencyPreferences div.tipRadioGroups {
    margin: 0 20px;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm div.tipRadioGroups.radioCheck.profileRadio {
    vertical-align: top;
    display: inline-block;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm div.fieldLine {
    display: inline;
    float: left;
    color: #454545;
}

body#VirtualSummit div.introCallToolTip {
    width: 41%;
    height: auto;
    line-height: 14px;
    color: #ffffff;
    font-size: 10px;
    padding: 0px 0px 0px 10px;
    margin-left: 49% !important;
    position: relative;
    background: url(../Images/Register/arrowright.png) left 10px no-repeat;
    margin-top:-10px;
}

.tipimage {
    display: block;
    background-color: #505050;
    margin-left: 0 !important;
    padding: 5px 18px 15px 20px;
}



/*body#VirtualSummit div.introCallToolTip:after, body#VirtualSummit div.introCallToolTip:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	left: -15px;
	position: absolute;
	width: 0;
}

body#VirtualSummit div.introCallToolTip:after {
	border-width: 9px;
	border-right-color: #505050;
	top: 10px;  
}*/
/*body#VirtualSummit div.introCallToolTip:after, body#VirtualSummit div.introCallToolTip:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	left:10px;
	position: absolute;
	width: 0;
   
	border-top-color: #505050;
	border-left-width: 50px;
	border-right-width: 0

}

body#VirtualSummit div.introCallToolTip:after {

	border-width: 9px;
	border-right-color: #505050;
	top: -10px; 
    left:0px;
	border-top-color: #505050;
	border-left-width: 50px;
	border-right-width: 0;
     
}*/

body#VirtualSummit form div#giveawayFormContainer.registrationForm div.twitterToolTip {
    background: url(../images/twitterToolTipBG.png) left top no-repeat;
    width: 317px;
    height: 49px;
    display: inline-block;
    position: absolute;
    font-size: 12px;
    padding: 10px 27px 10px 20px;
    margin-top: 54px;
    margin-left: -15px;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm div#emailFrequencyPreferences.fieldGroup div.tipRadioGroups.radioCheck.callOrText {
    margin-left: 0;
}

    body#VirtualSummit form div#giveawayFormContainer.registrationForm div#emailFrequencyPreferences.fieldGroup div.tipRadioGroups.radioCheck.callOrText div.fieldLine {
        display: block;
    }

body#VirtualSummit form div#giveawayFormContainer.registrationForm div#emailFrequencyPreferences.fieldGroup div.tipRadioGroups.radioCheck div.fieldLine span.dailyTipsItems {
    width: auto;
    margin-left: 25px;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm #myProfile div.fieldLine input,
body#VirtualSummit form div#giveawayFormContainer.registrationForm #myProfile div.fieldLine input {
    width: 30px;
    display: inline;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm #myProfile div.fieldLine label {
    width: auto;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.tipRadioGroups strong {
    font-size: 12px;
    line-height: 50px;
}

    body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.tipRadioGroups strong em {
        font-style: normal;
        font-weight: normal;
        color: #aaa;
    }

    body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.tipRadioGroups strong a {
        color: #1fb4df;
        line-height: 20px;
    }

body#VirtualSummit form div#giveawayFormContainer.registrationForm div.privacyStatement {
    font-size: 14px;
    margin-bottom: 20px;
}

    body#VirtualSummit form div#giveawayFormContainer.registrationForm div.privacyStatement a {
        font-family: Segoe Light, "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 14px;
        text-align: left;
        color: #B9D709;
    }

body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.privacyStatement label {
    margin-left: 0px;
    display: block;
    width: auto;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.tipRadioGroups div.futureUpdates label
{
    margin-left: 0px;
    cursor: pointer;
    margin-top: -50px;
}



body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.tipRadioGroups label {
    display: block;
    width: auto;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.profileRadio .fieldLine {
    width: 50%;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.tipRadioGroups span.dailyTipsItems {
    display: inline-block;
    width: 75%;
    font-size: 14px;
    vertical-align: top;
    margin-right: 15px;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm div#myProfile div.tipRadioGroups span.dailyTipsItems {
    width: auto;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.privacyStatement div.futureUpdates,
body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.tipRadioGroups div.futureUpdates {
    margin-top: 40px;
}

    body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.privacyStatement div.futureUpdates span,
    body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.tipRadioGroups div.futureUpdates span {
        width: auto;
        margin-left: 50px;
        margin-top: -52px;
        display: block;
        font-family: Segoe Light, Segoe UI, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 14px;
        text-align: left;
        color: #454545;
    }

    body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.tipRadioGroups div.futureUpdates label {
        display: inline-block;
    }

body#VirtualSummit form div#giveawayFormContainer.registrationForm div#emailFrequencyPreferences div.tipMethodHeader {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 20px;
}

body#VirtualSummit form div#giveawayFormContainer span.registerSMSTip {
    background: url(/static/images/registerSMSTip.png) left top no-repeat;
    width: 200px;
    height: 73px;
    display: inline-block;
    font-size: 10px;
    padding: 6px 30px 10px 20px;
    color: #777;
    position: absolute;
    top: 562px;
    margin-left: 10px;
    line-height: 12px;
}

body#VirtualSummit form div#giveawayFormContainer div.twitterContainer {
    width: 350px;
    display: inline-block;
    margin: 20px 0;
}

    body#VirtualSummit form div#giveawayFormContainer div.twitterContainer label.formLabel {
        margin-bottom: 20px;
    }

    body#VirtualSummit form div#giveawayFormContainer div.twitterContainer span.regTwitterIcon {
        background: url(/static/images/regTwitter.png) left top no-repeat;
        width: 34px;
        height: 34px;
        display: inline-block;
        margin-right: 10px;
        float: left;
        margin-left: 15px;
    }

    body#VirtualSummit form div#giveawayFormContainer div.twitterContainer label {
        margin-bottom: 0;
    }

    body#VirtualSummit form div#giveawayFormContainer div.twitterContainer input {
        width: 253px;
    }

body#VirtualSummit form div#giveawayFormContainer div.registerTwitterTip {
    background: url(/static/images/registerTwitterTip.png) left top no-repeat;
    width: 225px;
    height: 70px;
    display: inline-block;
    font-size: 10px;
    padding: 20px 30px 10px 20px;
    color: #777;
    position: absolute;
    top: 933px;
    left: 50%;
    margin-left: 94px;
    line-height: 12px;
}

.radioCheck:not(#foo) > div > input[type='radio'],
.radioCheck:not(#foo) > div > input[type='checkbox'] {
    opacity: 0;
    float: left;
    position: relative;
}

    .radioCheck:not(#foo) > div > input[type='radio'] ~ label {
        margin-top: -23px;
        margin-left: 0;
        height: 16px;
        clear: none;
        padding: 5px 0 4px 24px;
        background: url(/static/AppBuilder/images/VirtualSummit/Check_Frame.png) left center no-repeat;
    }

.signup .radioCheck:not(#foo) > div > input[type='checkbox'] ~ label {
    height: 13px;
}

.radioCheck:not(#foo) > div > input[type='checkbox'] ~ label {
    margin-top: -23px;
    /*margin-left:8px;*/
    height: 16px;
    clear: none;
    padding: 43px 0 4px 24px;
    background: url(/static/AppBuilder/images/VirtualSummit/Check_Frame.png) left center no-repeat;
}

.signup .privacyStatement:not(#foo) > div > input[type='checkbox'] ~ label,
.signup .tipRadioGroups:not(#foo) > div > input[type='checkbox'] ~ label
{
    background-image: url(/static/AppBuilder/images/VirtualSummit/Check_Frame.png);
}

.radioCheck:not(#foo) > div > input[type='radio']:checked ~ label
{
    background-image: url(/static/AppBuilder/images/VirtualSummit/Selected.png);
}

input[type='radio'] {
    cursor: pointer;
    width: 10px;
    height: 10px;
}

.signup input[type='checkbox'] {
    height: 14px;
}



input[type='checkbox'] {
    cursor: pointer;
    width: 10px;
    height: 10px;
}

.radioCheck:not(#foo) > div > input[type='checkbox']:checked ~ label
{
    background-image: url(/static/AppBuilder/images/VirtualSummit/Selected.png);
}

.signup .privacyStatement:not(#foo) > div > input[type='checkbox']:checked ~ label,
.signup .tipRadioGroups:not(#foo) > div > input[type='checkbox']:checked ~ label
{
    background-image: url(/static/AppBuilder/images/VirtualSummit/Selected.png);
}

.radioCheck:not(#foo) > div > input[type='radio']:disabled ~ label
{
    background-image: url(/static/AppBuilder/images/VirtualSummit/Selected.png);
}

.radioCheck:not(#foo) > div > input[type='checkbox']:disabled ~ label
{
    background-image: url(/static/AppBuilder/images/VirtualSummit/Check_Frame.png);
}

.signup .privacyStatement:not(#foo) > div > input[type='checkbox']:disabled ~ label,
.signup .tipRadioGroups:not(#foo) > div > input[type='checkbox']:disabled ~ label
{
    background-image: url(/static/AppBuilder/images/VirtualSummit/Check_Frame.png);
}
/* Modal Window */

body#VirtualSummit #fadeBG {
    display: none;
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
    z-index: 800;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    min-width: 1024px;
}

body#VirtualSummit #thanksForEntering {
    background-color: #fff;
    display: none;
    top: 10%;
    left: 20%;
    margin-top: 0%;
    margin-left: 0%;
    width: 60%;
    height: auto;
    z-index: 900;
    position: fixed;
    padding-left: 30px;
    padding-right: 0px;
    padding-bottom: 40px;
}

    body#VirtualSummit #thanksForEntering a.overlayReturn {
        background-color: #969696;
        width: 200px;
        height: 70px;
        display: block;
        float: right;
        margin-top: 0px;
        padding-bottom: 5px;
    }

        body#VirtualSummit #thanksForEntering a.overlayReturn span.overlay-text {
            font-family: "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
            font-weight: normal;
            font-size: 14px;
            line-height: 18px;
            display: block;
            float: left;
            text-align: left;
            color: #ffffff;
            width: 150px;
            padding-top: 15px;
            padding-left: 15px;
        }

        body#VirtualSummit #thanksForEntering a.overlayReturn span.closeButton {
            background: url(../images/Register/close_icon.jpg) no-repeat;
            display: block;
            height: 30px;
            width: 30px;
            float: left;
            margin-top: 20px;
        }


    body#VirtualSummit #thanksForEntering a.signupOverlayReturn {
        background: url(/static/images/signupOverlayReturn.png) 20px 20px no-repeat #333;
        width: 198px;
        height: 65px;
        display: block;
        float: right;
        margin-top: 0px;
        margin-right: 30px;
    }

    body#VirtualSummit #thanksForEntering span#giveawaySlate {
        background: url(/static/images/giveawayOverlaySlate.png) left top no-repeat;
        width: 244px;
        height: 207px;
        display: block;
        float: right;
        margin-top: 90px;
        margin-right: 165px;
    }

    body#VirtualSummit #thanksForEntering h2 {
        font-family: Segoe Light,Segoe UI, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 3em;
        text-align: left;
        color: #00bcf2;
        margin-bottom: 15px;
    }



    body#VirtualSummit #thanksForEntering p {
        font-family: Segoe Light, Segoe UI, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 1.3em;
        text-align: left;
        color: #969696;
        margin-top: -25px;
        margin-bottom: 25px;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 75%;
    }

    body#VirtualSummit #thanksForEntering span.giveawaySocialCallout {
        width: 30%;
        height: 40px;
        display: inline-block;
        margin-top: 40px;
        font-family: Segoe UI, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 2em;
        text-align: left;
        color: #969696;
        margin-bottom: 40px;
    }



    body#VirtualSummit #thanksForEntering span.giveawayFacebook,
    body#VirtualSummit #thanksForEntering span.giveawayTwitter {
        width: 34px;
        height: 34px;
        display: inline-block;
        top: 7px;
        margin-right: 5px;
        left: 0px;
        position: relative;
    }

    body#VirtualSummit #thanksForEntering span.giveawayFacebook {
        background: url(../images/Register/facebook_icon.jpg) left top no-repeat;
    }

    body#VirtualSummit #thanksForEntering span.giveawayTwitter {
        background: url(../images/Register/twitter_icon.jpg) left top no-repeat;
    }

/* ========== End Register ========== */


/* ========== 12. Begin Build ========== */

body#build {
    min-height: 1220px;
    background-position: center 20px;
}

    body#build div.contentContainer {
        margin: 0 auto;
        width: 960px;
        position: relative;
        left: 50%;
        margin-left: -480px;
        min-height: 700px;
        display: block;
        margin-top: 50px;
    }

        body#build div.contentContainer div.topContent {
            width: 780px;
        }

        body#build div.contentContainer h1 {
            font-family: 'SegoeBlack', Segoe UI, Arial, Verdana, sans-serif;
            text-transform: uppercase;
            color: #333;
            font-size: 48px;
            line-height: 44px;
            letter-spacing: -4px;
            width: 509px;
            height: 79px;
            display: inline-block;
            margin-bottom: 30px;
        }

        body#build div.contentContainer h2.callout {
            font-size: 18px;
            margin: 0px;
            line-height: 28px;
            color: #333;
            width: 620px;
            letter-spacing: -1px;
            font-weight: bold;
        }

        body#build div.contentContainer p {
            font-size: 14px;
            line-height: 22px;
            color: #333;
            width: 570px;
            padding-right: 20px;
            margin-top: 25px;
        }

    body#build span.buildGenAppLogo {
        background: url(/static/images/gamingExperienceLockup.png) left top no-repeat;
        width: 261px;
        height: 242px;
        display: inline-block;
        margin-left: 214px;
        left: 50%;
        top: 0;
        position: absolute;
    }

    body#build ul#buildTracks {
        margin-top: 50px;
    }

        body#build ul#buildTracks li {
            width: 170px;
            height: 400px;
            margin-right: 20px;
            display: inline-block;
            float: left;
            background-color: Red;
        }

            body#build ul#buildTracks li div.headline {
                color: #fff;
                font-size: 20px;
                line-height: 23px;
                font-weight: bold;
                padding: 20px;
                height: 68px;
                background: url(/static/images/buildHeadlineBGSprite.png) no-repeat;
            }

            body#build ul#buildTracks li .content {
                padding: 20px;
                color: #fff;
                height: 205px;
            }

                body#build ul#buildTracks li .content strong {
                    font-size: 15px;
                    font-family: Segoe UI Bold, Arial, Verdana, sans-serif;
                    font-weight: normal;
                    line-height: 17px;
                }

                body#build ul#buildTracks li .content p {
                    width: 130px;
                    color: #fff;
                    line-height: 16px;
                    margin-top: 15px;
                }

            body#build ul#buildTracks li a {
                background: url(/static/images/buildSignUpSprite.png) no-repeat;
                width: 170px;
                height: 47px;
                display: inline-block;
            }

                body#build ul#buildTracks li a.getStartedNow {
                    background-position: left bottom;
                }

            body#build ul#buildTracks li.last {
                margin-right: 0;
            }

            body#build ul#buildTracks li#w8AppTrack {
            }

                body#build ul#buildTracks li#w8AppTrack .headline {
                    background-position: left top;
                }

                body#build ul#buildTracks li#w8AppTrack .content {
                    background-color: #e56406;
                }

            body#build ul#buildTracks li#gameTrack .headline {
                background-position: left -108px;
            }

            body#build ul#buildTracks li#gameTrack .content {
                background-color: #41b1a7;
            }

            body#build ul#buildTracks li#phoneTrack .headline {
                background-position: left -216px;
            }

            body#build ul#buildTracks li#phoneTrack .content {
                background-color: #7352a0;
            }

            body#build ul#buildTracks li#webTrack .headline {
                background-position: left -324px;
            }

            body#build ul#buildTracks li#webTrack .content {
                background-color: #006fb9;
            }

            body#build ul#buildTracks li#frameworksTrack .headline {
                background-position: left -432px;
            }

            body#build ul#buildTracks li#frameworksTrack .content {
                background-color: #b7008d;
            }

/* ========== End Build ========== */

/* ========== 13. Start Apps Made Easy ========== */

body#appsMadeEasy {
    min-height: 1521px;
    background-position: center -39px;
}

    body#appsMadeEasy #scheduleContentWrapper {
        background: url(/static/images/ameBackground.png) -17px -10px repeat;
        padding-bottom: 50px;
    }

        body#appsMadeEasy #scheduleContentWrapper #scheduleContent {
            width: 960px;
        }

    body#appsMadeEasy #ameLockup {
        background: url(/static/images/ameLockup.png) left top repeat;
        width: 437px;
        height: 248px;
        display: inline-block;
        position: absolute;
        left: 50%;
        margin-left: 100px;
        top: 37px;
    }

    body#appsMadeEasy div#scheduleContentWrapper div#topSection div#ameHeader {
        background: url(/static/images/ameHeader.png) left top repeat;
        width: 577px;
        height: 102px;
        display: inline-block;
    }

    body#appsMadeEasy div#scheduleContentWrapper div#topSection p {
        font-size: 18px;
        color: #fff;
        width: 540px;
        line-height: 24px;
    }

    body#appsMadeEasy div#scheduleContentWrapper ul#amePlatforms {
        padding: 0;
        width: 960px;
        margin-top: 30px;
    }

        body#appsMadeEasy div#scheduleContentWrapper ul#amePlatforms li {
            width: 225px;
            height: 348px;
            display: inline-block;
            float: left;
            background-color: #662390;
            color: #fff;
            margin-right: 15px;
            margin-bottom: 15px;
        }

            body#appsMadeEasy div#scheduleContentWrapper ul#amePlatforms li.last {
                margin-right: 0;
            }

            body#appsMadeEasy div#scheduleContentWrapper ul#amePlatforms li p {
                padding: 5px 20px 0 20px;
                font-size: 14px;
                height: 130px;
                line-height: 17px;
            }

            body#appsMadeEasy div#scheduleContentWrapper ul#amePlatforms li ul li {
                width: auto;
                height: 376px;
                display: inline-block;
                float: left;
                background-color: #662390;
                color: #fff;
                margin-right: 10px;
            }

            body#appsMadeEasy div#scheduleContentWrapper ul#amePlatforms li div.amePlatformLogo {
                background: url(/static/images/ameLogoSprite.png) no-repeat #333;
                width: 225px;
                height: 105px;
                display: inline-block;
            }

                body#appsMadeEasy div#scheduleContentWrapper ul#amePlatforms li div.amePlatformLogo.appMobi {
                    background-position: 48px 40px;
                }

                body#appsMadeEasy div#scheduleContentWrapper ul#amePlatforms li div.amePlatformLogo.gameSalad {
                    background-position: 50px -65px;
                }

                body#appsMadeEasy div#scheduleContentWrapper ul#amePlatforms li div.amePlatformLogo.sciarra {
                    background-position: 50px -170px;
                }

                body#appsMadeEasy div#scheduleContentWrapper ul#amePlatforms li div.amePlatformLogo.xamarin {
                    background-position: 50px -275px;
                }

                body#appsMadeEasy div#scheduleContentWrapper ul#amePlatforms li div.amePlatformLogo.yoyoGames {
                    background-position: 50px -381px;
                }

                body#appsMadeEasy div#scheduleContentWrapper ul#amePlatforms li div.amePlatformLogo.tiggzi {
                    background-position: 50px -470px;
                }

                body#appsMadeEasy div#scheduleContentWrapper ul#amePlatforms li div.amePlatformLogo.touchDevelop {
                    background-position: 24px -563px;
                }

            body#appsMadeEasy div#scheduleContentWrapper ul#amePlatforms li span.platformCTA {
                background: url(/static/images/ameGetStarted.png) 25px 27px no-repeat #511173;
                width: 225px;
                height: 80px;
                display: inline-block;
            }

/* ========== End Apps Made Easy ========== */

/* ========== 14. Ultimate Experience Contest Page ========== */

body#ultimateexperience {
    background: url(../images/offers_background.png) left top repeat;
    min-height: 3380px;
    background-size: auto;
}

    body#ultimateexperience .stripe {
        width: 100%;
        height: 260px;
        background-color: #ff9601;
    }

    body#ultimateexperience div#fullHeader {
        background: url(../images/ultimateExperience/header.png) left top no-repeat;
        height: 214px;
        width: 520px;
        display: inline-block;
        margin-bottom: 20px;
        top: 135px;
        position: absolute;
    }

    body#ultimateexperience div#w8logo {
        background: url(../images/ultimateExperience/w8logo.png) left top no-repeat;
        height: 42px;
        width: 217px;
        display: inline-block;
        position: absolute;
        float: right;
        top: 130px;
        margin-left: 70px;
    }

    body#ultimateexperience div#lockup {
        background: url(../images/ultimateExperience/lockup.png) left top no-repeat;
        height: 259px;
        width: 238px;
        display: inline-block;
        position: absolute;
        top: 190px;
        margin-left: 70px;
    }

    body#ultimateexperience div#topContentContainer {
        width: 830px;
        margin: 20px auto 10px auto;
        font-size: 14px;
        color: #363636;
    }

        body#ultimateexperience div#topContentContainer h2 {
            background: url(../images/ultimateExperience/header.png) left top repeat;
            height: 226px;
            width: 473px;
            display: inline-block;
            margin-bottom: 20px;
        }

        body#ultimateexperience div#topContentContainer .left {
            width: 485px;
            float: left;
        }

            body#ultimateexperience div#topContentContainer .left ol {
                margin: 10px 0 20px;
                font-weight: bold;
                padding-left: 8px;
            }

                body#ultimateexperience div#topContentContainer .left ol li {
                    margin-bottom: 10px;
                    margin-left: 16px;
                }

            body#ultimateexperience div#topContentContainer .left p {
                font-weight: bold;
                font-size: 14px;
                margin-bottom: 20px;
                width: 535px;
            }

                body#ultimateexperience div#topContentContainer .left p.wide {
                    font-weight: bold;
                    width: 800px;
                }

        body#ultimateexperience div#topContentContainer .right {
            width: 309px;
            margin-left: 20px;
            float: right;
        }

            body#ultimateexperience div#topContentContainer .right div.lockup {
                background: url(../images/ultimateExperience/lockup.png) left top repeat;
                width: 308px;
                height: 265px;
                display: inline-block;
                margin-top: -9px;
                margin-bottom: 15px;
            }

        body#ultimateexperience div#topContentContainer div.grandPrize {
            width: 830px;
            display: inline-block;
            background-color: #fff;
            padding-bottom: 30px;
            margin-bottom: 15px;
        }

            body#ultimateexperience div#topContentContainer div.grandPrize .headline {
                color: #fff;
                background-color: #ff9601;
                padding: 10px;
                text-transform: uppercase;
                font-size: 16px;
                font-weight: bold;
            }

            body#ultimateexperience div#topContentContainer div.grandPrize .microsoftStudios {
                background: url(../images/ultimateExperience/microsoftStudiosLogo.png) left top no-repeat;
                width: 268px;
                height: 76px;
                display: inline-block;
                margin: -20px 20px 20px 70px;
                float: left;
            }

            body#ultimateexperience div#topContentContainer div.grandPrize .w8logo {
                background: url(../images/ultimateExperience/w8logo.png) left top no-repeat;
                width: 78px;
                height: 15px;
                display: inline-block;
                float: right;
                margin: 20px 20px 0px;
            }

            body#ultimateexperience div#topContentContainer div.grandPrize h4 {
                font-weight: normal;
                font-size: 32px;
                letter-spacing: -1px;
                margin: 20px 0 10px 30px;
                width: 430px;
                float: left;
            }

            body#ultimateexperience div#topContentContainer div.grandPrize p {
                margin-left: 30px;
                margin-right: 15px;
                width: 410px;
                float: left;
            }

        body#ultimateexperience div#topContentContainer p.disclaimer {
            font-size: 10px;
            line-height: 13px;
            margin-bottom: 30px;
        }

        body#ultimateexperience div#topContentContainer a {
            color: #1da7ca;
        }

    body#ultimateexperience div#myProfile p.indicatesRequired {
        margin: 20px 0 25px 0px;
        font-size: 14px;
        color: #aaa;
        font-style: italic;
    }

    body#ultimateexperience div#topContentContainer p.disclaimer a:link,
    body#ultimateexperience div#topContentContainer p.disclaimer a:visited {
        text-decoration: underline;
        color: #0072c6;
    }

    body#ultimateexperience div#topContentContainer ul#appPrizes {
        margin-bottom: 20px;
        display: inline-block;
    }

        body#ultimateexperience div#topContentContainer ul#appPrizes li {
            width: 255px;
            margin-right: 32px;
            height: 275px;
            background-color: #fff;
            display: inline-block;
            float: left;
        }

            body#ultimateexperience div#topContentContainer ul#appPrizes li.long {
                width: 542px;
            }

            body#ultimateexperience div#topContentContainer ul#appPrizes li.last {
                margin-right: 0px;
            }

            body#ultimateexperience div#topContentContainer ul#appPrizes li div.prizeStep {
                background-color: #93c848;
                color: #fff;
                font-weight: bold;
                text-transform: uppercase;
                padding: 15px;
            }

            body#ultimateexperience div#topContentContainer ul#appPrizes li div.plus {
                background: url(../images/ultimateExperience/plus.png) left top no-repeat;
                width: 34px;
                height: 34px;
                display: inline-block;
                float: left;
                top: 100px;
                margin: 0 30px;
                position: relative;
            }

            body#ultimateexperience div#topContentContainer ul#appPrizes li div.prize {
                float: left;
                width: 215px;
            }

            body#ultimateexperience div#topContentContainer ul#appPrizes li div.prizeImage1 {
                background: url(../images/ultimateExperience/rebate.png) left top no-repeat;
                width: 123px;
                height: 44px;
                display: inline-block;
                margin: 36px 15px;
            }

            body#ultimateexperience div#topContentContainer ul#appPrizes li div.prizeImage2 {
                background: url(../images/ultimateExperience/halo4.png) left top no-repeat;
                width: 71px;
                height: 104px;
                display: inline-block;
                margin: 15px;
                float: left;
                padding-bottom: 20px;
            }

            body#ultimateexperience div#topContentContainer ul#appPrizes li div.prizeImage3 {
                background: url(../images/ultimateExperience/xboxPoints.png) left top no-repeat;
                width: 84px;
                height: 81px;
                display: inline-block;
                margin: 17px 15px 18px;
            }

            body#ultimateexperience div#topContentContainer ul#appPrizes li div.prizeImage4 {
                background: url(../images/ultimateExperience/FPO_Bundle.png) left top no-repeat;
                width: 82px;
                height: 82px;
                display: inline-block;
                margin: 18px 15px 0;
                float: left;
            }

            body#ultimateexperience div#topContentContainer ul#appPrizes li strong {
                margin: 15px 15px 0;
                font-size: 18px;
                display: block;
                line-height: 20px;
                font-family: Segoe UI Bold, Arial, Verdana, sans-serif;
                letter-spacing: -1px;
            }

            body#ultimateexperience div#topContentContainer ul#appPrizes li p {
                padding: 15px;
                font-size: 12px;
            }

                body#ultimateexperience div#topContentContainer ul#appPrizes li p.esrb {
                    font-size: 11px;
                    padding: 0 15px;
                }

    body#ultimateexperience label {
        width: 137px;
        display: inline-block;
        margin-bottom: 15px;
    }

        body#ultimateexperience label[for=IsStudent] {
            width: 13px;
        }

    body#ultimateexperience input[type=text] {
        font-size: 16px;
        border: 1px solid #ccc;
        height: 30px;
        padding-left: 5px;
        width: 500px;
    }

input[type='text'] {
    height: 30px;
}

body#ultimateexperience input#IsStudent {
    width: 20px;
}

body#ultimateexperience input[type='radio'] {
    border: 0;
}

body#ultimateexperience input.notEditable {
}

body#ultimateexperience input.errorMsg {
    color: #999;
}

body#ultimateexperience select {
    width: 205px;
    background-color: #ccc;
    color: #231f20;
}

body#ultimateexperience div#giveawayFormContainer {
}

    body#ultimateexperience div#giveawayFormContainer .fieldGroupHeadline {
        color: #fff;
        width: 830px;
        margin: 0 auto;
        width: 830px;
        height: 12px;
        display: block;
        padding: 12px 0;
    }

        body#ultimateexperience div#giveawayFormContainer .fieldGroupHeadline.myProfile {
            background: url(../images/ultimateexperience/headlineSprite.png) 13px 12px no-repeat #231f20;
        }

        body#ultimateexperience div#giveawayFormContainer .fieldGroupHeadline.myApp {
            background: url(../images/ultimateexperience/headlineSprite.png) 13px -28px no-repeat #231f20;
        }

        body#ultimateexperience div#giveawayFormContainer .fieldGroupHeadline.address {
            background: url(../images/ultimateexperience/headlineSprite.png) 13px -68px no-repeat #231f20;
        }

        body#ultimateexperience div#giveawayFormContainer .fieldGroupHeadline.termsAndConditions {
            background: url(../images/ultimateexperience/headlineSprite.png) 13px -108px no-repeat #231f20;
        }

    body#ultimateexperience div#giveawayFormContainer .fieldGroup {
        border: 1px solid #dbdfc8;
        width: 768px;
        margin: 0 auto 15px auto;
        background-color: #fff;
        padding: 30px;
    }

    body#ultimateexperience div#giveawayFormContainer div#myAddress.fieldGroup {
        padding: 30px 30px 10px 30px;
    }


    body#ultimateexperience div#giveawayFormContainer div#myAddress.disabledFormSection span#termsFakeLabel a {
        color: #aaa;
    }

    body#ultimateexperience div#giveawayFormContainer div#myAddress.disabledFormSection span.legal a {
        color: #aaa;
    }

    body#ultimateexperience div#giveawayFormContainer div#myAddress span.legal a {
        color: #1da7ca;
        text-decoration: underline;
    }

    body#ultimateexperience div#giveawayFormContainer div#myAddress.fieldGroup span#studentFakeLabel {
        float: left;
        margin-top: 4px;
    }

    body#ultimateexperience div#giveawayFormContainer div#myAddress.fieldGroup span#studentFakeLabel2 {
        float: left;
        margin-top: 4px;
    }

    body#ultimateexperience div#giveawayFormContainer div#myAddress.fieldGroup label#studentLabel {
        margin-top: -1px;
    }

    body#ultimateexperience div#giveawayFormContainer .fieldGroup span.onlyEditableMessage {
        font-size: 12px;
        margin-left: 20px;
        color: #aaa;
    }

        body#ultimateexperience div#giveawayFormContainer .fieldGroup span.onlyEditableMessage a {
            font-size: 12px;
            color: #aaa;
            text-decoration: underline;
        }

            body#ultimateexperience div#giveawayFormContainer .fieldGroup span.onlyEditableMessage a:hover {
                color: #231f20;
            }

    body#ultimateexperience div#giveawayFormContainer .fieldGroup #giveawayWhatInterest {
        font-size: 16px;
        line-height: 25px;
    }

    body#ultimateexperience div#giveawayFormContainer div.fillInAll {
        font-size: 14px;
        margin: 0 0 10px 155px;
    }

    body#ultimateexperience div#giveawayFormContainer div#myApp label {
        text-align: right;
        width: 122px;
        margin-right: 20px;
    }

        body#ultimateexperience div#giveawayFormContainer div#myApp label[for=RequestRebate],
        body#ultimateexperience div#giveawayFormContainer div#myApp label[for=RequestRebateAlt] {
            width: 20px;
            margin-left: 50px;
        }

    body#ultimateexperience div#giveawayFormContainer div#myAddress label[for=Source] {
        text-align: left;
        width: 390px;
        margin-right: 20px;
        /*margin-left:20px;*/
        background: none;
        cursor: auto;
        line-height: 28px;
    }

    body#ultimateexperience div#giveawayFormContainer div#myApp label[for=IsStudent] {
        margin-right: 15px;
    }

    body#ultimateexperience div#giveawayFormContainer div#myApp input[type="text"] {
        width: 200px;
    }

    body#ultimateexperience div#giveawayFormContainer div#myApp.disabledFormSection p.wantMoreApps a {
        color: #aaa;
    }


    body#ultimateexperience div#giveawayFormContainer p.enterEither {
        font-size: 14px;
        margin-bottom: 20px;
    }

    body#ultimateexperience div#giveawayFormContainer div#myApp div.leftCol {
        float: left;
        display: inline-block;
        border-right: 1px solid #333;
        padding-right: 25px;
    }

    body#ultimateexperience div#giveawayFormContainer div#myApp.disabledFormSection div.leftCol {
        float: left;
        display: inline-block;
        border-right: 1px solid #ccc;
        padding-right: 25px;
    }


    body#ultimateexperience div#giveawayFormContainer div#myApp div.rightCol {
        float: left;
        display: inline-block;
        margin-left: 25px;
    }

    body#ultimateexperience div#giveawayFormContainer div#myApp p.wantMoreApps {
        font-size: 13px;
        margin: 20px 20px 20px 40px;
    }

        body#ultimateexperience div#giveawayFormContainer div#myApp p.wantMoreApps a {
            color: #1da7ca;
            text-decoration: underline;
        }

    body#ultimateexperience div#giveawayFormContainer div#myApp div.storeType {
        font-weight: bold;
        margin-bottom: 20px;
        font-size: 16px;
    }

    body#ultimateexperience div#giveawayFormContainer div#myApp span.appNumber {
        float: left;
        line-height: 31px;
        font-weight: bold;
        position: absolute;
    }

    body#ultimateexperience div#giveawayFormContainer div#myAddress span.legal {
        font-size: 13px;
    }

    body#ultimateexperience div#giveawayFormContainer div#myAddress span#termsFakeLabel {
        position: relative;
        top: 3px;
    }

    body#ultimateexperience div#giveawayFormContainer div#myAddress input#Source {
        width: 227px;
    }

    body#ultimateexperience div#giveawayFormContainer #State,
    body#ultimateexperience div#giveawayFormContainer #Phone {
        width: 200px;
    }

    body#ultimateexperience div#giveawayFormContainer #Zip {
        width: 150px;
    }

    body#ultimateexperience div#giveawayFormContainer label[for=Zip] {
        width: 105px;
        margin-left: 30px;
    }

    body#ultimateexperience div#giveawayFormContainer p.privacyPolicy {
        margin: 20px 0;
        font-size: 14px;
    }

        body#ultimateexperience div#giveawayFormContainer p.privacyPolicy a {
            color: #1da7ca;
            text-decoration: underline;
        }

    body#ultimateexperience div#giveawayFormContainer #reminderContainer {
        background-color: #efefef;
        width: 100%;
        height: 30px;
        padding: 30px 40px 20px 20px;
        margin-top: 10px;
        margin-left: -30px;
        margin-bottom: -30px;
        display: inline-block;
    }

    body#ultimateexperience div#giveawayFormContainer #giveawaySubmitButton,
    body#ultimateexperience div#giveawayFormContainer #giveawayReminderButton,
    body#ultimateexperience #lnkSignUp {
        font-size: 12px;
        color: #fff;
        font-weight: bold;
        background-color: #1fb4df;
        padding: 10px 15px;
        cursor: pointer;
        text-decoration: none;
        margin: 5px 0 25px 5px;
        position: relative;
        width: 40px;
        display: block;
    }

    body#ultimateexperience div#giveawayFormContainer #giveawayReminderButton {
        width: 130px;
        float: right;
        margin: -5px 0 25px 5px;
        line-height: 23px;
        padding: 7px 5px 7px 15px;
    }

        body#ultimateexperience div#giveawayFormContainer #giveawayReminderButton span.linkArrow {
            background: url(../images/backToHome.png) no-repeat;
            height: 23px;
            width: 23px;
            display: inline-block;
            margin-left: 10px;
            vertical-align: middle;
        }

body#ultimateexperience #lnkSignUp {
    width: 50px;
    text-align: center;
    margin-left: 0px;
}

    body#ultimateexperience div#giveawayFormContainer #giveawaySubmitButton:hover,
    body#ultimateexperience div#giveawayFormContainer #giveawayReminderButton:hover,
    body#ultimateexperience #lnkSignUp:hover {
        text-decoration: none;
        background-color: #006fba;
    }

    body#ultimateexperience div#giveawayFormContainer #giveawaySubmitButton.disabled,
    body#ultimateexperience div#giveawayFormContainer #giveawayReminderButton.disabled,
    body#ultimateexperience #lnkSignUp.disabled {
        background-color: #ededed;
        cursor: default;
    }

body#ultimateexperience #termsAndConditions {
}

    body#ultimateexperience #termsAndConditions div#preferencesLeft {
        float: left;
        width: 310px;
        display: inline-block;
    }

        body#ultimateexperience #termsAndConditions div#preferencesLeft p {
            width: 240px;
        }

    body#ultimateexperience #termsAndConditions:not(#foo) > input[type='checkbox'],
    body#ultimateexperience #myApp:not(#foo) div.leftCol > input[type='checkbox'],
    body#ultimateexperience #myApp:not(#foo) div.rightCol > input[type='checkbox'],
    body#ultimateexperience #myAddress:not(#foo) input[type='checkbox'],
    body#ultimateexperience #myProfile div#reminderContainer:not(#foo) > input[type='checkbox'] {
        opacity: 0;
        float: left;
        width: 15px;
    }

body#ultimateexperience div#myAddress.fieldGroup input#CommunicationOptIn {
    margin-left: -14px;
}

body#ultimateexperience #myProfile div#reminderContainer:not(#foo) > input[type='checkbox'] {
    width: 8px;
}

    body#ultimateexperience #termsAndConditions:not(#foo) > input[type='checkbox'] ~ label,
    body#ultimateexperience #myApp:not(#foo) div.leftCol > input[type='checkbox'] ~ label,
    body#ultimateexperience #myApp:not(#foo) div.rightCol > input[type='checkbox'] ~ label,
    body#ultimateexperience #myAddress:not(#foo) > span input[type='checkbox'] ~ label,
    body#ultimateexperience #myAddress:not(#foo) > span.checkholder input[type='checkbox'] ~ label,
    body#ultimateexperience #myAddress:not(#foo) > input[type='checkbox'] ~ label,
    body#ultimateexperience #myProfile div#reminderContainer:not(#foo) > input[type='checkbox'] ~ label {
        clear: none;
        padding: 5px 0 4px 24px;
        cursor: pointer;
        background: url(../images/metro/check-off.png) left center no-repeat;
        height: 23px;
        width: 10px;
        margin-top: -5px;
        margin-left: 4px;
        float: left;
    }

body#ultimateexperience #myProfile:not(#foo) > input[type='checkbox'] ~ label {
    margin-left: 132px;
}

body#ultimateexperience #myApp:not(#foo) div.leftCol > input[type='checkbox'] ~ label,
body#ultimateexperience #myApp:not(#foo) div.rightCol > input[type='checkbox'] ~ label {
    margin-left: 125px;
    margin-right: 0;
}

body#ultimateexperience #myApp:not(#foo) div.leftCol > input[type='checkbox'] ~ label,
body#ultimateexperience #myApp:not(#foo) div.rightCol > input[type='checkbox'] ~ label {
    margin-top: -5px;
}

body#ultimateexperience #termsAndConditions:not(#foo) > input[type='checkbox']:checked ~ label,
body#ultimateexperience #myApp:not(#foo) div.leftCol > input[type='checkbox']:checked ~ label,
body#ultimateexperience #myApp:not(#foo) div.rightCol > input[type='checkbox']:checked ~ label,
body#ultimateexperience #myAddress:not(#foo) > input[type='checkbox']:checked ~ label,
body#ultimateexperience #myAddress:not(#foo) > span.checkholder input[type='checkbox']:checked ~ label,
body#ultimateexperience #myAddress:not(#foo) > span input[type='checkbox']:checked ~ label,
body#ultimateexperience #myProfile div#reminderContainer:not(#foo) > input[type='checkbox']:checked ~ label {
    background-image: url(../images/metro/check-on.png);
}

body#ultimateexperience #termsAndConditions:not(#foo) > input[type='checkbox']:disabled ~ label,
body#ultimateexperience #myApp:not(#foo) div.leftCol > input[type='checkbox']:disabled ~ label,
body#ultimateexperience #myApp:not(#foo) div.rightCol > input[type='checkbox']:disabled ~ label,
body#ultimateexperience #myAddress:not(#foo) > span.checkholder input[type='checkbox']:disabled ~ label,
body#ultimateexperience #myAddress:not(#foo) > input[type='checkbox']:disabled ~ label,
body#ultimateexperience #myProfile div#reminderContainer:not(#foo) > input[type='checkbox']:disabled ~ label {
    background-image: url(../images/metro/check-disabled.png);
}

body#ultimateexperience input#AgreeToTerms,
body#ultimateexperience #termsAndConditions.fieldGroup input#AgreeToTerms label {
    margin: 20px auto 20px -14px;
    padding: 0;
    border: 0;
}

body#ultimateexperience #termsAndConditions.fieldGroup span.fakeLabel,
body#ultimateexperience #address.fieldGroup span.fakeLabel {
    margin-top: 20px;
    top: 28px;
    position: relative;
    font-size: 12px;
    color: #555;
}

body#ultimateexperience #myProfile #reminderContainer span#reminderEmailLabel.fakeLabel {
    font-size: 20px;
    line-height: 20px;
}

body#ultimateexperience p.giveawayLegal {
    width: 760px;
    margin: 0 auto;
    color: #555;
    font-size: 11px;
    line-height: 13px;
}

    body#ultimateexperience p.giveawayLegal a {
        color: #055bf9;
        text-decoration: underline;
    }

.notDisabled {
    color: #000;
}

/* Modal Windows */

body#ultimateexperience #fadeBG {
    display: none;
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
    z-index: 8;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    min-width: 1024px;
}

body#ultimateexperience #thanksForEntering {
    background: url(../images/ultimateExperience/ultimateExperienceOverlay_bg.jpg) left top no-repeat;
    display: none;
    top: 50%;
    left: 50%;
    margin-top: -231px;
    margin-left: -420px;
    width: 840px;
    height: 463px;
    z-index: 9;
    position: fixed;
    padding: 0 0 50px 35px;
}

    body#ultimateexperience #thanksForEntering a.overlayReturn {
        background: url(../images/ultimateExperience/close.png) left top no-repeat #333;
        width: 219px;
        height: 89px;
        display: block;
        float: right;
        margin-top: 0;
        margin-right: 36px;
    }

    body#ultimateexperience #thanksForEntering div.thanksHeader {
        width: 520px;
        height: 30px;
        display: block;
        color: #333;
        font-family: 'SegoeBlack', Segoe UI, Arial, Verdana, sans-serif;
        text-transform: uppercase;
        font-size: 48px;
        letter-spacing: -4px;
        float: left;
        margin-top: 30px;
    }

    body#ultimateexperience #thanksForEntering p {
        color: #333;
        margin: 10px 0 0;
        width: 450px;
        font-size: 13px;
        line-height: 18px;
    }

    body#ultimateexperience #thanksForEntering span.giveawaySocialCallout {
        background: url(../images/ultimateExperience/ultimateExperienceSocialCaption.png) left top no-repeat;
        width: 294px;
        height: 32px;
        display: inline-block;
        margin-top: 20px;
    }

    body#ultimateexperience #thanksForEntering span.giveawayFacebook,
    body#ultimateexperience #thanksForEntering span.giveawayTwitter {
        width: 29px;
        height: 29px;
        display: inline-block;
        top: 22px;
        margin-right: 5px;
        left: 10px;
        position: relative;
    }

    body#ultimateexperience #thanksForEntering span.giveawayFacebook {
        background: url(../images/giveawaySocialSprite.png) left top no-repeat;
    }

    body#ultimateexperience #thanksForEntering span.giveawayTwitter {
        background: url(../images/giveawaySocialSprite.png) left -40px no-repeat;
    }

    body#ultimateexperience #thanksForEntering p.overlayDisclaimer {
        font-size: 9px;
        width: 800px;
        margin-top: 222px;
    }

        body#ultimateexperience #thanksForEntering p.overlayDisclaimer a {
            color: #1fb4df;
            text-decoration: underline;
        }

/* Form Error Notifications */

body#ultimateexperience input.errorField {
    border: 1px solid red;
}

    body#ultimateexperience input.errorField.urlInvalid {
        font-size: 14px;
    }

body#ultimateexperience select.errorField {
    background-color: red;
}

body#ultimateexperience .errorLabel {
    color: red;
}

body#ultimateexperience .errorSpanHide,
body#ultimateexperience errorSpanShow {
    color: red;
    font-size: 12px;
    display: none;
}

body#ultimateexperience .errorSpanHide {
    visibility: hidden;
}

body#ultimateexperience .errorSpanShow {
    visibility: visible;
}

body#ultimateexperience .serverError {
    width: 830px;
    margin: 0px auto;
    color: red;
}

/* Smartphones (portrait and landscape) */

/* ========== End Ultimate Experience Contest Page ========== */


/* ========== 15. Student Page ========== */

body#code.student {
    min-height: 1506px !important;
    background-position: center 580px !important;
}

    body#code.student a#studentDownloadTools {
        background: url(../images/student/studentDownloadTools.png) left top no-repeat;
        width: 476px;
        height: 30px;
        display: inline-block;
        float: left;
        margin: 20px 0 20px;
    }

    body#code.student span.buildCTA {
        background-image: url(../images/student/studentBuildCTA.png);
        width: 261px;
        height: 270px;
        position: absolute;
        display: inline-block;
        margin-left: 148px;
        top: 0;
        left: 50%;
    }

    body#code.student #imagineCup {
        background: url(../images/student/studentImagineCup.png) no-repeat;
        width: 339px;
        height: 144px;
        display: inline-block;
        float: left;
        z-index: 2;
        position: relative;
        margin-right: 22px;
    }

    body#code.student #studentUltimateExperienceCTA {
        background: url(../images/student/studentUltimateExperienceCTA.png) no-repeat;
        width: 178px;
        height: 144px;
        display: inline-block;
        float: left;
        z-index: 2;
        position: relative;
    }

/* ========== End Student Page ========== */

/* ========== 16. Student Spotlight Styles ========== */

div#appSpotlightWrapper.studentSpotlight {
    background: url(../images/appSpotlightBG.png) -5px -15px repeat;
    width: 100%;
    height: 500px;
    display: block;
    position: relative;
    z-index: 2;
}

    div#appSpotlightWrapper.studentSpotlight div.appSpotlightContent div.appSpotlightLeft div.appSpotlightThumb {
        background: url(../images/student/studentSpotlightMeganThumb.png) left top no-repeat;
        width: 107px;
        height: 107px;
        display: inline-block;
        float: left;
        margin-right: 15px;
    }

    div#appSpotlightWrapper.studentSpotlight span.appSpotlightSiteCTA {
        background: url(../images/appSpotlightCTASprite.png) left bottom no-repeat;
        display: inline-block;
        width: 272px;
        height: 27px;
        margin-top: 5px;
        cursor: pointer;
    }

    div#appSpotlightWrapper.studentSpotlight span.appSpotlightStoreCTA {
        background: url(../images/student/studentSpotlightCTASprite.png) left bottom no-repeat;
        display: inline-block;
        width: 272px;
        height: 27px;
        margin-top: 5px;
        cursor: pointer;
        position: absolute;
        margin-top: 430px;
        left: 50%;
        margin-left: 12px;
    }

    div#appSpotlightWrapper.studentSpotlight span.appSpotlightSiteCTA {
        background: url(../images/student/studentSpotlightCTASprite.png) left top no-repeat;
        display: inline-block;
        width: 272px;
        height: 27px;
        margin-top: 5px;
        cursor: pointer;
        position: absolute;
        margin-top: 400px;
        left: 50%;
        margin-left: 12px;
    }

    div#appSpotlightWrapper.studentSpotlight div.appSpotlightScreenshot {
        background: url(../images/student/studentSpotlightColorburstScreen.png) left top no-repeat;
    }

    div#appSpotlightWrapper.studentSpotlight span.appSpotlightStoreCTA a:link,
    div#appSpotlightWrapper.studentSpotlight span.appSpotlightSiteCTA a:link {
        width: 275px;
        height: 20px;
        position: absolute;
    }

/*New*/
#giveawayFormContainer span.steps {
    color: #1fb4df;
    font-weight: bold;
    margin-left: 20px;
    margin-right: 5px;
}

#giveawayFormContainer .signInMS span {
    float: left;
}

div#giveawayFormContainer #liveSignIn {
    width: 68px;
    float: left;
    padding-left: 15px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 0px;
    height: 30px;
    margin: 0 10px 0px auto;
    background-color: #1fb4df;
    text-decoration: none;
    margin-top: -5px;
}

.formcontainer {
    background-color: #EDEDED;
    font-family: Segoe Light, "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    color: #505050;
}

.right-container .formcontainer {
    background-color: #EDEDED;
    padding-left: 20px;
}

.formcontainer .fieldGroup {
    padding-top: 25px;
    padding-bottom: 30px;
}

.requiredLabel {
    font-family: Segoe Light, Segoe UI, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    color: #B9D709;
}

.left-container {
    width: 49%;
    margin-left: 0px;
    margin-right: 1.78%;
    float: left;
}

.right-container {
    width: 49%;
    float: left;
}

.formcontainer .app-intrest {
    padding-top: 25px;
    margin-bottom: 15px;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.emailoptions label.formLabel {
    float: left;
    margin-left: 0px;
    width: 9.68%;
    text-align: left;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.emailoptions,
body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.twitteroptions {
    display: inline-block;
    width: 100%;
}

    body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.emailoptions span.dailyTipsItems {
        width: auto;
    }

body#VirtualSummit form div#giveawayFormContainer.registrationForm .dailyTipsHeader {
    margin-bottom: 15px;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.twitteroptions span.dailyTipsItems {
    width: auto;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.twitteroptions label.formLabel {
    float: left;
    margin-left: 0px;
}

.signup {
    margin-top: 25px;
}
/*hero-componnet register page*/
.heroContainer {
    width: 100%;
    height: 200px;
    background-color: #00bcf2;
}

    .heroContainer .heroMainContent {
        width: 86%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

        .heroContainer .heroMainContent .heroContent {
            display: block;
            width: 82.6%;
            position: relative;
            font-family: 'Segoe UI';
            font-size: 30px;
            float: left;
            margin-top: 20px;
        }

            .heroContainer .heroMainContent .heroContent h2 {
                margin-top: 0px;
                margin-right: 60px;
                font-family: Segoe Light, Segoe UI, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
                font-weight: normal;
                font-size: 45px;
                text-align: left;
                color: #ffffff;
                margin-bottom: 0px;
            }

            .heroContainer .heroMainContent .heroContent p {
                font-family: Segoe Light, Segoe UI, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
                font-weight: normal;
                font-size: 20px;
                line-height: 24px;
                text-align: left;
                color: #ffffff;
                width: 65%;
            }

        .heroContainer .heroMainContent .heroImage {
            display: inline-block;
            margin-top: 10px;
            position: absolute;
            right: 0;
            /*margin-left:140px;*/
        }

.indicatesRequired
{
    width: 46%;
    top: -145px;
    margin-right: auto;
    margin-left: auto;
    font-family: Segoe Light, Segoe UI, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    text-align: left;
    color: #454545;
	position:relative;
	bottom:145px;
}

.tipRadioGroups span {
    margin-left: 20px;
}

#emailFrequencyPreferences span {
    margin-left: 20px;
}

.signup .tipRadioGroups:not(#foo) > div > input[type='checkbox'] {
    margin-top: -30px;
}

body#VirtualSummit .callOrText label {
    margin-left: 0;
   
}

#displayPrivacy {
    width: 60%;
    float: right;
}

#emailFrequencyPreferences {
    width: 100%;
}

.right-container .formcontainer #emailFrequencyPreferences .introCallToolTip {
    margin-left: 48.41%;
}

#emailFrequencyPreferences .callOrText {
    width: 100%;
}

    #emailFrequencyPreferences .callOrText .fieldLine span {
        margin-top: -17px;
        margin-left: 30px !important;
        
    }
        
    #emailFrequencyPreferences .callOrText .fieldLine label {
        margin-top: -20px !important;
        margin-right: 10px;
        padding-top:0px!important;
        width:0px!important;
    }

    #emailFrequencyPreferences .callOrText .fieldLine {
        width: 24%;
    }

body#VirtualSummit form #giveawayFormContainer .right-container #emailFrequencyPreferences .callOrText span.dailyTipsItems {
    margin-left: 16.53%;
    margin-right: 10.39%;
}

body#VirtualSummit form div#giveawayFormContainer.registrationForm div div.twitteroptions label.formLabel {
    width: 9.68%;
}

.formcontainer .emailoptions .formLabel {
    margin-right: 5.28%;
}



.signup #signUpFormRightColumnBottom .formRow a {
    padding: 2.63%;
}

.signup .privacyStatement {
    margin-left: 50px;
    color: #454545;
}




/*****For Paddings on either sides*****/

/*@media only screen and (max-width:1096px) {
    body#VirtualSummit form #giveawayFormContainer .right-container .profileRadio .webTech label {
        margin-top:-38px;
        }
    }

@media only screen and (min-width:1143px) and (max-width:1174px) {
   #register .right-container .formcontainer #emailFrequencyPreferences .callOrText .fieldLine:nth-child(2) span{
     margin-top:-16px;
    }
    #register .right-container .formcontainer #emailFrequencyPreferences .callOrText .fieldLine:nth-child(1) span {
        margin-left:5px !important; 
    }
    }*/

/*****************/
@-moz-document url-prefix() {
    #register form div#giveawayFormContainer.registrationForm div div.tipRadioGroups div.futureUpdates label;

{
    margin-left: 0px;
}

}


/*Responsive*/


/**Chrome styles for Call Or Text**/ 
.responsivechrome .right-container #emailFrequencyPreferences .callOrText { 
    width: 100%;
margin: 0 2% !important; 
} 

.responsivechrome .right-container #emailFrequencyPreferences .callOrText .fieldLine .dailyTipsItems { 
        margin-top: 2px;
    }

.responsivechrome .right-container #emailFrequencyPreferences .callOrText .fieldLine label { 
}
    
.responsivechrome .callOrText.radioCheck:not(#foo) > div > input[type='checkbox'] ~ label {
    padding: 0px 0 4px 24px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	body#VirtualSummit form div#giveawayFormContainer.registrationForm div#emailFrequencyPreferences.fieldGroup div.tipRadioGroups.radioCheck.callOrText input{
		margin-top:-15px;
		width:15px;
		height:15px;
	
	}
	body#VirtualSummit form div#giveawayFormContainer.registrationForm div#emailFrequencyPreferences div.introCallHeader {
	margin-bottom:35px;
	}
	body#VirtualSummit form div#giveawayFormContainer #myProfile input {
	margin-bottom:18px;
	}
	body#VirtualSummit div.introCallToolTip {
	margin-top:-23px;
	}
}
 @-moz-document url-prefix() {
      #emailFrequencyPreferences .callOrText .fieldLine span {
        margin-top:0px;
       
        
    }
}