/*
Lansuite common Style-Definitions
These styles are loaded, before the custom designs definitions

For detailed Information see:
http://lansuite-docu.orgapage.de/index.php?title=Stylesheets

Format:
name {
  Positioning, Width, Height
  Margin, Border, Padding
  Float, Clear, Allign, White-space
  Colors, Background, Backgroundimages
  Font-size, -weight and -family
}
*/

/* Main-Template */
body {
  margin: 10px 10px 10px 10px;    padding: 0px 0px 0px 0px;
  text-align: left;
  background: #fff;    color: #000000
  font-size: 13px;    font-weight: normal;   font-family: verdana, helvetica, sans-serif;
}
td {
  font-size: 12px;
}

/* Content */
.content {
  padding: 10px 10px 10px 10px;
  background:       #aaaaaa;
}

div#Footer {
  clear: both;
}

ul.Line {
  position: relative;   height: 100%;  width: 100%;
  margin: 0px 0px 0px 0px;    border-top: 1px solid #9c9d9c;    padding: 0px 0px 2px 0px;
  clear: left;
}
ul.LineFirst {
  position: relative;   height: 100%;
  margin: 0px 0px 0px 0px;    padding: 0px 0px 0px 0px;
  clear: left;
}
li.LineLeft {
  width: 20%;   min-height: 16px;   z-index: 10;
  margin: 0px 0px 0px 0px;    padding: 4x 1% 4px 1%;
  float: left;
  list-style: none;
}
li.LineLeftBoard {
  width: 14%;   min-height: 16px;   z-index: 10;
  margin: 0px 0px 0px 0px;    padding: 4px 1% 4px 1%;
  float: left;
  list-style: none;
}
li.LineLeftHalf {
  width: 48%;   min-height: 16px;   z-index: 10;
  margin: 0px 0px 0px 0px;    padding: 4px 1% 4px 0%;
  float: left;
  list-style: none;
}
li.LineRightHalf {
  width: 48%;   min-height: 16px;   z-index: 11;
  margin: 0px 0px 0px 0px;    padding: 4px 1% 4px 1%;
  float: left;
  list-style: none;
}

li.LineRight {
  width:76%;
  min-height: 16px;   z-index: 11;
  margin: 0px 0px 0px 0px;    padding: 4px 1% 4px 1%;
  list-style: none;
  float: left;
}
li.LineMiddle {
  width:70%;
  min-height: 16px;   z-index: 11;
  margin: 0px 0px 0px 0px;    padding: 4px 1% 4px 1%;
  list-style: none;
  float: left;
}
li.LineMiddleRight {
  width:4%;
  min-height: 16px;   z-index: 11;
  margin: 0px 0px 0px 0px;    padding: 4px 1% 4px 1%;
  list-style: none;
  text-align:right;
  float: right;
}
li.LineRightBoard {
  width:80%;
  min-height: 16px;   z-index: 11;
  margin: 0px 0px 0px 0px;    padding: 4px 1% 4px 1%;
  list-style: none;
  float: left;
}

ul.MenuboxSubmenu {
  margin: 0px 0px 0px 6px;    padding: 0px 0px 0px 0px;
  list-style: none;
}

