/* Generic classes ---------------------------------------------------------*/

body {
   font: 62.5% Arial, Helvetica, sans-serif;
   line-height:normal;
   color: #222;
   background-color: #f3f3f3;
}
   


.hidden { display: none; }
.center { text-align: center; }
.qodd { background-color: #fff; }
.qeven,
.qdark { background-color: #f1f1f1; }
.qmy { background-color: yellow; }
.qchamp {
   color: #FF0099;
   font-weight: bold;
}
.qmychamp {
   color: #FF0099;
   font-weight: bold;
   background-color: yellow;
}
.qwinner { font-weight: bold; }
.qqual {
   border-bottom: 1px dashed black;
}
.qline {
   border-bottom: 1px solid black;
}
.qusrmsg,
.qerrmsg {
   margin: 0 300px 20px 200px;
   padding: 5px 7px 5px 30px;
   background-position: 7px 50%;
   background-repeat: no-repeat;
   background-color: #f0f0f0;
}
.qusrmsg { background-image: url('../images/icons/usrmsg.gif'); }
.qerrmsg { background-image: url('../images/icons/errmsg.gif'); }

.qadmicon { background: url('../images/icons/admmsg.gif') no-repeat; }

/* Content specific elements -----------------------------------------------*/




/* Content in main center window ------------------------------------*/

#qcenter {
   font-size: 1.2em;
   overflow: hidden; zoom: 1;
   padding: 30px 15px 0;
}


/* Content in main center window, tags ------------------------------*/



 
#qcenter p {
   line-height: 1.4;
   margin-bottom: 1em;
}
#qcenter p.intro {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
}
#qcenter p.intro.compact {
   padding-left: 0;
}

#qcenter p.divider {
   margin-top: 9px;
   padding-top: 9px;
   border-top: 1px solid #e0e0e0;
}

#qcenter li {
   overflow: hidden; zoom: 1;
   padding: 5px 7px;
}

#qcenter table {
   margin-bottom: 20px;
   text-align: left;
   width: 100%;
}
#qcenter table th { font-size: 1.1em; }
#qcenter table td,
#qcenter table th {
   padding: 5px;
   vertical-align: top;
}
#qcenter table td.date,
#qcenter table th.date {
   width: 6em;
}
#qcenter table thead th {
   font-weight: bold;
   padding: 10px 5px;
   background: url('../images/skel/bg_table-header.gif') 0 0 repeat-x;
}
#qcenter table.compact tr th,
#qcenter table.compact tr td { padding: 5px; }
#qcenter table .qeven td { background-color: #f1f1f1; }
#qcenter table .qeven td { background-color: #f1f1f1; }
#qcenter table p.intro {
   margin: 30px 0 4px;
   padding: 0;
}
#qcenter table tr td.gold {
   vertical-align: middle;
}


#qcenter a.qlink,
#qcenter p.qlink,
#qcenter a.qadmin {
   overflow: hidden; zoom: 1;
   display: block;
   white-space: nowrap;
   margin: 0 0 22px;
   padding: 2px 0 0 21px;
}
#qcenter a.qlink,
#qcenter p.qlink { background: url('../images/misc/link-arrow.gif') 0 50% no-repeat; }
#qcenter a.qadmin { background: url('../images/icons/admmsg.gif') no-repeat; }
#qcenter p a.qadmin {
   display: inline-block;
   padding-right: 20px;
}

#qcenter ul li a {
   margin-right: 10px;
}


#qcenter a.qlink:hover { background-position: -600px 50%; }
#qcenter a.qlink.first { margin-bottom: 6px; }
#qcenter a.qlink.home { margin-top: 30px; }
#qcenter a.qlink.compact { margin-bottom: 5px; }


/* Buttons */
#qcenter fieldset.qbuttons {
   border: none;
   margin-top: -30px;
   padding: 20px;
   overflow: hidden;
   background: #f1f1f1 url(../images/misc/bg_buttons-fieldset.gif) no-repeat scroll 0% 0%;
}
#qcenter fieldset.qbuttons hr {
   display: block;
   height: 2px;
   margin: 5px -5px 5px;
}

