/* CSS Document */

.whoplaystable {
	border: 0px solid #666666;/*empty-cells: show;*/
}

.whoplaystable td, .whoplaystable th {
	border: 0px solid #888888;/*padding: 2px !important;*/
}

.tablebutton {
	border: 0px solid #555555;
	background-color:#EDEEDE;
	display: inline;
}

.tablebutton:hover {
	background-color:#BBBBBB;
}

.tablebutton2 {
	border: 0px solid #555555;
	display: inline;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	background-color:#EDEEDE;
}

.tablebutton2 a, .tablebutton2 a:link {
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

.tablebutton2:hover {
	background-color:#BBBBBB;
}

.tablebutton2 a:hover {
	text-decoration: none;
}

.headline {
	font-size: 20px;
	font-weight: bold;
	margin-top: 1px;
	margin-bottom: 1px;
}

.evthead {
}

/*This are the single tableheads*/
.evth0 {
}

.evth1 {
}

.evtdedit {
}

/*Background can be administrated directly through the backend*/
.linecolor1 {
}

.linecolor2 {
}

.editlink {
}

.delete {
}

.ordering {
}

/*CSS of the Edit Pages*/
.edittable {
}

.edittextarea {
}

.lightsearch {
	color: #3366FF;
	font-weight: bold;
}

.cellcontent {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}

.print {
	font-size: 12px;
	font-weight: bold !important;
}

table.gifsheet {
	font-size: 11px;
	border:1px solid #DDDDDD;
	background-color:#F9F9F9;
	border:1px solid #D5D5D5;
	border-collapse:collapse;
	padding:10px;
	text-align: center !important;
}

table.gifsheet td {
	padding-bottom: 4px;
}

#cpanel {
	text-align: center !important;
	vertical-align:middle;
}

#cpanel div.icon {
	margin: 3px;
	text-align: center !important;
}

#cpanel div.icon img {
	margin-top:13px;
}

#cpanel div.icon a:visited {
	color:#808080;
}

#cpanel div.icon a:hover {
	background-color:#F1E8E6;
	border:1px solid #C24733;
	color:#333333;
	padding:3px 4px 0px 6px;
}

#cpanel div.icon a {
	border:1px solid #DDDDDD;
	display:block;
	float:left;
	height:97px !important;
	padding:2px 5px 1px;
	text-decoration:none;
	vertical-align:middle;
	width:108px !important;
}

#cpanel div.icon span {
	display:block;
	text-align: center !important;
	padding-top:3px;
}

.cpages {
	font-size: 10px;
	text-align: center !important;
	margin-top: 3px;
	margin-bottom: 6px;
}

#popupdiv {
	position: fixed;
	background: transparent url(../images/ajaxback.png) top left no-repeat;
	top: 50%;
	left: 50%;
	margin-left: -280px;
	margin-top: -170px;
	padding: 15px 20px 30px 15px;
	width: 575px;
}

* html #popupdiv { /* ie6 hack */
	position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#popupdivdate {
	position: fixed;
	background: transparent url(../images/dateback.png) top left no-repeat;
	top: 50%;
	left: 50%;
	/*width: 164px;*/
	width: 173px;
	height: 80px;
	margin-left: -85px;
	margin-top: -125px;
	padding: 15px 34px 0 15px;
}

* html #popupdivdate { /* ie6 hack */
	position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

* html div.calendar {
	position: absolute !important;
}

div.calendar {
	position: fixed;
}

#popupbutton {
	background: transparent url(../images/icon-32-apply.png) top left no-repeat;
	width: 32px;
	height: 32px;
	cursor: pointer;
	float: left;
	margin-top: 6px;
}

#popupbutton:hover {
	background: transparent url(../images/icon-32-apply.png) no-repeat 0 -30px;
}

#popupbutton2 {
	background: transparent url(../images/icon-32-cancel.png) top left no-repeat;
	width: 32px;
	height: 32px;
	cursor: pointer;
	float: left;
	margin-top: 6px;
}

#popupbutton2:hover {
	background: transparent url(../images/icon-32-cancel.png) no-repeat 0 -32px;
}

#loaddiv {
	position: absolute;
	background-color: #FFFFFF;
	border: 0px solid #999999;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: 50px;
	padding: 7px;
}

#loaddivinside {
	background-color: #FFFFFF;
	border: 0px solid #999999;
	padding: 3px;
	margin-top: 5px;
	float: right;
	margin-right: 5px;
}

#loaddivinsidedate {
	background-color: #FFFFFF;
	border: 0px solid #999999;
	padding: 3px;
	margin-top: 2px;
	float: right;
}

#clearspan {
	float: right;
	margin-top: 14px;
	margin-right: 10px;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	background: #DDDDDD;
	padding: 2px;
	border: 0px solid #777777;
}

#jdelete {
	cursor: pointer;
}

#mytip {
	position: absolute;
	z-index: 2000;
}

#tiphover {
	position: absolute;
}

.tool-tip {
	width: 380px;
	font-size: 11px;
}

.texttipimg {
	top: 5px;
	left: 583px;
}

.gentipimg {
	top: 55px;
	left: 95px;
}

#bnewrow {
	cursor: pointer;
}


/*_________________________TABLE_REACTIVE_______________________________*/

.whoplaystable, .whoplaystable a{
	position: static;
	color:#666666;
	font-size: 12px;
	font-weight: normal;
}

.reactiv_con{}

.whoplaystable tr.evthead{
	background: url('../images/reactants_head_c.gif') repeat;
	text-align: center;
	width: auto;
	height: 30px;
	
	color: #fff;
	border-bottom: 1px #FFF solid;
}

.whoplaystable tr.evthead td{padding: 0 15px}

.whoplaystable tr.evthead .evth0{background: url('../images/reactants_head_l.gif') no-repeat top left;}

.whoplaystable tr.evthead .evth2{background: url('../images/reactants_head_r.gif') no-repeat top right;}

.linecolor1, .reactiv_cont  tr.reactiv_td1{
	background:#E2E2E2!important;	
}

.linecolor2, .reactiv_cont tr.reactiv_td2{
	background:#C8D2D8!important;	
}

.search_table{ border: 1px #000 solid;}

.reactiv_cont tr td{
	
}

.reactiv_cont tr.reactiv_head td.col3, .reactiv_cont tr.reactiv_head td.col1, .reactiv_cont tr.reactiv_head td.col2{ text-align: center!important; padding-top: 10px!important;}

.reactiv_cont .col1{padding-bottom: 0px; *padding-bottom: 0px;  width: 200px; height: auto; display: inline-block; border-right: 1px #FFF solid; text-align: left; padding-left: 5px;}
.reactiv_cont .col2, .reactiv_cont tr.reactiv_head td.col2{ width: 90px; *width: 480px; height: auto;  display: inline-block; text-align: center!important;}
.reactiv_cont .col3, .reactiv_cont tr.reactiv_head td.col3{ width: 315px; display: inline-block; height: auto; text-align: left; padding-left: 5px; border-left: 1px #FFF solid;}
.reactiv_cont tr.reactiv_head td.col2, .reactiv_cont tr.reactiv_head td.col3, .reactiv_cont tr.reactiv_head td.col1{height: auto; padding-top: 5px;}

.nav_kat{clear: both; margin: 0 auto;}

.nav_kat span, .nav_kat a{ color:#666666;
	font-size: 12px;
	font-weight: normal;
	margin-right: 10px;
}
	
.nav_kat a:hover{ color:#41647A;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	margin-right: 10px;
	}