/*
#------------------------------------------------------------------------
# e-Sport -January 2011 template (for Joomla 1.7/2.5)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License:  Copyrighted Commercial Software
# Website:  http://www.gavick.com
# Support:  support@gavick.com
 */
/* Form ---------------------------------*/
input,select,textarea {
  border: 1px solid #e7e7e7;
  border-top-color: #ccc;
  height: 18px;
  line-height: 19px;
  padding: 5px 5px;
}
textarea {
  height: auto;
}
select {
  padding: 2px;
}
input:focus,select,textarea:focus {
  background: #fffef4;
}
button,.button,input[type="submit"],input[type="button"],div.mobileSwitch > a {
  display: block;
  float: left;
  height: 36px;
  line-height: 36px;
  margin: 0 5px 2px 2px;
  padding: 0 12px;
  border: none;
  background: #333;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
button:hover,.button:hover,input[type="submit"]:hover,input[type="button"]:hover {
  background: #f47b20;
  color: #fff;
}
input[type=checkbox],.checkbox,input[type=radio],.radio {
  height: auto !important;
  background: transparent !important;
  border: none !important;
  margin-top: 7px;
}
select[size] {
  height: auto;
}
select[size="1"] {
  height: 23px !important;
}
.invalid {
  background: #fffef4;
  border: 1px dashed #f3a6a6;
  color: #000;
}
label.invalid {
  color: #ea3c3c;
  background: #fff;
  border: none;
}
small,.small,.smalldark,.img_caption,.contenttoc {
  font-size: 11px;
  color: #888;
}
.img_caption {
  width:auto !important;
}
th {
  font-weight: bold;
  text-align: left;
}
td {
  font-size: 100%;
}
fieldset {
  border: none;
  padding: 12px 0;
  clear: both;
  float: none;
}
fieldset.input {
  padding: 0;
}
hr {
  height: 1px;
  borde: 0;
  border-top: 1px solid #eee;
}
/* Articles Details ---------------------------------*/
.gkDate {
  position: absolute;
  height: 42px;
  margin: 5px 0 0 -42px;
  background: url('../images/style1/date.png') no-repeat 0 0;
}
.gkDate > div {
  width: auto;
  height: 36px;
  background: #9fb960;
  font-size: 16px;
  padding: 0 12px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
.gkDate + h2 {
  padding: 0 0 0 72px;
}
dt.article-info-term {
  display: none;
}
dl.article-info {
  overflow: hidden;
  border-bottom: 1px solid #eee;
  padding: 6px 0 18px 0;
  margin: 0 0 36px;
}
.gkDate + h2 + dl.article-info {
  margin-left: 72px;
}
dl.article-info dd {
  float: left;
  margin-right: 16px;
}
p.readmore {
  font-weight: bold;
}
/* Pictures ---------------------------------*/
p.img_caption {
  color: #999;
}
.img-fulltext-left {
  float: left;
  margin: 0 25px 10px 0;
}
.img-fulltext-right {
  float: right;
  margin: 0 0 10px 25px;
}
.img-fulltext-none {
  float: none;
  margin: 0 auto 10px auto;
}
.img-fulltext-none .img_caption {
  margin: 15px auto 25px auto;
}
/* blog view ---------------------------------*/
.blog .items-row .item,.blog .items-leading > div,.blog-featured .items-row .item,.blog-featured .items-leading > div {
  overflow: hidden;
  margin: 0 0 40px;
}
/* blog more ---------------------------------*/
.items-more {
  clear: both;
}
.items-more ol {
  padding-left: 0;
  margin-top: 5px;
  list-style-type: decimal;
}
.items-more ol li a {
  font-size: 12px;
}
ul#archive-items li {
  line-height: 1.2;
  margin-top: 24px;
}
/* Bottom Nav  ---------------------------------*/
ul.pagenav {
  margin: 20px 0;
  overflow: hidden;
}
ul.pagenav a {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  background: #222 url('../images/arrows.png') no-repeat 50% 100%;
  text-indent: -9999em;
}
ul.pagenav a:hover {
  background-color: #9fb960;
}
.pagenav-prev a {
  border-right: 1px solid #444;
}
.pagenav-next a {
  background-position: 50% 0 !important;
}
/* pagination  ---------------------------------*/
div.pagination ul {
  background-color: #222;
}
div.pagination ul li {
  display: inline-block;
}
div.pagination ul li a,div.pagination ul li span,.pagination-prev span,.pagination-prev a,li.counter {
  display: block;
  margin: 0;
  padding: 4px 16px;
  font-size: 12px;
  cursor: pointer;
  color: #fff;
  border-right: 1px solid #444;
}
li.counter {
  float: right;
  background: #9fb960;
  border: none;
}
div.pagination ul li span {
  color: #ccc;
  cursor: default;
}
div.pagination ul li a:hover,span.pagenav {
  background: #9fb960;
  border-color: #b4cf73 !important;
  color: #fff !important;
}
.pagination-start span,.pagination-prev span,.pagination-next span,.pagination-end span {
  background-color: #222;
  border-right: 1px solid #444 !important;
}
/* Social API  ---------------------------------*/
#gkSocialAPI {
  clear: both;
  height: 27px;
  padding: 12px 0 0;
  margin: 20px 0 0 0;
  border-top: 1px solid #eee;
  line-height: 34px;
}
#gkSocialAPI .clr {
  clear: both;
}
#gkSocialAPI > iframe,#gkSocialAPI > span,#gkSocialAPI > a,#gkSocialAPI .fb_iframe_widget {
  display: block !important;
  float: left !important;
  margin-right: 5px;
}
#gkSocialAPI .google-buzz-button {
  margin-top: 0px;
}
#gkSocialAPI .db-count {
  line-height: 18px;
}
#gkSocialAPI .fb_iframe_widget {
  height: 24px !important;
}
.deliciousBtn,.instapaperBtn {
  height: 20px;
  width: 24px;
  line-height: 20px;
  font-size: 11px;
}
.deliciousBtn {
  background: transparent url('../images/delicious_icon.gif') no-repeat left center;
}
.instapaperBtn {
  background: transparent url('../images/instapaper_icon.png') no-repeat left center;
}
#___plusone_0 {
  float: left !important;
  margin-right: 10px !important;
}
#gkSocialAPI #___plus_0 {
  margin-right: 15px !important; 
  float: left !important;
}
#gkSocialAPI > div,#gkSocialAPI > iframe,#gkSocialAPI > span,#gkSocialAPI > a {
  margin-bottom: 10px;
}
/* categories list ----------------------*/
.categories-list dl {
  font-size: 90%;
  color: #999;
}
.categories-list dt {
  float: left;
  padding: 0 6px 0 0;
}
.categories-list ul li {
  line-height: 1.4;
  margin: 6px 0;
  padding: 0 0 6px 24px;
  background: url('../images/style1/typography/bullet-circle2.png') no-repeat 0 2px;
}
.categories-list ul ul {
  margin-left: 20px;
}
.categories-list a {
  font-size: 110%;
}
/* messages ----------------------*/
#system-message-container {
  clear: both;
  overflow: hidden;
}
#system-message {
  border: 2px dashed #EA3C3C;
  margin: 0 0 56px;
  padding: 12px 36px;
}
#system-message dt {
  display: none;
}
#system-message dd.message ul li,#system-message dd.error ul li,#system-message dd.notice ul li {
  margin: 0;
  padding: 14px 14px 14px 56px;
  line-height: 24px;
  background: url('../images/style1/typography/info_small.png') no-repeat 0 11px;
  font-size: 16px;
  color: #333;
}
dl#system-message dd.message ~ dd.message  {
  display: none;  
}
#system-message dd.error ul li {
  background-image: url('../images/style1/typography/warning_small.png');
}
#system-message dd.notice ul li {
  background-image: url('../images/style1/typography/tips_small.png');
}
/* com_search ----------------------*/
div.search fieldset.word button,.phrases-box,.ordering-box {
  float: none;
  display: inline;
}
fieldset.word {
  margin: 24px 0 36px;
}
.search .form-limit {
  float: right;
  margin: 24px 12px 12px;
}
.search .form-limit label {
  padding-right: 10px;
  line-height: 30px;
  float: left;
}
fieldset.phrases,fieldset.only {
  padding: 20px;
  border: 1px solid #eee;
  margin-bottom: 10px;
}
fieldset.phrases legend,fieldset.only legend {
  font-weight: bold;
  padding: 0 8px;
  color: #333;
}
.ordering-box {
  margin-left: 24px;
}
.search dl {
  margin: 0;
  padding: 6px 0;
  border-bottom: 1px solid #eee;
}
dt.result-title a {
  color: #879d52;
  font-size: 18px;
}
dt.result-title a:hover {
  color: #333;
}
dd.result-category {
  color: #888;
  float: left;
  font-size: 13px;
  font-style: italic;
  margin: -4px 10px 0 0;
}
dd.result-url,dd.result-created {
  font-size: 10px;
  text-align: right;
}
/* User profile ----------------------*/
#users-profile-core dt,#users-profile-custom dt,.formelm label {
  float: left;
  width: 14em;
  padding: 10px 0;
  font-size: 12px;
  font-weight: bold;
  color: #333;
}
#users-profile-core dd,#users-profile-custom dd {
  padding: 10px 0;
  font-size: 12px;
  border-bottom: 1px solid #eee;
}
#member-profile fieldset,.registration fieldset {
  margin: 5px 0 10px;
  padding: 10px 2px;
}
#users-profile-core legend,#users-profile-custom legend,.profile-edit legend,.registration legend {
  font-size: 24px;
  color: #879D52;
}
.profile-edit form#member-profile fieldset dd,.registration form#member-registration fieldset dd,.formelm {
  float: none;
  padding: 5px 0;
  line-height: 24px;
}
form#member-registration .spacer {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
form#member-registration .spacer strong,form#member-registration fieldset dt span.star {
  color: #da4d00;
}
.profile-edit form#member-profile fieldset dd input,.profile-edit form#member-profile fieldset dd select,.registration form#member-registration fieldset dd input {
  width: 180px;
}
.profile-edit form#member-profile fieldset dt,.profile-edit form#member-profile fieldset dt > label,.registration form#member-registration fieldset dt,.registration form#member-registration fieldset dt > label {
  float: left;
  clear: both;
  padding: 0;
  width: 180px;
  font-size: 12px;
  line-height: 32px !important;
  min-height: 32px;
  margin: 1px 0;
}
.profile-edit form#member-profile fieldset dt > label,.registration form#member-registration fieldset dt > label {
  width: auto;
  margin-right: 5px;
}
#member-registration > div {
  line-height: 28px;
}
span.optional {
  font-size: 9px;
  color: #aaa;
}
.registration dl dt:first-child {
  width: 100% !important;
}
.registration span.text {
  font-size: 10px;
}
.profile-edit .validate {
  margin-top: -3px;
}
#gkComponent .logout {
  padding: 10px 0 0 0;
  overflow: hidden;
}
#gkComponent .login-fields {
  padding: 5px 0;
}
#gkComponent .login-fields label {
  min-width: 100px;
  display: block;
  float: left;
}
#gkComponent .reset,#gkComponent .remind {
  overflow: hidden;
}
#gkComponent .reset input.required,#gkComponent .remind input.required {
  width: 200px;
}
/* Tables ----------------------*/
td.num {
  vertical-align: top;
  text-align: left;
}
td.hits {
  vertical-align: top;
  text-align: center;
}
td p {
  margin: 0;
}
.filter {
  margin: 10px 0;
}
.display-limit,.filter {
  text-align: right;
  margin-right: 7px;
}
table,table td {
  border-collapse: collapse;
}
table.weblinks,table.category {
  margin: 10px 0 20px 0px;
  width: 100%;
}
table.weblinks th,table.category th {
  background: #333;
  color: #eee;
}
table.weblinks th a,table.category th a {
  color: #eee;
}
table.weblinks th a:hover,table.category th a:hover {
  color: #fff;
}
table.weblinks th:first-child,table.category th:first-child {
  border-left: none;
}