#qcenter p.qbuttons {
   overflow: hidden; zoom: 1;
   font-size: 1em;
   margin: 10px 0 25px;
}
#qcenter span.qbutton {
   display: -moz-inline-box;
   display: inline-block;
   margin: 0 10px;
   background: url('../images/buttons/default.gif') 100% 0 no-repeat;
}
#qcenter span.qbutton.dimmed{
   background-image: url('../images/buttons/form-default.gif');
}
#qcenter span.qbutton button {
   margin: 0;
   padding: 0 12px;
   border: none;
   display: block;
   height: 24px;
   background: url('../images/buttons/default.gif') 0 0 no-repeat;
   font: bold 1.1em Arial, Helvetica, sans-serif;
   color: #fff;
   cursor: pointer;
}
#qcenter span.qbutton.dimmed button {
   background-image: url('../images/buttons/form-default.gif');
}
#qcenter span.qbutton:hover { background-position: 100% -24px; }
#qcenter span.qbutton:hover button { background-position: 0 -24px; }

/* Forms */

#qcenter form input[type="submit"] {
   background-color: #239100;
   color: #fff;
   height: 24px;
   font: bold 1.1em Arial, Helvetica, sans-serif;
   cursor: pointer;
}

#qcenter form fieldset label,
#qcenter form fieldset h3,
#qcenter form fieldset span.label {
   display: -moz-inline-box;
   display: inline-block;
   vertical-align: top;
   padding-top: 3px;
   width: 10em;
   font-size: 1.1em;
   font-weight: normal;
}

#qcenter form.extraleft15 fieldset label { width: 15em; }

#qcenter form fieldset span field {
   display: -moz-inline-box;
   display: inline-block;
   padding-top: 2px;
}
#qcenter form fieldset input,
#qcenter form fieldset textarea {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
   margin: 2px 0 0;
   vertical-align: top;
}
#qcenter form .checkradio input {
   vertical-align: middle;
   margin-top: 2px;
}
#qcenter form .checkradio_group {
   overflow: hidden; zoom: 1;
   margin-bottom: 1.2em;
   padding-top: 2px;
}
#qcenter form .checkradio_group h3 { padding-top: 0; }
#qcenter form .checkradio_group p {
   display: inline;
   margin: 0 1em 0 0;
}
#qcenter form .checkradio_group p label {
   display: inline;
   width: auto;
}
#qcenter form .checkradio_group p input {
   margin-top: 0;
   margin-right: 0.2em;
}

#qcenter form fieldset p .note {
   display: block;
   padding-top: 0.5em;
   padding-left: 10em;
}

#qcenter form fieldset.buttons {
   border-top: 0;
   margin: 20px -20px -20px;
   padding: 20px;
   width: 510px;
   overflow: hidden;
   background: url('../images/misc/bg_buttons-fieldset.gif') no-repeat;
}
#qcenter form fieldset.buttons .button,
#qcenter form fieldset.buttons .button button { background-image: url('../images/buttons/form-default.gif'); }
#qcenter form fieldset.buttons .submit,
#qcenter form fieldset.buttons .submit button { background-image: url('../images/buttons/form-submit.gif'); }

#qcenter form.compact p {
   margin-bottom: 4px;
}

