/*---------------------------------------------------------------------------
L G S   C O M M O N
-----------------------------------------------------------------------------
--------------------------------
RESETS
------------------------------*/
/*Headers*/
/*h1 is used to hold "LEGO.com" and can therefore not be used in the content markup. h3 to h6 is available for use.*/
/*h2 is used for the site header (here "[sitename]") and can therefore not be used in the content markup. h3 to h6 is available for use.*/
h2 { text-indent: -9999px; position: absolute; z-index: -1; } /*Adjust as necessary*/
/*Page header(s) - e.g. "Downloads, Products, Fun Zone" etc.*/
h3 { font: bold 110%/1.25 arial, lucida, verdana, helvetica, sans-serif; }
/*Addtional headers*/
h4 { font: bold 95%/1.25 arial, lucida, verdana, helvetica, sans-serif; }
h5 { font: bold 82%/1.25 arial, lucida, verdana, helvetica, sans-serif; color: #636363; }
/*h6 { font: normal 80%/1.25 Verdana, lucida, arial, helvetica, sans-serif; color: #000; }

/*------------------------------
STRUCTURE
------------------------------*/
body { background:url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/picE0DC89679BC73FA600FFCD6DA30C195C.jpg) #0074B6 center 0px no-repeat; }
#siteContainer, #mainFooter {position:relative;width: 950px;}
#siteContainer {  font: normal 81.3%/1.25 Arial, Verdana, lucida, helvetica, sans-serif; overflow:hidden;text-align:left; }
#branding { background:url() no-repeat 20px 10px; float: left; height: 80px; position: relative; width:320px; }
.primaryNavi {background:url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/pic2F91A7DCDB44993676F1583B910442F0.png) no-repeat;height:70px;width:950px; }
#contentWrapper { float:left; width:950px;  }
#contentMain { color: #1782BA; margin: 0 auto;  text-align: left; min-height: 750px; height: auto !important; height: 750px; position: relative; }


/*------------------------------
ADDITIONAL CLASSES
------------------------------*/
#GFcontainer p { color: #fff; }


/*------------------------------
HEADERS/PARAGRAPHS
------------------------------*/




/*------------------------------
LINKS
------------------------------*/
#contentMain a { color: #1A81AF; cursor: pointer; text-decoration: none;}

/*------------------------------
IMAGES
------------------------------*/

/*------------------------------
CONTENT NAVIGATION COMPONENT
------------------------------*/
#contentNaviWrapper { float: left; margin:0 8px 0 0; width: 225px; height: 465px; }
#contentNaviWrapper h3 { color: #fff; display:block;height:15px;margin:20px auto;text-align:center;text-transform: uppercase; width:100%; }
.contentNaviNoArrows { background: url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/picA9F24DE9540AFD1548AB5E8EE5528DBC.png) no-repeat; }
.contentNaviArrows { background: url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/picA80125D49541700324D24D9DA6E3CBFC.png) no-repeat; }
#contentNavi { height: 375px; position: relative; }
#contentNaviScroller { height:350px;margin:0 0 0 4px;overflow:hidden;position:relative;width:216px; }
#contentNaviContainer { /*margin: -1px 0 0 0;*/ position: absolute; } 
#contentNaviContainer li { width: 218px; height: 68px; float:left; cursor: pointer; background: url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/pic9DC332A4FD7981F1C758FE08D2ED432C.jpg) repeat-x; }
#contentNaviContainer li.firstItem { background: none; }
#contentNaviContainer li.lastItem { height: 69px }
#contentNaviContainer li.hover, #contentNaviContainer li.active { height: 68px; background: url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/pic54AA2A44B1522B287118A34DCCFF0D0D.jpg) repeat-x; }
#contentNaviContainer li a { border-bottom:1px solid #575757; float:left; width: 218px;height:68px; display: block; font: bold 115% /1.25 arial, Verdana, lucida, helvetica, sans-serif; text-decoration: none; }
#contentSelectScroller { width: 465px; height: 100px; overflow: hidden; position: relative; left: 118px; top: 20px; }
#contentNaviContainer li span { line-height:35px;height:35px; padding:0 0 0 40px; margin:15px 0 0 10px; display: block; cursor: pointer; background-position: left top; background-repeat: no-repeat; }
#contentNaviContainer a:hover span, #contentNaviContainer .active span { background-position: left top; } 
#contentSelectContainer a { width: 104px; height: 72px; float: left; }
#contentSelectContainer a:hover, #contentSelectContainer .active a { background-position: left -72px; }
#contentNaviContainer a:hover span, #contentNaviContainer .active span { background-position: left -35px; background-repeat: no-repeat; } 
a.upBtn, a.downBtn { width: 218px; height: 35px; margin: 0 0 0 4px; display: block; text-indent: -9999px; cursor: pointer; }
a.upBtn { margin: 1px 0 0 4px; background: url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/picADBCF8EB10CA33BA943D57C8F8E209BD.png) 92px 12px no-repeat;}
a.downBtn { height: 30px; background: url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/pic893F878E352CD6BBBBE53527F7E6402C.png) 92px 0 no-repeat;}
a.disabled { visibility: hidden; }

