/**
* @version   $Id: default.php 2012-01-16 21:00:00
* @package   JJ Shoutbox
* @copyright Copyright (C) 2011 - 2013 JoomJunk. All rights reserved.
* @license   http://www.gnu.org/licenses/gpl-3.0.html
*/

button.linkbutton {
	background:none!important;
	border:none; 
	padding:0!important;
	text-decoration:none;
	text-align: left; 
	font-size:11px;
	display:inline-block;
	line-height: 16px;
}
button.linkbutton:hover {
	text-decoration:underline;
}


.main-title {
	color:#333333;
	text-align:center;
	margin: 5px;
	font-size:16pt;
	font-weight:bold;
}

.sub-title {
	color:#333333;
	text-align:center;
	margin: 5px;
	font-size:12pt;
}

.description {
	color:#333333;
	width:550px;
	background-color:#EBEBEB;
	border: 1px solid #a9a9a9;
	margin: 10px;
	padding:5px;
	font-size:10pt;
}

#mainlist { 
	width:668px;
	height:600px;
	background-color:#F7F7F8;
	border: 1px solid #a9a9a9;
	overflow-y:scroll;
}


#mainlist-title { 
	width:650px;
	height:100px;
	background-color:#e2e2e2;
	border: 1px  solid #a9a9a9;
	border-bottom: 0px;
	margin-left:7px
}


#listform-nolimit {
	width:650px;
	background-color:#F7F7F8;
	border: 1px solid #a9a9a9;
	margin-left:7px;
	margin-top:30px;
}


#bfont
{
	color:black;
}