li.Confirmation {
  padding: 4px 2px 0px 2px;
    background: #00ff00;
  list-style: none;
}
li.Err {
  margin: 8px 2px 8px 2px;   padding: 8px 4px 10px 8px;
    background: #f33737;
  list-style: none;
}
li.Information {
  margin: 8px 2px 8px 2px;   padding: 8px 4px 10px 8px;
    background: #f8ae38;
  list-style: none;
}
li.Confirmation {
  margin: 8px 2px 8px 2px;   padding: 8px 4px 10px 8px;
    background: #84cd82;
  list-style: none;
}
li.Information > A, li.Confirmation > A, li.Err > A {
	color: DarkBlue;
}
div.Headline {
  position: relative;
  font-weight: bold;
  font-size: 15px;
}
div.HeadlineSub {
  font-size: 12px;
}
div.HeadlineHelp {
  position: absolute;   top: 0px;   right: 8px;
  font-size: 10px;
}
.login {
    background: #dee2e6;
  font-size: 12px;
  text-align: left;
}
.row_key, .mastersearch2_search_row_key, .mastersearch2_result_row_key {
  height: 100%;
  border-bottom: 1px solid #9c9d9c; 
  padding: 4px 2px 0px 2px;
  background: #E8E7E7;
  font-weight: bold;
  font-size: 13px;
  text-align: left;
}
.row_value, .mastersearch2_search_row_value, .mastersearch2_result_row_value {
  height: 100%;
  border-bottom: 1px solid #9c9d9c;   
  padding: 4px 2px 0px 2px;
  background: #EFEFEF;
  font-size: 13px;
}
.row_value_highlighted, .mastersearch2_search_row_value_highlighted, .mastersearch2_result_row_value_highlighted {
  height: 100%;
  border-bottom: 1px solid #9c9d9c;   
  padding: 4px 2px 0px 2px;
  background:     #E2F2E2;
  font-size: 13px;
}
.row_value_important, .mastersearch2_search_row_value_important, .mastersearch2_result_row_value_important {
  height: 100%;
  border-bottom: 1px solid #9c9d9c;   
  padding: 4px 2px 0px 2px;
  background: #EEE6BD;
  font-size: 13px;
}
div.Button {
  margin: 0px 0px 0px 0px;    padding: 0px 0px 0px 0px;
}

div.Button a {
  width: 140px;
  margin: 2px 0px 2px 0px;    padding: 2px 6px 2px 6px;
  text-align: center;
  background: #bbbbbb;
  font-weight: bold;
  display: block;
  font-size:13px;
}
div.Button a:hover {
  width: 140px;
  margin: 2px 0px 2px 0px;    padding: 2px 6px 2px 6px;
  text-align: center;
  background: #999999;    color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  display: block;
  font-site:13px;
}
div.Buttons a {
  width: 125px;  height: 100%;
  margin: 2px 2px 2px 0px;   border: 2px solid #6882b9;   padding: 1px;
  float: left;
  background: #D7E5F2;   color: #102132;
  font-size: 11px;  font-family: verdana, helvetica, sans-serif;
  text-align: center;
}
div.Buttons a:hover {
  width: 125px;  height: 100%;
  margin: 2px 2px 2px 0px;   border: 2px solid #6882b9;   padding: 1px;
  float: left;
  background: #284279;   color: #ffffff;
  font-size: 11px;  font-family: verdana, helvetica, sans-serif;
  text-align: center;
  text-decoration: none;
}
input.Button {
  width: 125px;  height: 100%;
  margin: 2px 0px 2px 0px;   border: 2px solid #6882b9;   padding: 0px 2px 0px 2px;
  background: #D7E5F2;   color: #102132;
  font-size: 11px;  font-family: verdana, helvetica, sans-serif;
}
input.Button:hover {
  width: 125px;  height: 100%;
  margin: 2px 0px 2px 0px;   border: 2px solid #6882b9;   padding: 0px 2px 0px 2px;
  background: #284279;   color: #ffffff;
  font-size: 11px;  font-family: verdana, helvetica, sans-serif;
  text-decoration: none;
}

.Help {
  color: #aaaaaa;
}

.form_optional { /* used for optional form fields */
  background: rgb(191,255,255);
}
.tbl_7 { /* used for quotes */
  text-align: left;
  background: #C7C6C4;    color: #000000;
  font-family: Courier New, Courier, mono;
}
.frame_box { /* used for seating descriptions */
    border: 1px solid #9D9D9D;   padding: 4px 4px 4px 4px;
    text-align: center;   vertical-align: middle;
    background: #D6D6D6;
}
.small {
  font-size: 10px;
}


/* Forms */

