/* 
 * MyBB Default Theme Stylesheet
 * 
 * Modified for Kanji Koohii Custom Theme
 *
 *
 * Séquence de deployment:
 *
 *   1. Augmenter le version number dans inc/koohii/functions_koohii.php
 *
 *   2. Minifier theme/global.css
 *      $ koohii/batch/build.sh
 *
 *   3. Upload 
 *      $ deploy --env koohii --file cache/themes/theme4/global.min.css
 *      $ deploy --env koohii --file inc/koohii/functions_koohii.php
 *
 *
 * Font sizes:
 *
 *   23px  ..  1.437em
 *   20px  ..  1.250em
 *
 *   16px  ~=  1em
 *   15px  ..  0.937em
 *   14px  ..  0.875em
 *   13px  ..  0.812em
 *   12px  ..  0.750em
 *
 *   
 * @author github.com/fabd
 */

body {
  background:#eeeae7 url(/images/koohii/page_bg.png) repeat 0 0;
  color:#484542;
  margin:0; padding:0;
  line-height:1.4em;
  /*overflow-y: scroll;*/
}

/* ---------------------------- */
/* Font headaches               */
/* ---------------------------- */

body { font-size:100%; line-height:1.4em; }

label, select, input, button, th, td { font-size:13px; }
td.smalltext, td .smalltext { font-size:13px; } /* mybb crap */


/*
 When setting the primary font stack, apply it to the Pure grid units along
 with `html`, `button`, `input`, `select`, and `textarea`. Pure Grids use
 specific font stacks to ensure the greatest OS/browser compatibility.
*/
html, button, input, select, textarea, .pure-g [class *= "pure-u"] {
  font-family: "Open Sans", Arial, freesans, sans-serif;
}


/* ---------------------------- */
/* Global styles                */
/* ---------------------------- */

a {
  color:#005cb1; /*0062a6 0072BC*/
  text-decoration: none;
}

a:hover, a:active {
  color:#0072bc;
  text-decoration: underline;
}

/* rounded corners */
button,
input.button, input.textbox, input.invalid_field, input.valid_field,
select, textarea,
.editor_control_bar,
fieldset,
.pm_alert,
.red_alert,
.popup_menu,
.postbit_buttons > a,
a.button {
  border-radius:3px;
}

/* forms */
input.textbox, textarea {
  background-color:#f5f2ef;
}

input.textbox, textarea, select {
  font-size:13px;
  color:#4d4946;
}

input.textbox {
  border: 1px solid #cbc7c4;
  padding:0 3px;
  outline:0;
  line-height:1.9em; height:1.9em;
}

textarea {
  border: 1px solid #cbc7c4;
  padding: 2px;
  line-height: 1.4;
  outline: 0;
}