/* Symbols for popularity etc ... */
#qcenter table td.popularity span,
#qcenter table td.quality     span,
#qcenter table td.rank span {
   display: block;
   text-indent: -9999px;
   overflow: hidden;
   background-position: 0 0;
   background-repeat: no-repeat;
}
#qcenter table td.popularity span {
   background-image: url('../images/icons/popularity.gif');
   width: 65px;
   height: 10px;
}
#qcenter table td.popularity span.pop_0 { background-position: 0 0; }
#qcenter table .qeven td.popularity span.pop_0 { background-position: -65px 0; }
#qcenter table td.popularity span.pop_1 { background-position: 0 -10px; }
#qcenter table .qeven td.popularity span.pop_1 { background-position: -65px -10px; }
#qcenter table td.popularity span.pop_2 { background-position: 0 -20px; }
#qcenter table .qeven td.popularity span.pop_2 { background-position: -65px -20px; }
#qcenter table td.popularity span.pop_3 { background-position: 0 -30px; }
#qcenter table .qeven td.popularity span.pop_3 { background-position: -65px -30px; }
#qcenter table td.popularity span.pop_4 { background-position: 0 -40px; }
#qcenter table .qeven td.popularity span.pop_4 { background-position: -65px -40px; }
#qcenter table td.popularity span.pop_5 { background-position: 0 -50px; }
#qcenter table .qeven td.popularity span.pop_5 { background-position: -65px -50px; }
#qcenter table td.quality span {
   background-image: url('../images/icons/stars.gif');
   width: 75px;
   height: 13px;
}
#qcenter table td.quality span.quality_0 { background-position: 0 0; }
#qcenter table .qeven td.quality span.quality_0 { background-position: -75px 0; }
#qcenter table td.quality span.quality_1 { background-position: 0 -13px; }
#qcenter table .qeven td.quality span.quality_1 { background-position: -75px -13px; }
#qcenter table td.quality span.quality_2 { background-position: 0 -26px; }
#qcenter table .qeven td.quality span.quality_2 { background-position: -75px -26px; }
#qcenter table td.quality span.quality_3 { background-position: 0 -39px; }
#qcenter table .qeven td.quality span.quality_3 { background-position: -75px -39px; }
#qcenter table td.quality span.quality_4 { background-position: 0 -52px; }
#qcenter table .qeven td.quality span.quality_4 { background-position: -75px -52px; }
#qcenter table td.quality span.quality_5 { background-position: 0 -65px; }
#qcenter table .qeven td.quality span.quality_5 { background-position: -75px -65px; }
#qcenter table td.rank span {
   background-image: url('../images/icons/difficulty.gif');
   width: 55px;
   height: 14px;
}
#qcenter table td.rank span.rank_0 { background-position: 0 0; }
#qcenter table .qeven td.rank span.rank_0 { background-position: -55px 0; }
#qcenter table td.rank span.rank_1 { background-position: 0 -14px; }
#qcenter table .qeven td.rank span.rank_1 { background-position: -55px -14px; }
#qcenter table td.rank span.rank_2 { background-position: 0 -28px; }
#qcenter table .qeven td.rank span.rank_2 { background-position: -55px -28px; }
#qcenter table td.rank span.rank_3 { background-position: 0 -42px; }
#qcenter table .qeven td.rank span.rank_3 { background-position: -55px -42px; }
#qcenter table td.rank span.rank_4 { background-position: 0 -56px; }
#qcenter table .qeven td.rank span.rank_4 { background-position: -55px -56px; }
#qcenter table td.rank span.rank_5 { background-position: 0 -70px; }
#qcenter table .qeven td.rank span.rank_5 { background-position: -55px -70px; }


/* Content in main center window, classes -------------------*/

#qcenter .usrmsg,
#qcenter .errmsg,
#qcenter .infomsg {
   padding: 5px 7px 5px 30px;
   background-position: 7px 50%;
   background-repeat: no-repeat;
   background-color: #f0f0f0;
}
#qcenter .usrmsg { background-image: url('../images/icons/usrmsg.gif'); }
#qcenter .errmsg { background-image: url('../images/icons/errmsg.gif'); }
#qcenter .infomsg { background-image: url('../images/icons/infomsg.gif'); }
#qcenter span.usrmsg,
#qcenter span.errmsg,
#qcenter span.infomsg {
   display: -moz-inline-box;
   display: inline-block;
   margin: 10px;
}

#qcenter .compact {
   padding: 0 0 5px 5px;
   margin: 0;
}
#qcenter .right {
   float: right;
   margin-left: 10px;
}
#qcenter .medium { width: 60%; }

#qcenter .qimage {
  margin-bottom: 0.8em;
  padding: 3px;
}
#qcenter img.qimage {
  border: 1px solid #ddd;
}

