/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////// CSS BING AROUND THE WORLD /////////////////////////// */
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* RESET */
* { margin: 0; padding: 0; outline: none; }

/* IFRAMES */
.msnContent { text-align:center; }

/* COVER ALL */
body { width: 100%; color: #333; font-size: 1em; font-family: arial, sans-serif; background-color: #EDEDED;/*#aab9c1;*/
       background-image: url(http://estc.msn.com/br/gbl/css/8/decoration/02/bg.gif); background-repeat:repeat-x; }

.clear {clear: both;}

/* COLOURS */
.white {color: #fff;}
.darkBlue {color: #1b3139;}

/* PAGE STYLES */ 
h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-weight: normal;}
.hero h3 { margin: 0 0 10px 0;}
.myPersonalTab h1 {font-size: 0.8em; }
#myPersonalBingMapHeader .logo h1 {font-size: 0.8em; }

p { font-size: 0.7em; margin: 0 0 8px 0; line-height: 1.5em;}
p.caption { font-size: 0.7em; font-style: italic; color: #d2e2e6; line-height: 1.2em; margin: 5px 0;}

.feedback p {font-weight: bold;}
#mapHeader p {font-size: 80%;}

/* IMAGES STYLES */ 
img { border: none; padding: 0; margin: 0;}

.bingLogoLink img {float: left; margin: 0 18px 18px 0;}
.heroRightModule img {float: left; margin: 0 18px 18px 18px;}
.hero #heroLowerHalf .heroLeftModule img {float: left; margin-right: 18px;}
.heroRightModule { width:508px; float:right; }

.seeTodaysLocation { margin: 36px 35px 0 36px; display:block; float:left; background-image: url('../images/btns_seeTodaysLocation.png'); width: 144px; height: 143px; color: #fff;  background-repeat: no-repeat; background-position: 0 0; }
.seeTodaysLocation span { display:none; }
.seeTodaysLocation:hover{ background-position:0 -144px; text-decoration:none;}
.seeTodaysLocation:active{ background-position:0 -290px; text-decoration:none;}

/* GENERAL LINKS*/
.hero a:link, a:visited { color: #f60; text-decoration: underline; font-weight: normal; }
.hero a:hover { text-decoration: none; color: #333;}

#nav a:link, #nav a:visited { color: #fff; text-decoration: none; font-weight: normal; }
#nav a:hover { text-decoration: underline; color: #fff;}

/* LIST STYLES */
.smallList {margin: 0; padding: 0; font-size: 0.7em}
ol.smallList li {margin: 0 0 8px 0;}
ul.smallList li {list-style-position: inside; list-style-type: none; line-height: 1.5em; display:inline;}
ol.smallList li {list-style-type: decimal; list-style-position: inside;}

.footer {margin: 10px 0 0 0;  }
.footer p {font-size: 0.7em; color: #07519A; line-height:0.7em;}
.footer a:link, .footer a:visited { color:#07519A; text-decoration:none;}
.footer a:hover { color:#07519A; text-decoration:underline; }

/* LAYOUT DIVS */
#wrapper {margin: 3px auto; padding: 0; width:974px;}
.hero, #myMapHero, #map {padding: 18px 24px;}
#nav {margin: -12px 0 0 250px; font-size: 0.7em;}
.hero, #mapHeader, #myMapHero {border: 1px solid #fff;}

/* HEADER */
#header, #myPersonalBingMapHeader {margin: 6px 0 2px 0;}

/* TAB  //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.headerLeft, .headerRight, .headerFarRight {float: left;}

/* HOMEPAGE - RIGHT SIDE TAB */
.headerRight {width: 296px; height: 74px; }

.headerFarRight {width: 525px;}
.headerFarRightTop {width: 525px; height:30px;}
.headerFarRightBottom {width: 525px; height: 44px; background-color: #bcc9cf;}

#myPersonalBingMapHeader .headerRight {width: 246px; height: 74px; }
#myPersonalBingMapHeader .headerFarRightBottom {width: 535px; height: 44px; background-color: #6a8c9c;}

/* SIGN OUT LINK */
#signout, #myaccount { float:right; color:#fff; font-size:0.8em; text-decoration:none; }
#signout:hover, #myaccount:hover { text-decoration:underline; }
#signout {margin: 5px 10px 0 0;}
#myaccount { margin: 5px 15px 0 0; }




.myPersonalTab h1 a:link, .myPersonalTab h1 a:visited { display: block; width: 296px; height: 30px; text-decoration:none; color: #fff; background-image: url(../images/tab_myPersonal.png); background-repeat: no-repeat; background-position: 0 0;}
.myPersonalTab h1 a:hover {display: block;  width: 296px; height: 30px; background-image: url(../images/tab_myPersonalRolledOver.png); background-repeat: no-repeat; background-position: 0 0;}
.myPersonalTab span {display: block; padding: 8px 0 0 68px;}
.myPersonalTabLower { height: 44px; background-color: #bcc9cf;}
.myPersonalTabLowerSelected { height: 44px; background-color: #6a8c9c;}

/* HOMEPAGE - LEFT SIDE TAB */
.headerLeft {width: 135px; height: 56px; background-color: #bcc9cf; padding: 18px 0 0 18px;}
.logo h1 a span { display: none;}
.logo h1 a {display: block; width:94px; height:36px;}
.logo {float: left; background-image: url(../images/logo_headerBing.png); background-repeat: no-repeat; background-position: 0 0;}

/* MY PERSONAL BING MAP PAGE - RIGHT SIDE TAB */
#myPersonalBingMapHeader .myPersonalTab h1 a:link, #myPersonalBingMapHeader .myPersonalTab h1 a:visited { display: block; width: 246px; height: 30px; text-decoration: none; color: #fff; background-image: url(../images/tab_myPersonalAtFront.png); background-repeat: no-repeat; background-position: 0 0; }
#myPersonalBingMapHeader .myPersonalTab span {display: block; padding: 8px 0 0 28px;}

/* MY PERSONAL BING MAP PAGE - LEFT SIDE TAB */
#myPersonalBingMapHeader .headerLeft { width: 193px; height: 74px; background-color: #6A8C9C; padding: 0;} 
#myPersonalBingMapHeader .logo h1 a span {display: none; padding: 8px 0 0 18px;}
#myPersonalBingMapHeader .logo h1 a { color: #fff; display: block; width:193px; height:30px; background-image: url(../images/tab_myPersonal_bingAtBack.png); background-position: 0 0; padding: 0; background-repeat: no-repeat; }
#myPersonalBingMapHeader .logo h1 a:hover { display: block; width: 193px; height: 30px; background-image: url(../images/tab_myPersonal_bingAtBackRollover.png); padding: 0; background-repeat: no-repeat; background-position: 0 0; }
#myPersonalBingMapHeader .logo { float: left;}

/* END TAB  //////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* HOMEPAGE  //////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* homepage hero */
.hero { background-color: #fff; margin: 0 0 5px 0; }
.heroLeftModule, .heroRightModule { margin: 0 0 5px 0;}
.heroLeftModule {width: 378px; margin-right: 18px; float:left;}
.heroUpperHalf {padding: 18px 0;}
.hero #heroLowerHalf {padding: 0px; }
.blueBackRight { background-image: url(../images/graphic_blueGradRight.png); width:508px; background-repeat: no-repeat; background-color: white; min-height:190px; }
.blueBackRight p { margin: 0 10px 0 0;}

#howTo {float: left; width: 215px; height: 150px; margin: 0 18px 10px 18px;}

img.fiveAndScrModule {float: left; margin: 0 18px 30px 18px;}
p.fiveAndScrModule, h3.fiveAndScrModule { display:inline-block;width:230px; }

/* map */
#mapHeader {height: 40px; padding: 8px 18px; background-color: #bcc9cf;}
#map {border-color: #fff; border-width: 1px; border-style: none solid solid solid; }


/* HERO WITH SPLIT LEFT AND RIGHT MODULES */
#heroLowerHalf .heroLeftModule { height: 190px; background-image: url(../images/graphic_homepagePrizesSingleModuleBG.png); background-repeat: no-repeat; background-position: 0 11px; background-color: white;}
#thisMonthsPrize p { margin: 0 10px 8px 0; }

/* PERSONAL MAP AREA ////////////////////////////////////////*/
#myMapHero { background-color: #fff; margin: 0 0 5px 0; }
#myMapHero .heroUpperHalf {padding: 18px 0 0 0; }

#myMapHero .heroLowerHalf .heroLeftModule, #myMapHero .heroUpperHalf .heroLeftModule { float: left; }
#myMapHero .heroLowerHalf .heroRightModule, #myMapHero .heroUpperHalf .heroRightModule { width: 508px; float:right;}
#myMapHero .heroLowerHalf .heroRightModule { height: 230px; background-image: url(../images/graphic_blueGradRight.png); background-repeat: no-repeat; background-position: 0 30px; background-color: white; }

#myMapHero .heroLowerHalf h2, #myMapHero .heroUpperHalf h2 {margin: 0 0 12px 0;}


/* POP UP //////////////////////////////////////////////////*/
.popUp { position: absolute; width: 269px; height: 423px; border: 1px solid #fff; padding: 7px; background-color: #bcc9cf;}
.popUp p {font-size: 11px; line-height: 1.1em;}
.popUp img {border: 1px solid #fff;}

.popUpHeader {background-color: #f60; padding: 7px; margin: 0 0 8px 0;}
.popUpHeader p {margin: 0 0 2px 0; padding: 0; font-weight: bold;}
.popUpHeader .close {border: 1px solid #fff; color: #fff; width: 14px; height: 14px; font-size: 11px; text-align: center; line-height: 1.2em; float: right; cursor:pointer;}
.popUpHeaderCopy {float: left;}

#msftve_1000 a { color:#333; text-decoration:none; }
.mainImage {margin: 0; padding: 0;width:267px; height:137px;}
.mainImage img {width:269px;}
.lowerHalf a:link, .popUp .lowerHalf a:visited {color: #1b3139;}
.lowerHalf a:hover {color: #1b3139; text-decoration: none;}

.countryName { vertical-align:middle; width:269px; background-color: #aab9c1; color: #fff; border-color: #FFF; border-width: 0 1px 1px 1px; border-style: solid; /*margin: -5px 0 0 0;*/ height:29px; padding: 0;}
.countryName a:link, .countryName a:visited { color: #fff; text-decoration:none; }
.countryName a:hover { color: #fff; text-decoration:underline; }
.countryName p {font-size: 14px; padding: 8px 6px 6px 6px; /*margin: 6px 0 0 0;*/}
.satelliteViews {margin: 8px 0;}

.links a:link, .links a:visited, .sponsor a:link, .sponsor a:visited { text-decoration:underline; }
.links a:hover, .sponsor a:hover { text-decoration:none; }
.links li {list-style-type: disc; list-style-position: outside; display: block; line-height: 1.1em !important;}
.links img {float: left; margin: 0 8px 8px 0; display:block; width: 133px; height: 87px; }
.links ul { display: block; width:126px; float:right; height:112px; overflow:auto;  }
.satelliteViews { height: 12px; }

.sponsor {margin: 8px 0 0 0;}
.sponsor img {float: left; margin: 0 8px 0 0; }
.sponsor ul { float:right; border: solid 1px black; }

.searchMagIcon { cursor:pointer;}
.search {background-color: #fff; border: 1px solid #ccc;  height: 24px; padding: 2px;}

.withMarker li { list-style-type: disc !important; display:list-item !important; }

.popUp input.searchField, input.searchMagIcon {float: left; border:solid 1px black;}
.popUp input.searchField {text-align: left; overflow: hidden; width: 230px; font-size: 11px; line-height: 2em; height: 18px; vertical-align: middle; border: none; display: block; margin-right: 3px; padding: 4px 0 0 5px;}
.popUp input.searchMagIcon { float: right; width: 24px; height: 24px; margin: 0; padding: 0; border: none; background-image: url(../images/btn_searchMagIcon.png); background-repeat: no-repeat; background-position: 0 0; }


/* FORMS //////////////////////////////////////////////////*/
input.submit { background-color: #8bb235; border: none; padding: 6px; color: #fff;}
input.send { background-color: #ff6600; border: none; padding: 6px; color: #fff;}

#formComponents {margin:18px 0 0 0; padding:0 0 0 0;}
input[type=text].submitAnswer {text-align: left; overflow: hidden; width: 370px; font-size: 16px; height: 32px; padding:16px 0 0 0; }
#answer, #answerPersonal { padding-left:20px; text-indent:0; border: solid 1px #BCC9CF; display:block; float:left;}
.answerError { color: #f00; }
.answerLink { margin: 80px 0 0 0; }

/* BUTTONS */

.smallButton { padding: 0 0 0 4px; float:right; width:94px; }
.smallButton a { float: left; width: 94px; height: 57px; color: #fff; background-repeat: no-repeat; background-position: 0 0; }
.smallButton a:hover{ background-position:0 -57px; text-decoration:none;}
.smallButton a:active{ background-position:0 -113px; text-decoration:none;}
.smallButton span {display:none;}

.largeButton {float: left; margin-right: 18px;}
.largeButton a { float: left; width: 144px; height: 143px; color: #fff;  background-repeat: no-repeat; background-position: 0 0; }
.largeButton a:hover{ background-position:0 -144px; text-decoration:none;}
.largeButton a:active{ background-position:0 -290px; text-decoration:none;}
.largeButton span {display:none;}

.submitButton a { background-image: url('../images/btn_submitAllStates.png'); }
.submitAnswer a { background-image: url('../images/btn_submitAnswerAllStates.png'); }
.sendToAFriend a {background-image: url('../images/btn_SendToAFriendAllStates.png'); }
.downloadScreensaver a {background-image: url('../images/btn_downloadScreensaverAllStates.png'); float:right;}
.exploreBingToday a { background-image: url('../images/btn_exploreBingAllStates.png');}
.registerButton a {background-image: url('../images/btn_register.png');}
.addToList a {background-image: url('../images/btn_addToList.png');}
.sendInvitations a {background-image: url('../images/btn_sendInvitations.png');}
.saveButton a {background-image: url('../images/btns_save.png');}
.enterButton a {background-image: url('../images/btn_enter.png');}

input.downloadScreensaver { width: 97px; height: 71px; margin: 0; padding: 0; float: left; border: none; background-image: url(../images/btn_downloadScreensaver.png); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; }
input.sendToAFriend { width: 97px; height: 71px; margin: 0; padding: 0; float: left; border: none; background-image: url(../images/btn_sendToAFriend.png); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; }
.sendToAFriend { float:left; margin: 0 12px 0 0; padding: 0 0 0 0; }

/*.submitAnswerField {float:right; }*/
#submitQuestions {float:left; width: 385px;}
#submitQuestions p { margin: 6px 0 0 0;}

/* Added by Jon ////////////////////////////////////////////////*/

/* VALIDATION ERRORS */
label.error { float:left; color:#f00; font-size:2em; padding: 0 6px 0 0; vertical-align:bottom;}

/* FORMS */
.horizontalFormLeft { float:left; display:block; width:480px;}
.horizontalFormLeft p { margin: 6px 0 0 0; }
.horizontalFormLeft h4 { margin: 0 0 0 0 !important; }
.horizontalFormMiddle { vertical-align:text-top;float:left; line-height:1.4em; width:290px; margin: 0 0 0 20px; }
.horizontalFormMiddle label { font-size:0.8em; float:left; }
.horizontalFormMiddle input { float:right; }
.horizontalFormMiddle input[type=text], .horizontalFormMiddle input[type=password] { width:160px; }
/*.horizontalFormMiddle label.error { float:left; font-size:1em; line-height:1em; padding: 0 0 0 0; width:10px; }*/
.regLoginError, regErrors.error { color:#f00; float:left; }

/* COUNTER */
#mapTitle { float:left; }
#mapTally, #entriesTally {float: right;}
#mapTitle {margin: 0 120px 0 0;}
#mapTally {margin: 10px 0 0 0}
#entriesTally { margin: 10px 20px 0 0; }
.tallyContainer { padding:2px 0 0 2px; background-color: #838383; height: 38px; width:38px;float:left;color: #fff; margin:0 5px 0 0;top:-8px;position:relative;}
#tallyValue, #entriesValue {background-color: #838383; padding: 8px; border:solid 1px #fff;top:8px;position:relative;}
.tallyText { float:left; }

/* HERO CONTENT*/
.leftOrangeLink { display: block; margin: 0 18px 0 0; float:left }
.otherOrangeLink { display: block; margin: 0 0 0 0; float: left }
.nearButton { float:right; font-size:0.6em; }
.tcLogo { margin:0px 5px 5px 0; float:left; display:block; }
.tcLogoHeading { } 
.leftExclaim { float: left; margin:4px 0 0 0;}
.labelShorten { width:200px; }
.privacy { float:right;}

/* Some kind of odd a tag that comes out of the iframe in Firefox and covers most of the right side of the page, so hide it (???)*/
#ftclickr_16801050 { display:none !important;}

/* jQuery WATERMARK PLUGIN */
.watermark { color: #999; }

/* TERMS AND CONDITIONS PAGE */
.termsList li { margin: 10px 0 10px 0; }

/* NEW LOGIN FORM LAYOUT */

.leftHalfColumn { float:left; width:45%; background-color:#ECECEC; padding:15px; height:310px }
.rightHalfColumn { float:right; width:45%; background-color:#ECECEC; padding:15px; height:310px }
h2.reg { color:#f60; }
h2.regLogin { margin-bottom:10px; }
/*h4.regLogin { margin-bottom:10px; }*/
div.regLogin { width:390px; }
.regLoginFormElements { width:370px; height:157px; }
#loginErrors label, #loginPersonalForm label.error, #registerPersonalForm label.error { width:300px; clear:both;}
#registerPersonalForm label, #loginPersonalForm label { clear:both; }
.regLoginInstruction { min-height: 85px; }