/*---------------------------------------------------------------------------
C O M M O N   E L E M E N T S
-----------------------------------------------------------------------------
This style sheet is used by all pages included in this project (every site has its own pageCommon.css)
--------------------------------
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 "Learning Institute") and can therefore not be used in the content markup. h3 to h6 is available for use.*/
h2 { height: 93px; margin: 0 0 0 30px; text-indent: -9999px; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic8F00C788C9E358374E4A38768D4D9DC6.gif) 0 top no-repeat; } /*Adjust as necessary*/
/*Page header(s) - e.g. "Downloads, Products, Fun Zone" etc.*/
h3 { font: bold 100%/1.25 arial, lucida, verdana, helvetica, sans-serif; color: #000; }
/*Addtional headers*/
h4 { font: bold 95%/1.25 Verdana, lucida, arial, helvetica, sans-serif; color: #000; }
h5 { font: normal 80%/1.25 Verdana, lucida, arial, helvetica, sans-serif; color: #000; }
h6 { font: normal 80%/1.25 Verdana, lucida, arial, helvetica, sans-serif; color: #000; }
/*Links*/
#container a, #container a:visited, #container a:active, #container a:focus { color: #000; text-decoration: none; outline: 0; }

/*------------------------------
STRUCTURE
------------------------------*/
#container  { position: relative; margin: 0 0 30px 0; overflow: hidden; font: normal 80%/1.25 arial, lucida, verdana, helvetica, sans-serif; color: #000; } 
#contentMain { width: 680px; position: relative; margin: 15px 19px 0 0; float: left; }
#container .frontpage { margin: 0 19px 0 0; }
.contentSupp { width: 330px; height: 207px; margin: 12px 0 0 0; overflow: hidden; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic4A5CA904C04EAA93A4EF578676811CDC.gif) no-repeat; float: left; }
#featuredBios { float: left; }
#featuredResearch { float: right; }
#contentAdd { margin: 15px 0 0 0; float: left; }
#news { width: 240px; height: 292px; margin: 0 0 20px 0; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/picDD56C54A9661746E9A890FFCA6BA9888.gif) no-repeat; }
#forum { width: 240px; height: 209px; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic88B9B8CC7807A4D87118516DAA7958AA.gif) no-repeat; }
#GFcontainer { overflow: hidden; }
#contentMain .openingTxt { padding: 15px 0 0px 0; overflow: hidden; }
#contentMain .openingTxt p { margin: 0 20px 10px 20px; _margin: 0 20px 0 20px; }
.expandableLarge { padding: 15px 0 0 0; margin: 0 0 10px 0; position: relative; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic75B88DA499FC9183B40AC957D38FD496.gif) repeat-y; }
.expandableLarge .expandableTop { width: 680px; height: 9px; position: absolute; left: 0; top: 0; display: inline-block; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic3C63844B76FF2158277626FCE2A440AD.gif) no-repeat; }
.expandableLarge .expandableBottom { width: 680px; height: 9px; position: relative; left: 0; bottom: 0; _bottom: -9px; display: block; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic54420046BA95369CCB974F6FE8CE746F.gif) no-repeat; }
.expandableMedium { overflow: hidden; }
/*.expandableMedium li { width: 335px; padding: 9px 0 9px 0; margin: 0 0 10px 0; position: relative; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/picF4B94477DB3A367C2E70620D15B8ADB5.gif) repeat-y; float: left; }*/
.expandableMedium div { width: 335px; padding: 9px 0 9px 0; margin: 0 0 10px 0; position: relative; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/picF4B94477DB3A367C2E70620D15B8ADB5.gif) repeat-y; float: left; }
.expandableMedium .expandableTop { width: 335px; height: 9px; position: absolute; left: 0; top: 0; display: block; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic9E22A64E2C2657A083266AB4911A4F16.gif) no-repeat; }
.expandableMedium .expandableBottom { width: 335px; height: 9px; position: absolute; left: 0; bottom: 0; _bottom: -9px; display: block; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/picE43DBA18E5C949AE8EDFE668B4C2680F.gif) no-repeat; }
.expandableMini { width: 240px; padding: 0 0 5px 0; margin: 0 0 30px 0; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/picA52A46B1A1C15817BC90FE31681D096F.gif) left bottom no-repeat; }
.expandableMini ul { padding: 0 0 15px 0; margin: 0 0 0px 0; font-weight: bold; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic30330ACF14EF17E79E97BBBE5C38FC69.gif) left top repeat-y; /*border-left: 1px solid #dadada; border-right: 1px solid #dadada;*/ }
.expandableMini li { padding: 5px 0 5px 0; } 
.expandableMini li ul { width: 200px; padding: 0; margin: 5px auto -5px auto; font-weight: normal; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic1AB0F73EBD04B201414D940F872E0978.gif) center bottom no-repeat; }
.expandableMini li li { padding: 0 0 10px 15px; border: none; background: none; }
.expandableMini .expandable { margin: 0 0 0 20px; }