#qcenter .qswitchbox {}
#qcenter .qswitchbox .nav {
   padding: 10px 0 0 10px;
   margin-bottom: 20px;
   background-color: #f0f0f0;
   overflow: hidden; zoom: 1;
   font-weight: bold;
}
#qcenter .qswitchbox .nav li {
   display: block;
   float: left;
   margin-right: 6px;
   padding: 0;
   background: #fff url('../images/misc/bg_tab.gif') 0 100% repeat-x;
}
#qcenter .qswitchbox .nav li a {
   display: block;
   float: left;
   padding: 8px 20px;
   color: #222;
   text-decoration: none;
}
#qcenter .qswitchbox .nav li.active,
#qcenter .qswitchbox .nav li:hover { background-image: none; }
#qcenter .qswitchbox.compact .nav li a {
   padding: 8px 10px;
}

#qcenter .qinfobox {
   zoom: 1;
   padding: 20px;
   margin-bottom: 25px;
   background: #f1f1f1 url('../images/misc/bg_box_bottom.gif') 0 100% no-repeat;
}
#qcenter .qinfobox form,
#qcenter .qinfobox h2,
#qcenter .qinfobox dl,
#qcenter .qinfobox div.qinfobox_inside,
#qcenter .qinfobox .qinfobox_inside {
   margin: -20px -20px 0;
   padding: 20px 20px 0;
   background: url('../images/misc/bg_box_top.gif') no-repeat;
   line-height: 1.4;
}
#qcenter .qinfobox.ver2 {
   background: #F1F1F1 url('../images/misc/bg_box2_bottom.gif') no-repeat scroll 0 100%
}
#qcenter .qinfobox.ver2 .qinfobox_inside {
   background: url('../images/misc/bg_box2_top.gif') no-repeat;
}
#qcenter .qinfobox h2 {
   margin-bottom: 1em;
}
#qcenter .qinfobox dl dt {
   float: left;
   width: 15em;
}
#qcenter .qinfobox dl dd { padding-left: 12.5em; }
#qcenter .qinfobox dl a { font-weight: bold; }
#qcenter .qinfobox ul li {
   padding: 0;
   margin-bottom: 0.2em;
}
#qcenter .qinfobox ul li:first-child {
   font-weight: bold;
   margin-bottom: 0.5em;
}
#qcenter .qinfobox table { margin: 0; }
#qcenter .qinfobox table td { padding: 0; }
#qcenter .qinfobox table td span.qbutton { margin: 5px; }
#qcenter .qinfobox .qsmallbox {
   float: left;
   margin: 5px 10px 5px 0;
   padding: 7px 15px 10px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
#qcenter .qinfobox .qsmallbox p {
   margin-bottom: 0;
}
#qcenter .qinfobox .qsmallbox.qday {
   width: 93%;
}
#qcenter .qinfobox .qsmallbox.qday .right {
   width: 100px;
}
#qcenter .qinfobox fieldset.qbuttons  {
   border-top: 0 none;
   margin: 20px -20px -20px;
   background: transparent url(../images/misc/bg_buttons-fieldset.gif) no-repeat scroll 0% 0%;
}
#qcenter .qinfobox h2 {
   font-size: 1.4em;
   font-weight: bold;
}


#qcenter .qlistbox {
   padding: 10px 15px;
   background: url('../images/skel/bg_table-header.gif') 0 0 repeat-x;
}


#qcenter .thri {
  text-align: right;
}



/* Pagination */
#qcenter .paginator {
  text-align: center;
}
#qcenter .paginator li {
   display: -moz-inline-box;
   display: inline-block;
   overflow: visible;
   vertical-align: top;
   padding: 0 3px;
}
#qcenter .paginator li.info { padding: 5px 13px 0; }
#qcenter .paginator li.first,
#qcenter .paginator li.prev ,
#qcenter .paginator li.next ,
#qcenter .paginator li.last {
   width: 24px;
   height: 24px;
}
#qcenter .paginator li a {
   display: block;
   float: left;
   width: 24px;
   height: 24px;
   text-indent: -9999px;
   overflow: hidden;
   background: url('../images/buttons/paginator.gif') 0 0 no-repeat;
   cursor: pointer;
}
#qcenter .paginator li.first a { background-position: 0 0; }
#qcenter .paginator li.prev  a { background-position: -24px 0; }
#qcenter .paginator li.next  a { background-position: -48px 0; }
#qcenter .paginator li.last  a { background-position: -72px 0; }
#qcenter .paginator li.first a:hover { background-position: 0 -24px; }
#qcenter .paginator li.prev  a:hover { background-position: -24px -24px; }
#qcenter .paginator li.next  a:hover { background-position: -48px -24px; }
#qcenter .paginator li.last  a:hover { background-position: -72px -24px; }