table tr td:first-child {
  border-left: none;
}
/* Category table ----------------------*/
table.category th a img {
  padding: 2px 10px;
}
.filter-search {
  float: left;
}
.filter-search select,.filter-search .button {
  float: left;
  display: inline-block;
  margin-right: 7px;
}
.filter-search .inputbox {
  width: 6em;
}
legend.element-invisible {
  position: absolute;
  margin-left: -3000px;
  margin-top: -3000px;
  height: 0px;
}
.cat-items {
  margin-top: 20px;
}
/*banners ----------------------*/
.bannergroup:first-line,.bannergroup_text:first-line {
  font-size: 14px;
  color: #333;
}
div.banneritem {
  border-top: 1px solid #f0f0f0;
  padding: 8px 0;
  font-size: 11px;
  color: #999;
}
div.banneritem a {
  font-size: 13px;
}
div.bannerfooter {
  border-top: 1px solid #f0f0f0;
  text-align: right;
  font-size: 11px;
  padding-top: 5px;
}
/* Page breaks ----------------------*/
/* type:  sliders */
div#sliders div.panel h3.title {
  padding: 7px 1px;
  font-size: 16px;
}
div#sliders div.panel {
  border-top: 1px solid #eee;
}
/* type:  pages */
div#article-index {
  float: right;
  margin: 0 0 42px 42px;
  padding: 20px;
  border: 1px solid #eee;
}
div#article-index h3 {
  margin: 0 0 18px;
  line-height: 32px;
  border-bottom: 3px solid #eee;
  font-size: 24px;
}
div#article-index ul li {
  border-bottom: 1px solid #eee;
  font-size: 12px;
  padding: 2px 0;
}
div.pagenavcounter {
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #90a857;
  margin-bottom: 16px;
}
div.pagination {
  clear: both;
  margin-top: 42px;
}
div.articleContent div.pagination li {
  height: 14px !important;
  line-height: 14px;
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  font-size: 12px;
  cursor: pointer;
  border-left: 1px solid #eee;
  border-right: none;
}
div.articleContent div.pagination li:first-child {
  border-left: none;
}
div.articleContent div.pagination li a {
  margin: 2px 0 0 0;
  padding: 0;
  border-left: none;
  border-right: none;
}
/* type:  tabs */
dl#tabs {
  position: relative;
  height: 40px;
  margin-bottom: 20px;
  border-bottom: 4px solid #eee;
}
dl#tabs dt {
  border-bottom: 4px solid #eee;
  height: 38px;
  line-height: 39px;
  float: left;
  padding: 0 16px;
  color: #333;
  list-style-type: none;
  position: relative;
  top: 1px;
  font-weight: normal;
}
dl#tabs dt h3 {
  font-weight: normal;
  font-size: 14px;
}
dl#tabs dt:hover {
  color: #333;
  cursor: pointer;
}
dl#tabs dt.open {
  border-bottom: 4px solid #90a857;
  z-index: 1;
  color: #fff;
  background: #90a857;
}
dl#tabs dt a {
  color: #555;
}
dl#tabs dt:hover a {
  color: #90a857;
}
dl#tabs dt.open a {
  color: #fff;
}
/* Other ----------------------*/
iframe {
  border: none;
}
.hidelabeltxt {
  display: none;
}
#system-readmore {
  display: none;
}
.tip {
  padding: 12px;
  max-width: 400px;
  border: 1px solid #eee;
  background: #fffef4;
  font-size: 11px;
  line-height: 1.5;
}
.tip-title {
  font-size: 13px;
  color: #333;
  margin: 0 0 8px;
}
#gkComponentWrap {
  font-size: 100%; /* necessary for font-size work */
}
/* switch to mobile button ----------------------*/
div.mobileSwitch {
  display: block;
  clear: both;
  min-height: 60px;
  width: 100%;
  position: absolute;
}
div.mobileSwitch > a {
  float: right;
}
/* com_finder ----------------------*/
#finder-search fieldset.word > * {
  float: left;
}
#finder-search fieldset.word > label {
  line-height: 35px;
  margin-right: 10px;
}
.search-pagination .search-pages-counter {
  font-size: 11px;
  font-style: italic;
  text-align: center;
}
#search-results {
  clear: both;
}
#advanced-search {
  background: #f9f9f9;
  padding: 20px;
  font-size: 85%;
}
.filter-branch select {
  margin-top: 6px;
  margin-left: 6px;
}
/* com_finder & mod_finder autocompleter ----------------------*/
body ul.autocompleter-choices {
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #EEE;
  background-color: white;
  border-right-color: #DDD;
  border-bottom-color: #DDD;
  text-align: left;
  font-size: 11px;
  z-index: 50;
}
body ul.autocompleter-choices li {
  background: none;
  position: relative;
  padding: 0.1em 1.5em 0.1em 1em;
  cursor: pointer;
  font-weight: normal;
  font-size: 1em;
}
body ul.autocompleter-choices li.autocompleter-selected {
  background-color: #eee;
  color: #666;
}
body ul.autocompleter-choices span.autocompleter-queried {
  font-weight: bold;
}
body ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
  color: #333;
}
body ul#finder-filter-select-list {
  top: 4em !important;
}
/* Fix for the editor */
.item-page.edit .formelm {
  clear: both;
  float: left;
}
.item-page.edit .formelm .button2-left {
  margin-top: 6px;
}
.item-page.edit .formelm-area label {
  display: block;
  width: 100%;
}
.item-page.edit .formelm-buttons {
  margin-top: 5px;
}
.item-page.edit .fltlft {
  float: left;
}
.item-page.edit legend {
  font-size: 140%;
  font-style: italic;
}
.item-page.edit .toggle-editor {
  margin-top: -5px;
}
/* Buttons */
#editor-xtd-buttons {
  padding: 5px;
}
.button2-left,.button2-right,.button2-left div,.button2-right div {
  float: left;
}
.button2-left a,.button2-right a,.button2-left span,.button2-right span {
  display: block;
  height: 22px;
  float: left;
  line-height: 22px;
  font-size: 11px;
  color: #666;
  cursor: pointer;
}
.button2-left span,.button2-right span {
  cursor: default;
  color: #999;
}
.button2-left .page a,.button2-right .page a,.button2-left .page span,.button2-right .page span {
  padding: 0 6px;
}
.button2-left a:hover,.button2-right a:hover {
  text-decoration: none;
  color: #0B55C4;
}
.button2-left a,.button2-left span {
  padding: 0 24px 0 6px;
}
.button2-right a,.button2-right span {
  padding: 0 6px 0 24px;
}
.button2-left {
  background: url(../images/joomla/j_button2_left.png) no-repeat;
  float: left;
  margin-left: 5px;
}
.button2-right {
  background: url(../images/joomla/j_button2_right.png) 100% 0 no-repeat;
  float: left;
  margin-left: 5px;
}
.button2-left .image {
  background: url(../images/joomla/j_button2_image.png) 100% 0 no-repeat;
}
.button2-left .readmore,.button2-left .article {
  background: url(../images/joomla/j_button2_readmore.png) 100% 0 no-repeat;
}
.button2-left .pagebreak {
  background: url(../images/joomla/j_button2_pagebreak.png) 100% 0 no-repeat;
}
.button2-left .blank {
  background: url(../images/joomla/j_button2_blank.png) 100% 0 no-repeat;
}
/* Calendar */
a img.calendar {
  width: 16px;
  height: 16px;
  margin-left: 3px;
  background: url(../images/joomla/calendar.png) no-repeat;
  cursor: pointer;
  vertical-align: middle;
}
span#jform_articletext_parent {
  width: 100%;
  display: block;
  clear: both;
  float: none;
}
/* language manager styling */
.mod-languages {
     display: inline-block;
     float: right;
}
.mod-languages form {
     margin:  0px 8px;
     float: left;
}

