/* 
 * DESIGN INNOWAYTOR v4
 * Author: Dominic Meier
 * Date: 09-2012
 */


/* Resets */
* {
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
}

/* Update info (wird nur in der �bergangsphase von Version 3MX zu 4 ben�tigt, kann sp�ter gel�scht werden)*/

#bgdark {
	position: absolute;
	background: #000;
	height: 100%;
	width: 100%;
	z-index: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

body #innowaytor_userinfo {
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -270px;
	width: 500px;
	z-index: 2;
}

#innowaytor_userinfo a {
	float: right;
}

/* Generic Styles */

input[type=text], input[type=password], textarea {
	padding: 0.2em 0.3em;
	border: 1px solid #999;
	box-shadow: inset 2px 2px 4px rgba(20,20,20,0.2);
}

td, th {
	padding: 0.3em;
	font-size: 12px;
	vertical-align: top;
}


body {
	background: #999;
	color: #000;
	font-family: Arial;
	font-size: 12px;
}

body.editview {
	padding: 15px;
}

body.treeview {
	padding: 5px;
}

body.treeview .editcontent {
	width: 235px;
	padding: 5px;
	float: none;
	margin-top: 0px;
}

div.editcontent {
	padding: 10px;
	margin-top: 10px;
	background: #efefef;
	border: 1px solid #444;
	box-shadow: 3px 3px 3px rgba(20,20,20,0.5);
	float: left;
	position: relative;
	margin-bottom: 15px;
}

a {
	text-decoration: none;
	color: #000;
}

form#form_search table {
	border: 1px solid #BFAD80;
}

form#form_search table table {
	border: none;
}

table th a:not(.button_admin):before {
	font-size: 10px;
	vertical-align: top;
	content: "\2195 \20";
}

form#form_search th, form#form_search td {
	background: #F1E8C1;
}

.backgroundmain th {
	background: inherit;
}

table.cmstree tr.zebra td {
	vertical-align: middle;
}

table tr.zebra td {
	vertical-align: top;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

table.cmstree tr.zebra tr.zebra td {
	border: none !important;
}

table tr.zebra td:first-child, table tr.zebra th:first-child {
	border-left: 1px solid #aaa;
}

table tr.zebra td:last-child, table tr.zebra th:last-child {
	border-right: 1px solid #aaa;
}

table tr.zebra:nth-of-type(2n) {
	background: #EEF3F3;
}

table tr.zebra:nth-of-type(2n+1) {
	background: #DDE7E8;
}

span.modulversion {
	color: #444;
	font-size: 10px;
}



/* Login / Welcome */

#welcome_message {
	margin: 20px auto;
	width: 400px;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
	font-size: 16px;
	text-align: center;
}

#welcome_message select {
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 18px;
}

#welcome_message div {
	margin-bottom: 10px;
}

#innowaytor_logo {
	background: #141514;
	padding-top: 70px;
	text-align: center;
	height: 160px;
	position: relative;
}

body.loginview {
	padding: 0;
	background: #999999;
}

#loginbox, #welcome_message, #innowaytor_userinfo {
	margin: 30px auto;
	font-size: 18px;
	width: 400px;
	padding: 20px;
	background: #efefef;
	border: 1px solid #444;
	box-shadow: 3px 3px 3px rgba(20,20,20,0.5);
}

#loginbutton_box, #gobutton_box {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 0 !important;
}

#loginbutton_box a, #gobutton_box a {
	margin: 3px;
	width: 146px;
	font-size: 16px;
}

#loginbutton_box a {
	float: right;
}

#loginbox div {
	overflow: hidden;
	margin-bottom: 15px;
}

#loginbox input {
	font-size: 16px;
	width: 250px;
	float: right;
}

#loginbox label {
	padding-top: 0.3em;
	float: left;
	width: 120px;
	text-shadow: 0px 1px 1px #fff;
}

#login_footer {
	margin: 30px auto;
	text-align: center;
	margin-bottom: 0;
	width: 300px;
	padding: 8px;
	border-top: 1px solid #666;
	font-size: 12px;
	color: #666;
}


/* Buttons */