/*------------------------------
CONTENT SELECTOR COMPONENT
------------------------------*/
.contentSelectNoArrows { background: none; }
.contentSelectArrows { background: url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/pic613F0D367F50795224548827861BE1A8.jpg) center 43px no-repeat; }
#contentSelectWrapper { margin:0; padding:0; float:left }
#contentSelect { width:645px; margin: 0 20px; position: relative;  }
#contentSelectScroller { width: 475px; height: 100px; overflow: hidden; position: relative; left: 88px; top: 20px; }
#contentSelectContainer { width: 20000em; height: 50px; position: absolute; }
#contentSelectContainer li { width: 104px; margin: 0 20px 0 0; display: inline; float: left; }
#contentSelectContainer a { width: 104px; height: 72px; float: left; }
#contentSelectContainer a:hover, #contentSelectContainer .active a { background-position: left -72px; }
a.prevBtn, a.nextBtn { width: 12px; height: 23px; display: block; text-indent: -9999px; cursor: pointer; }
a.prevBtn { position: absolute; left: 66px; top: 43px; background: url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/pic542CE7E48C2C9EFB7B544CFA5F30112F.png) no-repeat; float: left; }
a.nextBtn { position: absolute; right: 65px; top: 43px; background: url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/picF1B766C0209A14DD948E75501FA0C266.png) no-repeat; float: right; }