/*------------------------------
ADDITIONAL CLASSES
------------------------------*/
#news li, #forum ul, .expandableMini li { width: 200px; margin: 0 auto; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic1AB0F73EBD04B201414D940F872E0978.gif) center bottom no-repeat; }
#news .newsDate { display: block; font-size: 80%; }
/*#news .newsInfo { padding: 0 13px 0 0; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic5867882C8723ED82D97783745E4C250A.gif) right 60% no-repeat; }*/
#forum ul { padding: 5px 0; }
.messageDate { display: none; }
#expertsWritingsList { margin: 60px 20px 0 20px; position: relative; }
#expertsWritingsList li { padding: 10px 0; overflow: hidden; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic1AB0F73EBD04B201414D940F872E0978.gif) left top repeat-x; }
.expertsWritings { width: 450px; display: block; float: left; }
.researchLarge .date { font-weight: bold; font-size: 100%; }
.researchMedium .date { width: 190px; display: block; font-weight: bold; float: right; }
#newsItems .date { margin: 0 0 15px 0; display: block; }
li#newsFullStory .date { margin: 0; }
.expandableText { margin: 0 10px; display: block; }
.expandableMedium .even { margin: 0 0 10px 10px; }
.uneven { clear: left; }
#expertTxt span { padding: 0 0 10px 0; display: block; }
#newsItems li { padding: 0 0 0px 0; margin: 0 20px 20px 20px; overflow: hidden; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic1AB0F73EBD04B201414D940F872E0978.gif) left bottom repeat-x; }
li#newsFullStory { background: none; }
.contactLarge ul { margin: 40px 20px 30px 200px; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/picF67736304E183CF22C8092D965BF07A9.gif) 30px top repeat-y; }
.contactLarge li { padding: 0 0 0 40px; margin: 0 0 15px 0; }
.contactLarge .mail { background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic180551A1E7F10222953FEBBAF36FE190.gif) left 3px no-repeat; }
.contactLarge .phone { background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/picB4491705564909DA7F9EAF749DBBFBB1.gif) left 3px no-repeat; }
.contactLarge .email { margin: 0; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic2349396D8C217A3E29BB00A5771019A3.gif) 2px 3px no-repeat; }
.readMoreIcon { width: 14px; height: 15px; display: inline-block; text-indent: -9999px; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic5867882C8723ED82D97783745E4C250A.gif) 5px 3px no-repeat; }