select { padding:3px; border:1px solid #cbc7c4; outline:0; background:#f5f2ef; }

/* buttons */

button, input.button {
  display:inline-block; padding:0 8px;
  border:1px solid #2ba05d; border-radius:3px;
  background:#2ba05d; color:#fff;
  font:13px/2.1em "Open Sans", Arial, sans-serif; height:2.2em; /* use ems for min-fontsize in Firefox */
  cursor: pointer; outline:0;
}
button:focus, button:hover, input.button:focus, input.button:hover { box-shadow:0 1px 2px 1px rgba(0, 0, 0, 0.2); }
button:hover, input.button:hover { border-color: #aaa; }

 /* hollow buton (secondary) */
button.button-g, input.button-g { background:transparent; border:1px solid #2ba05d; color:#2ba05d; }

a.button {
  background:#2ba05d;
  color:#fff;
  display:inline-block;
  padding:4px 8px; margin:2px 2px 6px;
  font-size:14px;
}

a.button span {
  padding-left:20px;
  display:inline-block;
  background-image:url(../../../images/buttons_sprite.png);
  background-repeat:no-repeat;
}

a.button.new_thread_button span { background-position: 0 -340px; }
a.button.new_reply_button span  { background-position: 0 -360px; }
a.button.closed_button span     { background-position: 0 -380px; }
a.button.rate_user_button span  { background-position: 0 -400px; }
a.button.add_buddy_button span  { background-position: 0 -440px; }
a.button.remove_buddy_button span { background-position: 0 -480px; }
a.button.add_ignore_button span { background-position: 0 -460px; }
a.button.remove_ignore_button span { background-position: 0 -500px; }
a.button.report_user_button span { background-position: 0 -520px; }


/* MyBB overrides */

.float_left { float: left; }
.float_right { float: right; }

.tinytext, .tinytext a { color:#717066; font-size:11px; }

.thead { padding:0; margin:0 0 0.5em; color:#4d4946; font-weight:bold; }

.thead .actions   { float:right; font-size:12px; font-weight:normal; }
.thead .actions a { }
.thead .lastpost  { float:right; font-size:16px; width:188px; top:5px; color:#bdc3c7; padding-top:2px; }

 /* termporaire (TODO clean templates) */
td.thead strong { font-weight:normal; }
td.thead .float_right { font-size:80%; letter-spacing:0; }
td.thead .float_right a { text-decoration:underline; color:#54b8fb; }

.tcat { background:#f5f2ef; padding:6px 7px; /*color:#2ba05d;*/ }
/*.tcat a { color: #fff; }*/
/*.tcat a:hover, .tcat a:active { color: #fff; }*/

.tborder { width:100%; margin:auto auto; padding:1px; }


/* ---------------------------- */
/* Pure Grid                    */
/* ---------------------------- */

/* mettre sur pure-g element pour enlever les marges extra à gauche et à droite */
.grid-g { margin-left:-10px; margin-right:-10px; }

/* active gutter (si nécessaire), à mettre sur les pure-u-* elements */
.grid-u { padding-left:10px; padding-right:10px; -moz-box-sizing:border-box; box-sizing:border-box; }

/* floating box */
.grid-b { width:50%; float:left; padding-left:10px; padding-right:10px; -moz-box-sizing:border-box; box-sizing:border-box; }


/* ---------------------------- */
/* Misc layout                  */
/* ---------------------------- */

/* main layout */
.wrapper { max-width:1024px; margin:0 auto; }

/* misc layout */
.clear { clear:both; overflow:hidden; height:0; }

/* text align right */
.text-a-r { text-align:right; }
.text-a-c { text-align:center; }

/* index and forum fixed <aside> layout */
/*#content > .wrapper { padding:0 10px; max-width:1004px; }*/

#content-grid { }
#content-grid { padding-left:234px; }
#content-grid > .main  { float:right; width:100%;}
#content-grid > .aside { float:left; width:234px; margin-left:-234px; }

 /* main column gutter */
#content-grid .main-content { margin-left:13px; }


/* ---------------------------- */
/* Koohii Theme Components      */
/* ---------------------------- */

/* big button (purple) */
a.bigbutton, input.bigbutton {
  padding:0 10px; min-width:133px; height:2.2em;
  text-align:center; font-size:100%; line-height:2.2em;
  background-color:#ea4858;
  border:none; border-bottom:2px solid #af2e3a;
}
a.bigbutton span {
  background-image:none; padding:0;
}

/* headings */
h1 { font-size:1.437em; line-height:1.2em; font-weight:bold; margin:0 0 1em; }
h2 { font-size:1.25em; line-height:1.1em; font-weight:bold; margin:0 0 1em; }

.flatbox h2 { /* margin:0 -17px 0.2em; padding:7px 17px; background:#f5f2ef; */ }
.flatbox h2 span { font-weight:normal; display:inline-block; background:#ffe7e9; color:#b90c34; padding:5px 10px; margin-left:-17px }
.flatbox h2 .fa { padding-right:0.5em; }
/*.flatbox-bd h2 span { margin-left:0; }*/

/* text */
.text-lg { font-size:0.875em; line-height:1.4em; } /* 14px */
.text-md { font-size:0.812em; line-height:1.4em; } /* 12px */

/* tables */
.fb-table { width:100%; margin:0; }
.fb-table th,
.fb-table td { padding:7px 5px; font-size:14px; line-height:1.3em; border-bottom:1px solid #f5f2ef; }
.fb-table tr:last-child td { border-bottom:none; }

.fb-table .tcat  { font-weight:bold; }
.fb-table .thead { background:#f5f2ef; padding:5px 0; }



.fb-table_box { padding:0 17px 10px; background:#f5f2ef; margin-bottom:0; }

/* layout list (single class for css rule priority with flatbox-pad/neg */
.style-none { list-style:none; margin:0; padding:0; }

/* FontAwesome icons*/
ul.with-fa-links    { margin:0 0 0.5em; padding:0; list-style:none; }
ul.with-fa-links li { list-style:none; margin:0; padding:0; }
.with-fa-links i  { width:16px; padding:0 0.5em 0 0; text-align:center; color:#b9b6b3; }
.button .fa { padding:0 0.5em 0 0; }


/* icons */
.link-sprites span {
  padding-left:22px;
  background-image:url(/images/koohii/header_links_sprite_v1.png);
  background-repeat:no-repeat;
}

.ico {
  display:inline-block; vertical-align:middle;
  width:20px; height:20px; margin:1px 2px 0 0;
  background:url(/images/koohii/header_links_sprite_v1.png) no-repeat 0 0;
}
.ico-search  { background-position:0 0; }
.ico-check   { background-position:0 -100px; }
.ico-options { background-position:0 -160px; }
.ico-rss     { background-position:0 -200px; }
.ico-fback   { background-position:0 -240px; }

/* pagination */
.pagination { font-size:11px; line-height:1em; white-space:nowrap; }
.pagination .pages { color:#a5a19f; font-weight:bold; margin-right:0.5em; }

.pagination .pagination_current, .pagination a {
  display:inline-block; line-height:1em; padding:5px 9px; border:1px solid #52b67b; border-radius:3px;
}

.pagination a { background:#fff; color:#52b67b; text-decoration:none; }

.pagination .pagination_current, .pagination a:hover { background:#52b67b; color:#fff; }

 /* fontawesome chevron icons */
.pagination_previous i { margin-right:0.5em; }
.pagination_next i { margin-left:0.5em; } 


/* ----------------------------- */
/* flatbox                       */
/* ----------------------------- */

.flatbox     { background:#fffefb; color:#4d4946; padding:11px 17px; margin-bottom:1em; }
.flatbox-neg { margin-left:-17px; margin-right:-17px; }
.flatbox-pad { padding-left:17px; padding-right:17px; }

.clearbox { background:none; padding-top:5px; padding-bottom:5px; }

 /* flatbox footer layout */
.fb-ft-left  { float:left; clear:left; }
.fb-ft-right { float:right; clear:right; text-align:right; }
.fb-ft-right .bigbutton { margin-right:0; }

 /* shadows */
.flatbox, .flatbox-mod { box-shadow:0 2px 2px rgba(0, 0, 0, 0.2); }
.clearbox { box-shadow:none; }
 /* flatbox body */
.flatbox-bd { clear:both; margin-bottom:1em; }

 /* flatbox footer */
.flatbox-ft { clear:both; border-top:1px solid #f5f2ef; padding:15px 17px 5px; margin:0 -17px; }
.flatbox-ft form .smalltext { padding-right:5px; }
.flatbox-ft .pagination { margin:5px 0; }

 /* modding area at bottom */
.flatbox-mod {
  color:#fe687c; background:#fff0f2;
  padding:10px 17px 10px; margin:5px 0 1em;
}
.flatbox-mod-ft { margin-top:-1em; border-top:1px solid #ffd3da; } /* stick to end of content */

 /* flatbox-mod content styles */
.fb-mod-s   { font-size:0.812em; white-space:nowrap; }
.flatbox-mod .label { padding-right:0.4em; }
.flatbox-mod button, .flatbox-mod .button { background-color:#ff1839; }

 /* spacing */
.flatbox-snug { margin-bottom:0; }


/* ---------------------------- */
/* flatbox head                 */
/* ---------------------------- */

 /* flatbox header, and footer layout for the main content */
.flatbox-hd { }
.flatbox-hd_right { float:right; font-size:0.875em; }
.flatbox-hd_right a { }


/* forum head layout */
.flatbox-hd { position:relative; }
.flatbox-hd.back-padded { padding-left:30px; }
.flatbox-hd a.back-button {
  position:absolute; left:-8px; top:-2px; width:34px; height:34px;
  color:#ccc; font-size:20px; line-height:31px; text-align:center; border-radius:3px; 
}
.flatbox-hd a.back-button:hover { background:#eaeaea; }
.flatbox-hd a.back-button span { display:none; margin:7px 0 0 7px; text-indent:-9000px; overflow:hidden; }

.flatbox-hd .right { float:right; }
.flatbox-hd .right-align { width:175px; }  /* align New Topic to last poster column */

 /* "Recent topics", forumdisplay > forum name, or showthread.php title */
.flatbox-hd h1 { margin:0; }
.flatbox-hd .fdesc { display:inline-block; font-size:15px; line-height:1.1em; background:#ffe7e9; color:#b90c34; padding:2px 8px; margin:5px 0 0; }

 /* bottom half paging and links */
.flatbox-hd .bottom-half { clear:both; width:100%; padding:0 0 15px; margin:10px 0 0; }

 /* small links, usually in .bottom-half (subtext) */
.flatbox-hd .right-tools { clear:right; color:#a5a19f; font-size:12px; }
.flatbox-hd .right-tweet { clear:right; margin-top:5px; }

 /* medium text links, as main content top right of .flatbox-hd */
.flatbox-hd .right-links { float:right; font-size:0.875em; margin:0.3em 0; }

#index-hd-tools { clear:right; margin:1.2em 0 0; font-size:0.75em; }


/* ---------------------------- */
/* forumhead layout             */
/* ---------------------------- */
.flatbox-hd .breadcrumb { font-weight:bold; padding:3px 0 2px; }
 /* <span.nav-prefix> <thread[subject]> */
.flatbox-hd .breadcrumb-prefix { color:#EA4858; }


/* ---------------------------- */
/* User CP layout               */
/* ---------------------------- */

#usercp { padding-left:234px; }
#usercp_main { float:right; width:100%; }
#usercp_side { float:left; width:220px; margin-left:-234px; }

#usercp h2 { font-size:0.875em; }

 /* NAVIGATION */
.expcolimage { float: right; width: auto; vertical-align: middle; margin-top: 3px; }
.tcat_menu > .expcolimage { margin-top: 0; }

.tcat_menu { background:#ea5867; color:#f5f2ef; }
#usercp_nav td.tcat_collapse { border-bottom:1px solid #cececa; }
#usercp_nav td.tcat_collapse_collapsed { border-bottom:1px solid #c93249; }


 /* common elements */

@media all and (max-width:800px) {

  /* User CP responsive layout */
  #usercp-home { display:none; } /* user can click header for this */

  #usercp { padding-left:0; }
  #usercp_main { float:none; width:100%; }
  #usercp_side { float:none; width:100%; margin-left:0; }

  #usercp_nav.flatbox { padding-top:0; padding-bottom:0; background:#f5f2ef; }
  #usercp_nav .trow1  { background:none; }

}


/* ---------------------------- */
/* Moderator CP layout          */
/* ---------------------------- */


/* ---------------------------- */
/* Search                       */
/* ---------------------------- */

#search-adv h2 { margin:0; font-size:0.875em; }
#search-adv h2 span { margin:0; }
#search-adv .flatbox-bd { border:1px solid #ffe7e9; padding:7px; margin:0 0 1em; font-size:0.812em; }
#search-adv .flatbox-ft { border:none; }

#search-results .preview { display:block; font-size:0.875em; color:#787572; }


/* ---------------------------- */
/* Sidebar                      */
/* ---------------------------- */

.aside .thead { font-size:110%; margin-bottom:0.3em; }
.aside .flatbox { font-size:0.875em; }

 /* link box */

li.rss-feed { margin:4px 0 0; }
li.rss-feed i { color:#ff6e00; }

#home-tools .fa-heart { color:#ff858c; }

#boardstats { text-align:right; }
#boardstats a { white-space: nowrap; }
#boardstats em { font-style:normal; /*font-weight:bold;*/ }
#boardstats .bd { margin:0 0 1em; }
#boardstats .ft { margin:0.5em 0 0; }
#boardstats .thead .link { font-size:13px; font-weight:normal; }
#boardstats .stats { font-size:13px; line-height:20px; }


/* ---------------------------- */
/* Header bar                   */
/* ---------------------------- */

#header { background:#2d2e2a; color:#fffefb; height:34px; }

/* header bar navigation */
#welcomeblock { float:left; }

/* header bar tabs */
#header ul { margin:0; padding:0; list-style:none; }
#header li { list-style:none; float:left; margin:0; padding:0; }
#header li a {
  padding:7px 10px; height:20px; display:block; color:#fffefb;
  font:13px/20px "Open Sans", Arial, sans-serif; text-decoration:none;
  outline:0;
}
#header li a:hover { background-color:#080502; }

 /* tabs highlight */
#header ul.nav a.register { background-color:#ea4858; }

 /* guest */

 /* member */
#welcomeblock span.ico {
 float:left; width:20px;
 background-image:url(/images/koohii/header_links_sprite_v1.png); background-repeat:no-repeat;
}
#welcomeblock span.lbl { float:left; }

#header a.pms .ico { float:left; width:25px; height:18px; padding:0; margin-top:-2px; background-position: 0 -40px; }
#header a.pms .new { background-position:0 -60px; } /* unread PM */
#header a.logout .ico { background-position: 0 -81px; }


#header a.usercp { position:relative; }
#header a.usercp span { display:inline-block; padding-left:38px; }
#header a.usercp img { display:block; position:absolute; left:15px; top:5px; border:none; }

 /* background color for transparent avatar images */
#header a.usercp img, .post .author_avatar img { background-color:#fffefb; }


#header ul.nav a.modcp   { color:#c48756; }
#header ul.nav a.admincp { color:#c48756; }

 /* right side links */
#header ul.top_links { float:right; }
#header ul.top_links .memberlist span { background-position: 0 -20px; }
#header ul.top_links a.calendar   { background-position: 0 -40px; }
#header ul.top_links a.help       { background-position: 0 -60px; }
#header ul.top_links .wiki span { background-position: 0 -180px; }

 /* quicksearch in the top bar */
#quicksearch { float:right; padding-left:4px; }
#quicksearch form { float:right; padding:4px 0 0; }
#quicksearch fieldset { border:none; padding:0; margin:0; }
#quicksearch input { height:22px; line-height:22px; }
#quicksearch input.textbox { border:none; width:140px; height:16px; padding:3px 5px;  }
#quicksearch input.hint   { color:#a5a19f; } /* "search" text color cleared by onclick event */
#quicksearch .textbox:focus { background:#fff; }
#quicksearch input.button { border:none; }

#quicksearch a.search { float:right; margin:9px 5px 0; width:20px; height:20px; }
#quicksearch a.search .ico { display:block; width:20px; height:20px; padding:0; overflow:hidden; text-indent:-9000px; }

 /* quick login (modal) */
#quick_login .remember_me input { vertical-align: middle; margin: -3px 0 0 5px; }


#footer { clear:both; font-size:12px; }
#footer-ft { margin:1em 0; padding:0 15px 15px; text-align:center; }
#footer-ft .s { padding:0 9px; }
#footer { color:#787572; }

#footer a { padding:5px 10px; background:#eeeae7; color:#4d4946; }

@media all and (max-width:600px) {
  #header .top_links { display:none; }
}

@media all and (max-width:540px) {
  #header span.lbl { display:none; }
  #quicksearch input.textbox { width:80px; }

  #header a.usercp { width:34px; }
  /*#header a.usercp img { left:10px; }*/
  #header a.usercp span { display:none; }

}


/* ---------------------------- */
/* Member Profile               */
/* ---------------------------- */

#member-profile .profile-name { font-size:1.25em; }

#member-profile h2 { margin:0 0 0.3em; }
#member-profile h2 span { margin-left:-10px; }
#member-profile .flatbox-bd { font-size:0.812em; margin:0 0 1.4em; }

#member-profile .links { font-size:0.875em; display:block; margin:0.5em 0 0; }

#profile-actions { margin:1em 0 0; }
#profile-actions .button { margin:0 0 1em; }

/* Reputation page */
#reputation-votes { }
#reputation-votes li { border-top:1px solid #f1efe9; }
#reputation-votes .right { float:right; }
#reputation-votes .right a { margin:0 0.5em; }
#reputation-votes .hd { font-size:0.812em; padding-top:4px; padding-bottom:5px; background:#f5f2ef; color:#787572; }
#reputation-votes .bd { padding-top:1em; padding-bottom:1em; font-size:0.875em; }
#reputation-votes .rating { padding:0 1em 0 0; }
#reputation-votes .no-comment { color:#a5a19f; }



/* ---------------------------- */
/* Header Logo & Sponsor        */
/* ---------------------------- */

#logo { padding:19px 10px 26px; min-height:62px; }
#logo .half  { float:left; width:40%; }
#logo .right { float:right; width:60%; }
#logo .half .pad { display:block; }
#logo .half img { max-width:100%; height:auto; display:inline-block; }
 /* site logo */
#logo .left  .pad { margin-left:23px; margin-top:5px; }
 /* ad banner */
#logo .right .pad { margin-right:23px; text-align:right; }
#logo .right img { border-bottom:1px solid #adaaa8; }

#spnsrs-s { float:right; margin:0 0 1em; text-align:right; font-size:0.875em;   }
#spnsrs-s .thead { padding-right:17px; }
#spnsrs-s .flatbox { padding:0; /*background-color:#fff0f2;*/ }
#spnsrs-s img { display:block; margin:0 auto; /*border:1px solid #e2dfdc;*/ }


/* ---------------------------- */
/* Forum / Categories           */
/* ---------------------------- */

#forumcats { margin:5px 0 1em; overflow:hidden; font-size:0.875em; }
#forumcats .thead { text-align:right; padding-right:17px; }

/* Categories (MyBB "forumbits") */
.fbd1_cat  { margin:0; padding:0; list-style:none; }
.fbd2_f    { margin:0;  /*border-top:1px solid #F1EFE9;*/ }
.fbd2_f .titl {
  float:right; clear:both; position:relative;
  padding:9px 10px; margin:0 0 6px 7px; border-radius:5px;
  background:#f2ffed; font-size:100%; line-height:1em; color:#484644;
  border-bottom:1px solid #cbc7c4;
}

 /* active forum (class added to functions_forumlist.php > build_forumbits()) */
.fbd1_cat .active a, .fbd2_f a:hover { text-decoration:none; background:#21b560; color:#fffefb; }
.fbd1_cat .active i, .fbd2_f a:hover i { color:#fff; }

.fbd2_f .desc, .fbd2_f .stats { display:none; color:#787572; font-size:12px; line-height:1em; }
.fbd2_f .stats { color:#444; }
.fbd2_f .stats em {  }
.fbd2_f .lastpost { display:none; }

.forum_status i { display:inline-block; vertical-align:top; padding-right:0.3em; color:#21b560; font-size:90%; }
 /* !note! used in general.js */
.forum_on      { display:inline; }
.forum_off     { display:none; }

/*.fbd2_on { border-left:1px solid #21b560; }*/

/*
#footer .upper .language { float: right; margin: -1px; margin-left: 15px; }
#footer .upper .language select { border-color: #ccc; }
#footer .upper .theme { float: right; margin: -1px; margin-left: 15px; }
#footer .upper .theme select { border-color: #ccc; }
#footer .lower { color:#919086; padding: 6px 6px 12px 6px; overflow: hidden; font-size: 11px; }
#footer .lower a:hover, #footer .lower a:active { color: #333; text-decoration: underline; }
*/

#debug {
  float: right;
  text-align: right;
  margin-top: 20px;
  font-size: 11px;
}

.scaleimages img {
  max-width: 100%;
}


.subforumicon {
  height: 10px;
  width: 10px;
  display: inline-block;
  margin: 0 5px;
  background: url(../../../images/mini_status_sprite.png) no-repeat 0 0;
}

.subforum_minion {
  background-position: 0 0;
}

.subforum_minioff {
  background-position: 0 -10px;
}

.subforum_miniofflock {
  background-position: 0 -20px;
}

.subforum_miniofflink {
  background-position: 0 -30px;
}

table {
  font-size:13px;
}
table#threadlist { font-size:14px; }


.tfixed {
  table-layout: fixed;
  word-wrap: break-word;
}

.trow1 { background:#fffefb; }
.trow2 { background:#fffefb; }

.no_bottom_border {
  border-bottom: 0;
}

.post.unapproved_post {
  background: #ffdde0;
}

.post.unapproved_post .post_author {
  border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
  border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
  border-top-color: #ffb8be;
}

.trow_deleted,
.post.deleted_post {
  background: #E8DEFF;
}

.trow_selected,
tr.trow_selected td {
  background:#FFF0F2;
  color: #333;
  border-right-color: #F7E86A;
  border-bottom-color: #F7E86A;
}

.trow_selected a { color:#FE687C; }

.trow_sep {
  color:#717066;
  padding: 6px;
  font-size: 12px;
  font-weight: bold;
}

.tfoot {
  padding: 6px;
  background:#f0edda;
  color: #666;
}

.tfoot a:link {
  color: #444;
  text-decoration: none;
}

.tfoot a:visited {
  color: #444;
  text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
  color: #444;
  text-decoration: underline;
}

.thead input.textbox,
.thead select {
  border: 1px solid #263c30;
}

.bottommenu {
  background: #efefef;
  color: #333;
  border: 1px solid #4874a3;
  padding: 10px;
}

.navigation {
  color: #333;
  font-size: 12px;
}

.navigation a:link {
  text-decoration: none;
}

.navigation a:visited {
  text-decoration: none;
}

.navigation a:hover,
.navigation a:active {
  text-decoration: underline;
}

.navigation .active {
  color: #333;
  font-size: small;
  font-weight: bold;
}

.smalltext {
  font-size:75%; line-height:1.2em;
}

.largetext {
  font-size: 16px;
  font-weight: bold;
}

fieldset { padding:12px; margin:0; }

fieldset.trow1, fieldset.trow2 { border:1px solid #cec9ad; margin:0 0 0.5em; }

fieldset.align_right { text-align: right; }


form {
  margin: 0;
  padding: 0;
}

input.error, textarea.error, select.error {
  border: 1px solid #f30;
  color: #f30;
}

input.valid, textarea.valid, select.valid {
  border: 1px solid #0c0;
}

label.error {
  color: #f30;
  margin: 5px;
  padding: 0px;
  display: block;
  font-weight: bold;
  font-size: 11px;
}

.editor {
  background: #f1f1f1;
  border: 1px solid #ccc;
}

.editor_control_bar {
  background: #fff;
  border: 1px solid #ccc;
}

.post .editor_control_bar {
  background: #f5f5f5;
}

.popup_menu {
  background: #fff;
  border: 1px solid #ccc;
}

.popup_menu .popup_item {
  background: #efefef;
  color: #333;
}

.popup_menu .popup_item:hover {
  background: #0072BC;
  color: #fff;
}

 /* reputation_votes */
.trow_reputation_positive { }
.trow_reputation_negative {  }
.reputation_positive { color:green; }
.reputation_neutral  { color:#716e57; }
.reputation_negative { color:red; }

.repbox { font-size:16px; font-weight: bold; padding:5px 7px 5px 7px; }

._neutral {
  background-color:#FAFAFA;
  color: #999999;
  border:1px solid #CCCCCC;
}

._minus {
  background-color: #FDD2D1;
  color: #CB0200;
  border:1px solid #980201;
}

._plus {
  background-color:#E8FCDC;
  color: #008800;
  border:1px solid #008800;
}

img {
  border: none;
}

img.attachment {
  border: 1px solid #E9E5D7;
  padding: 2px;
}

hr {
  background-color: #000000;
  color: #000000;
  height: 1px;
  border: 0px;
}

.hidden {
  display: none;
  float: none;
  width: 1%;
}

.hiddenrow {
  display: none;
}

.selectall {
  background: #FFFBD9;
  border-bottom: 1px solid #F7E86A;
  color: #333;
  text-align: center;
}

blockquote {
  background:#f7f3f0; border:2px solid #e6e5e1; border-radius:5px;
  margin:0 0 1em; padding:9px 10px 12px;
  font-size:12px; color:#4d4946;
}

blockquote cite {
  font-weight:bold; font-style:normal; color:#787572;
  display:block; border-radius:5px 5px 0 0; padding:8px 10px; margin:-9px -10px 1em;

background: #ebe8e5; /* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ebe8e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#ebe8e5 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#ebe8e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#ebe8e5 100%); /* W3C */
}

blockquote cite span {
  float: right;
  font-weight: normal;
  font-size: 12px;
  color: #666;
}

blockquote cite span.highlight {
  float: none;
  font-weight: bold;
  padding-bottom: 0;
}

.codeblock {
  background:#f7f3f0; border:1px solid #e6e5e1; border-radius:5px;
  padding:10px;
  margin:1em 0 1em 0;
}

.codeblock .title {
  border-bottom:1px dotted #dfdfdf;
  padding-bottom: 3px;
  margin: 0 0 10px 0;
}

.codeblock code {
  overflow: auto; height: auto; max-height: 200px; display: block;
  font-family:Monaco, Consolas, Courier, monospace; font-size:13px;
}

.smilie {
  vertical-align: middle;
}

.smilie_pointer {
  cursor: pointer;
}

.separator {
  margin: 5px;
  padding: 0;
  height: 0px;
  font-size: 1px;
  list-style-type: none;
}

.popup_menu .popup_item_container {
  margin: 1px;
  text-align: left;
}

.popup_menu .popup_item {
  display: block;
  padding: 4px;
  white-space: nowrap;
  text-decoration: none;
}

.popup_menu a.popup_item:hover {
  text-decoration: none;
}

.subject_new {
  font-weight: bold;
}

.highlight {
  background: #FFFFCC;
  padding-top: 3px;
  padding-bottom: 3px;
}

.pm_alert {
  background: #FFF6BF;
  border: 1px solid #FFD324;
  text-align: center;
  padding: 5px 20px;
  margin-bottom: 15px;
  font-size: 11px;
}

.red_alert {
  background: #FBE3E4;
  border: 1px solid #A5161A;
  color: #A5161A;
  text-align: center;
  padding: 5px 20px;
  margin-bottom: 15px;
  font-size: 11px;
  word-wrap: break-word;
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert  a:active {
  color: #A5161A;
}

.high_warning {
  color: #CC0000;
}

.moderate_warning {
  color: #F3611B;
}

.low_warning {
  color: #AE5700;
}

.online {
  color: #15A018;
}

.offline {
  color: #C7C7C7;
}

div.error {
  padding: 5px 10px;
  border-top: 2px solid #FFD324;
  border-bottom: 2px solid #FFD324;
  background: #FFF6BF;
  font-size: 12px;
}

div.error p {
  margin: 0;
  color: #333;
  font-weight: normal;
}

div.error p em {
  font-style: normal;
  font-weight: bold;
  padding-left: 24px;
  display: block;
  color: #C00;
  background: url(../../../images/error.png) no-repeat 0;
}

div.error ul {
  margin-left: 24px;
}
.pagination .go_page img {
  margin-bottom: -4px;
}

.drop_go_page {
  background: #f5f5f5;
  padding: 4px;
}

.pagination_breadcrumb {
  background-color: #efefef;
  border: 1px solid #fff;
  outline: 1px solid #ccc;
  padding: 5px;
  margin-top: 5px;
  font-weight: normal;
}

.pagination_breadcrumb_link {
  vertical-align: middle;
  cursor: pointer;
}

.thread_legend,
.thread_legend dd {
  margin: 0;
  padding: 0;
}

.thread_legend dd {
  padding-bottom: 4px;
  margin-right: 15px;
}

.thread_legend img {
  margin-right: 4px;
  vertical-align: bottom;
}

.forum_legend,
.forum_legend dt,
.forum_legend dd {
  margin: 0;
  padding: 0;
}

.forum_legend dd {
  float: left;
  margin-right: 10px;
  margin-top: 7px;
}

.forum_legend dt {
  margin-right: 10px;
  float: left;
}

.success_message {
  color: #00b200;
  font-weight: bold;
  font-size: 10px;
  margin-bottom: 10px;
}

.error_message {
  color: #C00;
  font-weight: bold;
  font-size: 10px;
  margin-bottom: 10px;
}

.ignored_post {
  border-top: 3px solid #333;
  padding: 15px;
}

.ignored_post .show_ignored_post {
  margin-top: -15px;
}

.ignored_post .show_ignored_post a.button span {
  background-position: 0 -400px;
}



/* ---------------------------- */
/* showthread & posts           */
/* ---------------------------- */

#posts_container { margin-left:-17px; margin-right:-17px; /*cancel flatbox */ }


 /* search thread box */
#search_thread { margin:0.7em 0 0; }

 /* QUICK REPLY */
.quickreply-fr { text-align:center; }
#quickreply_e .col-side { padding:1em 0 0; }
#quickreply-ft { margin:1em 0 5px; }


/* 1. horizontal & mobile view ------------------------------------------ */


.post { padding:0 17px 1px; overflow: hidden; }
 
 /* POST AUTHOR */
.post .post_author {
  padding:9px 5px 8px; background:#f5f2ef; border-radius:5px;
  color:#817e7b; font-size:0.750em; line-height:1.2em; overflow:hidden; 
}
.post .author_buttons a { color:#787572; padding:2px 3px; }
.post .author_buttons a:hover { color:#ea4858; text-decoration:none; }

.post .buddy_status { vertical-align:middle; margin-top:-4px; }

.post .author_avatar { float:left; }
.post .author_avatar img { display:block; padding:0; max-width:48px; height:auto; border:1px solid #c7c4c2; }
.post .author_information { float:left; }
.post .author_statistics { float:right; padding: 3px 10px 3px 5px; color:#817e7b; }

.post .profile-link { font-size:1.2em; font-weight:bold; }
.post .user-title { color:#4d4946; } 


 /* POST CONTENT */
.post_content { padding:0; }
.post_content .signature { margin-top: 5px; border-top: 1px dotted #ddd; padding:5px 0 0; color:#717066; }

 /* post_head */
.post_head { font-size:0.812em; padding:5px 17px 4px; margin:0 -17px 1em; background:#f5f2ef; color:#787572; }
.post_head a { color:#787572; }
.post_meta { float:right; margin:0 1em 0 0; }

.post_body { font-size:0.875em; line-height:1.5em; color:#000; padding:6px 0 12px; }

 /* POST CONTROLS */
.post_controls { clear: both; padding:5px 0 10px; overflow:hidden; }
.post_management_buttons { margin:0 0 0.5em; }
.post_management_buttons a {
  display:inline-block; vertical-align:middle;
  text-decoration:none;
  padding:5px 18px;
  position:relative;
  color:#ea4858; font-size:0.875em; line-height:16px; 
  border:1px solid transparent;
}
.post_management_buttons a:hover { border:1px solid #ea4858; border-radius:5px; }

 /* postbit button colors */
a.postbit_qdelete, a.postbit_report, .post_meta a { color:#ffa6a9; }

 /* alignment of buttons without label */
.postbit_edit i, .postbit_reputation i, .postbit_report i { width:16px; text-align:center; }

 /* alignment of buttons with label */
.postbit_pm i, .postbit_website i { display:inline; padding-right:4px; } 

 /* post_edit */
.post_edit { float:left; color:#a9a6a3; font-size:0.812em; font-style:italic; margin:4px 0 0.5em; }
.post_edit a { color:#787572; }

 /* PREVIEW (newreply, new topic) */
#post-preview { padding-bottom:15px; }
#post-preview .thead { color:#ea4858; padding-bottom:10px; margin-bottom:1em; border-bottom:1px solid #F5F2EF; }
#post-preview .post_head, 
#post-preview .post_controls { display:none; }

 /* THREAD REVIEW (newreply, newtopic) */
#thread-review .post-hd { font-size:0.812em; padding:5px 17px 4px; margin-bottom:1em; background:#f5f2ef; color:#787572;  }
#thread-review .post-bd { font-size:0.875em; padding-bottom:1em; }

 /* SPONSOR post */
#spns-post .post_head a { text-decoration:underline; }
#spns-post .post_author { background:#fff0f2; }
#spns-post .user-title  { color:#ea6c79; }
#spns-post .post_author a { color:#dc3b61; }
#spns-post .post_body { padding-top:0; }


/*
.postbit_buttons .ico {
  display:inline-block; height:16px; vertical-align:baseline;
  background: url(/images/koohii/koohii_buttons_sprite_v2.png) no-repeat 0 0;
}

a.postbit_reputation_add .ico { width:16px; text-indent:-9000px; background-position:0 -400px; }
*/

/*
.postbit_buttons a span {
  padding-left: 20px;
  display: inline-block;
  height: 16px;
  background-image: url(/images/koohii/koohii_buttons_sprite_v2.png);
  background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span { background-position: 0 0; }
.postbit_buttons a.postbit_reputation_add span { background-position: 0 -20px; }
.postbit_buttons a.postbit_email span { background-position: 0 -40px; }
.postbit_buttons a.postbit_website span { background-position: 0 -60px; }
.postbit_buttons a.postbit_pm span { background-position: 0 -80px; }
.postbit_buttons a.postbit_quote span { background-position: 0 -100px; }
.postbit_buttons a.postbit_multiquote span { background-position: 0 -120px; }
.postbit_buttons a.postbit_multiquote_on span { background-position: 0 -140px; }
.postbit_buttons a.postbit_multiquote_on { background-color:#80a132; color:#fff; }
.postbit_buttons a.postbit_edit span { background-position: 0 -160px; }
.postbit_buttons a.postbit_qdelete span { background-position: 0 -180px; }
.postbit_buttons a.postbit_qrestore span { background-position: 0 -200px; }
.postbit_buttons a.postbit_report span { background-position: 0 -220px; }
.postbit_buttons a.postbit_warn span { background-position: 0 -240px; }
.postbit_buttons a.postbit_purgespammer span { background-position: 0 -540px; }
.postbit_buttons a.postbit_reply_pm span { background-position: 0 -260px; }
.postbit_buttons a.postbit_reply_all span { background-position: 0 -280px; }
.postbit_buttons a.postbit_forward_pm span { background-position: 0 -300px; }
.postbit_buttons a.postbit_delete_pm span { background-position: 0 -320px; }
*/

/* 2. classic view, only on large screens ------------------------------- */

@media all and (min-width:801px) {

  .post.classic { }
  .post.classic .post_author { float:left; width:161px; margin:0; text-align:center; }

  .post.classic .author_avatar      { float:none; margin:0 0 5px; }
  .post.classic .author_avatar img  { margin:0 auto; max-width:60px; }
  .post.classic .author_information { float:none; text-align:center; }
  .post.classic .author_statistics  { float:none; margin:7px 0 0; padding:0; }
  .post.classic .author_buttons     { float:none; margin:11px 0 0; padding:0; }

  .post.classic .post_content { float:none; margin-left:191px;  }

}

/* 3. horizontal view, fixes for small screens -------------------------- */

@media all and (max-width:800px) {

  .flatbox-hd h1.subject { clear:left; margin:0.2em 0 0; font-size:1.25em; } /* longer space */
  .flatbox-hd .right-tweet { margin:0 0 1em; }

  /* à tester */
  /*#content .flatbox { padding-left:10px; padding-right:10px; }*/
  #posts_container { margin-left:-10px; margin-right:-10px; padding-top:0; }

  .post { border:none; padding:0 10px 0; }
  .post .post_head          { margin:0 -10px; padding:5px 10px 0; }
  .post .post_author        { border-radius:0; margin:0 -10px; padding:4px 10px 8px; position:relative; }
  .post .post_content       { padding-top:7px; }
  .post_controls { padding-bottom:1px; }
  .post.classic .author_avatar      { float:left; padding-right:8px; }
  .post.classic .author_information { float:none; margin:0 0 5px; }
  .post.classic .author_statistics  { position:absolute; top:0; right:10px; padding:3px 0 3px 5px; } 
  .post.classic .author_buttons     { float:none; }
  .post .author_buttons a { padding:2px 5px 2px 0; } /*fix align*/
  
  .post .profile-link { font-size:14px; }
  
  /* preview mode */
  #post-preview .thead { margin-bottom:0; }

  /* couleurs */
  /*.post .post_author, .post_head { background-color:#ffe6e7; }*/

  /* sponsor post */
  #spns-post .post_head { background:#fff0f2; color:#ea6c79; padding-bottom:5px; margin-bottom:0.5em; }
  #spns-post .post_head a { text-decoration:underline; }
  #spns-post .post_author { display:none; }

}

/* ---------------------------- */
/* quick reply / new reply      */
/* ---------------------------- */

 /* resp. layout */
.col-row { margin:0 -17px; padding:1em 17px; /* cancel flatbox */ border-top:1px solid #f5f2ef; }

.col-side  { float:left; width:180px; }
.col-main  { float:none; margin-left:191px; font-size:0.875em; }
.col-clear { clear:both; width:100%; height:0; }

 /* smilies */
#smilies-insert { margin:auto; width: 170px; margin-top: 20px; }
#smilies-getmore { }

 /* responsive form layout */
.col-main textarea {
  width:100%;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}

 /* SCE EDITOR overrides (also compose PM) */
#reply-form-bd .sceditor-container,
#reply-form-bd iframe,
#reply-form-bd textarea { background:#EEEAE7; }

#reply-form-ft { text-align:center; }
#reply-form-ft .button { margin:0 0.2em; }


 /* small screen, collapsecols */

@media all and (max-width:620px) {
  .col-side { float:none; width:100%; }
  .col-main { float:none; width:100%; margin:0; }
  #smilies-insert { display:none; }

}


/* ---------------------------- */
/* quick edit (jeditable)       */
/* ---------------------------- */

/* (the class is set in thread.js jeditable config) */
.quickedit_form textarea { margin-bottom:0.5em; }
.quickedit_form button { margin-right:0.5em; }




/* ---------------------------- */
/* thread tools (showthread)    */
/* ---------------------------- */

#thread_tools { margin:0.8em 0 0; font-size:0.812em; line-height:1.4em; }
#thread_tools ul { margin:0; padding:0; list-style-type:none; }
#thread_tools li { margin:0; padding:0; }


/* ***************************** */

a.button.small_button {
  font-size: 13px;
  margin: 0;
  padding: 3px 6px;
}

.quick_jump {
  background: url(../../../images/jump.png) no-repeat 0;
  width: 13px;
  height: 13px;
  padding-left: 13px; /* amount of padding needed for image to fully show */
  margin-top: -3px;
  border: none;
}

.pollbar {
  background: url(../../../images/pollbar.png) top left repeat-x;
  border: 1px solid #3f3f3f;
  height: 10px;
}

.pollbar .percent {
  display: none;
}

.posticons_label {
  white-space: nowrap;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
  position: absolute;
}

.ie6.top-right {
  right: auto;
  bottom: auto;
  left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.top-left {
  left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-right {
  left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-left {
  left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.center {
  left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  width: 100%;
}

/** jGrowl Styling **/
.jGrowl {
  z-index: 9999;
  color: #ffffff;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: fixed;
}

.jGrowl.top-left {
  left: 0px;
  top: 0px;
}

.jGrowl.top-right {
  right: 0px;
  top: 0px;
}

.jGrowl.bottom-left {
  left: 0px;
  bottom: 0px;
}

.jGrowl.bottom-right {
  right: 0px;
  bottom: 0px;
}

.jGrowl.center {
  top: 0px;
  width: 50%;
  left: 25%;
}

/** Cross Browser Styling **/

.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer {
  margin-left: auto;
  margin-right: auto;
}

.jGrowl-notification {
  background-color: #000000;
  opacity: 0.9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  zoom: 1;
  width: 250px;
  padding: 10px;
  margin: 10px;
  text-align: left;
  display: none;
  border-radius: 5px;
  word-break: break-all;
  min-height: 40px;
}

.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}

.jGrowl-notification .jGrowl-header {
  font-weight: bold;
  font-size: .85em;
}

.jGrowl-notification .jGrowl-close {
  background-color: transparent;
  color: inherit;
  border: none;
  z-index: 99;
  float: right;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
}

.jGrowl-closer {
  background-color: #000000;
  opacity: 0.9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  zoom: 1;
  width: 250px;
  padding: 10px;
  margin: 10px;
  text-align: left;
  display: none;
  border-radius: 5px;
  word-break: break-all;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: .9em;
  font-weight: bold;
  text-align: center;
}

.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}

/** Hide jGrowl when printing **/
@media print {
  .jGrowl {
    display: none;
}


}

/** jGrowl End **/

/** Modal Start **/

.modal {
  display: none;
  width: 400px;
  text-align: left;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(../../../images/close.png) no-repeat 0 0;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url(../../../images/spinner_big.gif) no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v6.2.1 - 2015-05-10
* http://trentrichardson.com/Impromptu
* Copyright (c) 2015 Trent Richardson; Licensed MIT */

.jqifade{
  position: absolute; 
  background-color: #777777;
}

iframe.jqifade{
  display:block;
  z-index:-1;
}

div.jqi{
 
  width: 400px; 
  max-width:90%;
  font-family: "Open Sans", Verdana, Geneva, Arial, Helvetica, sans-serif; 
  position: absolute; 
  background-color: #ffffff; 
  font-size: 11px; 
  text-align: left; 
  border: solid 1px #eeeeee;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 7px;
}

div.jqi .jqicontainer{
}

div.jqi .jqiclose{
 
  position: absolute;
  top: 4px; right: -2px; 
  width: 18px; 
  cursor: default; 
  color: #bbbbbb; 
  font-weight: bold;
}

div.jqi .jqistate{
  background-color: #fff;
}

div.jqi .jqititle{
  padding: 5px 10px;
  font-size: 16px; 
  line-height: 20px; 
  border-bottom: solid 1px #eeeeee;
}

div.jqi .jqimessage{
 
  padding: 10px; 
  line-height: 20px; 
  color: #444444; 
  overflow: auto;
}

div.jqi .jqibuttonshide{
  display: none;
}

div.jqi .jqibuttons{
 
  text-align: right; 
  margin: 0 -7px -7px -7px;
  border-top: solid 1px #e4e4e4; 
  background-color: #f4f4f4;
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqibuttons button{
 
  margin: 0;
  padding: 15px 20px;
  background-color: transparent;
  font-weight: normal; 
  border: none;
  border-left: solid 1px #e4e4e4; 
  color: #777; 
  font-weight: bold; 
  font-size: 12px;
}

div.jqi .jqibuttons button.jqidefaultbutton{
  color: #489afe;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus{
  color: #287ade;
  outline: none;
}

div.jqi .jqibuttons button[disabled]{
  color: #aaa;
}

.jqiwarning .jqi .jqibuttons{
 
  background-color: #b95656;
}

/* sub states */
div.jqi .jqiparentstate::after{
 
  background-color: #777;
  opacity: 0.6;
  filter: alpha(opacity=60);
  content: '';
  position: absolute;
  top:0;left:0;bottom:0;right:0;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

div.jqi .jqisubstate{
  position: absolute;
  top:0;
  left: 20%;
  width: 60%;
  padding: 7px;
  border: solid 1px #eeeeee;
  border-top: none;
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqisubstate .jqibuttons button{
  padding: 10px 18px;
}

/* arrows for tooltips/tours */
.jqi .jqiarrow{
 position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent;
}

.jqi .jqiarrowtl{
 left: 10px; top: -20px; border-bottom-color: #ffffff;
}

.jqi .jqiarrowtc{
 left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px;
}

.jqi .jqiarrowtr{
 right: 10px; top: -20px; border-bottom-color: #ffffff;
}

.jqi .jqiarrowbl{
 left: 10px; bottom: -20px; border-top-color: #ffffff;
}

.jqi .jqiarrowbc{
 left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px;
}

.jqi .jqiarrowbr{
 right: 10px; bottom: -20px; border-top-color: #ffffff;
}

.jqi .jqiarrowlt{
 left: -20px; top: 10px; border-right-color: #ffffff;
}

.jqi .jqiarrowlm{
 left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px;
}

.jqi .jqiarrowlb{
 left: -20px; bottom: 10px; border-right-color: #ffffff;
}

.jqi .jqiarrowrt{
 right: -20px; top: 10px; border-left-color: #ffffff;
}

.jqi .jqiarrowrm{
 right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px;
}

.jqi .jqiarrowrb{
 right: -20px; bottom: 10px; border-left-color: #ffffff;
}

/** Impromptu End */

/*GLOBALCSS2*/

/* announcements in forumdisplay */
#announcements {}
#announcements .announce { background:#dce8ba; color:#484; padding:5px 10px; font-size:14px; }
#announcements .author { font-size:12px; }


/* TPML> index_topics_list */

.threadlist h3 { display:none; }

.thread a:hover { text-decoration:underline; }

/* TMPL> index_topics_list_thread */
.threadlist .thread {
  border-top:1px solid #f1efe9;
  padding:7px 204px 9px 17px; /* padding right for avatar */
  position:relative;
}
.in-forum .thread { padding-right:17px; } /* inline lastposter */

  /* thread status*/
/*.threadlist .sticky-separator { height:1px; background:#ccc; overflow:hidden; }*/
.forumdisplay_sticky a.topic { color:#068837; }
.threadlist .thread_status { display:none; }

.threadlist .ico { width:20px; margin:0; background:url(/images/koohii/koohii_folders_sprite_v1.png) no-repeat 0 0; }
.threadlist .ico-pinned { }
.threadlist .ico-locked { background-position:0 -20px; }

.threadlist .thread.first { background:none; }

 /* multipage*/
.threadlist .multipage { font-size:12px; margin-left:0.5em; color:#787572; white-space:nowrap; }

 /* topics */
.threadlist .thread { font-size:100%; line-height:1.2em; }
.threadlist .thread .smalltext { color:#a5a19f;  }

 /* new posts*/
.threadlist .subject_new { }
.threadlist a.np {
 float:right; padding:6px 13px; margin:7px 0 0;
 color:#fff; background:#21b560;
 font-size:0.750em; line-height:1em; text-transform:uppercase; border-radius:3px;
}
.threadlist .np img { display:none; vertical-align:middle; }
.threadlist .np span { }

 /* thread */
.thread ul { list-style-type:none; margin:2px 0 0; padding:0; font-size:0.750em; line-height:1.2em; }
.thread li { float:left; background:none; padding:0; padding-right:20px; color:#a5a19f; }
.thread li a { color:#a5a19f; }

.thread .stats a { font-weight:bold; }
.thread .lastp .auth { color:#717066; }

.thread a.user:hover, .thread .author a:hover { text-decoration:underline; }

 /* last poster */
.thread .lastp .av { display:inline-block; float:left; width:30px; margin:0 10px 0 0;  border-radius:2px; }
.thread .lastp img { display:block; background-color:#fff; border:1px solid #deddcf; width:30px; height:30px; }
.thread .lastp .user { color:#515046; }
.thread .lastp .auth { display:inline-block; }
.thread .lastpi .auth { color:#787572; }

 /* threadlist MODERATION */
.thread .modbit { float:right; margin:8px 0 0 5px; }
.threadlist .trow_selected { background-color:##FFF0F2; }
.trow_shaded { background:#eeeae7; }
.trow_shaded .subject_editable a { text-decoration:line-through; color:#ff737c; }



/* ---------------------------- */
/* Social                       */
/* ---------------------------- */

#custom-tweet-button a {
  position:relative; padding:1px 10px 2px 6px; font-weight:bold; font-size:14px; color:#fff;
  cursor:pointer;
  background:#4faeec; /*1b95e0*/ border-radius:3px;
}
#custom-tweet-button i { width:16px; padding:0 0.5em 0 0; text-align:center; color:#fff; }
#custom-tweet-button span { font-family:'Helvetica Neue', Arial, sans-serif; font-size:12px; }

#index-hd-tools #custom-tweet-button { /*float:right;*/ margin-right:20px; }
#showthread #custom-tweet-button { margin-right:4px; }

/*
#custom-tweet-button { }  
#custom-tweet-button a {
  position:relative;
  display:inline-block; height:1em; line-height:1em; font-size:16px;
  padding:0 5px;
  border:1px solid #ccc;
  color:#333;
  text-decoration:none;
  text-shadow:0 1px 0 rgba(255, 255, 255, .5);
  font-weight:bold;
  background-color:#F8F8F8;

  border:#CCC solid 1px; border-radius:3px;
  cursor:pointer;
  overflow:hidden;
}
#custom-tweet-button a:hover {
  border-color:#BBB;
  background-color:#F8F8F8;
  background-image:-webkit-gradient(linear,left top,left bottom,from(#F8F8F8),to(#D9D9D9));
  background-image:-moz-linear-gradient(top,#F8F8F8,#D9D9D9);
  background-image:-o-linear-gradient(top,#F8F8F8,#D9D9D9);
  background-image:-ms-linear-gradient(top,#F8F8F8,#D9D9D9);
  background-image:linear-gradient(top,#F8F8F8,#D9D9D9);
  box-shadow:none;
}
#custom-tweet-button a .btn-icon {
  position:absolute; width:16px; height:13px; top:50%; left:3px; margin-top:-6px;
  background:url(https://twitter.com/favicons/favicon.ico) 1px center no-repeat;
  background-size:13px;
}
#custom-tweet-button a .btn-text {
  display:inline-block;
  padding:2px 3px 0 20px;
}*/


/* ---------------------------- */
/* Responsive rules             */
/* ---------------------------- */

 /* reduce topic subtext clutter */
@media all and (max-width:900px) {
  .thread li.author { display:none; }
}

 /* logo & sponsor banner */
@media all and (max-width:820px) {
  #logo { padding-top:4px; padding-bottom:0; }
  #logo .half { width:100%; float:none; }
  #logo .half .pad { margin:5px 0 5px; text-align:center; }
  #logo .left { width:80%; margin:0 auto; }
}

@media all and (max-width:800px) {
  
  /* flatbox */
  .flatbox     { padding-left:10px; padding-right:10px; }
  .flatbox-neg { margin-left:-10px; margin-right:-10px; }
  .flatbox-pad { padding-left:10px; padding-right:10px; }

  .flatbox-ft  { padding-left:10px; padding-right:10px; margin-left:-10px; margin-right:-10px; }
  
  .flatbox h2 span { margin-left:-10px }

  /* mini grid system */
  .grid-g { margin-left:0; margin-right:0; }
  .grid-b { width:100%; padding-left:0; padding-right:0; }

  /* reduce elements size */
  .fb-table td, .fb-table th { font-size:12px; }

  /* increase tap targets*/
  #thread_tools li { margin-bottom:0.3em; }
}


@media all and (min-width:800px) {
  .thread .lastp { position:absolute; right:0; top:10px; width:175px; }
  .thread .lastp a { color:#005cb1; }
  .thread .lastp .time { display:block; }
  .thread .lastp .lbl  { display:none; }
}

@media all and (max-width:799px) {

  /* collapse last poster with the topic sub text, and remove avatars */
  
  .threadlist .thread { padding-right:17px; }  /* disable the last poster column spacing */
  
  .thread li.forum  { display:none; }
  .xthread li.stats  { display:none; }
  .thread .stats a { font-weight:bold; display:inline-block; min-width:40px; text-align:center; }

  /* switch last poster inline */
  .thread .lastp { float:left; }
  .thread .lastp .lbl  { display:inline; }
  .thread .lastp .av { display:none; }
  .thread .lastp .time { padding-left:1em; }
}

 /* collapse main layout */
@media all and (max-width:700px) {
  #content-grid { padding-left:0; }
  #content-grid > .main  { float:none; width:100%; }
  #content-grid > .aside { float:none; width:100%; margin-left:0; }

  #content-grid .main-content { margin-left:0; }

  /* categories */
  #forumcats .thead { text-align:center; }
  #forumcats ul { font-size:80%; display:inline; }
  .fbd2_f    { float:left; margin:0; }
  .fbd2_f .titl { float:left; clear:none; }
  
  /* side sponsor */
  #spnsrs-s { float:none; text-align:center; }
  #spnsrs-s .flatbox { display:inline-block; }

  /* footer "back to top" */
  #footer a { padding:5px 10px; background:#ffe7e9; color:#b90c34; border-bottom:2px solid #d8d4d1; }
  #footer span a { background:#eeeae7; color:#4d4946; border:none; }

}

 /* reduce the New Topic button size */
@media all and (max-width:599px) {
  .flatbox-hd .right-align { width:auto; }
  .flatbox-hd .right-tools { float:left; clear:left; margin:0 0 0.8em; }

  a.bigbutton { min-width:auto; height:26px; line-height:26px; font-size:14px; }

  /* optimize long pagination */
  .pagination span { display:none; } /* hide "Pages", "Previous", "Next" labels */
}


/* ---------------------------- */
/* Lazy Loader for YouTube      */
/* ---------------------------- */
/*! Thanks to  lazyYT (lazy load YouTube videos)  https://github.com/tylerpearson/lazyyt  (CC) Creative Commons */

.lazyYT-container {
  direction:ltr;
  position: relative;
  display: block;
  height: 0;
  padding: 0 0 56.25% 0;
  overflow: hidden;
  background-color: #000000;
}

.lazyYT-container iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/*
 * Video Title (YouTube style)
 */

.lazyYT-container .html5-info-bar {
  position: absolute;
  top: 0;
  z-index: 935;
  width: 100%;
  height: 30px;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
     -moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
          transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
}

.lazyYT-container .html5-title {
  padding-right: 6px;
  padding-left: 12px;
}

.lazyYT-container .html5-title-text-wrapper {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-wrap: normal;
  white-space: nowrap;
}

.lazyYT-container .html5-title-text {
  width: 100%;
  font-size: 13px;
  line-height: 30px;
  color: #ccc;
  text-decoration: none;
}

.lazyYT-container .html5-title-text:hover {
  color: #fff;
  text-decoration: underline;
}

/*
 * Thumbnail
 */

.ytp-thumbnail {
  padding-bottom: inherit;
  cursor: pointer;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/*
 * Play button (YouTube style)
 */

.ytp-large-play-button {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  width: 86px !important;
  height: 60px !important;
  padding: 0 !important;
  margin: -29px 0 0 -42px !important;
  font-size: normal !important;
  font-weight: normal !important;
  line-height: 1 !important;
  opacity: .9;
}

.ytp-large-play-button-svg {
  opacity: .9;
  fill: #1f1f1f;
}

.lazyYT-image-loaded:hover .ytp-large-play-button-svg,
.ytp-large-play-button:focus .ytp-large-play-button-svg {
  opacity: 1;
  fill: #cc181e;
}