.button_admin {
	cursor: pointer;
	font-weight: bold;
	display: inline-block;
	color: #333;
	font-size: 12px;
	padding: 0.3em 1.4em;
	margin-right: 10px;
	border: 1px solid #747474;
	border-radius: 2px;
	background: #ccc;
	background-image: linear-gradient(top, #eee, #ccc);
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	box-shadow: 0 0 3px #F6F6F6 inset, 0 1px 1px #444;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	text-decoration: none;
}
.button_admin.small {
	font-weight: normal;
	padding: 0 4px;
	margin: 0;
	font-size: 12px;
}

.button_admin.inactive {
	color: #aaa;
}
.button_admin:hover {
	background: #ddd;
	background-image: gradient(top, #fafafa, #ddd);
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
}
.button_admin:active {
	background: #bbb;
	background-image: linear-gradient(top, #ccc, #bbb);
	background-image: -webkit-linear-gradient(top, #ccc, #bbb);
	background-image: -moz-linear-gradient(top, #ccc, #bbb);
	background-image: -o-linear-gradient(top, #ccc, #bbb);
	background-image: -ms-linear-gradient(top, #ccc, #bbb);
	box-shadow: 2px 2px 3px rgba(0,0,0,.2) inset;
	position: relative;
	top: 1px;
}

/* Bug fix for weird Firefox bug */
input[type=file].button_admin:active {
	position:inherit;
}

.button_admin.good {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.8);
	background: #339900;
	background-image: linear-gradient(top, #79B05D, #339900);
	background-image: -webkit-linear-gradient(top, #79B05D, #339900);
	background-image: -moz-linear-gradient(top, #79B05D, #339900);
	background-image: -o-linear-gradient(top, #79B05D, #339900);
	background-image: -ms-linear-gradient(top, #79B05D, #339900);
}
.button_admin.good:hover {
	background-color: #85B76C;
	background-image: linear-gradient(top, #9EC689, #85B76C);
	background-image: -webkit-linear-gradient(top, #9EC689, #85B76C);
	background-image: -moz-linear-gradient(top, #9EC689, #85B76C);
	background-image: -o-linear-gradient(top, #9EC689, #85B76C);
	background-image: -ms-linear-gradient(top, #9EC689, #85B76C);
}
.button_admin.bad {
	border: 1px solid #820000;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.8);
	background: #CC0000;
	background-image: linear-gradient(top, #DF5D5D, #CC0000);
	background-image: -webkit-linear-gradient(top, #DF5D5D, #CC0000);
	background-image: -moz-linear-gradient(top, #DF5D5D, #CC0000);
	background-image: -o-linear-gradient(top, #DF5D5D, #CC0000);
	background-image: -ms-linear-gradient(top, #DF5D5D, #CC0000);
}
.button_admin.bad:hover {
	background: #D52E2E;
	background-image: linear-gradient(top, #E26C6C, #D52E2E);
	background-image: -webkit-linear-gradient(top, #E26C6C, #D52E2E);
	background-image: -moz-linear-gradient(top, #E26C6C, #D52E2E);
	background-image: -o-linear-gradient(top, #E26C6C, #D52E2E);
	background-image: -ms-linear-gradient(top, #E26C6C, #D52E2E);
}

table.cmstree .button_admin.small:nth-of-type(1) {
	margin-left: 4px;
}

table.cmstree .button_admin.small {
	height: 16px;
	text-align: center;
	width: 15px;
	margin: 2px 0;
	margin-right: 1px;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
}

.button_admin.active {
	border: 1px solid #820000;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.8);
	background: #CC0000;
	background-image: linear-gradient(top, #DF5D5D, #CC0000);
	background-image: -webkit-linear-gradient(top, #DF5D5D, #CC0000);
	background-image: -moz-linear-gradient(top, #DF5D5D, #CC0000);
	background-image: -o-linear-gradient(top, #DF5D5D, #CC0000);
	background-image: -ms-linear-gradient(top, #DF5D5D, #CC0000);
}

/* Registers for content */

td.registermain {
	padding: 0;
}

ul.registers a {
	text-decoration: none;
}

ul.registers {
	list-style-type: none;
	margin: 0 -17px;
	margin-top: -37px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-top: 1px;
	position: relative;
}

ul.registers li {
	float: left;
	height: 14px;
	margin: 0 0.5em;
	padding: 5px 1em;
	box-shadow: 3px 3px 3px rgba(20,20,20,0.5);
	background: #bdbdbd;
	background-image: linear-gradient(top, #EFEFEF, #bdbdbd);
	background-image: -webkit-linear-gradient(top, #EFEFEF, #bdbdbd);
	background-image: -moz-linear-gradient(top, #EFEFEF, #bdbdbd);
	background-image: -o-linear-gradient(top, #EFEFEF, #bdbdbd);
	background-image: -ms-linear-gradient(top, #EFEFEF, #bdbdbd);
	border-top: 1px solid #444;
	border-right: 1px solid #444;
	border-left: 1px solid #444;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

ul.registers li.active {
	background: #EFEFEF;
	padding-bottom: 6px;
	margin-bottom: -1px;
}

ul.registers li a {
	color: #666;
}

ul.registers li.active a {
	color: #000;
}

td.titelmain {
	padding: 0 0.5em;
	text-align: right;
	vertical-align: middle;
	color: #555;
	font-size: 12px;
	height: 20px;
	padding-bottom: 10px;
}

/* Top navigation (registers and bar) */

#innowaytor_v4_logo {
	position: absolute;
	top: 0;
	left: 16px;
	width: 275px;
	height: 55px;
}

#threeway_innowaytor_logo {
	position: absolute;
	right: 0;
	top: 0;
	width: 297px;
	height: 51px;
}

.loginview #innowaytor_version {
	position: static;
	font-size: 30px;
}

#innowaytor_version {
	position: absolute;
	left: 300px;
	top: 29px;
	color: #999;
	font-size: 20px;
}

#innowaytor_logo #threeway_innowaytor_logo {
	bottom: 10px;
	right: 5px;
	top: auto;
}

#adminheader {
	height: 55px;
	background: #141514;
}

#adminheaderbar {
	height: 10px;
	background: #315859;
	background-image: gradient(top, #6BC2C4, #315859);
	background-image: -webkit-linear-gradient(top, #6BC2C4, #315859);
	background-image: -moz-linear-gradient(top, #6BC2C4, #315859);
	background-image: -o-linear-gradient(top, #6BC2C4, #315859);
	background-image: -ms-linear-gradient(top, #6BC2C4, #315859);
	border-bottom: 1px solid #444;
}

div.adminnavi {

}

div.adminnavi ul {
	list-style-type: none;
	padding: 0 20px;
	margin: 0;
	overflow: hidden;
	background: #A8A8A8;
	background-image: linear-gradient(top, #E2E2E2, #A8A8A8);
	background-image: -webkit-linear-gradient(top, #E2E2E2, #A8A8A8);
	background-image: -moz-linear-gradient(top, #E2E2E2, #A8A8A8);
	background-image: -o-linear-gradient(top, #E2E2E2, #A8A8A8);
	background-image: -ms-linear-gradient(top, #E2E2E2, #A8A8A8);
}

div.adminnavi ul li {
	float: left;
	padding: 0.2em 1em;
	border-right: 1px solid #444;
	border-left: 1px solid #444;
	margin-right: -1px;
}

div.adminnavi ul li.active {
	background: #315859;
	background-image: linear-gradient(top, #6BC2C4, #315859);
	background-image: -webkit-linear-gradient(top, #6BC2C4, #315859);
	background-image: -moz-linear-gradient(top, #6BC2C4, #315859);
	background-image: -o-linear-gradient(top, #6BC2C4, #315859);
	background-image: -ms-linear-gradient(top, #6BC2C4, #315859);
}

div.adminnavi a {
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	font-size: 15px;
	color: #333;
	text-decoration: none;
}

div.adminnavi li.active a {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.8);
}

div.adminnavibalken ul {
	box-shadow: 0px 3px 3px rgba(20,20,20,0.5);
	background: #E2E2E2;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	list-style-type: none;
	padding:3px 22px;
	overflow: hidden;
}

div.adminnavibalken ul li {
	float: left;
	padding: 0.1em 0;
	padding-right: 2em;
}

div.adminnavibalken a {
	font-size: 13px;
	color: #888;
	text-decoration: none;
}

div.adminnavibalken a b {
	color: #000;
}


/* CMS tree */

body > table.cmstree {
	border: 1px solid #aaa;
}

table.cmstree td {
	padding: 0;
	vertical-align: middle;
}

tr.activenavitree, tr.activenavitree td, td.activenavitree {
	font-weight: bold;
}

table.cmstree th {
	background: #A8A8A8;
	background-image: linear-gradient(top, #E2E2E2, #A8A8A8);
	background-image: -webkit-linear-gradient(top, #E2E2E2, #A8A8A8);
	background-image: -moz-linear-gradient(top, #E2E2E2, #A8A8A8);
	background-image: -o-linear-gradient(top, #E2E2E2, #A8A8A8);
	background-image: -ms-linear-gradient(top, #E2E2E2, #A8A8A8);
	color: #444;
	padding: 0.3em;
	vertical-align: middle;
	border: 1px solid #aaa;
}

/* Old styles */

input.text50{
	width: 50px;
}
input.text70{
	width: 70px;
}
input.text100{
	width: 100px;
}
input.text150{
	width: 150px;
}
input.text180{
	width: 180px;
}
input.text200{
	width: 200px;
}
input.text250{
	width: 250px;
}
input.text300{
	width: 300px;
}
input.text400{
	width: 400px;
}
select.sel300{
	width: 300px;
}
select.sel400{
	width: 400px;
}
textarea.text300x100{
	width: 300px;
	height: 100px;
}
textarea.text400x100{
	height: 100px;
	width: 400px;
}
textarea.text400x250{
	height: 250px;
	width: 400px;
}
textarea.text600x400{
	height: 400px;
	width: 600px;
}
textarea.text400x60{
	height: 60px;
	width: 400px;
}
option.formaus{
	width: 110px;	
}
.pd100{
	width: 100px;
}
.pd150{
	width: 150px;
}
.pd200{
	width: 200px;
}
.pd230{
	width: 230px;
}
.pd300{
	width: 300px;
}
.pd400{
	width: 400px;
}
.pd501{
	width: 10px;
}