/*------------------------------
CUSTOME SCROLLBAR
------------------------------*/
.scrollView, .vScrollbar { float: left;}
.scrollView { margin: 0 0 10px 0; }
.vScrollbarBackgroundTop {background: url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/picD58FBDFB0E0173458D513C8F839199FD.gif) no-repeat; width: 17px;height: 7px;overflow: hidden;}
.vScrollbarBackgroundBottom {background: url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/picAAB0DA690A0BE92B0A122BEBDD6AB2BC.gif) no-repeat; width: 17px;height: 7px;overflow: hidden;}
.vScrollbarBackgroundMiddle, .vScrollbarHandleBackgroundMiddle { width: 17px; overflow: hidden; background: url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/picD401D159E729729D446049B1884DB5AC.gif) repeat-y; }
.vScrollbarHandleBackgroundMiddle { background: url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/pic5817EA501EDCECC9CD7FA7A06BAF5304.gif) repeat-y; width:15px; }
.vScrollbarHandleBackgroundTop, .vScrollbarHandleBackgroundBottom { width: 15px; height: 7px; overflow: hidden; background: url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/pic1A6AE272F61574E2AA6C9A3098D1DD52.gif) no-repeat; }
.vScrollbarHandleBackgroundBottom { background: url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/pic27F3F6014FA440C6DEF04C40FD5D4418.gif) no-repeat; }
.vScrollbarUpArrow {background: url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/pic59803F12C4B8BC9D9C9CC27BED619CE1.gif) no-repeat; width: 17px;height: 14px;overflow: hidden;cursor:pointer;}
.vScrollbarDownArrow { width: 17px; height: 14px; background: url(http://cache.lego.com/upload/contentTemplating/GamesDictionary/images/pic8FE5FA2FDD6F8FAD2053901C91F47831.gif) no-repeat; overflow: hidden; cursor: pointer; float: left; }
.vScrollNavigation { float:left;margin:0 0 0 5px;width:30px;}
.vScrollbarHandle {padding-left:1px;}
#wrapper .vScrollNavigation { float: right;}

/*------------------------------
RED/BLUE BUTTON
------------------------------*/
ul.redContentButton,ul.blueContentButton, ul.blueArrowContentButton {height:30px; margin:0 0 6px 7px; }
#aspnetForm .redContentButton a,#aspnetForm .blueContentButton a,#aspnetForm .blueArrowContentButton a {background-position:right 0;background-repeat:no-repeat;color:#fff;cursor:pointer;text-decoration:none; float:left;font-weight:bold;padding:5px 20px 0 0;position:relative;}
#aspnetForm .redContentButton a:hover,#aspnetForm .blueContentButton a:hover,#aspnetForm .blueArrowContentButton a:hover, #aspnetForm a.btnActiveAnchor{background-position:right -29px;}
#aspnetForm .redContentButton a:hover span,#aspnetForm .blueContentButton a:hover span,#aspnetForm .blueArrowContentButton a:hover span, #aspnetForm a span.btnActiveSpan{background-position:left -29px;}
#aspnetForm .redContentButton span,#aspnetForm .blueContentButton span,#aspnetForm .blueArrowContentButton span {background-position:left 0;background-repeat:no-repeat;float:left;height:28px;margin:-5px 0 0;padding:0 18px 0 0;}
.redButton span, .redButton a {background-image:url();}
.blueButton span, .blueButton a {background-image:url();}
.blueArrowButton span, .blueArrowButton a {background-image:url();}
#aspnetForm .blueArrowContentButton span {padding:0 30px 0 0;}

ul.grayContentButton {float:left;height:30px;margin:0 0 6px 15px; }
#aspnetForm .grayContentButton a {background-position:right 0;background-repeat:no-repeat;color:#0D75B9;cursor:pointer;float:left;padding:7px 20px 0 0;position:relative;text-decoration:none;}
#aspnetForm .grayContentButton span{background-position:left 0;background-repeat:no-repeat;float:left;height:33px;margin:-7px 0 0;padding:0 18px 0 0;}
.grayButton span, .grayButton a {background-image:url();}
#aspnetForm .grayContentButton span.print {background-image:url();padding:0 45px 0 0;}


/*------------------------------
RULES BUILDER COMMON
------------------------------*/
#rulesBuilderWrapper {background: url() repeat-y;width: 950px;float:left; min-height: 750px; height: auto !important; height: 750px; }
#rulesBuilderFooter {background: url() center top no-repeat; height: 77px;width: 950px;float:left;}
.hr {background: url() no-repeat;height:2px;margin:0 auto;width:931px;}
h3.rulesHeader {background: url() no-repeat; float:left;height:220px;text-indent:-9999px;width:950px;}
a#createRulesBtn {background-image: url();display:block;height:44px;left:330px;position:absolute;top:160px;width:249px;}
a#createRulesBtn:hover, .mActive {background-position: 0 44px;}
div.skinnedOuterContainer { min-height: 750px; height: auto !important; height: 750px; margin:0 auto; padding:22px 0 0; width:920px; }
div.skinnedGameContainerTop, div.skinnedGameContainerMiddle, div.skinnedGameContainerBottom { float:left;width:616px; }
div.skinnedGame{display:inline;margin:0 0 0 154px;} 
div.skinnedGameContainerTop { height: 140px; }
div.skinnedGameContainerMiddle { background: url() repeat-y; }
div.skinnedGameContainerBottom { background: url() no-repeat; height: 36px; }
div#skinnedPreviewContainer{margin:-7px 0 0;}
div#uploadRatioWrapper{background: url() no-repeat;height:44px;margin:0 auto;padding:7px 0 0;text-align:center;width:935px;}
#uploadRatioWrapper h5{color:#1782BA;font-size:96%;padding:0 0 5px;}
#uploadRatioWrapper p{float:left;font-weight:bold;margin:-2px 0 0;padding:0 5px;width:85px;}
#uploadRatioWrapper img{float:left;}
div#ratioWrapper{float:left;width:720px;}
.adultsRatio{background: url() repeat-x;float:left;height:14px;}
.kidsRatio{background: url() repeat-x;float:left;height:14px;}

/*------------------------------
RULES BUILDER POPUP
------------------------------*/
.close {background: url() no-repeat;cursor:pointer;display:block;height:21px;position:absolute;right:5px;top:5px;width:21px; }
div.previewPopup{font-family:arial;font-size:90%;position:absolute; display:none;width: 612px;}
#popupTile {background-repeat:no-repeat;margin-top:-5px;padding:110px 0 0;}
#previewRules {margin:0 auto;width:590px;}
#previewRules h4 {color:#1A81AF;font-size:110%;}
#previewRules p {font-weight:bold;}
#previewRules .madlib {color: #FD9E51;}
#previewRules li {background: url() no-repeat; float:left; width: 100%; min-height: 81px;height: auto !important;height:81px; }
#previewRules ul img { float:left;height:81px;padding:10px 10px 15px 0;width:81px;}
#previewRules ul p {font-size:89%;font-weight:bold; float:left;padding:12px 0 0;width:495px;}

div#popupTopBg,div#popupContent,div#popupBottomBg { float:left;width:612px; }
div#popupTopBg{background: url() no-repeat; height:36px;}
div#popupContent { background-color: #fff; }
h4.popupHeader {height:140px;}
div#popupBottomBg{background: url() no-repeat; height:36px;}