/*
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
}a
*/

/*
*   HTML-Tag rewrites
*/

body {
  margin: 10px 10px 10px 10px;    padding: 0px 0px 0px 0px;
  text-align: left;
  background: #ffffff;    color: #000000;
  font-size: 11px;    font-weight: normal;   font-family: verdana, helvetica, sans-serif;
}

td {
  font-size: 11px;
}
a:link, a:visited {
    color: #000000;
    text-decoration:none;
}
a:hover {
    color: #888888;
    text-decoration:underline;
}
form {
  margin: 0px;  border: 0px;    padding: 0px;
}
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: #f8f8f8;   
  color: #102132;
  z-index:999999;
}


/*
*   Used for Info2 and Wiki content format
*/
div.textContent {
    font-size: 10pt;
    padding: 12px 8px 8px 8px;
}
div.textContent a{
    color: #444444;
    text-decoration:underline;
}

/*
*   Line definitions for the LS-typical 2-column tables
*/
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;
}
/* Used for first line */
ul.LineFirst {
  position: relative;   height: 100%;
  margin: 0px 0px 0px 0px;    padding: 0px 0px 2px 0px;
  clear: left;
}
/* 20% 76% Columns */
li.LineLeft {
  width: 20%;   min-height: 16px;   z-index: 10;
  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;
}
/* 48% 48% Columns */
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;
}
/* 14% 80% Columns */
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.LineRightBoard {
  width:80%;
  min-height: 16px;   z-index: 11;
  margin: 0px 0px 0px 0px;    padding: 4px 1% 4px 1%;
  list-style: none;
  float: left;
}
/* 20% 70% 4% Columns */
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;
}

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

/*
*   Info-Boxes
*/

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: #ffdfdf;
    list-style: none;
    border: 1px dotted #c70000;

}
li.Information {
  margin: 8px 2px 8px 2px;   padding: 8px 4px 10px 8px;
    background: #fffccf;
  list-style: none;
  border: 1px dotted #ffdd3f;
}
li.Information > A, li.Confirmation > A, li.Err > A {
	color: DarkBlue;
}
li.Confirmation {
  margin: 8px 2px 8px 2px;   padding: 8px 4px 10px 8px;
    background: #d1f1c8;
  list-style: none;
  border: 1px dotted #219d00;
}

/*
* LS-Buttons (either div, or input)
*/
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;
}
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;
}
div.Buttons a {
  width: 125px;
  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;
  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;
  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;
  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
*/
.Help {
  color: #aaaaaa;
}

/*
*   Forms
*/
.form_optional { /* used for optional form fields */
  background: rgb(191,255,255);
}
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;
}

/*
*   Images (Dot (active/inactive) in front of Line; User-Icon (online / offline))
*/
.DotRow:before {
  margin: 0px 0px 0px 0px;   border: 0px;   padding: 0px 4px 0px 0px;
  content: url(images/dot.gif);
}
.DotRowActive:before {
  margin: 0px 0px 0px 0px;   border: 0px;   padding: 0px 4px 0px 0px;
  content: url(images/dot_active.gif);
}
.user_online:after {
  margin: 0px 0px 0px 0px;   border: 0px;   padding: 0px 0px 0px 2px;
  content: url(images/arrows_user_online.png);
}
.user_offline:after {
  margin: 0px 0px 0px 0px;   border: 0px;   padding: 0px 0px 0px 2px;
  content: url(images/arrows_user_offline.png);
}
.user_idle:after {
  margin: 0px 0px 0px 0px;   border: 0px;   padding: 0px 0px 0px 2px;
  content: url(images/arrows_user_idle.png);
}
.icon_delete:after {
  margin: 0px 0px 0px 0px;   border: 0px;   padding: 0px 0px 0px 2px;
  content: url(images/arrows_delete.gif);
}

/*
* Dropdown Images (Countries)
*/
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"); }

/*
*   Message-Highlighting
*/
.okay {
    text-align: left;
    color: #008000;
    font-weight: bold;
}
.warning {
    text-align: left;
    color: #EE6600;
    font-weight: bold;
}
.error {
    text-align: left;
    color: #FF0000;
    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;
}

/*
*   Wiki
*/
div.wikiH6 {
    padding: 8px 0px 8px 0px;
    font-weight: bold;
}
div.wikiH5 {
    padding: 8px 0px 8px 0px;
    font-weight: bold;
}
div.wikiH4 {
    padding: 8px 0px 8px 0px;
    font-weight: bold;
}
div.wikiH3 {
    padding: 8px 0px 8px 0px;
    font-weight: bold;
}
div.wikiH2 {
    padding: 16px 0px 8px 0px;
    font-weight: bold;
    font-size: 12pt;
}
div.wikiH1 {
    padding: 16px 0px 8px 0px;
    font-weight: bold;
    font-size: 16pt;
}

/*
*   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;
}

/*
*   Tooltip
*/
a {
  position:relative;
}
a span.infobox {
  visibility:hidden; display:none;
  position:absolute;
  margin-top:1.5em; padding:0.5em;
  text-decoration:none;
  font-weight: normal;
}
a:hover span.infobox {
  visibility:visible; display:block;
  left:1em;
  border:1px solid #c30;
  left:-30px;
  color:black; background:white;
  text-decoration:none;
  z-index:999;
}
.infolink {
  position:relative;
}
.infolink span.infobox {
  visibility:hidden; display:none;
  position:absolute;
  margin-top:1.5em; padding:0.5em;
  text-decoration:none;
}
.infolink:hover span.infobox {
  visibility:visible; display:block;
  left:1em;
  border:1px solid #c30;
  left:-30px;
  color:black; background:white;
  text-decoration:none;
  z-index:999;
}

