/****************************************************************************
	N X T L O G   M A S T E R P A G E
****************************************************************************/

/* NXTLog menu */
#nxtLogNavigation { width: 936px; height: 46px; margin-bottom: 25px; background:url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/picE9788915AC4B764D0CC252FC2543A560.gif ) no-repeat; margin-left: 6px; }
#nextLogNavLogoLink { float: left;background:url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic6DF014F4F5292DC7890F21FE2EF4E6AE.jpg ) no-repeat; width: 200px; height: 46px;}

/* Menu */
#css_menuNxtLog { float: left; width: 600px; height: 10px; display: inline; }

/* Left side common */
#leftContent { width: 219px; height:600px; margin: 0 0 0 16px; }
.leftSideLinks { color: #0097DA; font-size: 12px; font-weight: bold; text-decoration: underline; }

/* Left side, welcome tout */
#welcomeToutOuter { width:218px; height:120px; background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic5A3C2B6FC9C38AA2D3169250E8A255A4.gif) no-repeat; }
#welcomeToutInner { width: 150px; margin-top: 0px; margin-left: 12px;}
#welcomeToutText { margin-bottom: 15px; font-family: Verdana; font-size: 12px; font-weight: bold;}
#signUp { margin-top: 5px; }
.loggedIn { padding: 10px; }
.loggedIn img { padding: 0 5px 0 0; }

/* Left side, Search tout */
#searchContainer { height: 90px; width: 218px; padding-left:10px; margin: 10px 0 0 0px; background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic2C2DF467321E8A66BD3C96CEA8EA8261.gif) no-repeat; }
#searchToutText { margin-bottom: 15px; font-family: Verdana; font-size: 12px; font-weight: bold; }
#searchTextAndButton { float: left;padding: 10px 0 0 0; width:202px; }
.searchTextAndButton { float: left;padding: 10px 0 0 0; width:202px; }
.searchTextBox { float: left; margin-right: 5px; height: 15px; width: 120px; }
.test1 {float:left;}


/* Left side, we want you tout */
#weWantYou { padding: 0 0 10px 0; text-align:center; }
#weWantYou a img { padding: 10px 0 0 0; }

/* Left side, Terms of service */
#termsOfService { padding: 10px 0 0 0; text-align: center; height: 40px; width: 217px; background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic603C45A3E69873BC4C825194AFB2E7C6.gif) no-repeat; }

/* Main content */
#contentWrapper { width: 950px; }

#LeftColumn { float:left; width: 240px; }
#nxtContentOuter { float: left; width: 682px; margin-left:10px; background-color: White;  }
#nxtContentTopBorder { height: 20px; width: 682px; float: left; background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic51EA7EC935C676FB7CDB7946D4E10705.gif) no-repeat; }
#nxtContent { float: left; width: 652px; padding: 0 15px 0 15px; }
#nxtContentBottomBorder { float: left; clear:both; height: 20px; width: 682px; background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/picD765B5810EE6E0EA6904AF3FCAB0F05E.gif) no-repeat; }
#AccountNavContainer { width: 238px; height: 593px; }


/****************************************************************************
	N X T L O G   D E F A U L T   P A G E
****************************************************************************/

.topTout { float: left; width: 210px; padding: 0 0 0 7px;}
.topTout p { font-size: 120%; color: #000; font-weight: bold; }
.topToutImg { float: left; background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/picD71E57FBB55D034443EA673FD61DBD40.gif) no-repeat; width: 203px; height: 180px; text-align: center; padding: 10px 0 0 0;}
.featuredprojectsitem { float: left; width: 210px;}
.currentName { text-align: left; padding: 17px 0 0 0;  }
.headerName { color: #0097DA; font-size: 120%; font-weight: bold; text-decoration: underline; }
.headerUser { /* Here you can style the username. Now it just inherites color and fontsize from comon.css */ }
.line { background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic446635DB7DDDFB0B2BD17CAE8632AB6A.jpg) no-repeat; width: 203px; height: 10px; font-size: 0; }

#nxtLogSpace { float: left; background-color: #E5E6E8; width: 100%; height: 10px; margin: 30px 0 15px 0; display: inline; /* IE6 */ font-size: 0;  }
#popularTags { float: right; height: 340px; width: 415px; padding: 30px 5px 5px 5px; }
#popularTags ul { list-style-type:none; padding:5px; text-align:center; }
#popularTags li { display: inline; }



/****************************************************************************
	N X T L O G   H E L P   P A G E
****************************************************************************/
#nxtLogHelp img { padding: 20px; }


/****************************************************************************
	N X T L O G   P R O J E C T S   P A G E
****************************************************************************/
#projectsContent { float: left; background-color: #fff; width: 650px; overflow: hidden; }
#projectsContent h3 { color: #000; font-size: 125%; }
#topHeader { padding: 0 0 10px 0; }
#topHeader a { padding: 0 0 0 4px; color: #0097DA; }
.topPaging { float: left; background-color: #000; color: #fff; width: 650px; padding: 3px 0 3px 0; }
.pagingNav { float: left; margin: 0 0 0 10px; display: inline; }
.pagingNav a:link, .pagingNav a:visited { color: #0097DA; text-decoration: none; }
.pagingNav span a:link, .pagingNav span a:visited { color: #fff; padding: 0 3px 0 3px; text-decoration: underline; }
.showingPage {float: right; margin: 0 10px 0 0; display: inline;}
#projects { float: left; padding: 20px 0 0 0; width: 580px; cursor: pointer; } 
.ProjectListProject { float: left; width: 130px; height: auto; text-align: left; height: 170px; margin: 0 10px 0 0; display: inline;  }
.projectTitle { font-weight: bold; word-wrap:break-word; }
.projectOwner, .projectOwner a { color: #0097DA; font-weight: bold;}
.projectDate { font-size: 85%; color: #B4B4B4;}


/****************************************************************************
	N X T L O G   T O S   P A G E
****************************************************************************/
#nxtLogTos { padding: 0 5px 15px 5px; }


/****************************************************************************
	N X T L O G   D I S P L A Y   P R O J E C T
****************************************************************************/
#ContentContainer a { color: #0097DA; }
#ContentContainer h3 { float: left; font-size: 130%; color: #000;}
#RatingTextContainer { float: left; clear: both; width: 300px } 
#NXTlogStars { float: left; clear: both; }
#HeaderContainer { float: left; width: 640px; padding: 0 8px 0 0; position: relative; }
.projectName { color: #000; float: left; font-size: 130%; font-weight: bold; width:500px; }
#MediaMainImageContainer { text-align: center; padding: 0 0 30px;}
.FirstMediaMainImageContainerThumb, .MediaMainImageContainerThumb { float: left; text-align: center; background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic9FBE06E1073B15E68BA10B7A923B7C5B.gif) 6px no-repeat;  display: inline; height: 114px; width: 118px; padding: 10px 2px 0 4px;}
.FirstMediaMainImageContainerThumb img, .MediaMainImageContainerThumb img { margin: 12px 0 0 0; }
#projectPictures { float: left; width: 265px; padding: 20px 0 0 15px; clear: both; }
.description { float: right; width: 345px; min-height:237px; height:auto !important; height:237px; padding:20px 0 0; font-size: 90%; word-wrap: break-word; overflow: hidden;}
#projectData { float: right; margin-bottom: 0pt; padding: 10px 0 0; width: 345px; height: 80px; }
#projectData p { float: left; font-weight: bold; display:inline; width: 80px; }
.userHref { font-weight: bold; }

/* STEPS AND COMMENTS*/
.projectStep { float: left; width: 640px; overflow: hidden; }
#commentsHeader { float: left; width: 100%; clear: both; padding: 15px 0 30px 0; }
.projectStepMediaFiles {float:left;padding:15px 0 0 15px;width:265px;}
.memberEditArea p { clear: both; padding: 0 0 15px 0; }
#memberAreaButtonsLeft { float: left; }
#memberAreaButtonsRight { float: right; }
.memberAreaSpace { background-color:#E5E6E8; display:inline; float:left; font-size:0; height:5px; margin:15px 0 15px 0; width:100%; }

#commentsHeader span { float: right; }
.headerStep { float: left; width: 100%; font-size: 120%; font-weight: bold; }
.commentAvatar { float: left; padding: 4px 0 0 0; }
#projectComments ul { float: left; padding: 0 0 20px 10px;}
#projectComments li { width: 580px; overflow: hidden; }
.postedComment { padding: 0 0 5px 0; min-height: 27px; height:auto !important; height: 27px; word-wrap: break-word; font-size: 90%; }
#statusLabel { float:left;color: #0097DA; }
#errorLabel { color: #FF0000; }
.labels { text-align: center; font-weight: bold; padding: 0 0 8px 0; }
.saveCommentBtn { float: right; padding: 5px 0 0 0; }


/****************************************************************************
	N X T L O G   D I S P L A Y   M E D I A
****************************************************************************/
#mediaContent { float:left; width: 815px;padding: 0 0 0 10px; }
#mediaContent h3 { float: left; font-size: 130%; width: 950px; }
#selectedImage { float: left; width: 805px; background-color: #fff; text-align: center;}
.displayMediaBg { float: left; width: 805px;}
#thumbs {float: left;padding:39px 0 0; width: 115px;}
.smallThumbTopBg {padding: 10px 0 0;}
.smallThumbTopBg,.smallThumbBottomBg, .smallThumbMiddle {width: 114px; float: left;}
.smallThumbMiddle { background-color: #fff; text-align: center;}
#closeBtn {float: left; clear: both; width:950px; height:27px; border: none; text-align: right;}
#closeBtn img {border:none;}

/****************************************************************************
	N X T L O G   W H A T   A R E   T A G S ?
****************************************************************************/
#whatAreTagsContent a { color: #0097DA; }
#whatAreTagsContent ul { text-align:center; padding: 0 10px 20px 0; }
#whatAreTagsContent li { display: inline; }


/****************************************************************************
	N X T L O G   M Y   C O M M E N T S
****************************************************************************/
.myCommentsList { width: 650px; }
.myCommentsList a { color: #0097DA; }
.comment { float: left; width: 650px; padding: 15px 0 0 0; overflow: hidden; }
.commentLeftMain { float: left; width: 100px; height: 88px; text-align: center; padding: 12px 0 0 0; }
.commentRightMain { float: left; width: 530px; padding: 5px 0 0 10px; }
.showComment { padding: 5px 0 5px 0; min-height: 48px; height:auto !important; height: 48px; width: 530px; word-wrap: break-word; }
.commentBottom { display: inline; clear: both; font-size: 90%; }
.commentBottom img { float: right; }
.commentPosted { float: left; width: 160px; padding: 5px 0 0 0; }
.commentStatus { float: left; padding: 5px 0 0 0; }
.commentSpace { background-color:#E5E6E8; display:inline; float:left; font-size:0; height:5px; margin:15px 0 5px 0; width:100%; }


/****************************************************************************
	N X T L O G   A D D   P R O J E C T
****************************************************************************/
#addProjektInstructions { position: relative; float: left; background: #E6E7E8; width: 647px; }
#instructionsHeader { background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic37B60FC6856456AEA64D7FA5440FF0E9.gif) no-repeat; width: 100%; height: 47px; }
#instructionsFooter { background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic8697B51DCF2A3C84F7402671458350F6.gif) no-repeat; width: 100%; height: 22px; }
#instructionsBox img { float: left; padding:5px 30px 10px 10px;}
#instructionsBox h3 { font-size: 120%; }
#instructionsBox h3, #instructionsBox p { padding:0 20px 0 30px; /*width:575px;*/}
#showHideBtn {position: absolute; right: 10px; top: 5px; cursor: pointer;}
#MainContainer { float: left; width: 100%; }
#MainContainer ul { padding: 0 0 20px;}
#AddTitle { padding: 0 0 10px 0; }
#MediaContainer { float:left; width: 450px; }
#descriptionContainer { float: right; text-align: left; width: 190px; }
#MainMedia { float: left; padding: 0 0 10px 0;text-align:center; width: 440px; height: 350px;}
#ThumbNailList { text-align: center; clear: left;}
.thumbNailMedia { float: left; width: 109px; text-align: center;  }
#mediaBtns { float: left; margin:0 0 0 1px; padding:5px 0 0 4px; width:425px; }
.deleteMediafile { display: inline; padding:0 17px; }
.swapMediafile { display: inline; }
.saveBtn { clear:right;float:right;padding:35px 0 0;text-align:right;width:200px;  }

.TagsContainer { float: left; padding: 15px 0 0; display: inline;  }
.TagsTextBox, .DescriptionTextBox { width: 180px; }
.DescriptionTextBox, .TagsTextBox, .TitleTextBox { font-family: Arial; font-size:90%; }
.legal { float: left;  clear: both; padding: 30px 0; width: 100%; }
.errorStar { float: right; width: 5px; }
.msgToTheUser { color:#0097DA;float:left;font-size:97%;font-weight:bold;padding:15px 0 0;text-align:center;width:645px;  }
.errorMsgToTheUser { color: #FF0000; padding: 0 0 15px; }

/* Show Project */
#Project, #Steps { float: left; position:relative; width: 100%; }
#Project h3, #Steps h3 { float: left; padding: 15px 0 0; width: 100%; }
.projectMainImg { float:left;overflow:hidden;padding:15px 0 10px;text-align:center;width:260px; }
#smallMediaContainer { float: left; text-align: center; padding:10px 0 0 10px;width: 250px; }
#smallMediaContainer img {margin:0 0 0 -10px; padding:5px 0 0; }
#smallMediaContainer li { background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic9FBE06E1073B15E68BA10B7A923B7C5B.gif) no-repeat; display: inline; float: left; padding:5px; width: 114px; height: 114px; }
.showText {float:right;text-align:left;width:190px;}
.addProjectSpace { background-color:#E5E6E8; display:inline; float:left; font-size:0; height:5px; margin:15px 0 5px 0; width:100%; }
.btns {clear:both;position:relative;text-align:right; bottom:0;}
.textOutputContainer {float:right;overflow: hidden;padding:0 5px 10px 0;width:369px; min-height: 250px; height: auto !important; height: 250px;}
.finishBtn { float:right; position: relative; bottom: 0; top: 2px;  }

/* TELL A FRIEND BUTTON */
.TAFbutton { float: right;}
.TAFbutton li { float: left; }
.TAFbutton li span { cursor: pointer; height: 26px; margin: -7px 0 0 0; background-image: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic2DC5B375E37656ED130495A018E8B31D.jpg); background-position: left 0; background-repeat: no-repeat; float: left;  }
.TAFbutton li a { padding: 7px 15px 0 0; margin: 0 8px 0 0; text-decoration: none; color: #9E9FA3; background-position: right 0; background-repeat: no-repeat; float: left; }
.btn a { background-image: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/picC2C8161695A6F4E2E945724B550E3568.jpg); }
.TAFbutton .btn span { padding: 5px 0 0 15px; }