fieldset {
  margin: 0px 0px 0px 0px;   padding: 0px 0px 0px 0px;
}
label {
  margin: 0px 0px 0px 0px;   padding: 0px 0px 0px 0px;
}
input {
  margin: 0px 0px 0px 0px;   border: 1px solid #284279;   padding: 1px 0px 1px 0px;
  background: #D7E5F2;   color: #102132;
  font-size: 11px;    font-weight: normal;   font-family: verdana, helvetica, sans-serif;
}
input.checkbox {
  margin: 0px 4px 0px 0px;   border: 0px 0px 0px 0px;   padding: 0px 0px 0px 0px;
  background: #eeeeee;
}
input[type=checkbox] {
  border: 0px;
  background-color: transparent;
}
/*
input[type=text] {
  width: 100%;
}
*/
select {
  margin: 0px 0px 0px 0px;   border: 1px solid #284279;   padding: 0px 0px 0px 0px;
  background: #D7E5F2;   color: #102132;
  font-size: 11px;
}
textarea {
  width: 99%;
  margin: 0px 0px 0px 0px;   border: 1px solid #284279;   padding: 0px 0px 0px 0px;
  background: #D7E5F2;   color: #102132;
}
/* Dropdown Images */
option[value=de]:before { content:url("images/icon_de.png"); }
option[value=en]:before { content:url("images/icon_en.png"); }
option[value=at]:before { content:url("images/icon_at.png"); }
option[value=ch]:before { content:url("images/icon_ch.png"); }
option[value=es]:before { content:url("images/icon_es.png"); }
option[value=fr]:before { content:url("images/icon_fr.png"); }
option[value=nl]:before { content:url("images/icon_nl.png"); }
option[value=it]:before { content:url("images/icon_it.png"); }

input.yes_button {
  margin: 0px; border: 0px; padding: 0px;
  width: 20px; height: 20px;
  background-color: transparent; background-image: url("images/icon_yes.png");
  cursor: pointer;
}
form {
  margin: 0px; border: 0px; padding: 0px;
}


/* Links */
a:link, a:visited {
    color: #000000;
    text-decoration:none;
    font-size:13;
}
a:hover {
    color: #888888;
    text-decoration:underline;
    font-size:13;
}

/* Message-Highlighting */
.error {
    text-align: left;
    color: #FF0000;
    font-weight: bold;
}
.warning {
    text-align: left;
    color: #EE6600;
    font-weight: bold;
}
.okay {
    text-align: left;
    color: #008000;
    font-weight: bold;
}


/* Bars*/
ul.BarOccupied {
  position: static;   height: 12px;
  margin: 0px 0px 0px 0px;        padding: 0px 0px 0px 0px;
  float: left;
    background: #2bb800;
}
ul.BarMarked {
  position: static;   height: 12px;
  margin: 0px 0px 0px 0px;    border: 2px 0px 2px 0px solid #9c9d9c;    padding: 0px 0px 0px 0px;
  float: left;
    background: #fff500;
}
ul.BarFree {
  position: static;   height: 12px;
  margin: 0px 0px 0px 0px;    padding: 0px 0px 0px 0px;
  float: left;
    background: #b0b0b0;
}
ul.BarClear {
  position: static;   width: 0px;   height: 0px;
  margin: 0px 0px 0px 0px;    padding: 0px 0px 0px 0px;
  clear: left;
}


/* Teamspeak2 */
#teamspeakdisplay img {
  border: 0px;
}
#teamspeakdisplay table {
  border-collapse: collapse;  border-spacing: 0px;
}
#teamspeakdisplay td {
  padding: 0px;
  vertical-align: top;  white-space: nowrap;
  font-size: 11px;  font-family: verdana, helvetica, sans-serif;
}
#teamspeakdisplay td.teamspeakserver {
  padding-left: 3px;
  font-weight: bold;
}
#teamspeakdisplay td.teamspeakchannel {
  padding-left: 3px;
}
#teamspeakdisplay td.teamspeaksubchannel {
  padding-left: 3px;
}
#teamspeakdisplay td.teamspeakplayer {
    padding-left: 3px;
    font-weight: bold;
}
#teamspeakdisplay a.teamspeakserver {
  font-size: 11px;  font-weight: bold;  font-family: verdana, helvetica, sans-serif;
  text-decoration: none;
  color: #000000;
}
#teamspeakdisplay a.teamspeakchannel, a.teamspeaksubchannel {
  font-size: 11px;  font-weight: ;  font-family: verdana, helvetica, sans-serif;
  text-decoration: none;
  color: #000000;
}
#teamspeakdisplay a.teamspeakserver:hover, a.teamspeakchannel:hover, a.teamspeaksubchannel:hover {
  color: #000066;
  text-decoration: none;
}

