/*------------------------------
HEADERS/PARAGRAPHS
------------------------------*/
#contentMain h3 { margin: 25px 0 15px 30px; }
#contentMain .openingTxt h3 { margin: 0 20px; font-size: 140%; color: #d92009; }
#contentMain .researchLarge h3, #contentMain .newsLarge h3, #contentMain .contactLarge h3 { padding: 0 0 10px 0; margin: 0 20px 18px 20px; font-size: 130%; color: #d92009; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic1AB0F73EBD04B201414D940F872E0978.gif) left bottom repeat-x; }
.expandableMedium h4 { width: 225px; float: right; }
.researchMedium h4 { width: 190px; color: #d92009; }
.researchLarge h4 { margin: 0 0 15px 0; color: #d92009; }
.biosLarge h4 { margin: 0 0 0 120px; color: #d92009; font-size: 140%; }
#contentAdd .expandableMini h4 { background-position: 0 0; /*background img is assigned in the front-end file*/ }
.contentSupp h4, #contentAdd h4 { width: 330px; height: 25px; margin: 0 0 5px 0; text-indent: -9999px; /*background img is assigned in the front-end file*/ background-position: 15px 5px; background-repeat: no-repeat; }
#contentAdd h4 { width: 240px; margin: 0; }
li#newsFullStory h4 { margin: 0 0 15px 0; color: #d92009; }
.contentSupp h5 { margin: 0 10px 0 0; font-size: 100%; font-weight: bold; }
.frontpage p { margin: 0 10px 0 30px; }
#contentMain .contentSupp p { margin: 0 10px 0 10px; }
.openingTxt p { margin: 0 20px 15px 0; font-weight: bold; }
p#expertIntro { margin: 0 20px 0 0 ; }
p#expertTxt { margin: 0 20px 0 20px; clear: both; }
.researchLarge p { padding: 0 0 60px 0; margin: 0 20px; }
#newsItems li p { padding: 0 0 20px 0; }
.contactLarge p { margin: 0 20px; font-weight: bold; color: #d92009; }

/*------------------------------
LINKS
------------------------------*/
.contentSupp a, #forum ul a, .expandableMedium a, #expertsWritingsList a, a.readMore { padding: 0 13px 0 0; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic5867882C8723ED82D97783745E4C250A.gif) right 50% no-repeat; }
.expandableMini ul ul a { background: none; }
.expandableMini ul a { padding: 0 13px 0 0; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/picDA2FD73A2F21B293D250DC8A78CA3819.gif) right 50% no-repeat; }
#expertsWritingsList a { line-height: 25px; }
#forum ul a { text-transform: uppercase; }
#news li a, #news li a:visited, #news li a:active { width: 220px; padding: 5px 0 5px 18px; margin: 0 0 0 -19px; display: block; }
/*#news li a:hover { background: #fff; text-decoration: none; }*/
#forum h4 a { height: 25px; display: block; }
/*.expandableMini a { display: block; }*/
#contentMain .expandableMedium h4 a, #contentMain .expandableMedium h4 a:visited, #contentMain .expandableMedium h4 a:hover, #contentMain .expandableMedium h4 a:active { color: #d92009; /*font-size: 115%;*/ }
#expertsWritingsList a.downloadPdf, .expandableLarge a.downloadPdf { width: 80px;  padding: 0 32px 0 0; line-height: 25px; display: block; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/pic8FB2521E1472AE60965112BD9B550326.gif) right 50% no-repeat; float: right; }
.researchLarge a.downloadPdf { margin: -50px 20px 0 0; }
.researchMedium a { margin: 0 0 0 10px; }

/*------------------------------
IMAGES
------------------------------*/
.mainImg { float: right; }
.contentSupp img { margin: 5px 10px 0 10px; padding: 0 10px 0 0; border-right: 1px dotted #dadada; _border-right: 1px solid #dadada; float: left; }
.featuredImg { margin: 0 10px 5px 10px; padding: 0 10px 0 0; background: url(http://cache.lego.com/upload/contentTemplating/LearningInstituteDictionary/images/picF67736304E183CF22C8092D965BF07A9.gif) right top repeat-y; float: left; }
.biosLarge .featuredImg { margin: -40px 10px 10px 20px; }
.researchLarge .featuredImg { margin: 0 10px 5px 20px; }
.newsLarge .featuredImg { margin: 0 10px 20px 0; background: none; clear: left; }
.expandableLarge img, .expandableLarge a, .expandableLarge span, #expertsWritingsList li { position: relative; } /*IE6 fix*/
#newsFullStory img { margin: 5px 20px 10px 0; float: left; }
#newsFullStory .featuredImg { padding: 0; }

/*------------------------------
NPS
------------------------------*/
.popup { left: 255px !important; top: -81px !important; }