/*************************************************************/
/* css/style.css                                             */
/*                                                           */
/* DESCRIPTION: Style sheet - general                        */
/*                                                           */
/*************************************************************/

html,body {
    padding: 0px;
    margin: 0px;
    text-align: center;
    font-size: 14px;
    background-color: #D7D7D7;
    width: 100%;
    height: 100%;
}
a { text-decoration: none; color: blue; }
a:hover { text-decoration: underline; }
a img { border: none; }
a.normal { text-decoration: underline; }
.errmsg {
    font-weight: bold;
    color: red;
}
header {
  color: black;
  line-height: normal;
}
header input {
  padding: 1px 0px;
}
header input[type="submit" i] {
  padding: 1px 6px;
}
header select {
  border-color: rgb(169, 169, 169);
  background-color: buttonface;
  padding: 0px;
}
ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
li {
  margin: 0px;
  padding: 0px;
}
.clear {
  clear: both;
}
br.clear { clear: both; height: 1px; }
.ralign { text-align: right; }
.sb_darkgreen { font-weight: bold; color: #228A00; }
.sb_green { font-weight: bold; color: #60C700; }
.sb_yellow { font-weight: bold; color: #939302; }
.sb_red { font-weight: bold; color: #FF0000; }
.sb_gray { font-weight: bold; color: #A3A3A3; }

.darkgreen { color: #228A00; }
.green { color: #60C700; }
.yellow { color: #939302; }
.red { color: #FF0000; }
.gray { color: #A3A3A3; }

table {
    border-spacing: 0;
    border-collapse: collapse;
}
td {
    padding: 0;
}
textarea {
    height: 120px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

/*** PTIS, SCORES AND QUIPS ***/
.pti {
  font-weight: bold;
}
.rating {
    font-size: 2.5em;
    text-align: center;
    color: white;
    width: 50px;
    height: 50px;
    line-height: 49px;
    margin: 5px auto;
}
.rating.red       { background-color: #C70000; }
.rating.yellow    { background-color: #939302; }
.rating.green     { background-color: #60C700; }
.rating.darkgreen { background-color: #228A00; }
.rating.gray      { background-color: #A3A3A3; }
.rating.hundred {
    font-size: 19pt;
}
.quip.red       { color: #C70000; }
.quip.yellow    { color: #939302; }
.quip.green     { color: #60C700; }
.quip.darkgreen { color: #228A00; }

.minireview {
  display: none;
}

/*** SCORE BOXES / PSI & RATING CONTAINERS ***/
.scorebox_container {
    text-align: center;
}
.scorebox_container .scorebox_header {
    font-size: 1.2em;
    font-weight: bold;
}
.scorebox_container .scorebox_expl {
}
.scorebox_container .scorebox_input {
    width: 50px;
    margin: 5px 0px 10px 0px;
    text-align: center;
    display: inline-block;
}
/*** PAGE NUMBERING ***/
footer.pages {
    padding: 10px 5px;
    width: auto;
}
nav.navpages {
  float: right;
}
nav.navpages span {
  color: #A3A3A3;
}

h1 { font-size: 2em; margin: .83em 0; }
h2 { font-size: 1.5em;  margin: .83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }

.crit_container {
  float: left;
  text-align: left;
  margin: .5em .5em 2em .5em;
}
.crit_container h2:first, .crit_container h1:first {
  margin-top: 10px;
}
.crit_container h3 {
    font-style: italic;
}
.crit_container h4 {
  margin: 0px;
  padding: 0px;
}
.sidebar {
    margin: 0 .5em;
    clear: both;
    font-size: .9em;
}
.sidebar nav, .sidebar section {
    border: 1px #B3DBFF solid;
    border-width: 1px 2px 2px 1px;
    text-align: left;
    background-color: #E5F3FF;
    margin-bottom: 10px;
    padding: 5px;
}
#signup_prompt ul {
  list-style: disc;
  margin-top: 5px;
  margin-left: 20px;
}
.sidebar nav ul {
  margin: 5px 0;
  padding: 0px;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.sidebar nav ul li {
  margin: 3px 0px;
}

/* Bottom Table Paging */
#paging_row {
  background-color: #E5F3FF;
  border-top: 1px #B3DBFF solid;
  text-align: center;
  padding: 5px 0px;
}
#rr_container {
    padding: 50px;
}
#rr_container div {
    font-size: 14pt;
}

.psiscore_container {
    float: right;
    text-align: center;
    margin-left: 10px;
    padding: .5em;
}
.psiscore_container .rating_quip {
    font-size: 1.2em;
}
.psi_header, .rate_header, .rating_header {
    font-weight: bold;
    font-size: 1.2em;
}
.psi_div {
  text-align: center;
  color: white;
  font-size: 2rem;
  padding: .5rem;
  width: 50px;
  height: 50px;
  margin: 2px 0px 5px 0px;
  display: inline-block;
  line-height: 35px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.psi_quip.red       { color: #FF0000; }
.psi_quip.yellow    { color: #939302; }
.psi_quip.green     { color: #228A00; }
.psi_quip.darkgreen { color: #228A00; }
.psi_rateit {
  margin-top: 8px;
  font-style: italic;
  font-weight: bold;
}
.psi_div.hundred {
  font-size: 1.5em;
}
.psi_div.darkgreen { background-color: #228A00; }
.psi_div.green { background-color: #60C700; }
.psi_div.yellow { background-color: #939302; }
.psi_div.red { background-color: #C70000; }
.psi_div.gray { background-color: #A3A3A3; }
.psi_div a {
  color: white;
}
.psi_div a:hover {
  text-decoration: none;
}
.psiinfo_quip {
  text-align: center;
}
.navdiv {
  padding: 10px 5px;
  font-size: 12pt;
  width: auto;
}
.navpages {
  float: right;
}
.navdisable {
  color: #A3A3A3;
}
.ab_terms_list {
  list-style: disc;
  margin-bottom: 2em;
}
.ab_terms_list li {
  margin: .5em 0em .5em 2em;
}
.admin_box {
  color: red;
  margin: 10px 0px;
  border: 1px red solid;
  padding: 5px;
}
.showblock {
  display: block;
}
.hideblock {
  display: none;
}
.submitting_rating { font-weight: normal; }
.onlyregistered {
  font-size:30pt;
  margin: 30px 40px;
}
.star {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('https://www.criticker.com/img/sys/starsprites.png') 23px 0;
    cursor: pointer;
    margin: 0 3px;
}
.star.on {
  background: url('https://www.criticker.com/img/sys/starsprites.png') -3px 0;
}
.cl_starcoll_div em {
  vertical-align: 10%;
}

/* Ignoring / Remembering Titles */
.mark_div {
  color: #A3A3A3;
}
.mark_div a {
  color: #A3A3A3;
}
.mark_div .ignore:hover { color: #C70000; text-decoration: none; }
.mark_div .remember:hover { color: #228A00; text-decoration: none; }
.rememberedtitle_div {
  border: 1px #228A00 solid;
  border-width: 1px 0px;
  padding: 10px 0px;
  color: #228A00;
  background-color: #E0FFD6;
}
.ignoredtitle_div {
  border: 1px #C70000 solid;
  border-width: 1px 0px;
  padding: 10px 0px;
  color: #C70000;
  background-color: #FFF0F4;
}

/* SIDEBAR & ADS */
.i_bannerad, .sidebar_ad, .mobile_sidebar_ad, .mobile_footer_ad, .footer_ad {
  margin: 10px 0px;
  text-align: center;
}
.i_bannerad {
  margin: 0px;
  padding: 10px 0px;
  border-top: 1px #D7D7D7 solid;
  background-color: #EFEFEF;
}
.footer_ad {
  margin: 0px;
}
.g-mobile-sidebar {
  display: inline-block;
  width: 336px;
  height: 280px;
}
.g-mobile-footer {
  display: inline-block;
  width: 320px;
  height: 100px;
}
.g-banner {
  display: inline-block;
  width: 300px;
  height: 90px;
}
.g-footer {
  display: inline-block;
  width: 300px;
  height: 250px;
}
.g-sidebar-box {
  display: none;
  width: 300px;
  height: 600px;
}
.g-trailer-box {
  display: none;
  width: 336px;
  height: 280px;
}
.sidebar nav, .sidebar section {
    border: none;
    background-color: #E5F3FF;
    border: 1px #B3DBFF solid;
    margin-top: 20px;
}
.sidebar_header {
    font-size: 1.3em;
    font-weight: bold;
    margin: 0px 0px 0.6em 0px;
}
.form-check-label {
    margin-top: 2px;
}

/* INDEX */
div#i_overall_container {
    background-color: #FFFFFF;
}
#i_navbar {
    background-color: #01305F !important;
    font-size: 1.3em;
}
#i_navbar_toggler      { order: 1; }
#i_navbar_content      { order: 2; }
#i_navbar_searchform   { order: 3; }
#i_navbar_content.collapsing,
#i_navbar_content.show { order: 4; }

#i_navbar .navbar-item {
    margin-right: 20px;
}
#i_navbar .navbar-item a.nav-link {
    color: #E5F3FF;
    margin-left: .5em;
}
#i_navbar .navbar-item a.nav-link:hover {
    color: yellow;
}
#i_randnav {
    display: none;
}
.navbar-collapse {
    text-align: left;
}
#i_navbar .dropdown-menu {
    background-color: #01305F;
    border:none;
}
.dropdown-item {
    width: auto;
    padding: .4em 1em;
    color: #E5F3FF;
}
.dropdown-item:hover {
    background-color: #B3DBFF;
}
.dropdown-item:active {
    color: black;
}

#i_login {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    font-size: .9em;
}
#i_logintop {
  margin-bottom: 2px;
}
#i_loginright {
  float: right;
}
#i_loginright img {
  border: 1px #B3DBFF solid;
  margin-left: 8px;
  width: 35px;
}
#i_loginleft {
  display: none;
  vertical-align: top;
  padding-right: 8px;
}
#i_loginbottom {
  display: none;
  clear: both;
}
#i_loginbottom_sm {
  clear:both;
}
footer {
  text-align: left;
  width: 100%;
  padding-top: 20px;
  clear:both;
}
footer div {
    margin: 0.5em;
}
#i_forumlink {
  display: none;
}
#i_searchform {
  font-size: .9em;
}
#i_searchlist {
  display:none;
}
.i_header {
  display: table;
}
#i_headermid {
  display: none;
}
#i_logo img {
  width: 220px;
}

/* PLAYER LIST */
#py_container #pflt {
  clear: both;
}

/* THANK YOU */
#ty_container {
  text-align: left;
  margin: 50px 0px;
}
#taboola_ad {
  margin-top: 20px;
}

/* TCIGEN DIV */
#sidebar_tcis.hide {
    display: none;
}
#sidebar_tcis {
}
#tcis_img {
    float: left;
    width: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
}
#tcis_name {
    font-size: 2em;
}
#tcis_result {
    font-size: 3em;
    font-style: italic;
    font-family: "Courier New", monospace;
}
#tcis_tcirank {
    font-weight: bold;
}
#tcis_history h3 {
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    padding-top: 15px;
}
#sidebar_tcis table {
    border: 1px #B3DBFF solid;
    border-width: 1px 1px 0px 1px;
    width: 100%;
    background-color: white;
}
#sidebar_tcis table td {
    border-bottom: 1px #B3DBFF solid;
    padding: 2px 3px;
}
#tcis_showall {
    margin-top: 10px;
    text-align: right;
    font-style: italic;
}