.mod-languages select {
     font-size: 11px;
     line-height: 18px;
     height: 28px;
   margin-top:7px;
     padding: 5px;
     -webkit-box-shadow: inset 0 3px 5px #eee;
     -moz-box-shadow: inset 0 3px 5px #eee;
     box-shadow: inset 0 3px 5px #eee;

     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
}

.mod-languages div.pretext,
.mod-languages div.posttext {
     display: inline-block;
     padding: 0 3px;
     float: left;
   line-height:42px;
}

.mod-languages div.pretext p,
.mod-languages div.posttext p {
     margin: 0;
     padding: 0;
}

.mod-languages ul.lang-inline,
.mod-languages ul.lang-block {
     display: inline-block;
     float: left;
}

div.mod-languages > ul.lang-block > li,
div.mod-languages > ul.lang-inline > li {
     float:  left;
     line-height: 44px;
     margin: 0 5px;
}
div.mod-languages > ul.lang-block > li a,
div.mod-languages > ul.lang-inline > li a {
     padding-left:3px !important;
}

.mod-languages ul li.lang-active {
     font-weight: bold;
}

.mod-languages ul li a img {
     -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     -ms-transform-style: preserve-3d;
     transform-style: preserve-3d;
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     -webkit-transform: scale(1);
     transform: scale(1);
     -moz-transition: -moz-transform 0.1s ease-out;
     -o-transition: -o-transform 0.1s ease-out;
     -webkit-transition: -webkit-transform 0.1s ease-out;
     transition: transform 0.1s ease-out
}

.mod-languages ul li a:hover img {
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -o-transform: scale(1.2);
     -ms-transform: scale(1.2);
     transform: scale(1.2);

     -webkit-transition: -webkit-transform 0.6s ease-out;
     -webkit-transition: -webkit-transform 0.6s ease-out;
     -webkit-transition: -webkit-transform 0.6s ease-out;
     -webkit-transition: -webkit-transform 0.6s ease-out;
     transition: transform 0.6s ease-out;
}

.mod-languages ul li.lang-active a img {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
}