/* Question form */
#qcenter .qquestion { text-align: center; }
#qcenter .qquestion h1,
#qcenter .qquestion p {
   text-align: center;
}
#qcenter .qquestion .qbuttons {
   overflow: hidden; zoom: 1;
   font-size: 1em;
   margin-bottom: 25px;
}
#qcenter .qquestion table.qchoices tr td table {
   width: auto;
   text-align: center;
   margin-bottom: 0;
}
#qcenter .qquestion table.qchoices tr td table tr td {
   padding: 2px 0;
   text-align: left;
}
#qcenter .qquestion table.qchoices tr td table tr td label {
   display: block;
}
#qcenter .qquestion table.qchoices tr td table tr td label input { vertical-align: bottom; }

#qcenter .qquestion a.qadmin,
#qcenter .qquestion a.qlink {
   display: inline;
   text-align: right;
}
#qcenter .qquestion ul.links {
   text-align: left;
   display: table;
   margin: -8px auto 1em;
}
#qcenter .qquestion p.qanswer {
   font-size: 1.1em;
   font-weight: bold;
   color: #666;
   margin-top: 0.7em;
}
#qcenter .qquestion p.qanswer span {
   padding: 0 10px 0 21px;
   background: url('../images/icons/answer_incorrect.gif') 0 50% no-repeat;
}
#qcenter .qquestion p.qanswer.correct span {
   color: #239100;
   padding: 0 11px 0 21px;
   background-image: url('../images/icons/answer_correct.gif');
}
#qcenter .qquestion p.qanswer.error span {
   color: #FF0000;
   padding: 0 10px 0 21px;
   background: url('../images/icons/answer_incorrect.gif') 0 50% no-repeat;
}
#qcenter .qquestion p.qimage { overflow: hidden; zoom: 1; }
#qcenter .qquestion p.qimage img {
  display: inline;
  padding: 3px;
  border: 1px solid #ddd;
}



/* Question indicator */
#qcenter .qscore { margin: 1.2em 0; }
#qcenter .qscore li {
   display: -moz-inline-box;
   display: inline-block;
   width: 19px;
   height: 19px;
   padding: 0;
}
#qcenter .qscore li span {
   display: block;
   float: left;
   width: 19px;
   height: 19px;
   text-indent: -9999px;
   overflow: hidden;
   background: url('../images/icons/question.gif') -19px 0 no-repeat;
}
#qcenter .qscore li span.qscoreok { background-position: 0 0; }
#qcenter .qscore li span.qscoreerr { background-position: -38px 0; }

#qcenter .qthirdpanel {
   float: left;
   width: 160px;
   margin: 0 10px 10px 0;
}
#qcenter .qthirdpanel  {
   float: right;
   margin-right: 0;
}
#qcenter .qthirdpanel ul li {
   padding: 5px 7px;
}
#qcenter .qthirdpanel ul li:first-child {
   font-weight: bold;
   margin-bottom: 0.5em;
}
#qcenter .qclear {
   clear: both;
}

#qcenter table.qmezz tr td.qts {
   width: 80px;
}
#qcenter table.qmezz tr td.quser {
   width: 110px;
}
#qcenter table.qmezz tr td.qdel {
   width: 10px;
}
#qcenter .qmezznew {
   font-weight: bold;
}
#qcenter .qmezzanswered {
   color: blue;
}



/* Specific pages  --------------------------------------------------------------*/

/* Specific pages, start page --------------- -----------------------------------*/

#qcenter .index h2,
#qcenter .qcat h2 {
   font: normal 1.8em Georgia, Times, serif;
   line-height: 1;
   margin-top: 0.2em;
   margin-bottom: 0.4em;
}
#qcenter .index .qinfobox h2,
#qcenter .qcat .qinfobox h2 {
   margin: -20px -20px 0;
   padding: 20px 20px 0;
   background: url('../images/misc/bg_box_top.gif') no-repeat;
}



