/* Generellt */
body { background-image: url(/res/img/background.png); background-attachment: fixed; font-family: 'Trebuchet MS', Helvetica, sans-serif; }
#page { margin: 0 auto 30px auto; width: 980px; color: white; }

input,
textarea { font-family: 'Trebuchet MS', Helvetica, sans-serif; }
textarea { overflow: auto; }

a { outline: none; }

a:link, 
a:visited, 
a:active { color: #50AB4C; text-decoration: none; }
a:hover { color: white; text-decoration: none; }

abbr { border-bottom: none; }

fieldset { padding: 0; border: none; }

/* head */
#head { overflow: hidden; margin: 10px 0; position: absolute; width: 980px; top: 5px; z-index: 100; }
#head div.wrap { float: right; }

#head p.about { float: left; color: #ccc; }
#head p.about a { color: #50AB4C; text-decoration: underline;}
#head p.about a:hover{ color: white; }
#head div.wrap { text-align: right; }

#head #login { width: 260px;  }
#head #login fieldset { overflow: auto; border: none; padding: 0; margin: 0; }
#head #login input { display: inline; width: 76px; border: none; font-family: 'Trebuchet MS', Helvetica, sans-serif; padding: 2px; font-size: 13px; height: 18px; }
#head #login button { font-size: 10px; background: url(/res/img/head/login.png) no-repeat; margin: 2px 0 0 0; border: 0; padding: 0; width: 61px; height: 24px; color: white; }

#head ul#head-pages {  list-style-type: none; margin: 0 0 10px 0; }
#head ul#head-pages li { display: inline; color: #5c7060; }
#head ul#head-pages a { }
#head ul#head-pages a:hover { text-decoration: underline; }

#head div.user-box { overflow: hidden; font-size: 11px; border: 1px solid #324436; padding: 5px; margin-bottom: 5px; background: #03190a; width: 180px; }
#head div.user-box .FB_profile_pic,
#head div.user-box img.photo { float: right; display: block; width: 30px; height: 30px; margin-left: 10px; }
#head div.user-box div { float: right; text-align: right; }
#head div.user-box div ul.pages { list-style-type: none; margin: 0; }
#head div.user-box div p { margin: 0 0 -3px 0; }
#head div.user-box div ul.pages li { display: inline; color: #5c7060; }

/* logo */
#logo { top: 0; margin-top: 20px; position: absolute; text-align: center; z-index: 99; background: url(/res/img/head/logo-counter.png) top center no-repeat; height: 218px; width: 980px; font-size: 24px; font-weight: bold; }
#logo div.counter { margin-top: 17px; }
#logo div.counter a { color: white; display: inline-block; width: 100px; }
#logo div.counter div.description { display: none; }
#logo a.start { margin: 0 auto; display: block; height: 150px; margin-top: 0; width: 200px; position: relative; z-index: 1000; }


/* splash */
#splash { padding: 20px; background-color: rgba(0, 0, 0, 0.5); margin: 190px 0 20px 0; }
#splash div.inner { background: black url(/res/img/head/splash-background.gif) repeat-x; height: 220px; overflow: hidden; clear: left; }
#splash h2 { color: #d3e440; text-align: center; line-height: 1.25em; }

#splash #splash-video { display: none; }

#splash ol.pages { list-style-type: none; overflow: hidden; }
#splash ol.pages li { width: 940px; height: 220px; float: left;  }

#slider { width: 940px; height: 220px; overflow: hidden; background: url(/res/img/splash/background.png) repeat-x; } 
#slider ul { margin: 0; padding: 0; list-style-type: none; }
#slider li { float: left; width: 940px; height: 220px; }
#slider #splash-2 a.link { position: relative; top: -110px; left: -40px; font-size: 16px; float: right; }

#splash div.paginator { font-size: 14px; float: right; overflow: auto; position: relative; top: -30px; right: 30px; margin: 0 0 -20px 0; }
#splash div.paginator a { text-align: center; color: #ccc;  }
#splash div.paginator a:hover { color: #50aa4e; text-decoration: underline; }
#splash div.paginator ol.page-list { list-style-type: none; margin: 0 10px 0 0; float: right;  }
#splash div.paginator ol.page-list li { display: inline;  }
#splash div.paginator div.relative { float: right; font-weight: bold; }

/* wrap */
#wrap { overflow: hidden; }

/* main */
#main { float: left; width: 736px; margin: 0 10px 0 0; }
#main div.block { padding: 20px; background: rgba(0, 0, 0, 0.5); margin-bottom: 20px; }
#main div.block div.inner { padding: 20px; background: black; }
#main a.back { display: block; width: 190px; color: white; font-size: 14px; height: 30px; line-height: 30px; text-align: center; line-height: 30px; background: transparent url(/res/img/buttons/190-30-back.png) no-repeat; margin: 0 0 20px 0; }
#main a.back:hover { text-decoration: underline; color: white; }

/* aside */
#aside { float: right; width: 224px; margin: 0 0 0 10px; list-style-type: none; }
#aside > li { padding: 20px; background: rgba(0, 0, 0, 0.5); margin: 0 0 20px 0; }
#aside li > p { font-size: 16px; margin-bottom: 10px; }

#aside li.compete a.button { display: block; width: 187px; height: 57px; text-align: center; line-height: 57px; background: #aaa; }

#aside li.social p { text-align: center; }
#aside li.social ul.media { margin: 0; list-style-type: none; }
#aside li.social ul.media li { padding: 6px 6px 0 10px; font-size: 14px; display: block; height: 26px; width: 169px; background: url(/res/img/aside/social/a-background.png) no-repeat 0 0px; text-align: left; margin: 0 0 10px 0; }
#aside li.social ul.media li a { height: 19px; line-height: 18px; background: url(/res/img/aside/social/icons.png) 0 -39px no-repeat; color: white; display: block; padding-left: 28px; }
#aside li.social ul.media li a:hover { text-decoration: underline; }
#aside li.social ul.media li.facebook a { background-position: 0 0; }
#aside li.social ul.media li.twitter a { background-position: 0 -19px; }
#aside li.social ul.media li.facebook.fan { background-image: url(/res/img/aside/social/a-background-fan.png); }

#aside li.tips ol { margin: 0; list-style-type: none; border: 1px solid #212121; background: #060606; overflow: auto; height: 315px; padding: 10px; }
#aside li.tips h3 { color: white; margin-bottom: 10px; }
#aside li.tips ol li { margin: 0 0 10px 0; overflow: auto; padding: 0 0 10px 0; border-bottom: 1px solid #464646; }
#aside li.tips ol li h4 { margin: 0 0 2px 0; font-size: 90%; }
#aside li.tips ol li h4 a:hover { text-decoration: underline; }
#aside li.tips ol li p { font-size: 11px; color: white; margin-bottom: 0; }
#aside li.tips ol li p span.comment { text-transform: uppercase; font-size: 10px; color: #737373; }
#aside li.tips ol li abbr { text-transform: uppercase; font-size: 10px; color: #737373; }

#aside li.examples p { font-size: 22px; line-height: 24px; margin-bottom: 15px; }
#aside li.examples a { background: url(/res/img/aside/li-examples-a.png); text-align: center; width: 186px;  height: 33px; display: block; line-height: 33px; color: white; text-decoration: none; font-size: 20px;}
#aside li.examples a:hover { text-decoration: underline; }

#aside li.compete p { font-size: 12px; }
#aside li.compete a.button { color: white; font-size: 28px; background: url(/res/img/aside/compete-a.png) no-repeat; width: 187px; height: 58px; }
#aside li.compete a.button:hover { text-decoration: underline; }

/* examples */
#examples { width: 696px; padding: 20px; background: #eee; margin: 0 0 20px 0; overflow: auto; }
#examples div.inner { padding: 20px; background: #ddd; }

/* foot */
#foot { padding: 25px 0 100px 0; margin-top: 60px; background: #010101 url(/res/img/foot/top-gradient.gif) repeat-x;  border-top: 1px solid #545454; }
#foot div.inner { overflow: auto; margin: 20px auto 0 auto; width: 980px; }

#foot h4 { color: #ebebeb; font-size: 18px; margin-bottom: 10px; }
#foot h5 { color: #ebebeb; font-weight: bold; margin-bottom: 5px; }
#foot p { color: #ebebeb; margin-bottom: 1em; }
#foot div.inner a { color: #50aa50; }
#foot div.inner a:hover { text-decoration:underline; color: white; }
#foot ul.columns { list-style-type: none; margin: 0; overflow: hidden; }
#foot ul.columns > li { float: left; width: 195px; padding: 0 20px; border-left: 1px solid #101010; }
#foot ul.columns > li ul { margin: 0 0 10px 0; color: white; list-style-type: none; }
#foot ul.columns ul.social { overflow: auto; padding: 0; }
#foot ul.columns ul.social li { display: inline; }
#foot ul.columns ul.social li a { float: left; width: 40px; height: 40px; margin-right: 8px; display: block; background: url(/res/img/foot/social.png) 0 0 no-repeat; }
#foot ul.columns ul.social li.facebook a { background-position: 0 -80px; }
#foot ul.columns ul.social li.twitter a { background-position: 0 -40px; }
#foot ul.columns li.gs { border-left: none; }
#foot ul.columns li.gs p { font-size: 11px; text-align: center; }
#foot li.gs a.logo { color: white; text-align: center; display: block; margin: 0 0 20px 0; padding: 180px 0 0 0; background: url(/res/img/foot/gs-logo.png) top center no-repeat;  vertical-align: bottom; overflow: hidden; text-indent: -9999px; }

/* Social links */
ul.social { margin: 0; overflow: auto; padding: 0 0 8px 0; text-align: center; }
ul.social li { display: inline; }
ul.social li a { float: left; width: 40px; height: 40px; margin-right: 8px; display: block; background: url(/res/img/foot/social.png) 0 0 no-repeat; }
ul.social li.facebook a { background-position: 0 -80px; }
ul.social li.twitter a { background-position: 0 -40px; }

/* User Module */

#page.user { width: 780px; }
#page.user #head { width: 780px; }

#page.user #main { float: none; width: auto; margin: 0; }
#page.user #logo {  background-image: url(/res/img/head/logo-plain.png); width: 780px; text-indent: -9999px; overflow: hidden; }
#page.user #wrap { width: 780px; margin-top: 190px; }

#page.user #main div.inner { overflow: auto; background: #f8f8f8; color: black; padding-top: 50px; padding-bottom: 50px; }
#page.user #main div.inner a:hover { color: black; }
#page.user #main div.inner div.menu { float: left; }
#page.user #main div.inner div.menu h3 { color: #4eac4e; font-weight: bold; font-size: 18px; }
#page.user #main div.inner div.menu ul { margin: 0 0 20px 0; list-style-type: none; width: 155px; border: 1px solid #c7e4b8; }
#page.user #main div.inner div.menu li { display: inline; }
#page.user #main div.inner div.menu li a { font-size: 14px; display: block; background: white; height: 30px; line-height: 30px; padding: 0 10px; }
#page.user #main div.inner div.menu li a:hover,
#page.user #main div.inner div.menu li.active a { color: white; background: url(/res/img/user/menu-active.gif) no-repeat; padding: 0 10px; height: 30px; line-height: 30px; }
#page.user #main div.inner div.menu h2 { margin: 0 1px; font-size: 16px; color: #f2f2f2; display: block; background: #535353 url(/res/img/user/menu-title-background.png) repeat-x; border: 1px solid #262626; padding: 0 10px 0 5px; height: 30px; line-height: 30px; }
#page.user #main div.inner div.menu h2 span { background: url(/res/img/icons/home.png) 0 3px no-repeat; padding-left: 26px; display: block; }
#page.user #main div.inner div.menu h2 span.profile { background-image: url(/res/img/icons/person.png); }
#page.user #main div.inner div.content { float: right; width: 505px; }

#page.user #main div.inner div.content h1 { color: #4eac4e; font-weight: bold; font-size: 18px; padding: 0 0 9px 0; border-bottom: 1px solid #e5e5e5; }
#page.user #main div.inner div.content div.context { padding: 10px; background: #f2f2f2; border: 1px solid #d9d9d9; }
#page.user #main div.inner div.content div.context h2 { color: #737373; font-size: 16px; margin: 0 0 5px 0; }
#page.user #main div.inner div.content div.context h3 { font-size: 12px; font-weight: bold; color: #737373; }
#page.user #main div.inner div.content div.context div.sub-context { border: 1px solid #bfbfbf; padding: 10px; margin-bottom: 10px; background: #f8f8f8; }
#page.user #main div.inner div.content div.context div.sub-context p.email { text-align: center; }

#page.user #main div.inner div.content form { padding: 10px; border: 1px solid #d9d9d9; background: #f2f2f2; font-size: 16px; }
#page.user #main div.inner div.content form ul { margin: 0; list-style-type: none; }
#page.user #main div.inner div.content form label { display: block; font-weight: normal; color: #737373; }
#page.user #main div.inner div.content form input { padding: 5px; width: 470px; font-size: 16px; margin: 10px 0; background: #f8f8f8; border: 1px solid #bfbfbf; }
#page.user #main div.inner div.content form textarea { padding: 5px; width: 470px; font-size: 16px; background: #f8f8f8; border: 1px solid #bfbfbf; }
#page.user #main div.inner div.content form select { width: 225px; padding: 5px; margin: 10px 0; }
#page.user #main div.inner div.content form li.checkbox { margin: 10px 0; overflow: hidden; }
#page.user #main div.inner div.content form li.checkbox input { float: left; width: auto; padding: 0; margin: 0 10px 0 0; border: none; background: transparent; }
#page.user #main div.inner div.content form li.checkbox label { float: left; }
#page.user #main div.inner div.content form button { border: none; margin: 0 10px 0 0; font-size: 14px; display: block; background: url(/res/img/buttons/100-30-button.png) no-repeat; width: 101px; height: 30px; color: white; }
#page.user #main div.inner div.content form button:hover { background-position: 0 -30px; color: white; text-decoration: underline; }
#page.user #main div.inner div.content form ul.errors { border: 1px solid #ff7777; background: #ffdddd; margin: -8px 0 20px 0; width: 480px; font-size: 12px; }
#page.user #main div.inner div.content form ul.errors li { float: none; padding: 6px 3px; color: #c34149; }

#page.user #main div.inner div.content table.items thead th { background: #dddddd; font-size: 18px; border-bottom: 1px solid #c4c4c4; }
#page.user #main div.inner div.content table.items tbody { font-size: 14px; }
#page.user #main div.inner div.content table.items tbody td { background: #fefefe; padding: 10px; }

/* Layout: Page */
#page.user div.counter { display: none; }

.page #main div.page div.inner { background: #f8f8f8; color: black; }
/* 
 *  PARTIALS
 */

/* idea browser */
div#browser { font-size: 80%; }
div#browser div.actions { overflow: auto; margin-bottom: 20px; }
div#browser h2 { color: white; font-size: 24px; }
div#browser h2 span { font-size: 18px; }
div#browser ul.menu { float: left; list-style-type: none; margin: 0; }
div#browser ul.menu li { display: inline; }
div#browser ul.menu li a,
div#browser ul.menu li span.title { display: block; float: left; width: 100px; height: 30px; font-size: 16px; text-align: center; background: url(/res/img/list/menu-button.png) no-repeat; color: white; line-height: 30px; margin-right: 10px; }
div#browser ul.menu a:hover,
div#browser ul.menu li.active a { background-position: 0 -30px; }
div#browser ul.menu li span.title.category { background: url(/res/img/list/menu-button-category.png);  width: 101px; text-align: left; padding-left: 10px; }
div#browser ul.menu li span.title.category.active { background-position: 0 -30px; }
div#browser ul.menu ul.sub { display: none; background: #050505; padding: 10px; border: 1px solid #212121; width: 150px; position: absolute; margin: 28px 0 0 221px; }
div#browser ul.menu ul.sub a { float: none; color: #4b9f49; width: auto; height: auto; font-size: 11px; background: none; text-align: left; padding: 0; line-height: 1.5em; margin: 0; }
div#browser ul.menu ul.sub a:hover { text-decoration: underline; color: white; }
div#browser ul.menu li:hover span.title { background-position: 0 -30px; }
div#browser ul.menu li:hover ul.sub { display: block; left: auto; }

div#browser form.search { float: right; }
div#browser form.search fieldset { border: none; padding: 0; margin: 0;  }
div#browser form.search input { padding: 4px 5px 3px 25px; margin: 0; border: 1px solid white; height: 18px; font-family: 'Trebuchet MS', Helvetica, sans-serif; background: #f0f0f0 url(/res/img/list/search-icon.png) 5px 5px no-repeat; color: #737373; font-size: 14px; }
div#browser form.search button { background: url(/res/img/buttons/48-30-search.png) no-repeat; width: 48px; height: 30px; line-height: 30px; border: none; color: white; font-family: 'Trebuchet MS', Helvetica, sans-serif;  }

div#browser ol.ideas { list-style-type: none; margin: 0; overflow: auto; }
div#browser ol.ideas a { color: #50ab4c; }
div#browser ol.ideas a:hover { color: white; text-decoration: underline; }
div#browser ol.ideas li { padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid #212121; }
div#browser ol.ideas li:last-child { border-bottom: none; }
div#browser ol.ideas li div.inner { padding: 10px; background: #17171b url(/res/img/list/idea-background.gif) repeat-x; overflow: hidden; border: 1px solid #212121; }
div#browser ol.ideas li div.inner:hover { background-color: #17171b; background-image: none; }
div#browser ol.ideas span.rank { float: left; display: block; width: 65px; height: 65px; font-size: 28px; color: black; font-weight: bold;  margin: 0 20px 0 0; text-align: center; line-height: 65px; color: white; background: url(/res/img/stars/65-65-blue.png) no-repeat; }
div#browser ol.ideas span.rank.top { background-image: url(/res/img/stars/65-65-gold.png); color: black; font-size: 36px; }
div#browser ol.ideas img { float: left; display: block; margin: 0 20px 0 0; width: 120px; height: 75px; }
div#browser ol.ideas div.info { float: left; width: 260px; }
div#browser ol.ideas a.vote { overflow: hidden; text-decoration: none; padding: 1px 0 0 31px; line-height: 27px; display: block; float: right; font-size: 14px; background: url(/res/img/buttons/116-27-vote.png) no-repeat; width: 85px; height: 26px; color: white; margin-top: 24px; }
div#browser ol.ideas a.vote span.title { float: left; display: block; }
div#browser ol.ideas a.vote span.count { float: right; margin-right: 10px; display: block; } 
div#browser ol.ideas a.vote:hover { background-position: 0 -27px; }
div#browser ol.ideas h3 { font-size: 18px; margin-bottom: 5px; }
div#browser ol.ideas p { text-transform: uppercase; color: #727272; font-size: 11px; margin-bottom: 0px; }
div#browser ol.ideas p.excerpt { text-transform: none; color: white;  }

div#browser div.wrap { text-align: center; }
div#browser ol.paginator { overflow: hidden; list-style-type: none; margin: 0 auto; width: 656px; text-align: center; }
div#browser ol.paginator li { display: inline; }
div#browser ol.paginator li a { display: inline-block; overflow: hidden; color: white; width: 61px; height: 33px; font-weight: bold; line-height: 33px; font-size: 14px; background: url(/res/img/list/paginator-button.png) no-repeat; margin-right: 10px; }
div#browser ol.paginator li.arrow a { text-indent: -9999px; background: url(/res/img/list/paginator-button-arrows.png) no-repeat; }
div#browser ol.paginator li.arrow.right a { background-position: -61px 0; }
div#browser ol.paginator li a:hover,
div#browser ol.paginator li.active a { background-position: 0 -33px; }
div#browser ol.paginator li.arrow.right a:hover { background-position: -61px -33px; }

div#browser img.loader { display: none; }
div#browser.overlay div.loader-wrap { background: black; }
div#browser.overlay div.inner { opacity: 0.5; }
div#browser.overlay img.loader { display: block; height: 48px; width: 48px; position: relative; z-index: 1000; margin: 0 auto -48px auto; }

/* aside counter */

#aside li.counter ol.numbers { overflow: auto; list-style-type: none; text-align: center; margin: 0 0 5px 0; }
#aside li.counter ol.numbers li { background: url(/res/img/aside/counter.png) no-repeat; display: inline-block; width: 58px; height: 80px; line-height: 75px; overflow: hidden; text-indent: -9999px; }
#aside li.counter p { text-align: center; margin-bottom: 0; }

/* aside idea list */
#aside li.ideas h3 { color: white; font-size: 20px; }

/* small idea list */
ol.small-idea-list { margin: 0; list-style-type: none; max-height: 250px; overflow: auto; overflow-y: scroll; border: 1px solid #212121; background: #050505; }
ol.small-idea-list li { overflow: hidden; padding: 5px; border-bottom: 1px solid #454545; background: #2a2a2c url(/res/img/aside/small-idea-list-background.gif) repeat-x; }
ol.small-idea-list img { float: left; width: 35px; height: 35px; background: black; margin: 0 5px 0 0; }
ol.small-idea-list div.info { float: left; width: 110px; text-align: left; }
ol.small-idea-list div.info h4 { margin-bottom: 0; font-size: 10px; }
ol.small-idea-list div.info p { margin: 0; color: #b1b1b1; font-size: 8px; }

/*
 *  SPECIFIKT
 */

/* index */
#wrap.index #main div.latest li h2 { color: #d9d9d9; }
#wrap.index #main div.latest ul { list-style-type: none; margin: 0; overflow: auto; }
#wrap.index #main div.latest ul li { float: left; width: 206px; font-size: 80%; margin: 0 17px 0 0; }
#wrap.index #main div.latest ul div.idea { background: #17171b url(/res/img/front/latest-idea-background.gif) repeat-x; padding: 13px; border: 1px solid #212121; }
#wrap.index #main div.latest ul li:first-child,
#wrap.index #main div.latest ul li.first { margin-left: 0; }
#wrap.index #main div.latest ul li:last-child,
#wrap.index #main div.latest ul li.last { margin-right: 0; }
#wrap.index #main div.latest ul div.idea img { display: block; margin-bottom: 7px; width: 180px; height: 116px; }
#wrap.index #main div.latest ul div.idea h3 { margin-bottom: 5px; }
#wrap.index #main div.latest ul div.idea a.image {display: block; margin-bottom: 7px; width: 180px; height: 113px; background-repeat: no-repeat; }
#wrap.index #main div.latest ul div.idea span.rank { margin-top: 77px; vertical-align: bottom; float: right; color: white; background: url(/res/img/stars/35-35-blue.png) no-repeat; width: 35px; height: 35px; text-align: center; font-size: 16px; font-weight: bold; line-height: 35px; }
#wrap.index #main div.latest ul div.idea span.rank.top { background-image: url(/res/img/stars/35-35-gold.png); color: black; }
#wrap.index #main div.latest ul div.idea a.image:hover { text-decoration: none; }
#wrap.index #main div.latest ul div.idea p.info { color: #727272; font-size: 12px; margin-bottom: 5px; }
#wrap.index #main div.latest ul div.idea p.info abbr { border-bottom: none; }
#wrap.index #main div.latest ul div.idea div.actions { overflow: hidden; }
#wrap.index #main div.latest ul div.idea div.actions a.vote { overflow: hidden; text-decoration: none; padding: 1px 0 0 31px; line-height: 27px; display: block; float: right; font-size: 14px; background: url(/res/img/buttons/116-27-vote.png) no-repeat; width: 85px; height: 26px; color: white; }
#wrap.index #main div.latest ul div.idea div.actions a.vote span.title { float: left; display: block; }
#wrap.index #main div.latest ul div.idea div.actions a.vote span.count { text-align: right; display: block; float: right; margin-right: 10px; } 
#wrap.index #main div.latest ul div.idea div.actions a.vote:hover { background-position: 0 -27px; }
#wrap.index #main div.latest ul div.idea div.actions a.more { display: block; float: left; font-size: 12px; line-height: 27px; }
#wrap.index #main div.latest ul div.idea a { color: #50aa4e;  text-decoration: none; }  
#wrap.index #main div.latest ul div.idea a:hover { color: white; text-decoration: underline; }

/* idea view */
#wrap.idea.view #main div.wrap { overflow: auto; }

#wrap.idea.view #main div.page div.info { float: left; width: 410px; }
#wrap.idea.view #main div.page div.info h1 { margin: 0 0 5px 0; color: black; }
#wrap.idea.view #main div.page div.info a.report { color: #727272; }
#wrap.idea.view #main div.page div.info a.report:hover { text-decoration: underline; }
#wrap.idea.view #main div.page div.info p.meta { font-size: 11px; font-style: italic; }
#wrap.idea.view #main div.page div.info img.idea-image { margin: 0 0 20px 0; display: block; width: 410px; }
#wrap.idea.view #main div.page div.info ol.blog { list-style-type: none; margin: 0; background: #f2f2f2; padding: 10px; border: 1px solid #e5e5e5; }
#wrap.idea.view #main div.page div.info ol.blog div.content { width: auto; margin: 10px 0; }
#wrap.idea.view #main div.page div.info ol.blog li { }
#wrap.idea.view #main div.page div.info ol.blog p.meta { font-size: 11px; color: #666; }
#wrap.idea.view #main div.page div.info ol.blog h2 { margin: 0; color: #333333; font-size: 18px; }
#wrap.idea.view #main div.page div.info ol.blog img.image { display: block; margin: 0 0 10px 0; }
#wrap.idea.view #main div.page div.info ol.blog object.video { display: block; margin: 0 0 10px 0; }

#wrap.idea.view #main div.page ul.meta { float: right; width: 210px; margin: 0; list-style-type: none;}
#wrap.idea.view #main div.page ul.meta > li { margin: 0 0 20px 0; }
#wrap.idea.view #main div.page ul.meta li.author { background: #f2f2f2; border: 1px solid #e5e5e5; overflow: auto; padding: 10px; overflow: auto; }
#wrap.idea.view #main div.page ul.meta li.author > div { margin-bottom: 10px; border: 1px solid #e5e5e5; }
#wrap.idea.view #main div.page ul.meta li.author h3 { background: #e5e5e5; font-size: 11px; color: #707070; padding: 4px 5px; margin-bottom: 5px; }
#wrap.idea.view #main div.page ul.meta li.author div.author { overflow: hidden; border: none; border-bottom: 2px solid #ececec; padding-bottom: 5px; }
#wrap.idea.view #main div.page ul.meta li.author div.author p { float: left; width: 100px; }
#wrap.idea.view #main div.page ul.meta li.author div.author p strong { display: block; }
#wrap.idea.view #main div.page ul.meta li.author div.author img.photo { display: block; float: left; width: 50px; height: 50px; margin: 0 10px 0 0; }
#wrap.idea.view #main div.page ul.meta li.author ol { font-size: 10px; margin: 0 5px 5px 5px; list-style-type: none; }
#wrap.idea.view #main div.page ul.meta li.author ol li { margin-bottom: 5px; }
#wrap.idea.view #main div.page ul.meta li.author div.image ul.content { display: none; }
#wrap.idea.view #main div.page ul.meta li.author div.image img.thumb { margin: 3px; display: block; width: 180px; height: 116px; }
#wrap.idea.view #main div.page ul.meta li.comments h3 { color: #737373; }
#wrap.idea.view #main div.page ul.meta li.comments ol { margin: 0; margin-bottom: 10px; list-style-type: none; font-size: 11px; border-top: 3px solid #ececec; padding-top: 10px; border-bottom: 3px solid #ececec; }
#wrap.idea.view #main div.page ul.meta li.comments ol li { overflow: auto; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ececec; }
#wrap.idea.view #main div.page ul.meta li.comments ol li:last-child { border-bottom: none; margin-bottom: 0; }
#wrap.idea.view #main div.page ul.meta li.comments img.photo { display: block; margin: 0; padding: 0; float: left; width: 30px; height: 30px; }
#wrap.idea.view #main div.page ul.meta li.comments ol div { float: right; width: 170px; font-size: 10px; color: #777; }
#wrap.idea.view #main div.page ul.meta li.comments span.meta { font-size: 11px; color: #333; }
#wrap.idea.view #main div.page ul.meta li.comments p.hint { font-size: 11px; color: #555; padding: 10px 5px; background: #f5f5f5; border: 1px solid #e5e5e5; }
#wrap.idea.view #main div.page ul.meta li.comments p.hint span.explain { display: block; margin-top: 7px; }
#wrap.idea.view #main div.page ul.meta li.comments form ul { list-style-type: none; margin: 0; }
#wrap.idea.view #main div.page ul.meta li.comments form textarea { width: 198px; height: 70px; font-size: 11px; }
#wrap.idea.view #main div.page ul.meta li.comments form ul.errors { list-style-type: none; border: 1px solid #ff7777; background: #ffdddd; margin: -4px 0 20px 0; font-size: 12px; }
#wrap.idea.view #main div.page ul.meta li.comments form ul.errors li { float: none; padding: 6px 3px; color: #c34149; }

#wrap.idea.view #main div.page li.tip h3 { font-size: 14px; margin-bottom: 10px; }
#wrap.idea.view #main div.page li.tip ul.social { margin: 0; list-style-type: none; overflow: auto; padding: 0; }
#wrap.idea.view #main div.page li.tip ul.social li { display: inline; }
#wrap.idea.view #main div.page li.tip ul.social a { display: block; float: left; margin: 0 5px 0 0; width: 19px; height: 19px; background: url(/res/img/buttons/social-small.png) no-repeat; }
#wrap.idea.view #main div.page li.tip ul.social li.facebook a { background-position: 0 -20px; }
#wrap.idea.view #main div.page li.tip ul.social li.twitter a { background-position: 0 -39px; }

#wrap.idea.view #main div.page div.news ol { margin: 0; list-style-type: none; }
#wrap.idea.view #main div.page div.links ul { margin: 0; list-style-type: none; }
#wrap.idea.view #main div.page div.ideas ul { margin: 0; list-style-type: none; }

#wrap.idea.view #main div.page div.wrap a:hover { color: black; text-decoration: underline; }

#wrap.idea.view #main div.page div.vote { width: 210px; margin: 20px auto; }
#wrap.idea.view #main div.page .vote a.vote { display: block; width: 170px; height: 40px; line-height: 40px; padding: 0 0 0 40px; background: transparent url(/res/img/buttons/210-41-vote.png) no-repeat; font-weight: bold; color: white; font-size: 16px; }
#wrap.idea.view #main div.page .vote a.vote:hover { background-position: 0 -41px; text-decoration: none; color: white; }
#wrap.idea.view #main div.page .vote ul.statistics {  margin: 0 0 10px 0; list-style-type: none; border: 1px solid #c2c2c2; background: white; padding: 10px; }
#wrap.idea.view #main div.page .vote ul.statistics li { overflow: hidden; font-size: 11px; border-bottom: 1px solid #c2c2c2; padding: 0 0 12px 0; margin: 0 0 10px 0; }
#wrap.idea.view #main div.page .vote ul.statistics li.last { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
#wrap.idea.view #main div.page .vote ul.statistics span { color: #737373; }
#wrap.idea.view #main div.page .vote ul.statistics span.title { text-align: left; float: left; text-transform: uppercase;  padding-top: 10px; }
#wrap.idea.view #main div.page .vote ul.statistics span.count { text-align: right; float: right; color: #50aa4e; font-weight: bold; font-size: 24px; }
#wrap.idea.view #main div.page .vote ul.statistics span.count.rank { color: white; font-size: 18px; line-height: 35px; background: url(/res/img/stars/35-35-blue.png) no-repeat; text-align: center; width: 35px; height: 35px; }
#wrap.idea.view #main div.page .vote ul.statistics span.count.rank.top { color: black; background-image: url(/res/img/stars/35-35-gold.png); }

#wrap.idea.view #main div.page div.info ul.menu { margin: 0 auto; list-style-type: none; overflow: auto; border-top: 1px solid #e0e0e0; padding-top: 19px; text-align: center; }
#wrap.idea.view #main div.page div.info ul.menu li { display: inline; }

/* idea edit */
#wrap #edit ul.menu { list-style-type: none; margin: 0 0 10px 0; overflow: auto; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 5px 0; }
#wrap #edit ul.menu li { float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; }
#wrap #edit ul.menu li.last { border-right: none; }
#wrap #edit form { margin: 20px 0; }
#wrap #edit form label { font-size: 14px; color: #777; }
#wrap #edit form textarea,
#wrap #edit form input { padding: 5px; color: #555; width: 490px; }
#wrap #edit form input[type='submit']

/* page view */
body.page #main div.inner { background: #f8f8f8; }
body.page #main div.page h1 { color: #1a1a1a; }
body.page #main div.page ul.menu { color: #bbb; font-size: 13px; text-align: right; list-style-type: none; margin: 0 0 20px 0;  padding: 10px 0; }
body.page #main div.page ul.menu li { display: inline; }
body.page #main div.page ul.menu li.active { background: #aaa; }
body.page #main div.page ul.menu.bottom { text-align: center; border-top: 2px solid #e5e5e5; border-bottom: none; margin-top: 50px; }
body.page #main div.page div.content { width: 540px; margin: 40px auto 0 auto; color: #222; }
body.page #main div.page div.content h2,
body.page #main div.page div.content h3 { margin-bottom: 0.5em;}
body.page #main div.page div.content h3 { text-transform: uppercase; font-size: 14px; font-weight: bold; }
body.page #main div.page div.content ul,
body.page #main div.page div.content ol { font-size: 12px; }
body.page #main div.page div.content ul li,
body.page #main div.page div.content ol li { margin-bottom: 0.5em; }
body.page #main div.page div.content a:hover { color: black; text-decoration: underline; }
body.page #main div.page div.content p.ingress { font-size: 16px; }
body.page #main div.page div.content p { font-size: 13px; margin-bottom: 1em; }
body.page #main div.page div.content p.small { font-size: 12px; }
body.page #main div.page div.content ul.groups { list-style-type: none; margin: 0; }
body.page #main div.page div.content ul.groups li { overflow: auto; margin-bottom: 30px; }
body.page #main div.page div.content ul.groups img { float: left; display: block; width: 150px; height: 150px; margin-right: 20px; }
body.page #main div.page div.content ul.groups div.group { float: left; width: 370px; margin-top: 2px; }
body.page #main div.page div.content ul.groups div.group h3 { margin-bottom: 7px; }
body.page #main div.page div.content ul.groups div.group p { font-size: 13px; margin-bottom: 10px; }

/* tips */
body.page #main div.page div.content.tips div.tip { margin-bottom: 15px; border-bottom: 1px solid #E5E5E5; padding-bottom: 15px; }
body.page #main div.page div.content.tips div.tip span.date { color: #777; }

/* user login */
#page.user div.wrap.login { width: 530px; margin: 0 auto; }
#page.user div.wrap.login h2 { color: #50aa4e; font-size: 20px; font-weight: bold; border-bottom: 1px solid #ebebeb; padding-bottom: 5px; margin: 20px 0 10px 0; }
#page.user div.wrap.login div.back { text-align: center; font-size: 16px; margin-top: 10px; }
#page.user div.wrap.login div.context { padding: 15px; background: #f2f2f2; border: 1px solid #d9d9d9; overflow: auto; }
#page.user div.wrap.login div.context div.compete { float: right; width: 190px; background: #efefef; border: 1px solid #d9d9d9; padding: 20px; color: #737373; }
#page.user div.wrap.login div.context div.compete a.button { display: block; text-align: center; line-height: 58px; color: white; font-size: 28px; background: url(/res/img/aside/compete-a.png) no-repeat; width: 187px; height: 58px; }
#page.user #main div.wrap.login div.context div.compete a.button:hover { text-decoration: underline; color: white; }

#page.user div.wrap.login div.context form fieldset { margin-bottom: 5px; }
#page.user div.wrap.login div.context form { float: left; width: 220px; }
#page.user div.wrap.login div.context form label { display: block; color: #737373; font-size: 16px; margin: 5px 0 0 0; }
#page.user div.wrap.login div.context form input { padding: 5px; font-size: 16px; width: 200px; margin-top: 5px; color: #262626; border: 1px solid #bfbfbf; }
#page.user div.wrap.login div.context form button { display: block; border: none; float: right; margin: 0 10px 0 0; font-size: 14px; display: block; background: url(/res/img/buttons/100-30-button.png) no-repeat; width: 100px; height: 30px; line-height: 30px; color: white; }
#page.user div.wrap.login div.context form div { overflow: auto; }
#page.user div.wrap.login div.context form div a { line-height: 30px; }
#page.user div.wrap.login div.context form ul.errors { list-style-type: none; border: 1px solid #ff7777; background: #ffdddd; margin: -7px 0 20px 0; width: 210px; font-size: 12px; }
#page.user div.wrap.login div.context form ul.errors li { float: none; padding: 6px 3px; color: #c34149; }
#page.user div.wrap.login div.context form div.actions { overflow: auto; }
#page.user div.wrap.login div.context form h3 { text-align: center; margin-top: 30px; }
#page.user div.wrap.login div.context form div.facebook { text-align: center; color: #737373; }
#page.user div.wrap.login div.context form div.facebook a { line-height: 14px; }
#page.user div.wrap.login a.back { margin: 20px auto 0 auto; }
#page.user #main div.wrap.login a.back:hover { color: white; }

/* user password reset */
#page.user #wrap.reset div.wrap.login { width: 260px; }
#page.user #wrap.reset div.wrap.login div.context form button { margin: 0; background-image: url(/res/img/user/reset-password-button.png); width: 211px; float: none; }

/* Registration */
#wrap.register #main h1 { text-align: center; margin: 35px 0 50px 0; font-size: 34px; }
#wrap.register #main h2 { color: #50aa4e; border-bottom: 1px solid #ccc; padding: 0 0 2px 10px; margin: 0 0 34px 0; }

#wrap.register #main ol.steps { list-style-type: none; margin: 0 -20px 20px -20px; overflow: auto; border-bottom: 5px solid #50aa4e; padding: 0 20px; font-size: 16px; }
#wrap.register #main ol.steps li { width: 233px; float: left; text-align: center; padding: 10px 0; background: #ebebeb; color: #999; }
#wrap.register #main ol.steps li.active { background: #50aa4e; color: white; }

#page.user #wrap.register form.register { overflow: hidden; }
#page.user #wrap.register form.register table.left { float: left; width: 700px; }
#page.user #wrap.register form.register table.left.compressed { width: 470px; }
#page.user #wrap.register form.register td { padding: 0; vertical-align: top; }
#page.user #wrap.register form.register li { overflow: auto; }
#page.user #wrap.register form.register label { display: block; width: 170px; padding: 0 10px 0 0; text-align: right; color: #737373; font-size: 16px; line-height: 32px; font-weight: normal; }
#page.user #wrap.register form.register input { width: 270px; padding: 6px 3px; font-size: 16px; margin: 0 0 10px 0; }
#page.user #wrap.register form.register textarea { width: 270px; padding: 6px 3px; margin: 0 0 10px 0; font-size: 16px; height: auto; overflow: auto; }
#page.user #wrap.register form.register select { width: 260px;  }
#page.user #wrap.register form.register td.checkbox div.group { overflow: auto; margin-bottom: 5px; }
#page.user #wrap.register form.register td.checkbox div.group label { display: block; float: left; width: 240px; text-align: left; margin-left: 5px; color: #0d0d0d; font-size: 12px; padding-top: 3px; line-height: 1.5em; }
#page.user #wrap.register form.register td.checkbox div.group input { float: left; width: auto; }
#page.user #wrap.register form.register button.submit { margin: 5px 0 0 0; background: url(/res/img/buttons/100-30-button.png) no-repeat; border: none; width: 101px; height: 30px; color: white; font-size: 16px; line-height: 30px; font-family: 'Trebuchet MS', Helvetica, sans-serif; }
#page.user #wrap.register form.register button.submit:hover { text-decoration: underline; }
#page.user #wrap.register form.register ul.errors { border: 1px solid #f77; background: #fdd; margin: -10px 0 10px 0; width: 276px; }
#page.user #wrap.register form.register ul.errors li { padding: 6px 3px; }
#page.user #wrap.register form.register p.hint { font-size: 11px; color: #777; width: 266px; float: left; margin-bottom: 5px; }
#page.user #wrap.register form.register #idea-image + ul.errors { margin-top: 0; }
#page.user #wrap.register form.register td.tip { background: url(/res/img/register/tip-arrow.gif) 0 14px no-repeat; }
#page.user #wrap.register form.register div.tip { font-size: 11px; width: 210px; float: right; background: #e6e6e6 url(/res/img/register/tip-background.gif) repeat-x; border: 1px solid #c7e3b8; padding: 8px 10px 8px 10px; margin: 0 0 0 5px; color: #737373; margin-bottom: 10px; }
#page.user #wrap.register form.register div.tip ul { font-size: 11px; margin: 0; }
#page.user #wrap.register form.register div.tip strong { display: inline-block; font-size: 13px; }
#page.user #wrap.register form.register div.right { float: right; width: 230px; }
#page.user #wrap.register form.register div.right div.tip { font-size: 13px; }
#page.user #wrap.register form.register div.right div.tip.facebook strong { font-size: 16px; }

#page.user #wrap.register div.thanks { text-align: center; margin: 30px auto 0 auto; width: 550px; }
#page.user #wrap.register div.thanks div.box { border: 1px solid #dddddd; background: #fafafa; }
#page.user #wrap.register div.thanks div.box h2 { font-size: 32px; font-weight: bold; border-bottom: none; margin-bottom: 0;  }
#page.user #wrap.register div.thanks div.box p { font-size: 18px; margin: 0; color: black; }
#page.user #wrap.register div.thanks div.wrap { overflow: hidden; margin: 0 auto; width: 470px; }
#page.user #wrap.register div.thanks div.wrap div.left { float: left; width: 255px; text-align: left; font-size: 13px; }
#page.user #wrap.register div.thanks div.wrap div.right { float: right; width: 190px; }
#page.user #wrap.register div.thanks p { color: #737373; }
#page.user #wrap.register div.thanks p strong { display: block; font-size: 18px; margin-top: 10px; color: #51c240; }
#page.user #wrap.register div.thanks a.show { width: 171px; height: 30px; line-height: 30px; font-size: 14px; color: white; display: block; margin: 15px auto 0 auto; background: url(/res/img/register/show-project.png) no-repeat; }
#page.user #wrap.register div.thanks a.show:hover { text-decoration: underline; }
#page.user #wrap.register div.thanks div.wrap div.right strong { font-size: 14px; color: #737373; display: block; margin-bottom: 15px; }
#page.user #wrap.register div.thanks div.wrap div.right ul.social { margin: 0 auto; overflow: auto; padding: 0 0 8px 50px; border-bottom: 1px solid #d9d9d9; text-align: center; }
#page.user #wrap.register div.thanks div.wrap div.right ul.social li { display: inline; }
#page.user #wrap.register div.thanks div.wrap div.right ul.social li a { float: left; width: 40px; height: 40px; margin-right: 8px; display: block; background: url(/res/img/foot/social.png) 0 0 no-repeat; }
#page.user #wrap.register div.thanks div.wrap div.right ul.social li.facebook a { background-position: 0 -80px; }
#page.user #wrap.register div.thanks div.wrap div.right ul.social li.twitter a { background-position: 0 -40px; }

/* user content page */
#wrap.user.index #main table { border-collapse: collapse; }
#wrap.user.index #main table.ideas tbody td { padding: 5px; color: #727272; }
#wrap.user.index #main table.ideas tbody tr { background: white; border: 1px solid #e4e4e4; }
#wrap.user.index #main table.ideas td { border: 1px solid #e4e4e4; }
#wrap.user.index #main table.ideas thead th { background: transparent; font-size: 9px; text-transform: uppercase; color: #727272; padding: 20px 5px 5px 5px; }
#wrap.user.index #main table.ideas thead tr { background: transparent; border: none: }
#wrap.user.index #main table.ideas td.name { font-weight: bold; }
#wrap.user.index #main table.ideas td.name img { width: 30px; height: 30px; }
#wrap.user.index #main table.ideas td.actions { text-align: right; }
#wrap.user.index #main table.ideas td.actions ul { margin: 0; list-style-type: none; }
#wrap.user.index #main table.ideas td.actions ul li { display: inline; }

#wrap.user.index #main table.ideas .count { text-align: center; width: 70px; padding: 0 0 3px 0; }
#wrap.user.index #main table.ideas thead th.count { font-size: 9px; padding-top: 20px; text-align: center; letter-spacing: -1px; background-position: top center; background-repeat: no-repeat; }
#wrap.user.index #main table.ideas thead th.count.placement { background-image: url(/res/img/icons/circle.png); }
#wrap.user.index #main table.ideas thead th.count.comments { background-image: url(/res/img/icons/comment.png); }
#wrap.user.index #main table.ideas thead th.count.votes { background-image: url(/res/img/icons/thumb.png); }

#wrap.user.index #main table.ideas tbody td.count span { margin: 0 auto; display: block; color: white; font-size: 18px; line-height: 35px; background: url(/res/img/stars/35-35-blue.png) no-repeat; text-align: center; width: 35px; height: 35px; color: white; }
#wrap.user.index #main table.ideas tbody td.count.top span { color: black; background-image: url(/res/img/stars/35-35-gold.png); }

#wrap.user.index #main a.button { margin: 10px auto; display: block; background: url(/res/img/user/a-button.png) no-repeat; width: 130px; height: 30px; text-align: center; line-height: 30px; font-weight: bold; color: white; }
#wrap.user.index #main a.button:hover { text-decoration: underline; color: white; }

#wrap.user.index #main ol.comments { list-style-type: none; margin: 0; border-top: 1px solid #e4e4e4; }
#wrap.user.index #main ol.comments > li { overflow: auto; border-bottom: 1px solid #e4e4e4; padding: 10px; }
#wrap.user.index #main ol.comments img { float: left; display: block; margin-right: 10px; }
#wrap.user.index #main ol.comments ul { list-style-type: none; margin: 0; float: right; width: 380px; }
#wrap.user.index #main ol.comments li.meta { font-size: 11px; color: #868686; }
#wrap.user.index #main ol.comments li.actions { font-size: 11px; }

/* delete confirmation */
#page.user #wrap div.confirm { margin: 40px auto 0 auto; width: 552px; text-align: center;  }
#page.user #wrap div.confirm div.box { border: 1px solid #dcdcdc; background: white; color: #262626; font-size: 16px; }
#page.user #wrap div.confirm div.box h1 { color: #f10000; font-size: 36px; }
#page.user #wrap div.confirm div.box p { margin-bottom: 0; }
#page.user #wrap div.confirm div.info { color: #595959; font-size: 14px; }
#page.user #wrap div.confirm div.info p { margin-bottom: 5px; }
#page.user #wrap div.confirm div.info q { color: black; font-weight: bold; }
#page.user #wrap div.confirm ul.actions { list-style-type: none; margin: 30px auto; overflow: hidden; width: 222px; }
#page.user #wrap div.confirm ul.actions li { display: inline; }
#page.user #wrap div.confirm ul.actions a { margin: 0 10px 0 0; font-size: 14px; display: block; float: left; background: url(/res/img/buttons/100-30-button.png) no-repeat; width: 101px; height: 30px; line-height: 30px; color: white; }
#page.user #wrap div.confirm ul.actions a:hover { background-position: 0 -30px; color: white; text-decoration: underline; }

/* modal windows */

div.window {  }
div.window h1 { color: #f2f2f2; font-size: 34px; margin-bottom: 10px; }
div.window h2 { color: #f2f2f2; font-size: 21px; text-align: left; }
div.window p { font-size: 14px; line-height: 1.5em; }

div.window form label { color: #737373; font-size: 16px; display: block; }
div.window form button { float: left; font-family: 'Trebuchet MS', Helvetica, sans-serif; border: none; margin: 0 10px 0 0; font-size: 14px; display: block; background: url(/res/img/buttons/100-30-button.png) no-repeat; width: 100px; height: 30px; line-height: 30px; color: white; }
div.window form div.button-container { overflow: auto; }

/* vote window */
#window-vote { color: inherit; border: none; background: transparent; text-align: center; }
#window-vote div.wrap { overflow: hidden; width: 550px; }
#window-vote div.left { width: 350px; float: left; padding-top: 30px; }
#window-vote div.right { width: 190px; float: right; }
#window-vote div.left p { color: #f2f2f2; font-size: 13px; }
#window-vote div.bottom p { font-size: 14px; color: #737373; font-weight: bold; }
#window-vote ul.social { margin: 0 auto; width: 110px; }

/* idea report */
#window-report { width: 520px; }
#window-report h1 { font-size: 22px; }
#window-report p { font-size: 13px; }
#window-report input { width: 520px; font-size: 22px; padding: 5px; border: 1px solid #bfbfbf; }
#window-report textarea { width: 520px; padding: 5px; border: 1px solid #bfbfbf; height: auto; }
#window-report.done { text-align: center; }
#window-report.done h1 { font-size: 34px; }
#window-report.done button.close { margin: 0 auto; float: none; }

/* query profiler */

#profiler { display: none; position: absolute; left: 30px; top: 0; background: white; padding: 10px 20px; font-size: 10px; z-index: 1000000; }
#profiler span.count { font-size: 14px; font-weight: bold; }