table.userstats {
	font-size:12px;
	color:#333333;
	text-align:left;
	background-color:#F7F7F8;
	width:672px;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #a9a9a9;
	border-spacing: 0px;
}
table.userstats tr {
	height:20px;
	border: none;
	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(left,  #e2e2e2 0%, #eaeaea 39%, #eaeaea 60%, #e2e2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e2e2e2), color-stop(39%,#eaeaea), color-stop(60%,#eaeaea), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #e2e2e2 0%,#eaeaea 39%,#eaeaea 60%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #e2e2e2 0%,#eaeaea 39%,#eaeaea 60%,#e2e2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #e2e2e2 0%,#eaeaea 39%,#eaeaea 60%,#e2e2e2 100%); /* IE10+ */
	background: linear-gradient(to right,  #e2e2e2 0%,#eaeaea 39%,#eaeaea 60%,#e2e2e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#e2e2e2',GradientType=1 ); /* IE6-9 */
}
table.userstats th {
	background: #c8c8c8; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #c8c8c8 0%, #dddddd 39%, #dddddd 60%, #c8c8c8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#c8c8c8), color-stop(39%,#dddddd), color-stop(60%,#dddddd), color-stop(100%,#c8c8c8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #c8c8c8 0%,#dddddd 39%,#dddddd 60%,#c8c8c8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #c8c8c8 0%,#dddddd 39%,#dddddd 60%,#c8c8c8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #c8c8c8 0%,#dddddd 39%,#dddddd 60%,#c8c8c8 100%); /* IE10+ */
	background: linear-gradient(135deg,  #c8c8c8 0%,#dddddd 39%,#dddddd 60%,#c8c8c8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#c8c8c8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	font-size:12px;
	text-align:center;
	padding: 5px 5px 5px 5px;
	font-weight:bold;
	border-bottom: 1px solid #a9a9a9;
}
table.userstats td {
	border: 0px;
	padding: 3px 5px 3px 5px ;
}


.userstatsdiv {
	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(left,  #e2e2e2 0%, #eaeaea 39%, #eaeaea 60%, #e2e2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e2e2e2), color-stop(39%,#eaeaea), color-stop(60%,#eaeaea), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #e2e2e2 0%,#eaeaea 39%,#eaeaea 60%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #e2e2e2 0%,#eaeaea 39%,#eaeaea 60%,#e2e2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #e2e2e2 0%,#eaeaea 39%,#eaeaea 60%,#e2e2e2 100%); /* IE10+ */
	background: linear-gradient(to right,  #e2e2e2 0%,#eaeaea 39%,#eaeaea 60%,#e2e2e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#e2e2e2',GradientType=1 ); /* IE6-9 */
}

table.userstats-text td {
	margin:1px;
	padding:1px;
	font-size:11px;
}





#emptyitem {
	color:#333333;
	width:620px;
	text-align:center;
	background-color:#F7F7F8;
	border: 1px solid #a9a9a9;
	margin: 5px;
}


table.tftable {
	width:640px;
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-style: solid;
	border-color: #a9a9a9;
	text-align:left;
	background-color:#F7F7F8;
	overflow: auto;
	margin:6px;
	word-wrap: break-word;
	border-spacing: 0px;
}
table.tftable tr {
	height:20px;
}
table.tftable th {
	font-size:11px;
	padding: 4px 5px 4px 5px;
	background: #d9d9d9; /* Old browsers */
	background: -moz-linear-gradient(top,  #d9d9d9 0%, #ebebeb 39%, #ebebeb 60%, #d9d9d9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(39%,#ebebeb), color-stop(60%,#ebebeb), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d9d9d9 0%,#ebebeb 39%,#ebebeb 60%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d9d9d9 0%,#ebebeb 39%,#ebebeb 60%,#d9d9d9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d9d9d9 0%,#ebebeb 39%,#ebebeb 60%,#d9d9d9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d9d9d9 0%,#ebebeb 39%,#ebebeb 60%,#d9d9d9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
	font-weight:bold;
	border-bottom: 1px solid #a9a9a9;
}
table.tftable td {
	font-size:11px;
	padding: 5px 8px 5px 8px;
	
}





table.edittable {
	font-size:12px;
	color:#333333;
	text-align:left;
	background-color:#F7F7F8;
	width:670px;
	border: 1px solid #a9a9a9;
	margin:20px;
	border-spacing: 0px;	
}
table.edittable tr {
	height:20px;
	border-bottom: 1px solid #a9a9a9;
}
table.edittable th {
	font-size:11px;
	color: white;
	padding: 4px 5px 4px 5px;
	background: #0B294C;; /* Old browsers */
	font-weight:bold;
	border-bottom: 3px solid #FBBA00;
	height:17px;
}
table.edittable td {
	font-size:12px;
	padding: 7px 7px 7px 7px ;

}
table.edittable input,select {
	margin:2px;

}


table.summarytab {
	padding:0px;
	border:0px;
}
table.summarytab tr {
	border:0px;
}
table.summarytab td {
	padding:0px;
}





table.largetable {  
  font: 11px helvetica, arial, sans-serif; 
  table-layout: fixed; 
  width: 100%;
  background-color: #F7F7F8
}
table.largetable td, th {
  vertical-align: top;  
  padding:2px;
  width:100px;
}
table.largetable th {
  position:absolute;
  *position: relative; /*ie7*/
  left:0; 
  width:120px;	  
  margin-top:0px;
}
table.largetable tr {
}
.largetablediv-outer {
	position:relative;
	border-top: 4px  solid #FBBA00;
	border-left: 1px  solid #333;
	border-right: 1px  solid #333;
}
.largetablediv-inner {
  overflow-x:scroll;
  overflow-y:visible;
  width:574px; 
  margin-left:124px; 
  border-left: 1px  solid #333;
  border-right: 1px  solid #333;
}



.sponsordiv {
  border-width: 1px;
  border-style: solid;
  border-color: #FBBA00;
  width:200px;
  height:150px;
  margin:10px;
  float: left;
  text-align:center;
  position: relative;
  padding:5px;
  vertical-align: middle;
  display: inline-block;
}

.sponsordiv-name{
	width:200px;
	background-color: #0B294C;
	color:white;
	background: rgba(0,0,0,0.7); 
	padding: 5px; 
	position: absolute; 
	bottom: 0px; right: 0px; 
	text-align: center;
}





.btn-icosmall {
	padding:0px;
	width:30px;
	height:20px;
	font-size: 15px;
    display: inline-block;
    font-size: 13px;
    line-height: 12px;
	margin:0px;
    text-align: center;
    vertical-align: middle;
}


.btn-icosmall-red {
	padding:0px;
	width:30px;
	height:20px;
	font-size: 15px;
    display: inline-block;
    font-size: 13px;
    line-height: 12px;
	margin:0px;
    text-align: center;
    vertical-align: middle;
	background-color:  #FBBA00;
	color:white;
	border-width: 1px;
	border-color:#FBBA00;
}

button.btn-icosmall-main {
	margin:3px;
	font-size:11px;
	padding:0px;
	height:28px;
	width:120px;
}

.smallTextBtn {
  color:#333333;
  display:inline-block;
  border: 0px;
  text-align: center;
  margin:0px 0px 1px 0px;
  padding:0px;
  background: none;
}

.smallTextBtn:hover {
  color:#5A8382;
}




.title-bar1 {
	background-color: #0B294C; 
	border-top: 4px  solid #FBBA00;
	border-bottom: 4px  solid #FBBA00;
	height: 38px;
	text-align:middle;
	color:white;
	width:672px;
	line-height: 38px;
}





.title-bar2 {
	background-color: #0B294C; 
	border-bottom: 4px  solid #FBBA00;
	height: 20px;
	text-align:middle;
	color:white;
	width:672px;
	line-height: 30px;
}


.citlog table { border-collapse: collapse;  width: 100%; font-family: Arial,Helvetica,sans-serif;font-size:12;color: #3A3A3A;text-align:left;line-height: 160%;margin: 0px; padding: 0px} 
.citlog {background: #F8F8F8; overflow: hidden; border: 1px solid #CCC;  border-radius: 5px; }
.citlog table td { padding: 3px 10px; } 
.citlog table th { padding: 3px 10px;}
.citlog-header {border: solid 0 #000; border-bottom-width: 2px; padding-bottom: 0.5ex; font-weight:bold;}
.citlog ul {margin:3px;padding-left:25px}