/* Specific pages, start page (not logged in) -----------------------------------*/

#qcenter #qsubj0 {
   overflow: hidden; zoom: 1;
   margin-bottom: 5px;
}
#qcenter .index #qsubj0 {
   margin-bottom: 25px;
}
#qcenter #qsubj0 .group {
   float: left;
   width: 265px;
}
#qcenter #qsubj0 .first { margin-right: 20px; }
#qcenter #qsubj0 .group li {
   overflow: hidden; zoom: 1;
   padding: 10px;
   margin: 0;
}
#qcenter #qsubj0 .group li.grey { background-color: #f1f1f1; }
#qcenter #qsubj0 .group li .qimage {
   float: left;
   margin: 0 17px 0 0;
   border: none;
}
#qcenter #qsubj0 .group li .qimage img { width: 50px; height: 50px; }
#qcenter #qsubj0 .group li .qimage a {
   display: block;
   padding: 3px;
   background-color: #fff;
   border: 1px solid #ddd;
}
#qcenter #qsubj0 .group li .qimage a:hover { border-color: #aaa; }
#qcenter #qsubj0 .group li .descr {
   height: 34px;
   overflow: hidden;
}
#qcenter #qsubj0 .group li h3 {
   font-size: 1.1em;
   font-weight: bold;
   line-height: 1.4em;
}
#qcenter #qsubj0 .group li p { margin-bottom: 0; }
#qcenter #qsubj0 .group .link {
   overflow: hidden; zoom: 1;
   padding-top: 9px;
   border-top: 1px solid #e0e0e0;
}

#qcenter #qlatest {
   margin-bottom: 50px;
}
#qcenter #qlatest h2 {
   margin: 40px 0 15px;
}
#qcenter #qlatest ul li {
   padding: 7px 20px 10px;
}
#qcenter #qlatest ul li p { margin-bottom: 0; }


/* Specific pages, start page (logged in) -----------------------------------*/

#qcenter .qcolumn {
   overflow: hidden; zoom: 1;
}
#qcenter .qcolumn.left {
   float: left;
   width: 350px;
   margin-right: 20px;
}
#qcenter .qcolumn.right {
   width: 170px;
}
#qcenter .qcolumn img {
   width: 150px;
}
#qcenter .qcolumn .wtf img {
   width: 50px;
}
#qcenter .qcolumn .wtf100 img {
   width: 100px;
}
#qcenter .qcolumn img.flags {
   width: auto;
}
#qcenter .qcolumn div.qpanel {
   width: 100%;
   float: left;
   margin-bottom: 12px;
   border-bottom: 1px solid #dadada;
}
#qcenter .qcolumn div.qhalfpanel {
   float: left;
   width: 170px;
}
#qcenter .qcolumn div.qhalfpanel.left {
   margin-right: 10px;
}


/* Specific pages, qleagueadm -----------------------------------*/

#qcenter form.qleagueadm fieldset label {
   width: 19em;
}
#qcenter form.qleagueadm select.wide1  { width: 10em; }
#qcenter form.qleagueadm select.wide2  { width: 15em; }
#qcenter form.qleagueadm .compact {
   padding: 0;
   margin: 0;
}
#qcenter form.qleagueadm .compact.last {
   margin-bottom: 1em;
}
#qcenter form.qleagueadm fieldset input {
   margin-right: 2px;
   margin-left: 4px;
}
#qcenter form.qleagueadm fieldset input:first-child {
   margin-left: 0;
}



/* Specific pages, qdod2 -----------------------------------*/

#qduel {
   text-align: center;
   background-color: #fff;
   margin-top: 10px;
   padding: 0 20px;
}

#qduel #qid_userid,
#qduel #qid_oppid  {
   font-size: 1.3em;
   font-weight: bold;
   margin-bottom: 20px;
}
#qduel #qid_wait {
   margin-top: 15px;
}
#qduel #qid_wait img {
   margin-right: 3px;
}

#qduel #qcenter {
   width: 95%;
}


/* Specific pages, qmarathon -----------------------------------*/

#qcenter table.qmarathon th,
#qcenter table.qmarathon td {
   padding: 5px 0 5px 5px;
}