/* Relativer Tooltip */
a span.infobox {
  visibility:hidden; display:none;
  position:absolute;
  margin-top:1.5em; padding:0.5em;
  text-decoration:none;
  z-index:1;
}

a:hover span.infobox {
  visibility:visible; display:block;
  left:1em;
  border:1px solid #c30;
  color:black; background:white;
  text-decoration:none;
  z-index:1;
}

.infolink span.infobox {
  visibility:hidden; display:none;
  position:absolute;
  margin-top:1.5em; padding:0.5em;
  text-decoration:none;
  z-index:1;
}

.infolink:hover span.infobox {
  visibility:visible; display:block;
  left:1em;
  border:1px solid #c30;
  color:black; background:white;
  text-decoration:none;
  z-index:1;
}

/* Boxes 
*/

/*
li.box_entry {
  padding: 1px 0px 2px 16px;
  background-image: url(images/arrows_menurow.gif);   background-repeat: no-repeat;
}
li.box_entry_active {
  padding: 1px 0px 2px 16px;
    background-image: url(images/arrows_menurow_close.gif);    background-repeat: no-repeat;
}

li.box_entry_lvl_1 {
  padding: 1px 0px 2px 30px;
  background-position:14px;
  background-image: url(images/arrows_menurow.gif);   background-repeat: no-repeat;
}
li.box_entry_lvl_1_active {
  padding: 1px 0px 2px 30px;
  background-position:14px;
  background-image: url(images/arrows_menurow_close.gif);    background-repeat: no-repeat;
}

span.AdminIcons {
  padding: 1px 0px 2px 30px;
  background-position:14px;
  background-image: url(images/arrows_data.gif);   background-repeat: no-repeat;
    }
*/
/* Links 
a.admin:link, a.admin:visited {
    background-color: #C0B71F;
    text-decoration:none;
}
a.admin:hover {
    color: #ff0000;
    text-decoration:underline;
}*/

/* Lansuite Style-Definitions */

/* Use this File to format Naviitems and Boxcontent*/

/* Boxes */

#Boxss {
	float: left;
	height: 100%;
	width: 140px;
	background-color: #949DA1;
	z-index: 200;
}
#Box h1 {
	display: block;
	background-color: #638DA3;
	height: 24px;
	border-bottom: 1px solid #EBEBEB;
	margin-top: 25px;
	line-height: 24px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	padding-left: 15px;
}
/*box entry*/

.box_entry {
	border-bottom: 1px solid #EBEBEB;
	list-style: none;
	margin-left: 0px;
	background-color: #A8C1CE;
	padding: 0;
	margin: 0;
	display: block;
	
}
li.box_entry, li.box_entryuser, li.box_entry_active, li.engaged, li.box_entryadd, ul.BoxContent {
  list-style: none;
  display:block;
}

ul.BoxContent {
  padding: 1px;
  margin: 0px;
}
   