/*
*   Boxes
*/
.box_entry, .box_entryuser, .box_entry_active, .engaged, .box_entryadd, .BoxContent {
  list-style: none;
}
ul.BoxContent {
  padding: 1px;
  margin: 0px;
}
li.engaged {
  padding: 1px 0px 2px 16px;
}
li.box_entry {
  padding: 1px 0px 2px 16px;
  background-image: url(images/dot.gif);   background-repeat: no-repeat;
}
li.box_entry_active {
  padding: 1px 0px 2px 16px;
    background-image: url(images/dot_active.gif);    background-repeat: no-repeat;
}
li.box_entry_lvl_1 {
  padding: 1px 0px 2px 24px;
  background-position:8px;
  background-image: url(images/dot.gif);   background-repeat: no-repeat;
}
li.box_entry_lvl_1_active {
  padding: 1px 0px 2px 24px;
  background-position:8px;
  background-image: url(images/dot_active.gif);    background-repeat: no-repeat;
}
span.AdminIcons {
  padding: 1px 0px 2px 24px;
  background-position:8px;
  background-image: url(images/dot.gif);   background-repeat: no-repeat;
}

/*
*   Page headline and header menu
*/
div.Headline {
  position: relative;
  font-size: 14px;
  font-weight: bold;
}
div.HeadlineSub {
  font-size: 12px;
  border-bottom: 1px solid #9c9d9c;   margin: 0px 0px 12px 0px;
}
div.HeadlineHelp {
  position: absolute;   top: 0px;   right: 8px;
  font-size: 10px;
}
span.HeaderMenuItem {
  border: 1px solid #9c9d9c; padding: 6px 16px 0px 16px;
}
span.HeaderMenuItem:hover {
  background: #bbbbbb;
}
span.HeaderMenuItemActive {
  border: 1px solid #9c9d9c; padding: 6px 16px 0px 16px;
  font-weight: bold;
}

/*
*   Misc
*/
div#Footer {
  clear: both;
}
.small {
  font-size: 10px;
}
.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;
}

/*
* Old should not be used anymore
*/
.content {
  padding: 0px 0px 0px 0px;
  background:       #DEE3E7;
}
.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: 11px;
  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: 11px;
}
.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: 11px;
}
.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: 11px;
}

/* Textarea resizer
div.resizable { display: table; }
div.resizable > div { display: table-cell }
div.resizable textarea { display: block; margin-bottom: 0 }
div.grip {
 height: 5px;
 overflow: hidden;
 background: #eee url(images/grip.png) no-repeat center 1px;
 border: 1px solid #ddd;
 border-top-width: 0;
 cursor: s-resize;
}
 */

/* Shoutbox */

#shoutbox {
      font-family: Arial,Helvetica,sans-serif;
      font-size: 11px;
}
    .shoutbox-list {
      border-bottom: 1px solid #8DA2B4; 
      padding: 3px;
    }
    #shoutbox-list {
      text-align: left;
      margin: 0px auto;
    }
    #shoutbox-form {
      text-align: left;
	  padding: 3px;
    }
	#shoutsubmitline {
		margin-top:3px;
	}
	#shoutsubmit {
		float: left;
	}
	#shoutbox-status {
		float:right;
		padding-top:2px;
	}
    .shoutbox-list-time {
      color: #8DA2B4;
    }
    .shoutbox-list-nick {
      margin-left: 5px;
      font-weight: bold;
    }
    .shoutbox-list-message {
      margin-left: 5px;
    }
	#shoutdialog{
		display:none;
	}
	
/* Picgallery Notes */
.note {
	display: none;
	background: url("../ext_scripts/jquery-plugins/spacer.gif"); 
	border: 2px solid rgb(255, 255, 255); 
	overflow: hidden; 
	position: absolute; 
	z-index: 0;
	cursor: text;
}

.notep {
	display: none; 
	background: #eee; 
	font-size: 8pt; 
	margin-top: 0px; 
	padding: 2px;
	position: absolute;
	cursor: text;
} 

#noteform {
	display: none;
	position: absolute;
	width: 250px;
	z-index:99999;
}

#noteform textarea{
	width: 100%;
}

/*
 * imgAreaSelect animated border style
 */

.imgareaselect-border1 {
	background: url("../ext_scripts/jquery-plugins/border-anim-v.gif") repeat-y left top;
}

.imgareaselect-border2 {
    background: url("../ext_scripts/jquery-plugins/border-anim-h.gif") repeat-x left top;
}

.imgareaselect-border3 {
    background: url("../ext_scripts/jquery-plugins/border-anim-v.gif") repeat-y right top;
}

.imgareaselect-border4 {
    background: url("../ext_scripts/jquery-plugins/border-anim-h.gif") repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
	opacity: 0.5;
    filter: alpha(opacity=50);
}

.imgareaselect-handle {
    background-color: #fff;
	border: solid 1px #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.imgareaselect-outer {
	background-color: #000;
	opacity: 0.5;
    filter: alpha(opacity=50);
}

.imgareaselect-selection {
}