* { margin: 0; padding: 0; border: 0; }
html, body { height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { position: relative; background: #ededed url(../img/bg/noise.png) repeat; }
body, td, input, textarea { color: #333; font-size: 14px; line-height: 1.4; font-family: arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px; color: #333; line-height: 1; text-shadow: 0 1px 0 #fff;
    font-family: Helvetica, arial, Tahoma, verdana, sans-serif; font-weight: normal;
}
h1 a { color: #333; }
h1 { font-size: 28px; font-weight: bold; }
h2 { font-size: 24px; }
h3 { font-size: 20px; margin: 0 0 10px; }
h4 { font-size: 18px; margin: 0 0 10px; color: #555; }
h5 { font-size: 16px; margin: 0 0 10px; color: #555; }
h6 { font-size: 12px; margin: 0 0 10px; color: #777; font-weight: bold; }
a { color: #08c; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
img { vertical-align: middle; -ms-interpolation-mode: bicubic; }
p { margin: 0 0 10px; }
ul, ol { margin: 1em 0; padding: 0 0 0 20px; }
iframe{ border: 0; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
td, th { text-align: left; vertical-align: top; padding: 2px 5px; font-weight: normal; }
th { font-weight: bold; }
form { font-size: 12px; }
form th { width: 200px; }
form ul { list-style-type: none; margin-left: 5px; padding: 0; }
form ul li { margin-bottom: 4px; }
label { display: block; cursor: pointer; margin: 0 0 1px; color: #555; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { margin-right: 4px; background: transparent; box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
textarea {
    overflow: auto; line-height: 1.4; vertical-align: top;
    transition: height .2s; -webkit-transition: height .2s; -moz-transition: height .2s;
}
.autosize { padding-bottom: 3px: }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], textarea, select {
    border: 1px solid #ccc; width: 220px; padding: 6px 5px; outline: none; /* Chrome focus highlight */
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
select { padding: 5px; width: auto; }
input:focus, textarea:focus, select:focus {
    border-color: #86c9ef;
    -webkit-box-shadow:0 0 5px #86c9ef; -moz-box-shadow:0 0 5px #86c9ef; box-shadow:0 0 5px #86c9ef;
}
input[type="file"], input[type="image"] { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
::-webkit-input-placeholder { color: #bbb !important; }
:-moz-placeholder { color: #bbb !important; }
:-ms-input-placeholder { color: #bbb !important; }
.placeholder { color: #bbb !important; } /* IE fallback */

hr { margin: 15px 0; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff; }
hr.soft {
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  border: 0;
}
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
pre, code { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; white-space: pre; white-space: pre-wrap; }
sub, sup { font-size: 70%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


.clear { clear: both; height: 0; line-height: 0; font-size: 0%; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.color_highlight { color: #f27300 !important; }
.color_error { color: #d24f4f !important; }
.color_confirm { color: #090 !important; }
.hidden, .hidden_parts .hidden_part, .persist_hidden_parts .hidden_part { display: none; }
.hover_opacity { opacity: 0.7; filter: alpha(opacity=70); }
.hover_opacity:hover { opacity: 1; filter: alpha(opacity=100); }
.rounded { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.wide_inputs input[type="text"], .wide_inputs input[type="email"], .wide_inputs input[type="url"], .wide_inputs input[type="password"], .wide_inputs textarea { width: 90%; }

a.transition_links, .transition_links a {
    color: #333; text-decoration: none !important; cursor: pointer;
    transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s;
}
a.transition_links:hover, .transition_links a:hover { color: #08c; }

.button, input[type="submit"] {
    position: relative; top: -1px; padding: 6px 7px; line-height: 1.4; text-align: center; vertical-align: middle; cursor: pointer;
    font: bold 11px Helvetica, Arial, sans-serif; text-decoration: none !important; white-space: nowrap;
    color: #555 !important; text-shadow: 0 1px 0 #fff;
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #f7f7f7, #e6e6e6);
    background-image: -ms-linear-gradient(top, #f7f7f7, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #e6e6e6);
    background-image: -o-linear-gradient(top, #f7f7f7, #e6e6e6);
    background-image: linear-gradient(top, #f7f7f7, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #e6e6e6;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom-color: #b3b3b3;
}
.button:hover, input[type="submit"]:hover, .button:focus, input[type="submit"]:focus {
    text-decoration: none; color: #333 !important; border-color: #cacaca;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear;
}
.button:active, input[type="submit"]:active {
	color: #555;
	-moz-box-shadow:inset 0 0 10px #d4d4d4; -webkit-box-shadow:inset 0 0 10px #d4d4d4; box-shadow:inset 0 0 10px #d4d4d4;
}
.button.green {
    color: #fff !important; text-shadow: 0 1px 0 #5e9d24;
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #5cc25c, #51a351);
    background-image: -ms-linear-gradient(top, #5cc25c, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5cc25c), to(#51a351));
    background-image: -webkit-linear-gradient(top, #5cc25c, #51a351);
    background-image: -o-linear-gradient(top, #5cc25c, #51a351);
    background-image: linear-gradient(top, #5cc25c, #51a351);
    background-repeat: repeat-x;
    border: 1px solid #51a351;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom-color: #387038;
}
.button.green:hover, .button.green:focus { color: #fff !important; background-color: #51a351; *background-color: #499249; text-shadow: 0 1px 0 #5e9d24; }
.button.inactive { border-color: #d3d3d3; color: #aaa !important; background: #eee; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; cursor: default; }
.button.small { font-weight: normal; font-size: 11px; padding: 0 4px !important; }


h1 .icon_feed, h1 .icon_feed_color { position: relative; top: 9px; }
.icon_width { background: 0 -49px; }
.icon_right { background: 0 -74px; }
.icon_left { background: 0 -99px; }
.icon_up { background: 0 -125px; }
.icon_down { background: 0 -150px; }
.icon_key { background: 0 -199px; }
.icon_warning { background: 0 -249px; }
.icon_delete { background-position: 0 -300px; text-decoration: none !important; }
.icon_delete:hover { background-position: 0 -350px; }
.icon_badge { background: 0 -400px; }
.icon_user { background-position: 0 -450px; }
.icon_text { background-position: 0 -499px; }
    .icon_amazon { background: -180px -497px; }
    .icon_ebay { background: -180px -547px; }
    .icon_allposters { background: -180px -598px; }
    .icon_zazzle { background: -180px -648px; }
.icon_image { background: 0 -549px; }
.icon_youtube  { background: 0 -596px; }
.icon_flickr { background: 0 -644px; }
.icon_article { background: 3px -697px; }
.icon_link { background: 0 -749px; }
.icon_poll { background: 0 -799px; }
.icon_duel { background: 0 -848px; }
.icon_gmap { background: 1px -898px; }
.icon_feed { background: 0 -997px; }
.icon_recipe { background: 0 -1050px; }
.icon_spacer { background: 0 -1148px; }
.icon_help { background: 0 -1550px; padding-left: 14px !important; }
.icon_mail { background: 0 -1600px; }
.icon_heart { background: 0 -1650px; }
    .icon_heart_white { background: -50px -1650px; }
.icon_comments { background: 0 -1750px; }
    .icon_comments_white { background: -50px -1750px; }
.icon_thumb { background: 0 -1800px; }
    .icon_thumb_white { background: -50px -1800px; }
.icon_flag { background: 0 -1850px; }
.icon_admin { background: 0 -2248px; }
.icon_staff { background: 0 -2198px; }
.icon { background-image: url(../img/sprites.png) !important; background-repeat: no-repeat; padding: 2px 0 0 16px; text-decoration: none !important; vertical-align: middle; min-height: 16px; position: relative; top: 1px; }

.twitter_badge { background: url(../img/sprites.png) 0 -1400px no-repeat; width: 27px; height: 24px; float: right; position: relative; top: -3px; }
.facebook_badge { background: url(../img/sprites.png) -29px -1400px no-repeat; width: 20px; height: 24px; margin: 0 5px; float: right; position: relative; top: -3px; }
.tweet_button {
    background: url(../img/sprites.png) 0 -1700px no-repeat;
    display: inline-block; zoom: 1; *display: inline; width: 59px; height: 20px; text-decoration: none !important;
}

.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray; -webkit-filter: grayscale(1);
}


@media (max-width: 1040px) and (min-width: 990px) { .sidebar_fixed.social_icons { display: none !important; } }
@media (max-width: 730px) { .sidebar_fixed.social_icons { display: none !important; } }
.sidebar_fixed.social_icons {
    position: fixed; left: 0; top: 22%; margin-left: -3px; z-index: 9999; width: 36px; background: #fff;
    -webkit-box-shadow:2px 4px 4px rgba(0,0,0,0.3); -moz-box-shadow:2px 4px 4px rgba(0,0,0,0.3); box-shadow:2px 4px 4px rgba(0,0,0,0.3);
}
.sidebar_fixed.social_icons > div {
    background: #f3f3f3; margin: 1px; padding: 6px 5px 0;
}
.social_icons a {
    display: inline-block; zoom: 1; *display: inline;
    width: 24px; height: 24px; margin: 0 0 3px; background: url(/static/img/sprites.png) no-repeat;
}
.userprofile.social_icons { margin: 0 5px 0 0; }
.userprofile.social_icons a { margin: 0 0 -8px; }
.social_icons:hover a { text-decoration: none; }
.social_icons a:hover { opacity: 0.7; filter: alpha(opacity=70); }
.social_icons .facebook { background-position: 0 -1900px; }
.social_icons .twitter { background-position: 0 -1930px; }
.social_icons .pinterest { background-position: 0 -1990px; }
.social_icons .linkedin { background-position: 0 -2050px; }
.social_icons .website { background-position: 0 -2110px; }
.social_icons .feed { background-position: 0 -2140px; }


#to_top {
    display: none; width: 30px; height: 30px; position: fixed; bottom: 10px; right: 10px; line-height: 2;
    text-align: center; font-size: 14px; background: #555; color: #fff; text-decoration: none; cursor: pointer;
    border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;
    opacity: 0.7; filter: alpha(opacity=70); z-index: 30000;
    transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s;
}
#to_top:hover { opacity: 1; filter: alpha(opacity=100); }

.label {
    padding: 0 2px; color: #fff; position: relative; top: -1px; background: #5bb75b; font-size: 11px; font-weight: bold; text-align: center;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.alert_box {
    margin: 10px 0; border: 1px solid; text-align: left; cursor: default; padding: 5px 10px; font-size: 13px; line-height: 1.8; text-shadow: 0 1px 0 rgba(255,255,255,.5);
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.alert_box a { text-decoration: underline; }
.alert_box.confirm { color: #468847; background: #dff0d8; border-color: #d6e9c6; }
.alert_box.confirm a { color: #468847 !important; }
.alert_box.error { color: #b94a48; background: #f2dede; border-color: #eed3d7; }
.alert_box.error a { color: #b94a48 !important; }
.alert_box.info { color: #3a87ad; background: #d9edf7; border-color: #bce8f1; }
.alert_box.info a { color: #3a87ad !important; }
.alert_box.warning, .data_loss_warning { color: #c09853; background: #fcf8e3; border-color: #fbeed5; }
.alert_box.warning a { color: #c09853 !important; }
.alert_box.persist { line-height: 1.4; }
#fixed_container  { position: fixed; left: 0; top: 0; height: 0; z-index: 20000; width: 100%; text-align: center; }
#fixed_container  .alert_box {
    display: inline-block; zoom: 1; *display: inline;
    padding: 5px 15px; margin: 0; font-size: 14px;
    border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;
    -webkit-box-shadow:1px 2px 4px rgba(0,0,0,0.4); -moz-box-shadow:1px 2px 4px rgba(0,0,0,0.4); box-shadow:1px 2px 4px rgba(0,0,0,0.4);
}
#loading, #ajax_error { visibility: hidden; }


ul.errorlist { list-style-type: none; margin: 0; padding: 0; }
ul.errorlist li {
    display: inline-block; zoom: 1; *display: inline;
    padding: 2px 5px; margin: 3px 0; font-size: 12px;
    color: #b94a48; background: #f2dede; border-color: #eed3d7;
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}


.paginator { margin: 8px 0 0; font-size: 13px; }
.paginator a, .paginator span {
    display: inline-block; zoom: 1; *display: inline; text-align: center;
    padding: 3px 10px; text-decoration: none; margin: 0 -1px 0 0;
    color: #08c; background-color: #fff; border: 1px solid #ddd;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);
}
.paginator a:hover { color: #005580; background: #f5f5f5; }
.paginator .curr { color: #999; background: #f5f5f5; }
.paginator .prev { border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; }
.paginator .next { border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; }
.paginator .prev b, .paginator .next b { display: inline-block; zoom: 1; *display: inline; width: 0; height: 0; } /* arrows */
.paginator .prev b {
    position: relative; right: 1px;
	border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: 5px solid #08c;
}
.paginator .next b {
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #08c;
}
.paginator .prev.na b { border-right-color: #999; }
.paginator .next.na b { border-left-color: #999; }


.tab_menu { padding: 0 10px; border-bottom: 1px solid #ddd; font-size: 12px; position: relative; }
.tab_menu a{
    display: inline-block; zoom: 1; *display: inline;
    padding: 6px 11px 5px; margin-right: 3px;
    text-decoration: none; color: #222;
    border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0;
}
.tab_menu a:hover, .tab_menu a:active { color: #fff; background: #08c; border-color: #0096ce; }
.tab_menu a.selected_tab { position: relative; top: 1px; color: #333; background: #fff; border: 1px solid #ccc; border-bottom: 0; cursor: default; }


.dd_box + div hr { margin: 4px 0; }
.dd_box + div {
    display: none; position: absolute; z-index: 1000;
    padding: 8px; min-width: 120px; max-width: 350px;
    font-size: 12px; font-weight: normal;
    background-color: #fff;
    border: 2px solid #eaeaea;
    border: 2px solid rgba(0,0,0,.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
.dd_box.menu + div { padding: 1px; }
.dd_box.menu + div a {
    display: block; margin: 0 !important; padding: 2px 7px; white-space: nowrap;
    color: #313135; text-shadow: none;
    transition: none; -moz-transition: none; -webkit-transition: none;
}
.dd_box.menu + div a:last-child { border: 0; }
.dd_box.menu + div a:hover {
    color: #fff !important; background: #08c; border-color: #08c; text-decoration: none;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.search_form { position: relative; display: inline-block; zoom: 1; *display: inline; }
.search_form input[type="text"] { width: 125px; padding: 6px 21px 6px 23px !important; }
.search_form .icon_delete { position: absolute; right: 0px; top: 8px; }
.search_form .loupe_submit {
    width: 24px !important; height: 27px !important;
    position: absolute; top: 1px; left: 0; padding: 0; border: 0; cursor: pointer;
    background: url(../img/sprites.png) 5px -1494px no-repeat;
}

.modal_box { margin: 0 20px 18px; font-size: 18px; width: 400px; color: #444; }

.wallpaper {
    padding: 15px; background: #fff; margin: 0 0 30px;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    -webkit-box-shadow:0 1px 5px rgba(0, 0, 30, 0.3); -moz-box-shadow:0 1px 5px rgba(0, 0, 30, 0.3); box-shadow:0 1px 5px rgba(0, 0, 30, 0.3);
}

.separator_box {
    padding: 5px; background: #fafafa; margin-bottom: 12px; overflow: hidden;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 30, 0.2); -moz-box-shadow:0 1px 2px rgba(0, 0, 30, 0.2); box-shadow:0 1px 2px rgba(0, 0, 30, 0.2);
}

.hero {
    padding: 8px 12px;
    border: 1px solid #fff;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .1); -moz-box-shadow:0 0 5px rgba(0, 0, 0, .1); box-shadow:0 0 5px rgba(0, 0, 0, .1);
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 92%, rgba(238,238,238,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(92%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 92%,rgba(238,238,238,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 92%,rgba(238,238,238,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 92%,rgba(238,238,238,1) 100%);
    background: linear-gradient(top,  rgba(255,255,255,1) 92%,rgba(238,238,238,1) 100%);
}

.top_fader_unit {
    margin: 15px 0 0 0; padding: 0 15px 15px; border-bottom: 1px solid #d3d3d3;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
}

.page_box {
    display: block; width: 284px; padding: 14px 0 16px; margin-bottom: 20px;
    overflow: hidden; word-wrap: break-word; font-size: 12px;
    border: 1px solid #fff;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
    background-image: -ms-linear-gradient(top, #fff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: -o-linear-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(top, #fff, #f2f2f2);
    background-repeat: repeat-x;
}
.page_box:hover { background: #fff; }
.page_box>div { margin: 0 15px; position: relative; }
.page_box:hover>div>div { opacity: 1; filter: alpha(opacity=100); }
.page_box>div>div {
    position: absolute; top: 39px; left: 7px; padding: 1px 7px 0 2px; line-height: 19px;
    font-size:11px; border: 1px solid #eee; opacity: 0; filter: alpha(opacity=0);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #f0f0f0);
    background-image: -ms-linear-gradient(top, #fff, #f0f0f0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f0f0f0));
    background-image: -webkit-linear-gradient(top, #fff, #f0f0f0);
    background-image: -o-linear-gradient(top, #fff, #f0f0f0);
    background-image: linear-gradient(top, #fff, #f0f0f0);
    background-repeat: repeat-x;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.3); -moz-box-shadow:0 1px 1px rgba(0,0,0,.3); box-shadow:0 1px 1px rgba(0,0,0,.3);
}
.page_box>div>div a { margin-left: 7px; color: #08c; }
.page_box>div>div a:hover { text-decoration: underline; }
.page_box>div>div span { margin-left: 8px; padding-left: 9px; }

.page_box a { color: #333; text-shadow: 0 1px 0 #fff; text-decoration: none; }
.page_box .img { margin: 0 0 10px; text-align: center; padding: 1px; border: 1px solid #eee; }
.page_box .img+p { margin: 0; color: #222; font-weight: bold; font-size: 14px; }
.page_box .img+p+hr { margin: 5px 0; }
.page_box .img+p+hr+div { width: 254px; color: #636363; font-size: 11px; }
.page_box .cat {
    display: block; padding: 7px 3px 6px; color: #777;
    font-weight: bold; text-transform: uppercase; background: #eee; text-shadow: none;
}
.page_box .cat:hover { color: #333; background: #f7f7f7; text-decoration: underline; }
#more_page_boxes {
    padding: 7px 50px; font-size:22px; display: inline-block; zoom: 1; *display: inline;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#breadcrumbs { font-size: 12px; margin: 0 0 10px; border-bottom: 1px dotted #ddd; padding: 0 0 2px; }
#breadcrumbs a { color: #777 !important; }
#breadcrumbs i {
    display: inline-block; zoom: 1; *display: inline; width: 0; height: 0; margin: 0 8px;
	border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #ccc;
}


#user_show #about_me { color: #777; overflow: hidden; word-wrap: break-word; position: relative; }
#user_show #about_me.truncated { height: 84px; }
#user_show #about_me.truncated:hover { background: #fcf8e3; }
#user_show #about_me.truncated div {
    position: absolute; bottom: 0; left: 0; width: 290px; height: 20px;
    background: transparent;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
#user_show #followers img { margin: 4px 4px 0 0; float: left; width: 60px; height: 60px; }


#help_modal { width: 500px; max-height: 500px; margin: 0 15px 10px; overflow: auto; font-size: 12px; }
#help_modal .help_title { font-size: 18px; color: #636363; margin: 0 0 8px; }
#help_modal .help_title+div { display: block; }


.table_list { width: 100%; margin: 20px 0 0; }
.table_list th { padding: 5px; font-size: 12px; font-weight: bold; border-bottom: 1px dotted #bbb; vertical-align: bottom; }
.table_list th a { color: #fff; }
.table_list td { padding: 5px; border-bottom: 1px dotted #bbb; font-size: 12px; }
.table_list input[type="text"], .table_list input[type="email"], .table_list input[type="url"], .table_list input[type="password"] { width: 40%; }
.table_list textarea { width: 80%; }
#settings .table_list { margin: 0 0 10px; }
#settings th { width: 300px; white-space: normal; background: #f7f7f7; vertical-align: middle; }
#settings td { padding-left: 15px; word-wrap: break-word; vertical-align: middle; }
#settings .separator_box { margin: 35px 0 2px; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }
#settings .separator_box h4 { margin: 4px 2px 0; }


.forum_table th:last-child, .forum_table td:last-child { border-right: none; }
.forum_table th {
    padding: 8px 8px 4px; border: 1px dotted #bbb; border-left: none;
    font-size: 13px; font-weight: bold; color: #636363; white-space: nowrap;
	background: #f3f3f3;
	background: -webkit-linear-gradient(top, #fefefe, #f3f3f3);
	background: -moz-linear-gradient(top, #fefefe, #f3f3f3);
	background: -ms-linear-gradient(top, #fefefe, #f3f3f3);
	background: -o-linear-gradient(top, #fefefe, #f3f3f3);
}
.forum_table td { vertical-align: middle; padding: 6px 8px; font-size: 12px; border: 1px dotted #bbb; border-top: none; border-left: none; }
.forum_table .group_header {
	background: #f3f3f3;
	background: -webkit-linear-gradient(top, #fff, #f5f5f5);
	background: -moz-linear-gradient(top, #fff, #f5f5f5);
	background: -ms-linear-gradient(top, #fff, #f5f5f5);
	background: -o-linear-gradient(top, #fff, #f5f5f5);
    padding-top: 15px; padding-bottom: 2px; color: #636363; border-bottom: 1px solid #ccc;
}
.forum_table .forum_title { font-weight: bold; font-size: 13px; }
.forum_table .additional_info { white-space: nowrap; color: #555; background: #f9f9f9; }
.forum_table.topic_list td { padding-top: 3px; padding-bottom: 1px; }
.forum_table.topic_list b { display: block; width: 420px; overflow: hidden; word-wrap: break-word; }
.forum_table.post_list tr:nth-child(even) { background: #fefefe; }
.forum_table.post_list tr:nth-child(odd) { background: #f9f9f9; }
.forum_table.post_list td, .forum_table.post_list th { vertical-align: top; padding: 8px; border-bottom: 1px solid #ccc; }
.forum_table.post_list td .post { color: #222; padding: 10px 0; line-height: 1.75; overflow: hidden; word-wrap: break-word; width: 640px; }
.forum_table blockquote, .tiny_mce_forum blockquote { border-left: 2px solid #e66c6c; padding: 4px 8px; margin: 10px 0 10px 15px; }
.forum_table blockquote blockquote, .tiny_mce_forum blockquote blockquote { border-color: #5791f0; }
.forum_table blockquote blockquote blockquote, .tiny_mce_forum blockquote blockquote blockquote { border-color: #a4de70; }
.forum_table blockquote blockquote blockquote blockquote, .tiny_mce_forum blockquote blockquote blockquote blockquote { border-color: #aaa; }
.tiny_mce_forum { height: auto; background: #fff; font-size: 12px; }


.message_wrapper { padding: 5px; border-bottom: 1px dotted #bbb; }
.message_wrapper .subject span { color: #08c; font-size: 12px; }
.message_wrapper .subject { cursor: pointer; }
.message_wrapper .subject:hover { color: #08c !important; text-decoration: underline; }
.message_wrapper.selected .subject { color: #08c; }
.message_wrapper input[type="checkbox"] { float: left; }
.message_wrapper .text { padding: 5px 0 0; }
.message_wrapper .show_previous span { font-size: 12px; }
.message_wrapper .previous_messages { display: none; margin: 15px 0 0; }
.message_wrapper .previous_message { margin: 0 0 10px; padding: 5px; background: #fcfcfc; border: 1px solid #ccc; }
/* inbox only */
.message_wrapper .form_container { margin: 10px 0 0; }
.message_wrapper .form_container textarea { width: 98%; height: 70px; }
.message_wrapper .subject.is_new,
.message_wrapper .subject.is_new span { font-weight: bold; }
.message_wrapper .subject.is_new:hover, .message_wrapper .subject.is_new.subject:hover span { color: #08c; }
.message_wrapper .text_wrapper { display: none; width: 550px; margin: 8px 0 0 260px; }


/* ColorBox core style - avoid changing */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling:touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* ColorBox user style */
#cboxOverlay{ background:#222; }
#colorbox{ outline: none; -webkit-box-shadow:0 3px 7px rgba(0,0,0,.3); -moz-box-shadow:0 3px 7px rgba(0,0,0,.3); box-shadow:0 3px 7px rgba(0,0,0,.3); }
    #cboxContent{ overflow:visible;margin-top:22px; }
        #cboxError{ padding:50px; border:1px solid #ccc; }
        #cboxLoadedContent{ padding:1px;background:#fff;margin-top:1px; }
        #cboxLoadingOverlay{ background:#fff; }
        #cboxTitle{ position:absolute; top:-22px; left:0;overflow:hidden; padding: 6px 0 0 4px; width:100%; height: 20px; background:#fff; text-align:left; font-size:12px; }
        #cboxCurrent{ position:absolute; top:-22px; right:205px; text-indent:-9999px; }
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{ outline:0; border:0; padding:0; margin:0; overflow:visible; position:absolute; top:-20px; width:20px; height:20px; background:url(controls.png) no-repeat 0 0;text-indent:-9999px; }
        #cboxPrevious{ right:44px;background-position:0px 0px; }
        #cboxPrevious:hover{ background-position:0px -25px; }
        #cboxNext{ right:22px;background-position:-25px 0px; }
        #cboxNext:hover{ background-position:-25px -25px; }
        #cboxClose{ right:0;background-position:-50px 0px; }
        #cboxClose:hover{ background-position:-50px -25px; }
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{ right:66px; }
        .cboxSlideshow_on #cboxSlideshow{ right:44px;background-position:-75px -25px; }
        .cboxSlideshow_on #cboxSlideshow:hover{ background-position:-100px -25px; }
        .cboxSlideshow_off #cboxSlideshow{ right:44px;background-position:-100px 0px; }
        .cboxSlideshow_off #cboxSlideshow:hover{ background-position:-75px -25px; }


.tipsy { font-size: 11px; position: absolute; padding: 5px; z-index: 99999; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  .tipsy-inner { }
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }


/* BASE LAYOUT */

#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -46px; } /* the bottom margin is the negative value of the footer's height */
#content { position: relative; width: 902px; padding: 0 5px; margin: 20px auto 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#footer, #push { position: relative; height: 45px; } /* .push must be the same height as .footer */
#footer { border-top: 1px solid #ccc; font-size: 12px; color: #636363; background: #ddd; text-shadow: 0 1px 0 #f4f4f4; }
#footer_inner { width: 902px; padding: 14px 0 8px; margin: auto; }
#footer_inner a { color: #636363; }

#top_menu_wrapper {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #e9e9e9, #fdfdfd);
    background-image: -ms-linear-gradient(top, #e9e9e9, #fdfdfd);
    background-image: -webkit-linear-gradient(top, #e9e9e9, #fdfdfd);
    background-image: linear-gradient(top, #e9e9e9, #fdfdfd);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#fdfdfd',GradientType=0);
}
#top_menu { width: 988px; margin: auto; }
#top_menu_inner { display: inline-block; zoom: 1; *display: inline; border-left: 1px solid #aaa; border-right: 1px solid #fff; }
#top_menu a {
    display: inline-block; zoom: 1; *display: inline;
    padding: 5px 12px; border-left: 1px solid #fff; border-right: 1px solid #aaa;
    color: #676767; text-shadow: 0 1px 0 #fff; font-weight: bold; font-size: 16px;
}
#top_menu a span { color: #555; display: block; font-size: 11px; font-weight: normal; }
#top_menu a:hover { background: #eee; text-decoration: none; }


/* BOOTSTRAP NAV */

#wrapper.de .brand, #wrapper.fr .brand { width: 135px; height: 18px; }
#wrapper.en .brand { width: 112px; height: 28px; position: relative; top: -7px; }
#login_form { padding: 12px 15px 0; }
#login_form p { margin: 0 0 15px; }
#login_form+p a { color: #08c; font-size: 12px; padding: 0 15px; }
#notifications a { float: left; padding: 0 0 0 12px; margin: 14px 2px 0; }

.nav .nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:18px;color:#999999;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);text-transform:uppercase;}
.nav li+.nav-header{margin-top:9px;}
.navbar{
    *position:relative;*z-index:2;overflow:visible;
    background-color:#2c2c2c;background-image:-moz-linear-gradient(top, #333333, #222222);background-image:-ms-linear-gradient(top, #333333, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));background-image:-webkit-linear-gradient(top, #333333, #222222);background-image:-o-linear-gradient(top, #333333, #222222);background-image:linear-gradient(top, #333333, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
    min-height:40px; font-size: 12px;
}
.navbar-inner{width: 902px; padding: 0 5px; margin: auto;}
.navbar .container{width:auto;}
.navbar{color:#999999;}.navbar .brand:hover{text-decoration:none;}
.navbar .brand{float:left;display:block;padding:10px 0 0;}
.navbar .navbar-text{margin-bottom:0;line-height:40px;}
.navbar .navbar-link{color:#999999;}.navbar .navbar-link:hover{color:#ffffff;}
.navbar-form{margin-bottom:0;*zoom:1;}.navbar-form:before,.navbar-form:after{display:table;content:"";}
.navbar-form:after{clear:both;}
.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{margin-top:5px;}
.navbar-form input,.navbar-form select{display:inline-block;margin-bottom:0;}
.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;}
.navbar-form .input-append,.navbar-form .input-prepend{margin-top:6px;white-space:nowrap;}.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0;}
.navbar-search{position:relative;float:left;margin-top:6px;margin-bottom:0;}.navbar-search .search-query{width:150px;padding:4px 9px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;color:#ffffff;background-color:#626262;border:1px solid #151515;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.navbar-search .search-query:-moz-placeholder{color:#cccccc;}
.navbar-search .search-query:-ms-input-placeholder{color:#cccccc;}
.navbar-search .search-query::-webkit-input-placeholder{color:#cccccc;}
.navbar-search .search-query:focus,.navbar-search .search-query.focused{padding:5px 10px;color:#333333;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;}
.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0;}
.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;}
.navbar-fixed-top{top:0;}
.navbar-fixed-bottom{bottom:0;}
.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;}
.navbar .nav.pull-right{float:right;}
.navbar .nav>li{display:block;float:left;}
.navbar .nav>li>a{display:block;float:none;padding:9px 10px 11px;line-height:19px;color:#999999;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
.navbar .nav>li>a:hover{background-color:transparent;color:#ffffff;text-decoration:none;}
.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#ffffff;text-decoration:none;background-color:#222222;}
.navbar .divider-vertical{height:40px;width:1px;margin:0 9px;overflow:hidden;background-color:#222222;border-right:1px solid #333333;}
.navbar .nav.pull-right{margin-left:10px;margin-right:0;}
.navbar .dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px;}
.navbar .dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:10px;}
.navbar-fixed-bottom .dropdown-menu:before{border-top:7px solid #ccc;border-top-color:rgba(0, 0, 0, 0.2);border-bottom:0;bottom:-7px;top:auto;}
.navbar-fixed-bottom .dropdown-menu:after{border-top:6px solid #ffffff;border-bottom:0;bottom:-6px;top:auto;}
.navbar .nav li.dropdown .dropdown-toggle .caret,.navbar .nav li.dropdown.open .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;}
.navbar .nav li.dropdown.active .caret{opacity:1;filter:alpha(opacity=100);}
.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{background-color:transparent;}
.navbar .nav li.dropdown.active>.dropdown-toggle:hover{color:#ffffff;}
.navbar .pull-right .dropdown-menu,.navbar .dropdown-menu.pull-right{left:auto;right:0;}.navbar .pull-right .dropdown-menu:before,.navbar .dropdown-menu.pull-right:before{left:auto;right:12px;}
.navbar .pull-right .dropdown-menu:after,.navbar .dropdown-menu.pull-right:after{left:auto;right:13px;}
.dropup,.dropdown{position:relative;}
.dropdown-toggle{*margin-bottom:-3px;}
.dropdown-toggle:active,.open .dropdown-toggle{outline:0;}
.caret{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid #000000;border-right:4px solid transparent;border-left:4px solid transparent;content:"";opacity:0.3;filter:alpha(opacity=30);}
.dropdown .caret{margin-top:8px;margin-left:2px;}
.dropdown:hover .caret,.open .caret{opacity:1;filter:alpha(opacity=100);}
.dropdown-menu{position:absolute;top:107%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:4px 0;margin:1px 0 0;list-style:none;background-color:#ffffff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}.dropdown-menu.pull-right{right:0;left:auto;}
.dropdown-menu .divider{*width:100%;height:1px;margin:8px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;}
.dropdown-menu a{display:block;padding:3px 15px;clear:both;font-weight:normal;line-height:18px;color:#333333;white-space:nowrap;}
.dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#ffffff;text-decoration:none;background-color:#08c;}
.open{*z-index:1000;}.open >.dropdown-menu{display:block;}
.pull-right>.dropdown-menu{right:0;left:auto;}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #000000;content:"\2191";}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px;}


/* MODULE AND PAGE DEFINITIONS */

#ec_badge {
    display: block; position:absolute; left: -45px; top: 15px; width: 30px; height: 32px;
    background: #fff url(../img/sprites.png) -92px -1600px no-repeat; text-decoration: none;
}

.rating {float: left; margin-right: 15px; position: relative;font-size:11px}
.rating_button{float: left;width: 45px;margin-right:5px;line-height:19px;text-align:center;vertical-align:middle;color:#eee;background:#1550b2;font-size:11px;cursor:pointer}
.rating_button:hover{background:#1759c8;-webkit-box-shadow:0 0 6px #5af;-moz-box-shadow:0 0 5px #5af;box-shadow:0 0 5px #5af}
.rating_button.inactive{background:#ddd;cursor:default;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.rating_button span{position:relative;top:3px;left:3px}
.rating_count {float: left; line-height: 19px; padding: 0 10px; vertical-align: middle; text-align: center; font-weight: bold; color: #777; background: #fff; border: 1px solid #cecece; }
.rating b {
    position: absolute; top: 6px; left: 47px; width: 0; height: 0;
    border-top: 4px solid transparent; border-right: 4px solid #cecece; border-bottom: 4px solid transparent;
}
.rating i {
    position: absolute; top: 7px; left: 48px; width: 0; height: 0;
    border-top: 3px solid transparent; border-right: 3px solid #fff; border-bottom: 3px solid transparent;
}


.page #comments form { margin: 0 0 20px; float: left; width: 550px; }
.page #comments form +b, .duel form +b {
    position: absolute; top: 15px; left: 62px; width: 0; height: 0;
    border-top: 6px solid transparent; border-right: 6px solid #ccc; border-bottom: 6px solid transparent;
}
.page #comments form +b+i, .duel form +b+i {
    position: absolute; top: 16px; left: 63px; width: 0; height: 0;
    border-top: 5px solid transparent; border-right: 5px solid #fff; border-bottom: 5px solid transparent;
}
.page .comment { position: relative; } /* comments + duel opinions */
.page #comments .comment>div { float: left; width: 550px; } /* comment only */
.page .comment b { font-size: 12px; color: #777; }
.page #comments .comment { margin: 20px 0; background: #fff; } /* comment only */
.page .comment .text { border-top: 1px solid #ececec; padding-top: 4px; margin-top: 1px; }
.page .comment .options { position: absolute; top: 0; right: 6px; font-weight: normal; display: none; }
.page .comment:hover .options { display: block; }
.page .comment .options .icon_delete { top: 3px; left: 4px; }
.page .comment.needs_approval { color: #aaa; background: #f3f3f3 !important; margin-bottom: 1px; padding: 2px 4px }
.duel .comment { margin: 0 0 10px; background: #fff; font-size: 12px; } /* duel only */
.opinion_list { width: 295px; float: left; }
.opinion_list.wide { width: 620px; float: none; }
.opinion_list>h5 { margin: 0 0 8px; padding-bottom: 2px; border-bottom: 4px solid #eee; color: #636363; }


.module { float: left; margin: 28px 28px 0 0; overflow: hidden; word-wrap: break-word; background: #fff; }
.module_fullsize { width: 628px; clear: both; float: left !important; margin-right: 0; } /* buggy right alignment without float left */
.module_halfsize { width: 300px; }
.module_color { background:#f5f5f5; padding: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.no_module_color { padding: 3px; }
.float_right { float: right; }

.tiny_mce_edit { background: #fff; }
.text, .tiny_mce_edit, .text div, .tiny_mce_edit div, .text p, .tiny_mce_edit p,
.text span, .tiny_mce_edit span { line-height: 1.5; word-wrap: break-word; font-family: arial, Helvetica, sans-serif !important; font-size: 14px !important; }
.text table, .tiny_mce_edit table { border-color: #ccc; }
/* shift bullets out of left floating images */
.float_images img, .float_images a img, .tiny_mce_edit img, .tiny_mce_edit  a img { float: left; margin: 5px 10px; }
.float_images ol, .float_images ul, .tiny_mce_edit ol, .tiny_mce_edit ul { overflow: auto; padding-left: 28px;}

.showcase_table { width: 100%; }
.showcase_table td { padding: 0; text-align: center; vertical-align: bottom; font-size: 12px; }

.poll_bar {
    width: 1%; height: 10px; margin: 2px 0; font-size: 0;
    background: #636363;
    background: -moz-linear-gradient(top,  #636363 0%, #999999 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636363), color-stop(100%,#999999));
    background: -webkit-linear-gradient(top,  #636363 0%,#999999 100%);
    background: -o-linear-gradient(top,  #636363 0%,#999999 100%);
    background: -ms-linear-gradient(top,  #636363 0%,#999999 100%);
    background: linear-gradient(to bottom,  #636363 0%,#999999 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#636363', endColorstr='#999999', GradientType=0);
}


.star-rating {
    display: inline-block; zoom: 1; *display: inline;
    list-style:none; margin: 0; padding:0; position: relative; overflow:hidden; top: 1px;
    width: 65px; height: 13px; background: url(/static/img/stars.png) top left repeat-x;
}
.star-rating li { padding:0; margin:0; float: left; }
.star-rating li a {
    display: block; position: absolute; padding: 0; width:13px; height: 13px; line-height: 13px;
    overflow: hidden; text-decoration: none; text-indent: -9000px; z-index: 20;
}
.star-rating li a:hover{ background: url(/static/img/stars.png) left bottom; z-index: 2; left: 0; border: none; }
.star-rating a.one-star{ left: 0; }
.star-rating a.one-star:hover{ width:13px; }
.star-rating a.two-stars{ left:13px; }
.star-rating a.two-stars:hover{ width: 26px; }
.star-rating a.three-stars{ left: 26px; }
.star-rating a.three-stars:hover{ width: 39px; }
.star-rating a.four-stars{ left: 39px; }
.star-rating a.four-stars:hover{ width: 52px; }
.star-rating a.five-stars{ left: 52px; }
.star-rating a.five-stars:hover{ width: 65px; }
.star-rating li.current-rating{
    height: 13px; background: url(/static/img/stars.png) left center;
    position: absolute; display: block; text-indent: -9000px; z-index: 1;
}

.ad_hint { display: block; margin: 2px 5px 0; font-size: 10px; color: #aaa !important; text-decoration: underline; text-align: right; opacity: 0.7; filter: alpha(opacity=70); }
.ad_hint:hover { opacity: 1.0; filter: alpha(opacity=100); }


/* THEMES: page title (h1), #page_description, module title (h3), module subtitle (h5) */

.page .navbar-inner, .page #content, .page #footer_inner {width: 988px;}
#page_content { float: left; width: 656px; border-radius: 0; }

#page_content h1 { word-wrap: break-word; position: relative; top: -4px; margin: 0; }
#page_content #page_description { margin: 0; }
#page_content #page_description, #page_content h5, .tiny_mce_edit h5 { color: #888; font: bold 15px Arial, Tahoma, Helvetica, sans-serif; }

#page_sidebar { float: left; width: 286px; padding: 8px 8px 0; position: relative; background: #eee; }
#page_sidebar #author_profile { display: block; font-size: 12px; color: #555; text-decoration: none; position: relative; }
#page_sidebar #author_profile:hover { background: #fff; }
#page_sidebar .page_box { margin: 0 0 12px; }
#page_sidebar:separator_box:last-child { margin: 0 0 2px; }

.bg0 #page_content h1, .bg0 #page_content h3 { color: #444; }

.bg1 { background-color: #c9cec1; }
.bg1 #page_content h1, .bg1 #page_content h3 { color: #f27300; }

.bg2 { background-color: #767676; }
.bg2 #page_content h1, .bg2 #page_content h3 { color: #1e4059; }
.bg2 #page_content a { color: #d2970d; }
.bg2 #footer { background: #a4a4a4; color: #444; border-color: #777; text-shadow: 0 1px 0 #bbb; }
.bg2 #footer a { color: #444; }

.bg3 { background-color: #272727; }
.bg3 #page_content h1, .bg3 #page_content h3 { color: #895555; }
.bg3 #page_content a { color: #2cadad; }
.bg3 #header { background-color: #3a3a3a; }
.bg3 #footer { background: #1e1e1e; color: #595959; border-color: #282828; text-shadow: none; }
.bg3 #footer a { color: #595959; }

.bg4 { background-color: #650c00; }
.bg4 #page_content h1, .bg4 #page_content h3 { color: #ba3d3d; }
.bg4 #page_content a { color: #2cadad; }
.bg4 #footer { background: #881100; color: #200400; border-color: #590c00; text-shadow: 0 1px 0 #ae1600; }
.bg4 #footer a { color: #200400; }

.bg5 { background-color: #911100; }
.bg5 #page_content h1, .bg5 #page_content h3 { color: #7c1010; }
.bg5 #page_content a { color: #2cadad; }
.bg5 #footer { background: #b94231; color: #280500; border-color: #881100; text-shadow: 0 1px 0 #df5642; }
.bg5 #footer a { color: #280500; }

.bg6 { background-color: #83831f; }
.bg6 #page_content h1, .bg6 #page_content h3 { color: #616116; }
.bg6 #page_content a { color: #d91c00; }
.bg6 #footer { background: #bbbb59; color: #434310; border-color: #75751c; text-shadow: 0 1px 0 #dede74; }
.bg6 #footer a { color: #434310; }

.bg7 { background-color: #c0db64; }
.bg7 #page_content h1, .bg7 #page_content h3 { color: #68830a; }
.bg7 #page_content a { color: #c41d41; }
.bg7 #footer { background: #dfedb1; color: #5f731a; border-color: #b7d64b; }
.bg7 #footer a { color: #5f731a; }

.bg8 { background-color: #faf5c7; }
.bg8 #page_content h1, .bg8 #page_content h3 { color: #7a4012; }
.bg8 #page_content a { color: #308fc2; }
.bg8 #footer { background: #fcf9d8; color: #9e9434; border-color: #ece7c4; text-shadow: 0 1px 0 #fff; }
.bg8 #footer a { color: #9e9434; }

.bg9 { background-color: #f9d654; }
.bg9 #page_content h1, .bg9 #page_content h3 { color: #7a4012; }
.bg9 #page_content a { color: #c41d41; }
.bg9 #footer { background: #fbe179; color: #7d6504; border-color: #f9d23c; text-shadow: 0 1px 0 #fef7da; }
.bg9 #footer a { color: #7d6504; }

.bg10 { background-color: #f99d1c; }
.bg10 #page_content h1, .bg10 #page_content h3 { color: #a40000; }
.bg10 #page_content a { color: #da8005; }
.bg10 #footer { background: #fbae46; color: #814b03; border-color: #f49411; text-shadow: 0 1px 0 #fdd095; }
.bg10 #footer a { color: #814b03; }

.bg11 { background-color: #e481a0; }
.bg11 #page_content h1, .bg11 #page_content h3 { color: #a6375b; }
.bg11 #page_content a { color: #5ba837; }
.bg11 #footer { background: #f0b9cb; color: #ac395f; border-color: #d5809b; text-shadow: 0 1px 0 #f8dae3; }
.bg11 #footer a { color: #ac395f; }

.bg12 { background-color: #b596d1; }
.bg12 #page_content h1, .bg12 #page_content h3 { color: #764063; }
.bg12 #page_content a { color: #32a566; }
.bg12 #footer { background: #dabcda; color: #7e4b7e; border-color: #c08dc0; text-shadow: 0 1px 0 #e8d9e8; }
.bg12 #footer a { color: #7e4b7e; }

.bg13 { background-color: #153d52; }
.bg13 #page_content a { color: #d2970d; }
.bg13 #footer { background: #1f5776; color: #0b1e28; border-color: #14394e; text-shadow: 0 1px 0 #266c93; }
.bg13 #footer a { color: #0b1e28; }

.bg14 { background-color: #60a8ca; }
.bg14 #page_content h1, .bg14 #page_content h3 { color: #f27300; }
.bg14 #footer { background: #8bbcd6; color: #24556c; border-color: #62a4c8; text-shadow: 0 1px 0 #adcee2; }
.bg14 #footer a { color: #24556c; }

.bg15 { background-color: #d9e5e5; }
.bg15 #page_content h1, .bg15 #page_content h3 { color: #3e657d; }
.bg15 #page_content a { color: #d2970d; }
.bg15 #footer { background: #dae4e4; color: #547070; border-color: #c7d8d8; text-shadow: 0 1px 0 #f2f7f7; }
.bg15 #footer a { color: #547070; }

.texture1 { background-image: url(../img/bg/texture1.png); }
.texture2 { background-image: url(../img/bg/texture2.png); }
.texture3 { background-image: url(../img/bg/texture3.png); }
.texture4 { background-image: url(../img/bg/texture4.png); background-position: 16px 17px; }
.texture5 { background-image: url(../img/bg/texture5.png); }
.texture6 { background-image: url(../img/bg/texture6.png); }
.texture7 { background-image: url(../img/bg/texture7.png); }
.texture8 { background-image: url(../img/bg/texture8.png); }
.texture9 { background-image: url(../img/bg/texture9.png); }
#page_texture_select .texture9 { background-color: #bbb; background-position: -47px -53px; }
.texture10 { background-image: url(../img/bg/texture10.png); }
.texture11 { background-image: url(../img/bg/texture11.png); }
.texture12 { background-image: url(../img/bg/texture12.png); background-position: -37px -10px; }
.texture13 { background-image: url(../img/bg/texture13.png); background-position: 22px 8px; }
.texture14 { background-image: url(../img/bg/texture14.png); background-position: 4px -43px; }
.texture15 { background-image: none; }

.font0 h1 { font: bold 35px 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font0 h3 { font: bold 23px 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font1 h1 { position: relative; top: -8px !important; line-height: 1.1 !important; font: normal 42px Amaranth, 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font1 h3 { font: normal 24px Amaranth, 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font2 h1 { font: normal 38px 'Droid Sans', 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font2 h3 { font: normal 24px 'Droid Sans', 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font3 h1 { font: normal 38px 'Lato', 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font3 h3 { font: normal 24px 'Lato', 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font4 h1 { font: normal 38px 'Lobster', 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font4 h3 { font: normal 24px 'Lobster', 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font5 h1 { font: normal 38px 'Philosopher', 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font5 h3 { font: normal 24px 'Philosopher', 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font6 h1 { line-height: 1.1 !important; font: normal 42px 'Rokkitt', 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font6 h3 { font: normal 28px 'Rokkitt', 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font7 h1 { line-height: 1.1 !important; font: normal 38px 'Tienne', 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font7 h3 { font: normal 22px 'Tienne', 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font8 h1 { font: normal 36px Ubuntu, 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font8 h3 { font: normal 24px Ubuntu, 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font9 h1 { position: relative; top: -6px !important; font: normal 42px 'Yanone Kaffeesatz', 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }
.font9 h3 { font: normal 26px 'Yanone Kaffeesatz', 'Arial Narrow', Helvetica, Tahoma, arial, sans-serif; }


/* EDITOR */

#editor_module_list .module { margin-top: 8px; }
.module_toolbar {
    height: 18px; padding: 1px 2px 0 3px; line-height: 1.8; overflow: hidden; cursor: move; font-size: 11px;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #f2f2f2, #fff);
    background-image: -ms-linear-gradient(top, #f2f2f2, #fff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fff));
    background-image: -webkit-linear-gradient(top, #f2f2f2, #fff);
    background-image: -o-linear-gradient(top, #f2f2f2, #fff);
    background-image: linear-gradient(top, #f2f2f2, #fff);
    background-repeat: repeat-x;
}
.module_toolbar .icon { cursor: pointer; text-decoration: none; }

.add_module_container div {
    float: left; width:  86px; height: 17px; overflow: hidden; margin: 0 2px 2px 0; padding: 3px 1px 1px 1px;
    border: 1px solid #eee; background-color: #f3f3f3; cursor: pointer; line-height: 1;
}
.add_module_container div:hover { background-color: #dff0d8; }
.add_module_container div span { margin-left: 2px; }

#page_color_select, #page_texture_select { margin: 0 0 8px; }
#page_color_select div, #page_texture_select div {
    float: left; margin: 0 2px 2px 0; border: 1px solid #eee; width: 30px; height: 30px; cursor: pointer;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#page_color_select div:hover, #page_texture_select div:hover {
    -webkit-box-shadow:0 0 6px #5af; -moz-box-shadow:0 0 5px #5af; box-shadow:0 0 5px #5af;
}

#sidebar_module_sort { width: 252px; list-style-type: none; }
#sidebar_module_sort div {
    float: left; position: relative; margin: 0 8px 4px 0; padding: 2px; overflow: hidden;
    border: 1px solid #ddd; background-color: #f3f3f3; color: #777; cursor: move;
}
#sidebar_module_sort span { margin-left: 2px; }
#sidebar_module_sort i { position: absolute; right: 4px; top: 4px; font-size: 10px; color: #aaa; }

#preview_image, #recipe_image { float: left; margin: 0 15px 10px 0; position: relative; width: 92px; height: 92px; }
#preview_image img, #recipe_image img, #preview_image b, #recipe_image b, #preview_image div, #recipe_image div {
    position: absolute; top: 0; left: 0; display: block; width: 92px; height: 92px;
}
#preview_image div, #recipe_image div {
    text-align: center; font-size: 12px; color: #777; background: #fff url(../img/bg/texture3.png) repeat;
}


/* MODAL EDITOR */

.modal_editor_toolbar {
    position: absolute; left: 0; top: -22px; height: 20px;
    z-index: 20000; width: 652px; padding: 5px 6px 0 10px; cursor: move; font-size: 11px;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #f1f1f1);
    background-image: -ms-linear-gradient(top, #fff, #f1f1f1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #fff, #f1f1f1);
    background-image: -o-linear-gradient(top, #fff, #f1f1f1);
    background-image: linear-gradient(top, #fff, #f1f1f1);
    background-repeat: repeat-x;
}
.modal_editor_toolbar .button { padding: 2px 5px; }
.modal_editor_content {
    height: 580px; padding: 5px 8px; font-size: 12px;
    overflow: auto; /* activate vertical scroll bars */
    overflow-x: hidden; /* prevent horizontal scroll bars in all (!) browsers */
}
.modal_editor_content .button { padding: 3px 6px; }
.modal_editor_content .full_inputs input[type="text"], .modal_editor_content .full_inputs input[type="url"], .modal_editor_content .full_inputs textarea { width: 99%; }
.modal_editor_content input[type="text"], .modal_editor_content input[type="url"], .modal_editor_content textarea, .modal_editor_content select { padding: 3px; }
.modal_editor_content select { padding: 1px; }
.modal_editor_content ul { list-style-type: none; margin: 0; padding: 0; }
.modal_editor_content form.tabs { margin: 0; padding: 8px 10px; border: 1px solid #ddd; border-top: none; }
.modal_editor_content form.tabs input[type="text"], .modal_editor_content form.tabs input[type="url"], .modal_editor_content form.tabs textarea, .modal_editor_content form.tabs select { width: 98%; }

.attribute_wrapper>.ajax_form { margin: 15px 0; padding: 8px; border: 1px solid #ccc; background: #fff; }

.sort_attributes>div { overflow: hidden; margin: 10px auto; padding: 4px; border: 1px solid #ddd; background: #fbfbfb; cursor: move; }
.sort_attributes>div div { word-wrap: break-word; }
.sort_attributes .options { float: right; margin: 2px 0 5px 15px; }
.sort_attributes .options .icon_delete { top: 2px; margin-left: 4px; }


/* RESPONSIVE DESIGN - generic */

.responsive_show { display: none; }
@media (max-width:915px) {
    .responsive_hide { display: none !important; }
    .responsive_auto_width { width: auto !important; }
    .responsive_float_none { float: none !important; }

    .navbar .container{width:auto;padding:0;}
    .navbar .brand{padding-left:10px;}
    .nav-collapse{clear:both;}
    .nav-collapse .nav{float:none;margin:0 0 9px;}
    .nav-collapse .nav>li{float:none;}
    .nav-collapse .nav>li>a{margin-bottom:2px;}
    .nav-collapse .nav>.divider-vertical{display:none;}
    .nav-collapse .nav .nav-header{color:#999999;text-shadow:none;}
    .nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:6px 15px;font-weight:bold;color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
    .nav-collapse .dropdown-menu li+li a{margin-bottom:2px;}
    .nav-collapse .nav>li>a:hover,.nav-collapse .dropdown-menu a:hover{background-color:#222222;}
    .nav-collapse .dropdown-menu{position:static;top:auto;left:auto;float:none;display:block;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
    .nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none;}
    .nav-collapse .dropdown-menu .divider{display:none;}
    .nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:9px 15px;margin:9px 0;border-top:1px solid #222222;border-bottom:1px solid #222222;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);}
    .navbar .nav-collapse .nav.pull-right{float:none;margin-left:0;}
    .nav-collapse,.nav-collapse.collapse{overflow:hidden;height:0;}

    .navbar .search-query { width: 246px; margin-left: 20px; }

    .responsive #footer_inner, .responsive #content, .responsive .navbar-inner { width: 620px; }
}

@media (max-width:602px) {
    .responsive_hide_small { display: none !important; }
    .responsive_auto_width_small { width: auto !important; }

    .responsive .nav-collapse { padding-bottom: 10px; }
    .responsive .navbar .nav { padding: 2px 0 0 8px; }
    .responsive .navbar .search-query { margin-left: 8px; }

    .responsive #footer_inner, .responsive #content, .responsive .navbar-inner { width: 290px; }

    .cat_select { float: none; display: block; }
}


/* RESPONSIVE DESIGN - page_show */

@media (max-width:990px) {
    .page .responsive_show { display: block; }
    .page .responsive_hide { display: none !important; }

    .page .navbar .container{width:auto;padding:0;}
    .page .navbar .brand{padding-left:10px;}
    .page .nav-collapse{clear:both;}
    .page .nav-collapse .nav{float:none;margin:0 0 9px;}
    .page .nav-collapse .nav>li{float:none;}
    .page .nav-collapse .nav>li>a{margin-bottom:2px;}
    .page .nav-collapse .nav>.divider-vertical{display:none;}
    .page .nav-collapse .nav .nav-header{color:#999999;text-shadow:none;}
    .page .nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:6px 15px;font-weight:bold;color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
    .page .nav-collapse .dropdown-menu li+li a{margin-bottom:2px;}
    .page .nav-collapse .nav>li>a:hover,.nav-collapse .dropdown-menu a:hover{background-color:#222222;}
    .page .nav-collapse .dropdown-menu{position:static;top:auto;left:auto;float:none;display:block;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
    .page .nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none;}
    .page .nav-collapse .dropdown-menu .divider{display:none;}
    .page .nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:9px 15px;margin:9px 0;border-top:1px solid #222222;border-bottom:1px solid #222222;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);}
    .page .navbar .nav-collapse .nav.pull-right{float:none;margin-left:0;}
    .page .nav-collapse,.nav-collapse.collapse{overflow:hidden;height:0;}

    .page .navbar .search-query { width: 246px; margin-left: 20px; }

    .page .navbar-inner, .page #content, .page #footer_inner {width: 686px;}
    .page #page_content { float: none; margin: 0 auto 25px; overflow: hidden; }
    .page #page_sidebar { display: none; }
}

@media (max-width:695px) {
    .page .responsive_hide_small { display: none !important; }
    .page .responsive_auto_width_small { width: auto !important; }
    .page .responsive_float_none_small { float: none !important; }

    .page .nav-collapse { padding-bottom: 10px; }
    .page .navbar .nav { padding: 2px 0 0 8px; }
    .page .navbar .search-query { margin-left: 8px; }

    .page .navbar-inner, .page #content, .page #footer_inner { width: 330px; }
    .page #page_content { width: 300px; }
    .page #footer { height: 58px; }

    .module { float: none; width: 298px; margin: 10px 0 0 0; overflow: hidden; }
    .module_fullsize { float: none !important; width: 298px; }
    .module iframe, .module img, .module table { max-width: 298px !important; }
    .module iframe { max-height: 298px !important; }
    .module .text.float_images img { float: none !important; vertical-align: bottom; }

    .page #comments form { margin: 0 0 5px; width: 225px; }
    .page #comments form textarea { width: 212px !important; }
    .page .comment>div { width: 292px !important; }
    .opinion_list { width: 292px; float: none !important; }
    .opinion_list.wide { width: 292px; }
    .showcase_table td { padding: 0; }
}