@charset "utf-8";
/* This is the base css used for the global_template.cfm template */

/* reset of font sizes, margins and padding */
* { font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; }
body { font-size:76.1%; background:#000; }

/* heading styles */
h1, h2, h3, h4 { font-family:Arial, Helvetica, sans-serif;}

p {margin-bottom:14px; color:#333}
p.last {margin-bottom:0px}

body#million a.boldBlue:visited {color:#044388}
#omnitureTags {background-color:#DDDDD5 }

.clear-float {float:none!important;}
/* Text and list layouts */
p, ul, ol {line-height:1.6em; color:#333; list-style:none;}
ul, ol { margin-left:0em;}
img{border:none;}

a{text-decoration:none;}

a:link{color:#0066CC;}
a:visited {color:#9200bc}
a:hover {text-decoration:underline;}
a:active {color:#0066CC;}
a.seePhoto{color:#0077CC; float:left;margin-top:10px; font-weight:bold; padding-left:20px;}

p a.linkChevron {padding-top:0px; float:none; padding-left:8px;}
a.linkChevron, a.linkChevron:hover {background:transparent url(arrow-orng.gif) no-repeat scroll 0 4px; float:none;}


/* Clear fix - see http://www.webtoolkit.info/css-clearfix.html */
.clear{clear:both}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

body#million #content {background:none; padding-bottom:60px; position:relative; top:-20px;}
body#million #content.secondary {top:-60px;}
body#million #content.holding {margin:0 0 0 0;}
body#million #container {width:960px;}

body#million #infoSources p {margin-bottom:0}
body#million #infoSources h3 a {text-transform:none;}
body#million {background:#fff url(stars-bg.gif) repeat left top}
/*body#million {background-image:none; background-color:#000000}*/

body#million.lm #main {width:960px; padding:0; overflow:visible}
body#million.lm #mainContent {width:706px; float:left}
body#million #content.holding #mainContent {width:960px; float:left}

/* Main Nav*/
#main_nav_bar {padding:5px 5px; height:58px; background:#0a4f9c;}
#main_nav_items {margin:0 auto; width: 960px}
#main_nav_bar a {color:#fff; font-weight:bold}
#main_nav_bar a:hover {text-decoration:underline}
#main_nav_bar ul {padding-top:20px}
#main_nav_bar li, #main_nav_bar img {float:left;}
#main_nav_bar li {margin-right:28px}
#main_nav_bar .logo {margin:-9px 48px 0 0}

/* Main Nav partner/sponsor spot*/
.partner {float:right}
body#million .partner p {color:#fff; font-weight:bold}
.partner p, .partner img {float:left}
.partner img {margin:-20px 0 0 10px; position:relative}

/* The header*/
.header_content {margin:0 auto; width: 960px;}
.header_content.submit {background:url(earth-bg.png) no-repeat left top; width: 521px; height:110px}
/* The header
.header_content a.seePhotoGreen{background:url(btn_winningPhotoGreen.jpg) no-repeat top left; height:243px; width:200px;margin-left:100px; display:block; margin-top:10px}
.header_content a.seePhotoGreen span{display:none}
*/
#header_bar.holdingH {background:url(holding-bg.gif) repeat-y left top; height:119px}
#header_bar.holdingH span {position:absolute; left:-998px; top:-998px}
#header_bar {height:225px; background:url(gradient.gif) repeat-x left top;}
#header_bar.holdingH .header {margin: 50px 0}
#header_bar .header {margin:35px 0 10px 100px}
#header_bar.gallery .header {margin:35px 0 10px 0px}
#header_bar .sub {margin:0 0 0 120px}
#header_bar.gallery .sub {margin:0 0 0 0px}
#header_bar.gallery p.intro {width:605px; color:#fff; margin-top:30px; font-size:12px}
#header_bar.gallery p.intro-winner{width:590px; color:#fff; margin-top:0px; font-size:12px; font-style:italic;}
#header_bar.gallery p.intro-winner span.winner{font-weight:bold;}

/* Mosaic - iframe*/
.mosaic {margin-top:17px}
* html .mosaic {margin-top:27px}

/*Gallery container*/
body#million #galleryWrapper{background-color:#252525; margin-bottom:35px}
body#million #galleryContainer{background-color:#252525; margin:0px auto; width:960px!important; padding-top:20px}
/*body#million #galleryContainer .*/


/* Modules*/
body#million .fragment_container {border-top:none; float:left; border-top:2px solid #ECECEC;}
body#million #modules {clear:both; float:left; margin-top:18px; width:100%}
body#million #modules .fragment_container {border:2px solid #333; background:#202526 url(gradient-module.gif) repeat-x top left; padding:14px 0 14px 14px;}
* html body#million #modules .fragment_container {border:2px solid #333; background:#202526 url(gradient-module.gif) repeat-x top left; padding:14px 0 14px 14px;}
body#million #modules #mediaSection h3{margin-bottom:10px}
body#million #modules #mediaSection p{color:#979797; margin-bottom:20px}
body#million #modules #mediaSection ul li{margin-bottom:15px}
body#million #modules #mediaSection ul li a{color:#00A6FF; font-weight:bold; padding: 3px 0px 3px 0px; /*background:transparent url(icon-download.png) no-repeat top left;*/}
body#million #modules #mediaSection ul li span.fileSize{color:#666; font-weight:normal}

body#million #modules #socialNetwork {}
body#million #modules .fragment_container{height:183px}
body#million #modules .fragment_container.firstc {margin-right:20px; width:403px; }
body#million #modules #mediaSection ul{margin-top:22px}
body#million #modules .fragment_container.last {width: 500px;}
* html body#million #modules .fragment_container.last {width: 490px; padding-right:10px; margin-bottom:0}
body#million #modules .fragment_container h3 {color:#00a6ff; text-transform:none; font-size:1.2em; margin-bottom:17px}
body#million #modules .fragment_container h4 {color:#fff; text-transform:none; line-height:1.1em}
body#million #modules .fragment_container h4, body#million #modules .fragment_container .contributor p {font-size:0.9em}
body#million #modules .fragment_container .contributor p {margin:14px 0 0 0}
body#million #modules .fragment_container .contributor p a {color:#fff;}
body#million #modules .fragment_container .contributor {float:left; width:187px}
body#million #modules .fragment_container .contributor.first {margin-right:14px}
body#million #modules .fragment_container .contributor img {float:left; margin-right:14px}
body#million #modules a, body#million #modules a:visited, body#million #modules a:focus, body#million #modules a:active {color:#fff; text-decoration:none}
body#million #modules a:hover {text-decoration:underline}

body#million #modules #haveWon {clear:both;}
body#million #modules #haveWon .contributor p {margin:14px 0 0 0; color:#fff;}
body#million #modules #haveWon .contributor {float:left; width:380px;}


body#million #twitterPost {background:#434343; padding:7px; float:left;margin:4px 0;}
body#million .thankyou #twitterPost {background:none; padding:3px; float:none}
body#million form label, body#million form legend {display:none}
body#million input.tweet {width:368px; padding:5px; margin-right:14px; float:left}
body#million .thankyou input.tweet {width:336px;}

body#million #socialIcons {clear:left; float:left; margin:21px 0 14px; width:100%}
body#million #socialIcons ul li{float:left; margin-right:7px}

#terms {width: 100%;margin:18px 0 0;float:left;}
#terms ul {list-style-type:none;}
#terms li {float: left;width:405px;padding-right:15px; margin-right:20px;}
#terms li.lastItem {float:right; margin:0 0 0 38px; padding-right:0px}
#terms ul p {color:#999;font-size:12px; width:370px;}
#terms li.lastItem div {float:right; margin-right:0px;display:inline;font-size:11px;}
#terms li.lastItem p {font-weight:normal;font-size:11px;float:right}
#terms li.lastItem a {font-size:11px;;float:right}
#terms a.mosaicLogo {float:left;;float:right}
/* Sidebar - instructions and prizes*/
#instructions {width:235px; height:639px; margin:-37px 0 0 14px; padding-top:30px; border:2px solid #414141; overflow:visible; position:relative; background:#1f2425 url(sidebar-bg.jpg) no-repeat top left; float:left; text-align:center}

#instructions h1 span, #instructions h2 span, #instructions h3 span {display:none}

#instructions p a{color:#00A6FF; font-weight:bold}
#instructions a.seePhotoGreen{background:url(btn_winningPhotoGreen.jpg) no-repeat top center; height:80px; width:230px; display:block; margin-top:10px}
#instructions a.seePhotoGreen span{display:none}
/*
#instructions a.seePhoto{background:url(btn_winningPhoto.jpg) no-repeat top left; height:26px; width:112px;margin-left:20px}
#instructions a.seePhoto span{display:none}

#instructions h1 {background: url(h1-upload.png) no-repeat top left; width:209px; height:64px; padding:0; margin:0 0 35px 21px; line-height:0.1em}
#instructions h2 {background: url(h2-win.png) no-repeat top left; width:248px; height:217px; padding:0; margin:23px 0 0 -15px; line-height:0.1em; position:relative}
#instructions h3 {background: url(h3-or-one.png) no-repeat top left; width:250px; height:246px; padding:0 0 26px 0; margin:0 0 0 -15px; line-height:0.1em; position:relative}
*/
#instructions h1 {background: url(h1-upload.png) no-repeat top left; width:209px; height:43px; padding:0; margin:0 0 20px 10px; line-height:0.1em}
#instructions h2 {background: url(h2-winner.png) no-repeat top left; width:235px; height:47px; padding:0; margin-left: 0px!important; line-height:0.1em; position:relative}
#instructions h3 {padding-bototm:10px;background: url(h3-lp.png) no-repeat top left; width:223px; height:177px; margin:0 0 0 12px; line-height:0.1em; position:relative}
#instructions p {padding: 0 10px 0 20px;color: #fff;font-size:12px;text-align:left; margin:30px 0 0;line-height:20px;position:relative;}
#instructions img.signature{position:absolute;bottom:-30px;right:0;}
#instructions p.noMarginTop {margin-top:0;}


/* BUTTONS */
button {border:0; cursor:pointer; padding:0}
button span {display:none; padding:0}
* html button{overflow:hidden;}
button::-moz-focus-inner {border: none;}
button:hover {background-position:0 -30px}

button.twitterBtn {height:30px; width:77px; float:left; background:url(twitter-lge-post-btn.png) no-repeat top left;}
button.twitterBtn:hover {background-position:0 -34px}

button.upload {height:50px; width:212px; background:url(upload-button.png) no-repeat top left;}
button.upload:hover {background-position:0 -54px}

button.explore {height:28px; width:172px; background:url(explore-button.gif) no-repeat top left; position:absolute; top:-55px; left:0}
/*button.explore {height:28px; width:172px; background:url(explore-button.gif) no-repeat top left; margin-left:18px;}*/

button.explore:hover {background-position:0 -32px}


/* Upload page*/
#lhsPage, #rhsPage {float:left; overflow:hidden}
#lhsPage {width:383px; height:781px; padding:25px 21px 21px 22px; background: url(page-lhs-bg.jpg) no-repeat top left}
#rhsPage {background:#fff url(page-rhs-bg.gif) repeat-y top left; width:491px; height:776px; padding:30px 21px 21px 21px; }

/*
#lhsPage {width:211px; height:671px; padding:25px 21px 21px 22px; background: url(page-lhs-bg.jpg) no-repeat top left}
#rhsPage {background:#fff url(page-rhs-bg.gif) repeat-y top left; width:664px; height:666px; padding:30px 21px 21px 21px; }
*/

#lhsPage h1 {font-size:1.6em}
#lhsPage h2 {font-size:1.5em; font-weight:normal; padding:7px 0}
#lhsPage h1, #lhsPage h2 {color:#00a6ff;}
#lhsPage p {color:#7d7d72; font-size:1.2em; line-height:1.4em; margin-bottom:0}
#lhsPage p strong {color:#333;}
#lhsPage img {margin:10px 0 14px 0}
#lhsPage img.signatures {margin:10px 0 28px 0}

#lhsPage .entryHighlight {float:left; width:383px}
#lhsPage .entryHighlight.left {margin-bottom:20px}
#lhsPage .caption {background: url(bubble-bg.gif) repeat-y top left; width:226px; position:relative; float:left; margin-left:26px}
#lhsPage .right .caption {margin-left:0px; margin-right:26px}
#lhsPage .caption .top {background: url(bubble-top.gif) no-repeat top left; height:12px}
#lhsPage .entryHighlight.left .hook {background: url(bubble-arrow-left.gif) no-repeat top left; height:25px; width:19px; position:absolute; left:-16px; top:20px;}
#lhsPage .entryHighlight.right .hook {background: url(bubble-arrow-right.gif) no-repeat top right; height:25px; width:19px; position:absolute; right:-16px; top:20px;}
#lhsPage .entryHighlight img {margin-bottom:0; margin-top:0}
#lhsPage .entryHighlight.left img {float:left}
#lhsPage .entryHighlight.right img {float:right}
#lhsPage .caption h3 {color:#00a6ff; padding:0 20px 0 10px}
#lhsPage .caption p {padding:0 20px 0 10px; font-size:0.9em; color:#333;}
#lhsPage .caption .bottom {background: url(bubble-bottom.gif) no-repeat top left; height:13px}

#bookmark, #bookmarkB {position:relative}
#bookmarkTop img, #bookmarkBott img, #bookmarkB img {position: absolute;}
#bookmarkTop img {left: 820px; top: -14px;}
#bookmarkBott img {left: 820px; top: 0;}
#bookmarkB img {left: 460px; top: 827px;}

/* Thankyou page*/
#rhsPage.thankyou {background-color:#333; background-image:none;}
#rhsPage.thankyou .thanksHead {margin-bottom:13px;}
#rhsPage.thankyou img {float:left}
#rhsPage.thankyou .box {background-color: #3d3d3d; margin:28px 0 0 0; float:left; width:100%}
#rhsPage.thankyou p {color:#fff; line-height:1.2em;}
#rhsPage.thankyou p.intro {clear:both; font-size:1.2em; margin-bottom:0; float:left; width:100%}
#rhsPage.thankyou .box a.linkChevron, #rhsPage.thankyou .box a.linkChevron:active, #rhsPage.thankyou .box a.linkChevron:focus, #rhsPage.thankyou .box a.linkChevron:visited {color:#fff!important; font-weight:bold; font-size:14px; text-decoration:none;}
#rhsPage.thankyou .box a.linkChevron:hover{text-decoration:underline}
#rhsPage.thankyou .boxtop {background: url(thanks-rhs-cnr.gif) no-repeat top right;}
#rhsPage.thankyou .boxtop div {font-size: 0; height: 8px; background: url(thanks-lhs-cnr.gif) no-repeat top left; }
#rhsPage.thankyou .boxbottom {background: url(thanks-b-rhs-cnr.gif) no-repeat bottom right; }
#rhsPage.thankyou .boxbottom div {font-size: 0; height: 8px; background: url(thanks-b-lhs-cnr.gif) no-repeat bottom left;}
#rhsPage.thankyou .boxcontent {padding: 13px 21px;}
#rhsPage.thankyou .box a, #rhsPage.thankyou .box a:focus, #rhsPage.thankyou .box a:active, #rhsPage.thankyou .box a:visited {color:#fff; text-decoration:none}
#rhsPage.thankyou .box a:hover {text-decoration:underline}

#rhsPage.thankyou .share {width: 420px; margin-bottom:21px}
#rhsPage.thankyou .share img {float:left; margin-right:14px}
#rhsPage.thankyou .share p {margin-bottom:3px;}
#rhsPage.thankyou .share strong {font-size:1.4em}

#rhsPage.thankyou .shop .boxcontent {padding: 13px 0 0 30px;}
#rhsPage.thankyou .shop p {font-size:1.5em; margin-bottom:7px; float:none; width:100%}
#rhsPage.thankyou .shop strong {font-size:1.7em; line-height:1.1em}
#rhsPage.thankyou .shop img {margin: 3px 0 3px -17px}

#rhsPage.thankyou .nokia {background:#3d3d3d url(phones.jpg) no-repeat right top;}
#rhsPage.thankyou .nokia .boxcontent {padding: 13px 0 0 30px;}
#rhsPage.thankyou .nokia img.products {float:right; margin-top:-10px}
#rhsPage.thankyou .nokia img.logo {margin-bottom:14px;}
#rhsPage.thankyou .nokia p {margin-bottom:11px}
#rhsPage.thankyou .nokia strong {font-size:1.4em; line-height:1.2em}
#rhsPage.thankyou .nokia strong span {font-size:1.2em;}
#rhsPage.thankyou .nokia p.download {float:left; clear:left}

/*Footer*/
#gl_footer_2008 {background:black url(bg_footer.gif) repeat-x scroll left top;}