#err_container {
    padding-bottom: 3em;
}
#err_container div {
    margin: 1em 0;
}

#err404 {
    margin: 40px 0px;
}
#err404 h2 {
    font-size: 2em;
    margin-bottom: 20px;
}

/* Overwrite some jQuery stylings */
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: inherit;
    font-size: 1em;
}
.ui-widget-header {
    font-size: 1.2em;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .2em .5em;
}
.ui-tooltip {
    padding: 0px 8px !important;
}
.ui-tooltip-content {
    font-size: .9em;
    text-align: left;
}
.ui-tooltip p {
    margin: 1em 0;
}

/* Bootstrap overrides */
.btn {
    border: 1px #AAA solid !important;
}
.form-group {
    margin-bottom: .5rem;
}

/* Title Rows for Rec Page, Search Results, Etc */
.titlerow {
    display: flex;
    margin-top: 2rem;
}
.titlerow_left {
    text-align: center;
}
.titlerow_header {
    background-color: #E5F3FF;
    font-size: 1.5rem;
    font-style: italic;
    padding: 0 .5rem;
}
.titlerow_header a {
    color: #01305F;
}
.titlerow_header a:hover { color: #C70000; text-decoration: none; }
.titlerow_name {
    font-size: 1.2rem;
    padding: 0 .5rem;
}
.titlerow_name a {
    font-weight: bold;
}
.titlerow_summary, .titlerow_quote {
    padding: 0 .5rem;
}
.titlerow_mid {
    width: 100%;
}
.titlerow_mid div {
}
.titlerow_minireview {
    margin-top: .5rem;
    display: none;
    padding: 0 .5rem;
}
.titlerow_smallpsi {
    font-weight: bold;
    padding: 0 .5rem;
}
.titlerow .psiscore_container {
    border-top: none;
    background-color: #E5F3FF;
    margin: 0;
    width: 145px;
    display: none;
}
.titlerow_name a { color: #01305F; }

/* PAGINATION */
.pagination {
    margin: 0;
}
.pages {
    clear: both;
    margin-top: 1rem;
}
.pages_results {
    margin-bottom: .5rem;
}