/* Specific pages, qwinner -----------------------------------*/

#qwinner {
   font: 80% Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: #fff;
   margin-top: 10px;
   padding: 0 20px;
}

#qwinner #qcenter {
   width: 95%;
}

#qwinner #CH_dtimer1_digits {
   font-size: 1.3em;
   font-weight: bold;
   background-color: #f3f3f3;
   padding: 5px 20px;
}


/* Specific pages, qadmin -----------------------------------*/

#qadmin #qcenter {
   width: 810px;
}


/* Specific pages, duel page --------------- -----------------------------------*/

#qcenter .qd2 h2 {
   font: normal 1.8em Georgia, Times, serif;
   line-height: 1;
   margin-top: 0.2em;
   margin-bottom: 0.4em;
}



/* duel classes, start -------*/
#qcenter .qd2 .duelMOD {font-weight: bold;}

#qcenter .qd2 .buttduel {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border-width: 0px;
   width: 15px;
   background-image: url("../images/icons/d2duel.gif");
   background-position:  top left;
   background-repeat: no-repeat;
   text-decoration: none;
   background-color: white;
}
#qcenter .qd2 .buttduel:hover {
   background-image: url("../images/icons/d2duel_hover.gif");
}
#qcenter .qd2 .hide {
   color: white;
   font-size: 2px;
}
#qcenter .qd2 .fullhide {
   color: white;
}
#qcenter .qd2 .buttrel8 {
   margin: 0px 0px 0px 0px;
   padding: 15px 5px 5px 5px;
   border-width: 0px;
   width: 15px;
   background-image: url("../images/icons/d2rel.gif");
   background-position:  top left;
   background-repeat: no-repeat;
   background-color: white;
   text-decoration: none;
}
#qcenter .qd2 .buttrel8:hover {
   background-image: url("../images/icons/d2rel_hover.gif");
}
#qcenter .qd2 .buttrel {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border-width: 0px;
   width: 15px;
   background-image: url("../images/icons/d2rel.gif");
   background-position:  top left;
   background-repeat: no-repeat;
   background-color: white;
   text-decoration: none;
}
#qcenter .qd2 .buttrel:hover {
   background-image: url("../images/icons/d2rel_hover.gif");
}
#qcenter .qd2 table td,
#qcenter .qd2 table th {
   padding: 0px 2px 0px 2px;
   vertical-align: top;
}
#qcenter .qd2 .usrtr {
   padding: 0px 2px 0px 2px;
}
#qcenter .qd2 .usrtr td {
   border-bottom: 1px solid #efefef;
}

#qcenter .qd2 .usrtbl {
   padding: 0px 2px 0px 2px;
}

#qcenter .qd2 .usrtblX {
   padding: 0px 2px 0px 2px;
   border-right: 1px solid gray;
}


#qcenter .qd2 .mini table td {
   color: #999999;
   font-size: 1px;
}

/*
#qcenter .qd2 table.ranktab {
   padding: 0px 2px 0px 2px;
   width: 200px;
   border: 1px solid blue;
}
*/

#qcenter .invisible {
   color: white;
   font-size: 1px;
}

/* duel classes, end -------*/

/* tooltip */
#tooltip {
   position: absolute;
   z-index: 3000;
   border: 1px solid #111;
   background-color: #eee;
   padding: 5px;
   text-align: left;
   font-size: 10px;
   opacity: 0.95;
}
#tooltip h3, #tooltip div {
   margin: 0;
   font-size: 12px;
}

.news {
   background-color: #222222;
   color: white;
}

.triangle-right {
	position:relative;
	width: 240px;
	top: 5px;
	left: 10px;
	padding:5px 15px 10px 15px;
	margin:1.8em 0 3em;
	color:#333;
	background:#FFC; /* default background for browsers without gradient support */

	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#FFC), to(#DDA));
	background:-moz-linear-gradient(top, #FFC, #DDA);
	background:-o-linear-gradient(top, #FFC, #DDA);
}

.triangle-right:after {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:140px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:20px 20px 0 0px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#DDA transparent;
}

.ifrcontainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 300px;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
/* Then style the iframe to fit in the container div with full height and width */
.ifrresponsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}