li.engaged {
  padding: 1px 0px 1px 6px;
} 
.box_entry a, .box_entry a:link, .box_entry a:visited {
	display: block;
 	position: relative;
	background-color: #A8C1CE;
   
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
	border-left: 8px solid #A8C1CE;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.box_entry a:hover {
	border-right: 12px solid #AF5656;
	font-weight: bold;
	background-color: #98AEB9;
	border-left: 10px solid #98AEB9;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.box_entry_active {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
}
.box_entry_active {
	border-bottom: 1px solid #EBEBEB;
	list-style: none;
	margin-left: 0px;
	background-color: #A8C1CE;
	
}
.box_entry_active a, box_entry_active a:active {
	border-right: 12px solid #AF5656;
	display: block;
	position: relative; 
	background-color: #A8C1CE;
	height: 20px;
	line-height: 24px;
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
	border-left: 10px solid #98AEB9;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

/*box entry lvl 1 */
.box_entry_lvl_1 {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	}
.box_entry_lvl_1 {
	border-bottom: 1px solid #EBEBEB;
	list-style: none;
	margin-left: 0px;
	background-color: #A8C1CE;
	
}
.box_entry_lvl_1 a, .box_entry_lvl_1 a:link, .box_entry_lvl_1 a:visited {
	margin-left: 23px;
  display: block;
	position: relative;
	background-color: #A8C1CE;
	height: 20px;
	line-height: 24px;
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
	border-left: 10px solid #A8C1CE;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.box_entry_lvl_1 a:hover {
	border-right: 12px solid #AF5600;
	font-weight: bold;
	background-color: #98AEB9;
	border-left: 10px solid #98AEB9;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.box_entry_lvl_1_active {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	}
.box_entry_lvl_1_active {
	border-bottom: 1px solid #EBEBEB;
	list-style: none;
	margin-left: 0px;
	background-color: #A8C1CE;
	
}
.box_entry_lvl_1_active a, .box_entry_lvl_1_active a:active {
	border-right: 12px solid #AF5600;
	margin-left: 23px;
  display: block;
	position: relative;
	background-color: #98AEB9;
	height: 20px;
	line-height: 24px;
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
	border-left: 10px solid #98AEB9;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
}

/* Links */
a.admin:link, a.admin:visited {
    background-color: #C0B71F;
    text-decoration:none;
}
a.admin:hover {
    color: #ff0000;
    text-decoration:underline;
}




* jQuery UI-Tabs - !! UEBERARBEITEN
----------------------------------*/
.ui-tabs .ui-tabs-nav {
	width:auto;
	padding:auto;
	border:solid #38404a;
	border-width:0 0 5px;
	position:relative;
	Xposition:relative;
	zoom:1;
}

.ui-tabs .ui-tabs-nav li {
	margin:0 0.03em 0 0;
	padding:1px 0 0;
	display:inline-block;
	display:-moz-inline-stack;
	*display:inline;
	vertical-align:bottom;
	cursor:pointer;
	zoom:1;
}

.ui-tabs .ui-tabs-nav li a {
	display:block;
	display:inline-block;
	vertical-align:bottom;
	zoom:1;
}

.ui-tabs-nav,.ui-tabs-nav li{
	margin:0;
	padding:0;
	list-style:none;
}

.ui-tabs li em {
	font-style:normal;
}

.ui-tabs .ui-tabs-nav a {
	position:relative;
}

.ui-tabs {
	position:relative;
	zoom:1;
}

.ui-tabs .ui-tabs-nav li a em {
	display:block;
}

.ui-tabs .ui-tabs-nav .ui-tabs-selected {
	margin:0 0.03em -1px 0;
}

.ui-tabs .ui-tabs-nav a { 
	background:#d8d8d8 url(images/sprite.png) repeat-x left -1515px;
	border:solid #a3a3a3;
	border-width:0 1px;
	color:#000;
	text-decoration:none;
}

.ui-tabs .ui-tabs-nav a em{ 
	position:relative;
	border:solid #a3a3a3;
	border-width:1px 0 0;
	cursor:hand;
	padding:0.25em .75em;
	left:0;
	right:0;
	bottom:0;
	top:-1px;
}

/* hover selected tab bg */ 
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:focus, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover {
	background:#2b3b43 url(images/sprite.png) repeat-x left -1400px;color:#fff;
}

/* hover tab bg */ 
.ui-tabs .ui-tabs-nav a:hover,.ui-tabs .ui-tabs-nav a:focus,.ui-tabs .ui-tabs-nav li.admin a:hover,.ui-tabs .ui-tabs-nav li.admin a:focus {
	background:#fff url(images/sprite.png) repeat-x left -1300px;outline:0;
}

/* raise selected tab */ 
.ui-tabs .ui-tabs-nav .ui-tabs-selected a em {
	padding:0.35em 0.75em;
}

/* selected tab border */ 
.ui-tabs .ui-tabs-nav .ui-tabs-selected a,.ui-tabs .ui-tabs-nav .ui-tabs-selected a em {
	border-color:#3c414c;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-hide { display: none !important; }

/* content background, border & padding */ 
.ui-tabs .ui-content {
	border:1px solid #efefef;
	border-top-color:#3c414c;
	height
	padding:0.25em 0.1em;
	padding:0.244em 0.0975em;
}