/* d-rhyme Stylesheet 
 * @author: Dirk Koester, www.dirkoester.de
 * @version: 2.00
 * @last modified: 15.03.2013
*/    

/* Reset */
* {margin: 0px; padding: 0px; resize: none;}
::-moz-focus-inner {border:0;}
ul {list-style: none;}
img {border: none;}
:active, :focus {border: 0; outline: none; -moz-outline-style: none;}
input[type=text] {-webkit-appearance: none;}
input {border-radius: 0px;}

/* Global */
html {height: 100%;}
body {font-family: Trebuchet MS, Helvetica, Sans Serif; font-size: 15px; color: #646b7a; line-height: 26px;}
h1, h2 {font-family: Vomzom; font-weight: normal; font-size: 17px; line-height: 40px; height: 35px; background-color: #b8bbc3; color: #FFFFFF; padding-left: 15px;}
h3 {font-size: 18px;}
h4 {font-size: 21px;}
h1.info, h2.info {background-color: #e8d352;}
h1.stat, h2.stat, h1.misc, h2.misc {background-color: #A6A6A7;}
a {text-decoration: none;}
p {padding: 2px;}
strong {font-weight: bold;}
p a {font-weight: bold; color: #c8b229; text-decoration: underline;}
table {table-layout: fixed;}
label {display: block;}
::selection {background:#C0C4CD; color:#ffffff}
::-moz-selection {background:#C0C4CD; color:#ffffff}

/* Layout */
.fl {display: inline-block; float: left;}
.ia {cursor: pointer;}
.fix {position: absolute; position: fixed;}
.cl {clear: both;}
.radio {margin-right: 5px;} 

/* Shadow, Border */
.shadow {-moz-box-shadow: 0px 5px 9px 6px #e9edf3;  -webkit-box-shadow: 0px 5px 9px 6px #e9edf3;  box-shadow: 0px 5px 9px 6px #e9edf3;}

/* Round Corners */
.rc-bl {border-bottom-left-radius: 12px;}
.rc-br {border-bottom-right-radius: 12px;}
.rc-tl {border-top-left-radius: 12px;}
.rc-tr {border-top-right-radius: 12px;}
.rc {border-radius: 12px;}
.rc-s {border-radius: 6px;}

/* Spacing */
.mar-bx {margin-bottom: 25px;} 
.mar-gp {margin-right: 2px; margin-bottom: 2px;} 

/* Colors */
.c-gray {color: #B8BBC3;}
.c-yellow {color: #c8b229;}
.c-red {color: #731717;}
.c-green {color: #346311;}

/* Grad */
.gr-orange {background-color: rgb(240,157,85); background-image: linear-gradient(bottom, rgb(240,157,85) 35%, rgb(247,179,107) 74%); background-image: -o-linear-gradient(bottom, rgb(240,157,85) 35%, rgb(247,179,107) 74%); background-image: -moz-linear-gradient(bottom, rgb(240,157,85) 35%, rgb(247,179,107) 74%); background-image: -webkit-linear-gradient(bottom, rgb(240,157,85) 35%, rgb(247,179,107) 74%); background-image: -ms-linear-gradient(bottom, rgb(240,157,85) 35%, rgb(247,179,107) 74%); background-image: -webkit-gradient( 	linear, 	left bottom, 	left top, 	color-stop(0.35, rgb(240,157,85)), color-stop(0.74, rgb(247,179,107)) );}
.gr-bluegray {background-color: rgb(184,187,195); background-image: linear-gradient(bottom, rgb(184,187,195) 35%, rgb(194,197,204) 74%); background-image: -o-linear-gradient(bottom, rgb(184,187,195) 35%, rgb(194,197,204) 74%); background-image: -moz-linear-gradient(bottom, rgb(184,187,195) 35%, rgb(194,197,204) 74%); background-image: -webkit-linear-gradient(bottom, rgb(184,187,195) 35%, rgb(194,197,204) 74%); background-image: -ms-linear-gradient(bottom, rgb(184,187,195) 35%, rgb(194,197,204) 74%); background-image: -webkit-gradient( 	linear, 	left bottom, 	left top, 	color-stop(0.35, rgb(184,187,195)), color-stop(0.74, rgb(194,197,204)));}
.gr-yellow {background-color: rgb(216,197,75); background-image: linear-gradient(bottom, rgb(216,197,75) 35%, rgb(230,208,99) 74%); background-image: -o-linear-gradient(bottom, rgb(216,197,75) 35%, rgb(230,208,99) 74%); background-image: -moz-linear-gradient(bottom, rgb(216,197,75) 35%, rgb(230,208,99) 74%); background-image: -webkit-linear-gradient(bottom, rgb(216,197,75) 35%, rgb(230,208,99) 74%); background-image: -ms-linear-gradient(bottom, rgb(216,197,75) 35%, rgb(230,208,99) 74%); background-image: -webkit-gradient( 	linear, 	left bottom, 	left top, 	color-stop(0.35, rgb(216,197,75)), 	color-stop(0.74, rgb(230,208,99)) );}
.gr-gray {background-color: (166,166,167); background-image: linear-gradient(bottom, rgb(166,166,167) 35%, rgb(180,180,181) 74%); background-image: -o-linear-gradient(bottom, rgb(166,166,167) 35%, rgb(180,180,181) 74%); background-image: -moz-linear-gradient(bottom, rgb(166,166,167) 35%, rgb(180,180,181) 74%); background-image: -webkit-linear-gradient(bottom, rgb(166,166,167) 35%, rgb(180,180,181) 74%); background-image: -ms-linear-gradient(bottom, rgb(166,166,167) 35%, rgb(180,180,181) 74%); background-image: -webkit-gradient( 	linear, 	left bottom, 	left top, 	color-stop(0.35, rgb(166,166,167)), color-stop(0.74, rgb(180,180,181)));}
.gr-poetron {background-color: rgb(61,64,72); background-image: linear-gradient(bottom, rgb(61,64,72) 35%, rgb(80,84,94) 73%); background-image: -o-linear-gradient(bottom, rgb(61,64,72) 35%, rgb(80,84,94) 73%); background-image: -moz-linear-gradient(bottom, rgb(61,64,72) 35%, rgb(80,84,94) 73%); background-image: -webkit-linear-gradient(bottom, rgb(61,64,72) 35%, rgb(80,84,94) 73%); background-image: -ms-linear-gradient(bottom, rgb(61,64,72) 35%, rgb(80,84,94) 73%); background-image: -webkit-gradient( 	linear, 	left bottom, 	left top, 	color-stop(0.35, rgb(61,64,72)), 	color-stop(0.73, rgb(80,84,94)));}
.gr-today {background-color: rgb(131,141,171); background-image: linear-gradient(bottom, rgb(131,141,171) 35%, rgb(157,169,199) 73%); background-image: -o-linear-gradient(bottom, rgb(131,141,171) 35%, rgb(157,169,199) 73%); background-image: -moz-linear-gradient(bottom, rgb(131,141,171) 35%, rgb(157,169,199) 73%); background-image: -webkit-linear-gradient(bottom, rgb(131,141,171) 35%, rgb(157,169,199) 73%); background-image: -ms-linear-gradient(bottom, rgb(131,141,171) 35%, rgb(157,169,199) 73%); background-image: -webkit-gradient( 	linear, 	left bottom, 	left top, 	color-stop(0.35, rgb(131,141,171)), color-stop(0.73, rgb(157,169,199)));}

/* Text-Shadow */
.tx-bluegray {text-shadow: 1px 1px 0px #747B89;}
.tx-gray {text-shadow: 1px 1px 0px #878787;}
.tx-l-gray {text-shadow: 1px 1px 0px #939bac;}
.tx-orange {text-shadow: 1px 1px 0px #DC872E;} 
.tx-yellow {text-shadow: 1px 1px 0px #c9b346;}
.tx-poetron {text-shadow: 1px 1px 0px #000000;}
.tx-today {text-shadow: 1px 1px 0px #5e6885;}
.tx-none {text-shadow: none;}

/* Font */
@font-face {font-family: Vomzom; src: url('../font/vomzom.eot'); src: url('../font/vomzom.ttf');}
.f-vom {font-family: Vomzom;}
.f-arial {font-family: Arial; font-weight: bold;}
.f-def {font-family: Trebuchet MS, Helvetica, Sans Serif;}
.f-xs {font-size: 10px !important;}
.f-s {font-size: 12px !important;}
.f-m {font-size: 14px !important;}
.f-l {font-size: 17px !important;}
.f-xl {font-size: 21px !important;}
.f-xxl {font-size: 26px !important;}

/* Container */
#header {width: 100%; top: 0px; left: 0px; background:transparent url('../img/nav-t.png') repeat-x;}
#container {width: 93%; min-width: 320px; max-width: 800px;  margin: 0 auto;}

/* d-rhyme */
.d-input {margin: 0 auto; padding-top: 30px;}
.d-input.half {padding-top: 20px; padding-bottom: 20px;}
.d-query {color: #FFFFFF; height: 48px; line-height: 48px; text-align: center; font-size: 19px; font-weight: bold; border: 0; background-color: #8B92A0;}
.d-query.gap {width: 48px !important; background: #8B92A0 url('../img/gap-b.png') no-repeat; text-transform: uppercase;}
.d-query-button, .d-query-button-gap {height: 48px; background: #F7B36B url('../img/d-query.png')  no-repeat center center;}
.d-query-button.disabled, .d-query-button-gap.disabled {background: #AAAAAA url('../img/d-query.png') no-repeat center center;}
.d-query-button-gap {width: 48px;}
.d-gen-button {height: 48px; background: #F7B36B url('../img/d-generate.png') no-repeat center center;}
.d-gen-button.disabled {background: #AAAAAA url('../img/d-generate.png') no-repeat center center;}
.d-lyric-button {height: 48px; background: #F7B36B url('../img/d-share.png') no-repeat center center;}
.d-lyric-button.disabled {background: #AAAAAA url('../img/d-share.png') no-repeat center center;}
.d-plus-button {height: 48px; width: 48px; background: #F7B36B url('../img/d-plus.png')  no-repeat center center;}
.d-plus-button.disabled {background: #AAAAAA url('../img/d-plus.png') no-repeat center center; cursor: default;}
.d-minus-button {height: 48px; width: 48px; background: #F7B36B url('../img/d-minus.png')  no-repeat center center;}
.d-minus-button.disabled {background: #AAAAAA url('../img/d-minus.png') no-repeat center center;  cursor: default;}
.d-query:hover {background-color: #b8bbc3;}
.d-query.disabled:hover {background-color: #8B92A0;}
.d-query.s-na {border-top: 1px solid #b8bbc3;}
.d-query.s-na:hover {background-color: #F7B36B;}
.d-table {color: #8B92A0; margin-top: 0;}
.d-table td {padding: 10px 15px 0 0; cursor: pointer;}
.d-table td:hover {color: #F7B36B;}
.d-table td.checked {font-weight: bold; color: #F7B36B;}
.d-con {padding: 0px; margin-bottom: 25px; background-color: rgb(255,255,255);}
.d-con-plain {padding: 0px;}
.d-con-inner {margin-top: 0px; padding: 25px; }
.d-con-inner-elements {margin-top: 0px; padding: 0 25px 25px 25px;}
.d-con-inner p {font-size: 16px; padding-bottom: 10px;}
.d-i-r, .d-i-l {background-color: rgb(255,255,255);}
.i-head {font-weight: bold; color: #B8BBC3;}
#lq-ts {font-size: 11px;}
#d-query-result.loading, #d-query-result-words.loading, #d-query-result-names.loading {background:rgb(255,255,255) url('../img/d-loader.gif') no-repeat center 65%; min-height: 180px;}

/* Filter */
.d-filter {margin: 0 auto; margin-bottom: 10px;}
.d-filter-inf {margin-bottom: 20px;}
.d-filter-header {background:#b8bbc3 url('../img/arrow-up.png') no-repeat 15px center; font-size: 15px; height: 30px; line-height: 30px; padding-left: 40px; color: #FFFFFF; font-weight: bold;}
.d-filter-header-inf {border: 1px solid #b8bbc3; font-size: 15px; height: 30px; line-height: 30px; padding-left: 40px; color: #646b7a; font-weight: bold;}
.d-filter-header:hover {background:#F7B36B url('../img/arrow-up.png') no-repeat 15px center;}
.d-filter-header.active {background:#abaeb6 url('../img/arrow-down.png') no-repeat 15px center;}
.d-filter-header.active:hover {background:#F7B36B url('../img/arrow-down.png') no-repeat 15px center;}
.d-filter-elements {display: none;}
.d-filter-element {border-top: 1px solid #b8bbc3; background:#8B92A0 url('../img/radio-passive.png') no-repeat 15px center; font-size: 15px; height: 40px; line-height: 40px; padding-left: 45px; color: #FFFFFF; font-weight: bold;}
.d-filter-element-inf {border: 1px solid #b8bbc3; background:#FFFFFF url('../img/radio-passive.png') no-repeat 15px center; font-size: 15px; height: 40px; line-height: 40px; padding-left: 45px; color: #646b7a; font-weight: bold;}
.d-filter-element-inf {margin-top: -1px;}
.d-filter-element:hover, .d-filter-element-inf:hover {background:#F7B36B url('../img/radio-passive.png') no-repeat 15px center; color: #fff;}
.d-filter-element.active {background:#F7B36B url('../img/radio-active.png') no-repeat 15px center; color: #fff;}
.d-filter-element-inf.active {background:#FFF url('../img/radio-active.png') no-repeat 15px center; color: #646b7a;}
.d-filter-element-inf.active:hover {cursor: default;}
.f-current {font-weight: normal;}

/* Result */
.d-rhy-c {display: inline-block; float: left; overflow: hidden;}
.d-rhy {padding-left: 8px; line-height: 45px;}
.d-rhy:hover {background-color: #F7B36B; color: #FFFFFF; cursor: pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.d-row {background-color:#f2f2f4; width: 100%;}
.d-row:nth-child(odd) {background-color:#f5f5f8;}

/* Footer */
#footer {width: 100%; height: 26px; bottom: 0px; left: 0px;}
ul#foot li {height: 26px; line-height: 26px; background-color: #ffffff; border-top: 1px solid #E8E9ED; border-right: 1px solid #E8E9ED}
ul#foot li a {font-size: 12px; color: #8B92A0; padding: 12px; text-decoration: none;}
ul#foot li:hover {background-color: #F7B36B; border-top: 1px solid #f5ae66; border-right: 1px solid #f5ae66}
ul#foot li a:hover {color: #FFFFFF;}
#d-tweet {background:transparent url('../img/d_follow.png') no-repeat 5px center; padding-left: 16px;}

/* Letzte Suche */
#last-query {text-align: center;}
#last-query p {font-size: 12px;}
#last-query span {line-height: 30px; }
#last-query span:hover {text-decoration: underline;}
span.t1 {font-size: 14px; color: #828284;}
span.t2 {font-size: 18px; color: #959597;}
span.t3 {font-size: 24px; color: #A4A4A6;}
span.t4 {font-size: 30px; color: #B8B8BA;}

/* Friends */
.teaser {margin-bottom: 10px;}
.teaser-link {font-size: 18px; color: #8b92a0;}
.teaser-img {float: left; margin-right: 16px;}
.teaser p {font-size: 14px !important; margin-bottom: 20px; line-height: 21px;}
.teaser p a:hover{text-decoration: underline; }

/* Lyrik des Tages */
h2.today {background-color: #838eab;}
h4.poetron {color: #3d4048;}
h4.winner {color: #f7b36b;}
h4.today {color: #838eab;}
p.l-con {text-align: center; margin-bottom: 10px;}
h4 {text-align: center;}
.icon-vote {color: #FFFFFF; font-weight: bold; font-size: 15px; height: 36px; line-height: 36px; margin: 4px 8px 0 0; text-align: center; width: 65px; background-image: url('../img/d-star.png'); background-repeat: no-repeat; background-position: 3px 3px; }
.icon-vote.disabled {background-image: none; cursor: default;}
.icon-vote.loading, .l-button.loading {background-image: url('../img/l-loader.gif'); background-repeat: no-repeat; background-position: center center;}
#lyric-btn-submit.loading {background: #F7B36B url('../img/l-loader.gif') no-repeat center center;}
.vote-poetron, .vote-poetron.disabled:hover {background-color: #363636;}
.vote-poetron.disabled {color: #999999;}
.vote-poetron:hover {background-color: #454545;}
.vote-winner, .vote-winner.disabled:hover {background-color: #F09D55;}
.vote-winner.disabled {color: #f7d8b7;}
.vote-winner:hover {background-color: #F7B36B;}
.vote-today, .vote-today.disabled:hover {background-color: #838DAB;}
.vote-today.disabled {color: #bac0ce;}
.vote-today:hover {background-color: #9DA9C7;}
p.about {font-size: 12px; line-height: 18px;}
#lyric-terms {padding-top: 0px !important; display: none;}
.lyric-input {width: 82%; border: none; padding: 15px; font-size: 16px; border: 1px solid #B8BBC3;}
.lyric-input-i {width: 82%; border: none; padding: 15px; font-size: 16px;}
.l-res {width: 92%; border: 1px solid #BB0000; padding: 15px; font-size: 16px; margin-top: 15px;}
.l-button {width: 80px; height: 30px; text-align: center; color: #FFFFFF; font-weight: bold; line-height: 30px; padding: 0 5px 0 5px; margin: 10px 10px 0 0; background-color: #F09D55;}
.lyric-input-con {margin-bottom: 15px;}
ul.l-terms {padding: 5px;}
ul.l-terms li {list-style-type: square; margin-left: 20px;}
#share-lyric.disabled {color: #DDDDDD;}
ul.l-archive li a {color:#747B89;}
ul.l-archive li a:hover {text-decoration: underline;}
.vote-winner + p.about a {color: #f7b36b;}
.vote-today + p.about a {color: #838eab;}
.vote-poetron + p.about a {color: #3d4048;}
#lyric-select-content {height: 170px;}
.lyric-i {width: 100%; border: 1px solid #B8BBC3;}
span.top {font-family: Arial, sans-serif; font-weight: bold;font-size: 19px;}

/* Meta */
.u-list {margin-bottom: 15px;}
.u-list li a {font-weight: bold; color: #c8b229; text-decoration: underline;}
.u-list li a:hover {color: #e6d063;}
.tooltip {position:absolute; height: 28px; background-color: #fff; font-weight: bold; font-size: 13px; line-height: 28px;padding:5px 15px 5px 15px;color:#646B7A;display:none; border: 1px solid #ccc;}
.g-g {color:#004bf5;}
.g-oe {color:#dd172c;}
.g-oo {color:#f9a600;}
.g-l {color:#00930e;}
.d-invalid {background: transparent url('../img/d-disabled.png') no-repeat center center; width: 100%; height: 100px; text-align: center; font-size: 17px; color: #A4A4A6; text-shadow: 1px 1px 0px #ffffff;}