@charset "UTF-8";

*{ padding:0px; margin:0px;}
html{}
body {background:url(/public/images/generalUI/beta/bkgNew3.jpg) #add8eb no-repeat center top; margin:20px 0px 40px 0px; font-family:Helvetica,"Arial",Verdana,sans-serif; font-size: 12px; }
img { border:none;}
img, div { behavior: url(/public/js/iepngfix.htc) }
p { margin:0px;}
h1 { font-size:14px;}
h2 { font-size:23px; line-height:28px; font-weight:normal; color:#333; }
h3 { font-size:17px;}
h4 { color:#333; font-size:15px; font-weight:bold; margin-bottom:15px}
h5 { background:#ccc; font-size:13px; font-weight:bold; padding:3px 5px; margin-bottom:10px; line-height:19px;}
h6 { color:#333; font-size:17px;}
ul { list-style:none;}
textarea{ font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px; color:#666; padding:5px; border:1px #999 solid;}
input{padding:8px; font-size:15px; color:#333; border:1px #999 solid;}
input.checkbox{width:auto !important; display:inline; padding:0px !important; line-height:0px !important; margin:2px 5px 0px 0px !important;}
a:link, a:active, a:visited{ color:#006699; text-decoration:none;}
a:hover{ color:#ff6600;}
*:focus{ outline:none;}
.rule{ border-bottom:1px #ccc solid;}
.clearFix{ clear:both;}
.right{ float:right}
.left{ float:left}
.hintme { color:#666; font-weight:normal;}
.UIDisplayNone{ display:none;}
.displayNone{ display:none;}
.highlight{ background-color:#cc6600}
.highlight2{ background-color:#ffff99;}
.highlightY{ background:#ffffcc !important}
.highlightG{ background:#669900 !important; color:#fff !important;}
.hidden{ visibility:hidden;}
.show{ visibility:visible !important;}
.postNoAjax{width:730px; margin:50px auto 0px auto;}
.counter { float:left; font-size:12px; font-weight:bold;}
.counter_warn { color:#f63; }
.counter_fatal { color:#c00; }
.small { font-size:11px; }
.textRight{text-align:right;}
#flashContainer { height: 250px; margin-bottom:20px;}
.betaMessage { width:700px; margin:auto; background:#ffffcc; padding:10px; border:1px #99cc33 solid;  margin-bottom:20px;}
.betaMessage img { float:left; padding-right:10px; text-align:middle;}
.selected { background:#fff;  padding:7px 3px 1px 3px;}
.contentPicWrapper { margin-left:40px; margin-bottom:10px;}
.noRule { border:none !important;}
.noBkg { background:none !important;}
.dummyPadding { padding:10px 0px 5px 0px !important;}
.validate { margin:50px 0px;}
.cursor { cursor:text; }
.contestBanner p { font-size:11px; padding-top:3px; margin-bottom:20px; }
.follow { margin-top:10px; display:block;}
.competition { float:left; height:105px; width:320px;}
.competition h3 { padding-top:15px; }
.competitionTable { text-align:left; padding:5px; width:50%; }
.competitionTable th { font-weight:bold; }
.competitionTable td, .competitionTable th{ padding:5px; }
.hideButton { margin-left:670px; display:block; background:url(/public/images/generalUI/controls.png) no-repeat -25px top; height:25px; width:25px; position:absolute;}
.hideButton:hover { background-position:-25px -25px;}

.guestExperience { width:700px; margin:auto; background:#ffffff; padding:10px; border:4px #add8eb solid;  margin-bottom:20px; overflow:auto; color:#666;}
.guestExperience img { padding-right:10px;}
.guestExperience h2 { margin-bottom:3px;}
.guestExperience h2.vote { line-height:23px; font-size:20px; padding-right:40px;}
.guestExperience input { border:none;}

#checkIn { margin-bottom:20px; display:block;}

.titleChatter { font-weight:normal; font-size:12px;}

.wrapper{ background:#fff; width:960px; padding:10px 20px 20px 20px; margin:0px auto 0px auto; border:4px #add8eb solid;}
.colLeft{float:left; width:685px; padding:20px 0px;}
.colLeft div.mod {border:none; padding:none;}
.colRight{float:right; width:250px; padding:20px 0px;}
.titleBar{ background:url(/public/images/generalUI/headerBkg.png) #006699 repeat-x; color:white;}
.titleBar h1{ padding:10px; font-size:14px; font-weight:bold; }
.titleBar h1 span{ font-size:20px; font-weight:bold;}
.titleBar h1 img{ vertical-align:middle; margin-right:5px; margin-top:-5px;}
.titleBar h1 a:link, .titleBar h1 a:active, .titleBar h1 a:visited { color:white; text-decoration:underline;}
.titleBar h1 a:hover{ color:#ff6600;}
.titleShare{float:right; background:#3399cc; height:30px; padding:6px 6px 5px 15px; text-align:center;}
.titleSub {background:#99cc33; padding:2px 5px; font-weight:bold;}
.titleSub a{font-size:12px;}
.firstColor {background:#99cc33 !important;}
.secondColor {background:#ccff66 !important;}

.mod { margin-bottom:20px; border:1px #add8eb solid; padding:5px; overflow:auto; }
.mod div.modHeader {color:#333; display:block; padding:4px 6px; background:#fff /*#006699*/; font-weight:normal; font-size:14px; border-bottom:3px #006699/*#99cc33*/ solid; }
.mod div.modHeader img { vertical-align:baseline; }
.mod div.modHeader span { padding-top:2px; }
.mod div.sortHeader {color:#333; display:block; padding:4px 6px; background:#add8eb /*#006699*/; font-weight:normal; font-size:14px;}
.mod div.sortHeader input {padding:3px !important; font-size:12px; font-weight:normal;}
.mod div.text { padding:5px; line-height:16px;}
.mod div.text p{ margin-bottom:10px;}
.mod div.text h4{ font-weight:normal; padding-top:10px;}
.mod div.text strong.gold{ color:#cc9900;}
.mod div.text h4 a{ font-size:12px; color:#cc9900;}
.mod div.follow { text-align:center; padding:10px 0px 0px 0px;}
.mod div.likes { color:#999; text-align:center; margin-top:20px;}
.mod div.likes div.voteCount{ font-size:70px; font-weight:bold;  line-height:65px;  }
.mod div.likes div{ font-size:14px; font-weight:normal;}
.mod div.likes a{ font-weight:bold;}
.mod div.garden32 { padding:4px 3px 0px 3px; text-align:left;}
.mod div.garden32 img { padding:1px 0px 1px 1px;}
.mod div.garden32 a { float:left; display:block; padding:1px 2px 1px 2px;}

.sort span {float:left; padding-top:4px; color:#999;}
.sort div.button {color:#000; font-size:11px; padding:4px 30px 4px 4px; border:1px #999 solid; margin:0px 15px 0px 5px; cursor:pointer; background:url(/public/images/generalUI/arrowMenu.gif) #fff no-repeat right center; }
.sort div.button:hover div.drop{display:block;}
.sort div.button div.drop { width:180px; position:absolute; z-index:3000; border:1px #999 solid; margin-left:-5px; margin-top:16px; background:#fff; display:none;}
.sort div.button div.drop div {padding:5px;}
.sort div.button div.drop div a{padding:2px 5px; cursor:pointer;}
.sort div.button div.drop div img{vertical-align:middle; margin-right:5px;}
.sort input { padding:5px 5px; width:200px; border:1px #999 solid;}
.mod ul.list {font-size:11px; color:#333;}
/*.mod .worldCert ul.list { float:right; width:130px; border-left:1px #ccc dotted; padding-left:5px;}
.mod .worldCert h1 { display:block; margin-bottom:5px; border-bottom:1px #ccc dotted; padding-bottom:3px; font-weight:normal; }
.mod .worldCert ul li { line-height:14px;}
.mod .worldCert ul li h1 { margin-bottom:0px; padding-bottom:0px; margin-left:40px; border-bottom:none; font-weight:bold; padding-top:5px; }
.mod .worldCert ul li p { margin-left:40px; font-size:11px;}
.mod .worldCert ul li a.action { margin-left:5px; }
.mod .worldCert div.badge { text-align:center;}*/

.mod .worldCert ul.list { width:100%;}
.mod .worldCert h1 { display:block; margin-bottom:5px; border-bottom:1px #ccc dotted; padding-bottom:3px; font-weight:normal; }
.mod .worldCert ul li { line-height:14px; display:block; float:left; border-bottom:none !important; clear:none !important; width:45%; padding:0px 5px 5px 0px !important;}
.mod .worldCert ul li:hover { background:none !important;}

.mod .worldCert ul li h1 { margin-bottom:0px; padding-bottom:0px; border-bottom:none; font-weight:bold; padding-top:5px; font-size:12px; margin-left:40px;}
.mod .worldCert ul li p { font-size:11px; margin-left:40px;}
.mod .worldCert ul li a.action { margin-left:5px; }
.mod .worldCert div.badge { text-align:center; margin-bottom:12px; border-bottom:1px #ccc dotted;}
.mod ul.list li div.actions {  padding-top:2px;}
.mod ul.list li div.actions a{ font-size:11px; font-weight: normal;}
.mod ul.list li div.admin img{ padding:5px 5px 0px 0px;}
.mod ul.list li.noRule { border-bottom:0px #ccc solid !important;}
.mod ul.list li { clear:both; padding:5px; border-bottom:1px #ccc dotted;}
.mod ul.list li a{ font-size:12px;}
.mod ul.list li:hover { background:#eeffff;}
.mod ul.list li div.world {margin-left:37px;}
.mod ul.list li div {margin-left:0px;}
.mod ul.list li div a{font-weight:bold;}

.subWorldAlert { padding:10px; background:#ccff66; margin-bottom:20px;}
.subWorldAlert div { margin-left:60px; background:white; padding:10px;}
.subWorldAlert div.aTitle { background:#99cc33; padding:5px 10px; color:white; font-weight:bold;}
.subWorldAlert div.aTitle img{ vertical-align:middle;}
.subWorldTitle h2{padding:0px 0px 0px 0px; padding-bottom:10px;}
.subWorldTitle img{ vertical-align:middle; margin-right:3px;}
.subWorldTitle div{ float:right; padding-top:3px;}
.subWorldImage { color:#003366; margin-bottom:20px; }
.subWorldImage div { z-index:10; width:685px; background:#fff; position:absolute; margin-top:186px;  height:65px; filter: alpha(opacity=85); -khtml-opacity: 0.85; -moz-opacity: 0.85; opacity: 0.85;}
.subWorldImage p { z-index:20; position:absolute; padding:10px; margin-top:187px; width:665px; line-height:15px; }
.subWorldWelcome { background:url(/public/images/generalUI/welcome.jpg) no-repeat; height:87px; margin-top:20px;}
.subWorldWelcome div{ position: absolute; margin:47px 0 0 620px;}
.subWorldWelcome div img{ margin-right:5px;}

.feed {}
.feed li { clear:both; border-bottom:1px #ccc dotted; padding:10px 5px; }
.feed li ul li.reply h4 {font-size:14px; font-weight:bold; padding:3px 5px;}
.feed li ul li.reply { border-bottom:1px white solid; background:none; padding:0px;}
.feed li ul { margin-left:125px; margin-bottom:10px;}
.feed li ul li { background:#efefef; border-bottom:1px white solid;}
.feed li div.info { color:#666; margin-left:90px;}
.feed li div.info .user{ float:left; margin-right:10px; display:inline;}
.feed li div.likes { color:#666; padding-right:10px; float:left; text-align:center;  padding-top:12px; width:80px;}
.feed li ul li div.likes { padding-top:0px;}
.feed li div.likes div{ font-size:12px; font-weight:normal;}
.feed li div.likes div.voteCount{ font-size:19px; font-weight:bold;}
.feed li ul li div.likes div.voteCount{ font-size:19px; font-weight:bold; line-height:16px !important;}
.feed li a.edit{border:1px #ccc solid; padding:2px 3px; margin-left:4px; font-size:10px; text-transform:uppercase;}
.feed li a.edit:hover{background:#ccff66;}
.feed li div.container { margin-left:10px; float:right;}
.feed li div.info div.image { float:left; width:32px; }
.feed li div.info div img { margin-bottom:5px;}
.feed li p.title{ font-size:17px;  margin-bottom:3px; margin-left:40px;}
.feed li p.titleTopic{ font-size:17px;  margin-bottom:3px;}
.feed li ul li p.title{ font-size:14px;  margin-top:4px; margin-bottom:7px; margin-left:40px; line-height:15px;}
.feed li a.name{ font-size:12px; font-weight:bold; margin-left:9px;}
.feed li a.name:link, .feed li a.name:active, .feed li a.name:visited, .feed li a.name:hover{ color:#333;}
.feed li p.actions{ width:311px; font-size:12px; font-weight:normal; color:#666; margin-bottom:20px; margin-left:40px;}
.feed li p.actions span{ font-size:11px;}
.feed li p.actions img{ vertical-align:middle; margin-left:5px;}
.feed li p.description{font-size:12px; padding:5px 0px; margin-right:50px; }
.activeReply { background: #deeff6 !important;}
.activeReply li { background: none !important;}

.notifications { color:#666; margin-bottom:100px;}
.notifications div.posted{ margin-left:0px !important;}
.notifications li { padding:3px; border-bottom:1px #ccc dotted;}
.notifications li:hover { background:#eeffff !important;}
.notifications li.new{ padding:3px; background:#efefef;}
.notifications li p{ font-weight:bold; font-size:15px; }
.notifications li div.delete{ float:right;}
.notifications li div.delete a{ display:block; padding:10px 10px;}

.alert{ background-color:#ccffcc; padding:10px; margin:10px 0px; border:1px solid #336633; font-size:12px; }
.error{ background-color:#fee !important; color:black !important; padding:10px !important; margin:0px 0px 10px 0px !important; border:1px solid #966 !important;}
.formAjax {padding:10px 80px 20px 80px; width:400px; margin-bottom:0px !important;  background:#efefef; margin:auto; padding-bottom:10px; overflow:show;}
.formSmall {padding:10px 160px 20px 160px;  background:#efefef; margin:auto; padding-bottom:10px; overflow:show;}
.formLarge {padding:10px 80px 20px 80px;  background:#efefef !important; margin:auto; padding-bottom:10px; overflow:show;}
.formFull {padding:10px 5px 20px 5px;  background:#efefef; margin:auto; padding-bottom:10px; overflow:show;}
.form { list-style:none;}
.form select{margin-bottom:10px;}
.form input.size{width:auto !important;}
.form ul { margin-left:0px !important;}
.form li {clear:both; background:none !important;  border-bottom:none !important; padding:0px 0px !important;}
.form li:hover {background:none !important;}
.form label { display:block; margin-bottom:4px; font-weight:bold; text-align:left; color:#333; }
.form textarea { font:normal 14px/20px Helvetiva, Arial, sans-serif;  width:98%; border:1px #999 solid !important; margin-bottom:10px; height:125px; }
.form textarea.elastic { height:40px; font-weight:normal;}
.form textarea.sm { width:98%; height:40px;}
.form textarea.replies { width:543px !important;}
.form input { width:97%; border:1px #999 solid; margin:0px auto 10px auto;}
.form input.upload { width:200px !important;}
.form label.inline{display:inline;}
.form ul.linkImages {padding:0px 0px; overflow:hidden;}
.form ul.linkImages li {float:left; padding:10px; text-align:center; clear:none !important; }
.form ul.linkImages li label {display:inline;}
.form div.contributeTitle {color:#666; font-size:18px; margin:-45px 0px 10px 0px; width:390px; position:absolute; background:#fff !important;}

.itemInfo { color:#999; padding-top:4px;}
.itemInfo span { color:red;}
.itemInfo strong { color:666;}
.itemContainer { text-align:center; padding-top:20px; margin-bottom:30px;}
.itemContainer div{ width:auto !important;}
.itemDescription { padding:10px 0px; border-bottom:1px #ccc dotted; margin-bottom:10px; text-align:left; }
.itemMore {font-size:14px; color:#333; font-weight:normal; margin-bottom:20px; border:1px #add8eb solid; padding:5px; }
.itemMore span{color:#333; display:block; padding:4px; background:#fff ; font-weight:normal; font-size:14px; border-bottom:3px #006699 solid;}
.itemMore span a{color:#333;}
.itemMore ul.container{max-height:260px; overflow:auto; overflow-x:hidden; list-style:none; margin:15px 0px; line-height:12px; color:#666;}
.itemMore ul.container li{height:53px;}
.itemMore ul.container img{float:left; margin-right:5px;}
.itemMore ul.container a{font-weight:bold; font-size:11px;}
.itemMore ul.container p{font-size:9px;  margin-top:3px; }

.textPages { font-size:14px; color:#333;}
.textPages div.walkthrough { border:1px #ccc solid; padding:5px; margin:5px 0px 20px 0px; }
.textPages div.walkthrough img{ margin:0px 5px;}
.textPages span { font-size:12px; margin-bottom:10px; display:block; color:#999;}
.textPages h3{ margin-bottom:3px; line-height:20px;}
.textPages p{ margin-bottom:10px; line-height:20px;}
.textPages p.blog{ padding:0px 0px;}
.textPages hr{ height:1px; background:#ccc; border:0px; margin-bottom:20px; margin-top:5px;}
.textListNumbered { color:#333; list-style: upper-alpha; margin-left:50px; line-height:18px; margin-bottom:10px; margin-top:0px;}
.textListNumbered li{ margin-bottom:10px;}
.textListDisc {color:#333; list-style: disc; margin-left:50px; line-height:18px; margin-bottom:10px; margin-top:0px;}
.textListNum {color:#333; list-style: decimal; margin-left:50px; line-height:18px; margin-bottom:10px; margin-top:0px;}
.textListNum li{ margin-bottom:10px;}

.listSubMenu { list-style:none; border-top:1px #ccc solid; background:#fff; height:0px; overflow:show;}
.listSubMenu li a{ display:block; padding:7px 8px; border-bottom:1px #ccc solid; border-left:1px #fff solid; border-right:1px #fff solid; border-top:1px #fff solid; width:163px;}
.listSubMenu a.active, .listSubMenu li a:hover{ border:1px #666 solid; width:163px; background:#999; color:white;}

.expert { width:500px; padding:10px;}
.expert div{ margin-left:95px}
.expert p{ margin-bottom:10px;}
.expert h4{ margin-bottom:10px; padding-bottom:3px; border-bottom:1px #ccc dotted;}

.createSteps { text-align:center; padding-top:20px;}
.shadowBkg { background:url(/public/images/generalUI/shadowBkg.jpg) no-repeat bottom; width:800px; margin:auto;}
.shadowBkg div { padding:3px 50px 50px 50px; }
.shadowBkg div.cropper { padding:0px 0px 0px 0px; margin-top: 20px; border:1px #000000 dashed; float:left; position:relative; overflow:hidden; }
.shadowBkg div.mod div { padding:0px 0px 0px 0px;}
.shadowBkg div.contributeMagic { padding:10px 5px 3px 5px; margin:20px 0px; }
.shadowBkg div.contributeMagic div { padding:0px; margin:0px; }
.shadowBkg div.mod img { margin:0px 0px 0px 0px;}
.shadowBkg div.mod li { padding:5px 0px 5px 0px !important; }
.shadowBkg div.share { text-align:center; }
.shadowBkg div.share img{ margin:0px 5px; }
.shadowBkg img { vertical-align:middle;}
.shadowBkg h3 { text-align:left; color:#333; font-size:20px; border-bottom:3px #99cc33 solid; padding-bottom:5px;}
.shadowBkg h2 { font-size: 19px; margin:30px 0px 15px 0px;}
.shadowBkg p { color:#666; padding:10px 0px; overflow:auto;}
.shadowBkg p a{ font-size:25px; color:#666;}
.shadowBkg p a.smallLink{ font-size:11px; color:#666;}
.shadowBkg .landingTopCats { margin-left:0px; margin-bottom:5px; padding-top:20px; }
.shadowBkg .landingTopCats p{ margin:0px 0px 5px 0px; padding:0px;}
.shadowBkg .landingTopCats a{ font-size:12px; }
.shadowBkg .landingTopCats a{ font-size:12px; }
.shadowBkg .landingTopCats a:link,.shadowBkg .landingTopCats a:active,.shadowBkg .landingTopCats a:visited{ color:#006699; text-decoration:none;}
.shadowBkg .landingTopCats a:hover{ color:#ff6600;}
.shadowBkg .landingTopCats div{ padding-bottom:0px;}
.shadowBkg .landingTitle { font-size: 16px !important;}
.landingPosition { position:absolute; margin-top:-8px; }
.shadowBox2Col { background:url(/public/images/generalUI/shadowBkg2col.jpg) no-repeat bottom; font-size:13px; margin-bottom:15px;}
.shadowBox2Col div { padding:15px 50px 50px 50px; }
.shadowBox2Col h3 { margin-bottom:10px;}
.shadowBox2Col p { line-height:15px;}

.leaderBoard { width:100%; text-align:left; border-top:1px #ccc solid; border-width: 0px 0px 0px 0px; border-spacing: 2px; border-collapse: collapse; background-color:}
.leaderBoard th{ color:#999; font-weight:normal; padding:4px;}
.leaderBoard td{ font-size:16px; color:#666; padding:4px;}
.leaderBoard td.number{ font-weight:bold;}
.leaderBoard tr.row { background-color: #efefef;}

form.nuform { }
form.nuform ul{ width:400px; margin:20px auto; color:#333; font-size:11px;}
form.nuform li{ padding:0px 0px 20px 0px}
form.nuform li img{ margin-top:20px; margin-bottom:20px; margin-left:15px;}
form.nuform li p input{ float:left; width:auto !important; margin-right:6px;}
form.nuform textarea{ width:100%;}
form.nuform label{ font-size:14px; display:block; font-weight:bold; color:#333; margin-bottom:3px; }
form.nuform li p a{ font-size:14px; font-weight:bold; color:#006699; }
form.nuform li p a:hover{ color:#ff6600; }
form.nuform label span{ float:right; text-align:right; font-size:12px; padding-top:1px; font-weight:normal;}
form.nuform input{ padding:8px; font-size:15px; color:#333; border:1px #999 solid; width:94%; margin-bottom:3px; }

.landing { margin:30px auto; }
.landing h3{ text-align:right; margin:20px 0px; }
.landingTopCats { width:690px; float:right; margin-bottom:5px;}
.landingTopCats h2 { border-bottom:3px #99cc33 solid; margin-bottom:10px; }
.landingTopCats h2 a { font-size:12px; font-weight:bold; }
.landingTopCats div img{ float:left; margin-right:10px; }
.landingTopCats div {overflow:show; margin-bottom:10px;}
.homeWorldsView { padding:20px !important; width:auto !important; float:none !important;}
.worldPicOverlay img{ float:none !important;}
.worldPicOverlay img.badge{ position:absolute; float:none; margin-left:-16px; margin-top:-11px;}
.certification { margin-top:5px;}
.certification .posted{ padding-bottom:1px !important;}
.certification img{ margin-right:2px !important;}

.certifications h2 { border-bottom:1px #ccc dotted; margin-bottom:7px; margin-left:130px; padding-bottom:1px;}
.certifications li { overflow:auto; padding:20px 0px;}
.certifications strong { display:block; margin:5px 0px 3px 0px; font-weight:normal; font-style:italic; color:#666;}
.certifications ul li { float:left; width:90px; padding:0px 0px; }
.certifications ul li img { float:left; }
.certifications ul li p { background:url(/public/images/generalUI/certificationsBkg.jpg) no-repeat 5px 10px; padding:14px 0px 14px 40px;   }
.landingTitle { font-size: 16px;}
.landingDesc { margin:3px 0px;}
.rows { width:250px; float:left; clear:left;}
.rows a { float:left; font-size: 13px; font-weight:bold; }
.rows p{ float:right;}
.rows li { border-top:1px dotted #ccc; padding:8px 5px; }
.rows li:hover { background:#efefef; }
.rows img { float:left; margin-right:4px; margin-bottom:5px; }
.rows div { margin-left:40px; }
.smaller { font-size:12px; line-height:16px; color:#666;  }
.activeLanding { background:#efefef; }

.c2actionHome { margin-bottom:13px; background:url(/public/images/generalUI/homeIntro.jpg) no-repeat left -13px; height:275px; }
.c2actionHome div{ float:right; width:350px; height:236px; margin-top:50px; color:#333; }
.c2actionLanding { margin-left:625px; }
.c2action { color:#666;}
.c2action p{ font-size:13px; margin-bottom:5px;}
.c2action p.title{ font-size:22px; font-weight:bold; line-height:21px; color:#333;}
.c2action p.title strong{ font-size:26px; color:#99cc33;}
.c2action p.title span{ font-size:23px; color:#99cc33; margin-left:65px;}
.c2action p.text{ padding:0px 10px;}
.c2action img{ margin:3px 0px;}

.headerSearch { float:right; width:391px; height:34px; background:url(/public/images/generalUI/searchBkg.jpg) no-repeat; margin-top:22px;}
.headerSearch h2{ font-size:15px; color:#666; padding:5px 9px;}
.headerSearch div ul { background: #ccc;}
.headerSearch div ul li { border-bottom:1px #fff dotted;}
.headerSearch div ul li a{ display:block; padding:7px 12px;}
.headerSearch div ul li a:hover { background:#efefef;}
.headerSearch div ul li span { font-size:12px; font-weight:normal; color:#666;}
.headerSearch div.container { float:left; height:34px; overflow:show;}
.headerSearch div:hover .dropdown { display:block;}
.headerSearch input{ font-size:11px;  margin:6px 0px 0px 10px; padding:4px 3px; width:202px; background:none; border:none; color:#666; }
.headerSearch div.dropdown { display:none; width:300px; background:url(/public/images/generalUI/searchDropDrop.jpg) repeat-x; margin-left:10px; margin-top:34px; position:absolute; z-index:500;}
.headerSearch div.dropdown div { padding:2px 7px; font-weight:normal; background:url(/public/images/generalUI/searchDropBottom.png) repeat-x bottom;}
.headerSearch div.dropdown div a{ margin-left:235px;}

.basicTraining { width:490px; height:158px; background:url(/public/images/generalUI/basicBkg.jpg) no-repeat; font-size:16px; padding:10px 15px 10px 180px; margin-bottom:40px;}
.basicTraining h2 { font-size:22px; }
.basicTraining p { font-size:12px; color:#666;}
.basicTraining a { color:white; }
.basicTraining ul { width:455px; overflow:auto; margin:20px 0px 10px 0px; }
.basicTraining ul li { background:url("/public/images/generalUI/basicBullet.png") no-repeat; padding:2px 0px 2px 23px; float:left; height:20px; width:200px; font-weight:bold;}
.basicTraining ul li.complete { background:url("/public/images/generalUI/basicBulletOn.png") no-repeat; color:#fff;}
.badgeGallery { padding:10px 5px; }
.badgeGallery p{ font-size:11px; color:#666; margin-bottom:10px;}
.badgeGallery img { margin:0px 1px; margin-bottom:5px;}
.badgesPage { padding-top:20px; }
.badgesPage li { float:left; height:90px; width:330px; padding:5px 10px 5px 0px; }
.badgesPage h1 { margin-bottom:3px; margin-top:8px; }
.badgesPage img {float:left; margin-right:5px; }
.badgesPage p {line-height:17px;}

.feedMainMenu { display:block; overflow:auto;}
.feedMainMenu li { float:left; margin-right:5px;}
.feedMainMenu a.selected { background:url(/public/images/generalUI/feedSortMainBkgOn.jpg) #7FC1E1 repeat-x; font-weight:bold; color:white !important ; }
.feedMainMenu a { display:block; padding:7px 10px; background:url(/public/images/generalUI/feedSortMainBkgOff.jpg); }
.feedMainMenu a:link, .feedMainMenu a:active, .feedMainMenu a:visited { }
.feedMainMenu a:hover { background:url(/public/images/generalUI/feedSortMainBkgOn.jpg) #7FC1E1 repeat-x; color:white;}
.feedSubMenu { display:block; overflow:auto; background:#ABD8ED; border-top:10px solid #7FC1E1; padding:5px 10px;}
.feedSubMenu li { float:left; margin-right:6px; background:url(/public/images/generalUI/feedSubBkgL.png) no-repeat left 1px;}
.feedSubMenu li a { margin-left:8px; display:block; padding:3px 20px 3px 10px; background:url(/public/images/generalUI/feedSubBkgR.png) no-repeat right; font-weight:bold; color:white;  }
.feedSubMenu li:hover { background:url(/public/images/generalUI/feedSubBkgL_on.png) no-repeat left 1px; }
.feedSubMenu li:hover a { background:url(/public/images/generalUI/feedSubBkgR_on.png) no-repeat right;  }
.feedSubMenu li.subSelected { background:url(/public/images/generalUI/feedSubBkgL_on.png) no-repeat left 1px;}
.feedSubMenu li.subSelected a { background:url(/public/images/generalUI/feedSubBkgR_on.png) no-repeat right; }
.feedSubMenu li.right { background:none; }
.feedSubMenu li.right a { background:none; }
.feedSubMenu a:hover { }
.feedSort2 { padding:5px 5px; background:url(/public/images/generalUI/feedSortDropBkg.jpg) repeat-x; border-bottom:1px #ccc dotted; }
.feedSort2 p{ padding:10px 5px;}

.feedRefresh { float:right; color:#333; padding:5px 0px;}
.feedRefresh img { vertical-align:middle; }

.worldStatus { margin-left:0px !important; padding:0px; }
.worldStatus li {padding-bottom:3px; clear:none; }
.worldStatus li img {padding:0px !IMPORTANT; margin:0px !IMPORTANT; }
.worldStatus li p{ text-transform:uppercase; font-size:20px; font-weight:bold; margin-bottom:4px;}
.worldStatus li strong{ color:#ccc; }
.worldStatus img { margin-top:5px;}
.feed li div.worldStatus ul {margin-bottom:0px; margin-left:0px !important;}
.feed li div.worldStatus ul li {padding:0px 0px 3px 0px; background:none; border:none; }

.people { padding:20px 5px; }
.people li { border:1px #ccc dotted; padding:3px; margin:0px 3px 3px 0px; }
.people li img { float:left; margin-right:10px; }
.people li h1{ margin-top:3px;}
.people li p { color:#666; font-size:12px; padding-bottom:5px;}
.peopleGarden { padding-top:20px;}
.peopleGarden a{ margin:0px 2px;}

/*
Logged Out Home
=====================================================*/
.loggedLogo { margin-bottom:20px;}
.loggedWrapper { width:795px; height:560px; padding-top:29px; margin:auto; color:#336699;}
.loggedWrapper #footer { border:none;}
.loggedMod { color:#336699; width:298px; height:135px; background:url(/public/images/generalUI/loggedMod.png) no-repeat; padding:20px; text-align:center;}
.loggedMod p { margin:5px 0px 10px 0px;}
.loggedMods .left h2 { color:#336699; text-align:left; margin-top:20px; padding-left:5px;}
.loggedMods .right h2 { color:#336699; text-align:left; margin-bottom:4px;}
.loggedMods div.right a.left{ margin-bottom:3px; }
.loggedMod form{ text-align:left;}
.loggedMod p.title{ font-size:16px; margin-top:0px; margin-bottom:10px; line-height:10px;}
.loggedMods .right input.hint{ width:290px; padding:5px 5px; font-size:16px; color:#666; margin-bottom:10px; border:none;}
.loggedMods { padding:0px 50px; margin-bottom:30px; margin-top:30px;}

form.interest { padding:0px 105px; margin-bottom:50px; }
form.interest input { width:400px; border:none; padding:10px; color:#666; font-size:17px; margin-bottom:3px;}
form.interest label { padding-left:10px; display:block; color:#336699;}
form.interest label a{ text-decoration:underline; }


/*
SiteWide 11/9/09
===========================================================================*/
/*Sitewide CommonUI Elements*/
.posted{margin-left:40px; font-size:12px; color:#666; font-weight:normal; padding:0px 0px 5px 0px;}
.postedTopic{font-size:11px; font-style:italic; color:#666; font-weight:normal; padding:0px 0px 5px 0px;}
.posted img{ vertical-align:middle;}
.posted strong a{ color:#006699;}
.buttonGray{text-align:center; width:155px !important; cursor:pointer; display:block; background:#666; border:1px #fff solid; color:white; font-size:11px; font-weight:bold; padding:3px 10px; margin-bottom:0px !important; }
.buttonGray:link, .buttonGray:visited, .buttonGray:active{ color:#fff; text-decoration:none;}
.buttonGray:hover{ color:#fff;  background:orange; }
.buttonGrayInactive{cursor:pointer; background:#ccc; color:#999; padding:3px 6px; border:1px #ccc solid; display:inline-block; text-decoration: none;}
.buttonGreen{ width:auto !important; padding:3px 10px; font-weight:bold; font-size:11px; background:#006699; color:white; display:block; cursor:pointer; border:none !important;}
.buttonGreen:link, .buttonGreen:visited, .buttonGreen:active { color:#fff; text-decoration:none;}
.buttonGreen:hover {background:#99cc33; text-decoration:none;}
.topicImage { margin-bottom:20px;}

/*
Template 11/9/09
===========================================================================*/
.header{height:70px; color:#000; font-size:12px; font-weight:bold;}
.logo{ float:left; }
.userMenu{ margin-left:128px;}
.userMenu a:link, .userMenu a:active, .userMenu a:visited { color:#333;}
.userMenu a:hover { color:orange;}
.userMenu li{float:left; padding:45px 15px 0px 0px;}
.menu{float:right; width:400px;}
.menu img{vertical-align:bottom; padding-left:3px;}
.menuHover{cursor:pointer !important;}
.menu li{float:right; padding:15px 0px 0px 7px; height:35px; overflow:show; cursor:pointer;}
.menu li a{display:block; padding:12px 10px 8px 10px; cursor:pointer;}
.menuInbox { color:white; padding:1px 3px; background:#99cc33; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#footer{border-top:1px #ccc solid; padding-top:20px;}
#footer a{ margin:0px 3px;}

.userComments{background:#ccc; padding:10px; margin-bottom:10px;}
.userComments textarea{padding:5px; background:#fff; height:30px; width:100%; border:1px #666 solid; margin-right:20px;}
.userComments .textAreaFix{width:98%}
.userReply{}
.userReply textarea{padding:5px; background:#fff; height:30px; width:610px; border:1px #999 solid; margin-right:20px;}

.feedBackground{background:#fff; text-align:left;}
.feedNewPosts{font-size:13px; font-weight:bold; padding:0px 0px 10px 0px;  text-align:left;}
.feedNewPosts a:link{color:#666; text-decoration:none; }
.feedNewPosts a:visited{color:#666;}

.feedNewPosts a:active{color:#666;}
.feedNewPosts a:hover{color:orange;}
.feedPagination { text-align:center; margin:20px 0px; color:#666; font-size:14px;}
.feedPagination a.currentPage { background:#ccffff; font-weight:bold;}
.feedPagination a, .feedPagination span { padding:3px 6px; border:1px #ccc solid; }
.feedPagination a:hover { border:1px #006699 solid; }
.itemWrapper{padding:10px 0px; border-bottom:1px #ccc solid; padding-left:0px; }
.itemWrapper ul{margin:0px 0px; padding-left:0px; overflow:auto; vertical-align:middle;}
.itemWrapper ul li{float:left; list-style:none; height:100%;}
.descWrapperWorld {width:585px; display:block; padding:0px 28px 0px 8px; color:#999;}
.descWrapper2col {width:560px; display:block; padding:0px 5px; color:#999;}
.itemTitle{font-size: 13px; font-weight:bold; }
.itemPosted {font-size:9px; font-style:italic; margin-bottom:5px; color:#333;}
.itemDesc {font-size:11px; color:#333; margin-bottom:10px;}
.itemActionsMenu {display:block; padding:0px 0px; text-align:left; font-size:9.5px; margin:5px 0px 0px 0px; font-weight:bold;}
.itemComment{background:#ccc; font-size:10px; color:#333; margin-bottom:4px; width:100%;}
.itemCommentText{padding:2px; width:85%;}

/*item*/
.itemPoster{}
.itemPoster li{float:left; list-style:none; height:50px; margin-top:10px; margin-bottom:10px;}
.itemPoster li.poster{width:555px; border-right:1px #ccc solid; padding-left:10px; color:#666;}
.itemPoster li.posterActions {padding-left:10px;}
.itemPoster li.posterActions a{display:block; padding:1px 3px; background:white; font-size:10px; border:1px #ccc solid; margin-bottom:2px;}
.itemPoster li.posterActions a:hover{border:1px #999 solid;}
.itemEdit{position:relative; right:0px; top:0px; float:right; height:0px; overflow:display; display:none; z-index:99;}
.itemEdit a{background:#fff; padding:3px 5px; font-size:10px; color:#666; border:1px #999 solid;}
.itemEdit a:link, .itemEdit a:link, .itemEdit a:link, {}
.itemEdit a:hover{background:#ff6600; color:white;}
.itemHover:hover .itemEdit {display:block;}

/*people*/
.peopleBetaImages {text-align:left;}
.peopleBetaImages img{float:left; margin:0px 11px 11px 0px;}

/*world
===========================================================================*/
/*World*/
.contributeMagic {background:#efefef; padding:10px 5px 3px 5px; margin-top:0px; margin-bottom:10px;}
.contributeMagic a{ padding:7px 3px 1px 3px;}
.contribute{margin-bottom:20px;}
.contributeMenu{font-size:11px; overflow:auto; position:relative; z-index:20;}
.contributeMenu li{float:left; border-right:1px #ccc solid; border-bottom:none; clear:none; padding:0px 0px;}
.contributeMenu li a{display:block; padding:5px 8px;}
.contributeMenu li a:link, .contributeMenu li a:active, .contributeMenu li a:visited {color:#333;}
.contributeMenu li a:hover {color:orange;}
.contributeMenu li.active{font-size:12px; border-left:1px #666 solid; border-top:1px #666 solid; border-right:1px #666 solid; background:#ccc; font-weight:bold;}
.contributeMenu li.active a{border-top:1px #fff solid; border-left:1px #fff solid; border-bottom:1px #ccc solid;}
.contributeMenu li.active a:link, .contributeMenu li.active a:active, .contributeMenu li.active a:visited {color:#000;}
.contributeMenu li.active a:hover {background:#ccc;}

.contributeContainer{border:1px #666 solid;  position:relative; z-index:10; top:-2px; color:#666;}
.contributeContainer div{padding:5px; background:#ccc; border-top:1px #fff solid; border-left:1px #fff solid;}

.feedSort{color:#999; font-size:13px; font-weight:bold; padding-bottom:10px;}
.feedSort input{font-size:14px; color:#666; padding:5px; float:right;}
.feedSort span {padding-right:15px;}
.feedSort span.active {color:#000 !important; font-size:17px !important;}
.feedSort span.active a:link, .feedSort span.active a:active, .feedSort span.active a:visited, .feedSort span.active a:hover { color:black;} 
.feedSort span.num {vertical-align:super;}

.worldWelcome{padding:10px 10px 10px 10px; background:#ccc; margin-bottom:20px; border:1px #999 solid;} 
.worldWelcomeContent{padding:10px; background:#fff;}
.worldWelcomeContent p{color:#666;}
.worldWelcomeContent img{color:#666; margin-right:10px;} 
.worldUsers{background:#ccc; padding:5px 10px; text-align:center;  margin-bottom:20px;}
.worldUsers img{margin:0px 2px; border:1px #999 solid; padding:4px; background:#fff;}
.newPosts{background:#ccc; padding:10px; font-weight:bold; color:#999; font-size:12px;}
.sortDrop{border:1px #666 solid; background:#ccc; width:100px;}
.feedComment{display:inline-block; width:23px; height:16px; background:url(/public/images/generalUI/commentBkg.jpg) no-repeat 0px 1px; color:white !important; font-weight:bold; text-align:center; }
#worldDescription{margin-top:10px;}


/* Logged In 11/9/09
===========================================================================*/
.homeToDo{color:#336699; font-size:14px; font-weight:bold; margin-top:10px; padding-left:20px;}
.homeToDo li{list-style:none;  float:left; margin-bottom:5px; width:225px;}
.homeToDo li img{vertical-align:text-bottom;}
.homeExploreWorlds{font-size:15px; color:#333; font-weight:bold; padding:5px 0px 10px 0px ;}
.homeExploreWorlds img.icon{padding-top:4px;}
.homeExploreWorlds img{float:left; margin-right:5px;}
.homeExploreWorlds ul{ padding:5px 20px;}
.homeExploreWorlds li{list-style:none; padding:0px 0px; height:35px;}
.homeExploreWorlds span{padding-top:3px; float:left;}

/*
MessagingCenter 11/9/09
===========================================================================*/

/*Common 11/9/09*/
.inboxActionsBar { margin:0px 0px 20px 0px; border:1px #999 solid; background:#ccc; padding:3px; font-size:11px;}
.inboxActionsBar a{ margin-right:5px; background:#fff; padding:4px 6px; border:1px #999 solid; display:block; text-decoration: none;}
.inboxActionsBar a:hover { color:#fff;  background:orange;}
.inboxActionsBar input { border:1px #999 solid; color:#666; padding:3px; font-size:12px; }

/*Inbox 11/9/09*/
.message { list-style:none; color:#333; }
.message li { border-top:1px #ccc solid; padding-top:10px; overflow:hidden; margin-bottom:10px; font-size:13px; clear:both;}
.message li img{ float:left }
.message li div.title{ background:#ccc; font-size:13px; font-weight:bold; padding:3px 5px; margin-bottom:10px; line-height:19px;}
.message li div.body{float:left; margin-left:5px;  width:675px; }
.message li p{padding:0px 3px;}
.message li p.info{ font-style:normal; font-size:9px; margin:10px 0px 0px 0px;}

/*InboxSend 11/9/09*/
.inboxHeader{ background:#ccc; font-size:13px; font-weight:bold; padding:3px 5px; margin-bottom:10px; line-height:19px; margin-left:0px !important; }
.inboxHeaderNew{ background:#99cc33 !important; font-size:13px; font-weight:bold; padding:3px 5px; margin-bottom:10px; line-height:19px; margin-left:0px !important; }
.inboxHeaderNew a:link, .inboxHeaderNew a:visited, .inboxHeaderNew a.active, .inboxHeaderNew li a:hover{color:white;}

.inboxSendMain{width:500px; margin:auto; padding:0px 0px 30px 0px; font-size:11px; color:#333; font-weight:bold;}
.inboxSendMain div{margin-bottom:10px;}
.inboxSendFields{border:1px #999 solid; color:#666; padding:4px; width:250px;}
.inboxSendMain textarea{border:1px #999 solid; color:#666; padding:3px; width:350px; height:150px;}
.inboxSendHints{font-size:9px; font-style: italic; margin-bottom:11px;}
.sendWrapper{background:url(/public/images/generalUI/contentBkgGrad.jpg) #fff repeat-x left -50px; margin:auto; padding:0px 0px;}
.contentCommentTextArea{width:400px; height:100px; text-align:left; margin-bottom:5px;}
.contentCommentFieldWrapper{background:url(/public/images/generalUI/contentBkgGrad.jpg) #fff repeat-x left -70px;  padding:10px 0px; text-align:center;}
.contentCommentField{margin:auto; width:420px; padding-bottom:10px; font-size:9px; color:#666;}

/*Message 11/9/09*/
.inboxViewHeader{padding:3px 5px; color:white; font-size:12px; font-weight:bold; background:#666;}
.inboxViewBody{list-style:none; padding:10px 0px; color:#333;}
.inboxViewBody ul{list-style:none;}
.inboxViewBody li{float:left; font-size:13px; clear:both;}
.inboxViewBody p{font-size:10px; font-style:italic;}
.inboxViewBody span{display:inline-block; font-size:11px; padding:10px 0px;}
.inboxViewBody img{margin-right:10px;}

/* comments (global) */
.comments ul { list-style:none; font-size:15px; }
.comments li { border-top:1px solid #ccc; padding:5px; }
.comments img { float:left; }
.comments div { margin-left:60px; }
.comments h4 { background-color:#ccc; padding:2px; }
.comments p { margin:2px 0px 5px 0px}
.comments ul li span.posted { margin:0px !important;}

/* comments (nested specific) */
.comments li ul { margin-left:60px; background-color:#efefef; }
.comments li li { border-top:1px solid #fff; }
.comments li ul div { margin-left:40px; }


/*feedback
===========================================================================*/
.feedback { background-image:url(/public/images/generalUI/feedback.png); color:#FFFFFF; cursor:pointer; height:102px; left:0; overflow:hidden; position:fixed; text-indent:-100000px; top:25%; width:35px; z-index:100000;}
.feedback:hover { background-image:url(/public/images/generalUI/feedback2.png); color:#FFFFFF; cursor:pointer; height:102px; left:0; overflow:hidden; position:fixed; text-indent:-100000px; top:25%; width:35px; z-index:100000;}

/*SiteWide Functionality
===========================================================================*/

/*tipsy*/
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
.tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-north { background-image: url(/public/images/tipsy/tipsy-north.gif); background-position: top center; }
.tipsy-south { background-image: url(/public/images/tipsy/tipsy-south.gif); background-position: bottom center; }
.tipsy-east { background-image: url(/public/images/tipsy/tipsy-east.gif); background-position: right center; }
.tipsy-west { background-image: url(/public/images/tipsy/tipsy-west.gif); background-position: left center; }
.tipsy-southwest { background-image: url(/public/images/tipsy/tipsy-south.gif); background-position: 15px 24px; }
.tipsy-southeast { background-image: url(/public/images/tipsy/tipsy-south.gif); background-position: 90% 24px; }

/* biggerTips */
.trigger {
	float:left;
	display:block;
	width:32px;
	height:32px;
}

.triggerText {
}
 
/* tooltip styling */
.tooltip {
	display:none;
	background:url(/public/images/generalUI/tooltip/black_sm.png);
	height:107px;
	padding:25px 20px;
	width:274px;
	font-size:11px;
	color:#fff;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}