body.autocomplete {position:relative;width:280px;white-space:nowrap}/* set width of widget here*/
.autocomplete_input {z-index:0;width:100%;font-family: arial, helvetica, sans-serif;font-size:12px;border: 1px solid #666666;border-bottom: 1px solid #f8f8f8;border-right: 1px solid #f8f8f8;}
.autocomplete_container {width:100%;padding-top:0px;}
.autocomplete_container .yui-ac-content {position:absolute;width:100%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
.autocomplete_container .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
.autocomplete_container ul {padding:0px 0;width:100%;margin:0px;}
.autocomplete_container li {padding:0 0px;cursor:default;white-space:nowrap;width:100%;}
.autocomplete_container li.yui-ac-highlight {background:#ff0;}

a.selectableItem:link, a.selectableItem:active, a.selectableItem:visited{
	display:block;
	padding:3px;
	color:black;
	cursor:default;
	margin:1px;
}
a.selectableItem:hover{
	background-color:#96c0e4;
	color:black;
}

.scrollDiv{
	overflow:auto;
	height:200px; 
	width:500px;
	border:1px solid #000000;
	border-bottom-color:#f1f1f1;
	border-right-color:#f1f1f1;
}
.statusBar{
	border:1px solid black;
	background-color:#f1f1f1;
}
.statusBarUsage{
	background-color:#22437f;
}

.statusBarUsageCritical{
	background-color:red;
}

.event_completed {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
  color: #000000;	
  text-decoration: line-through;
}
.event_late{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
  color: red;	
}

body {
	background-color: white;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	overflow:auto;
	margin:5px;
	/*margin:70px 10px 0 20px;*/
	padding:0px;

}


table, td{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border:0px;
}

table.normalTable, table.normalTable td {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border:0px;
}

h1{
	page-break-after:avoid; 
	page-break-inside:avoid;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 12px;	
}

h2{
	page-break-after:avoid; 
	page-break-inside:avoid;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	margin-bottom: 5px;
}

h3{
	page-break-after:avoid; 
	page-break-inside:avoid;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
}

a:link, a:visited, a:active  {
    text-decoration:    none;
    color:  #000000;
}

a:hover {
    text-decoration:    none;
    color:  #d67527;
}

/* Icons in the lower menu and the module buttons */

.ModuleIcons {
	/*padding: 2px;*/
	margin:0px; 
	/*padding-right: 15px;*/
	font-size: 10px;
	text-align: center;
}


.FooterBar {
	background-color: #F6F7F2;
	border-top: 1px solid black;
}

.HeaderBar {
	font-family:	arial, verdana, sans-serif;
	font-size:	12px;
	font-weight: normal;
	/*background-color: #22437f;*/
	padding:	0;
	border-bottom: 1px solid black;
	text-align: right;
}

a.HeaderBar:link, a.HeaderBar:visited, a.HeaderBar:active {
	color: #F7F8F2;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	border: 0;
	padding: 2px;
	padding-right: 10px;
}

a.HeaderBar:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* Start Table with tab links CSS */

.tabtable
{
	border: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.tabtable th {
    background-color: #22437f;
    font-size: 14px;
	padding: 2px;
    font-weight: bold;
    color: #FFFFFF;
    border: 0px;
    border-bottom: 1px solid #22437f;
    text-align: left;
}

.ActiveTab{
	background-color: #d67527;
	border-right: 1px solid #22437f;
	border-bottom: 1px solid #22437f;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	cursor: default;

}

.Tab {	
	background-color: #F6F7F2;
	border-right: 1px solid #22437f;
	border-bottom: 1px solid #22437f;
	text-align: center;
	cursor: default;
}

.TabBackground {
	border-left: 1px solid #22437f;
}

.ActiveTabVert{
	background-color: #d67527;
	border-bottom: 1px solid #22437f;
	border-right: 1px solid #22437f;
	border-left: 1px solid #22437f;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	padding: 1px;
	cursor: default;

}

.TabVert {	
	background-color: #F6F7F2;
	border-bottom: 1px solid #22437f;
	border-right: 1px solid #22437f;
	border-left: 1px solid #22437f;
	padding: 1px;
	cursor: default;
}

.TabBackgroundVert {
	border:0;
}
/* End Table with tab links CSS */

.ErrorBox {
	padding: 5px;
	margin: 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #F6F7F2;
	border: 1px solid #666666;
}

.alert{
	padding: 5px;
	margin: 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #f1f1f1;
	border: 1px solid #666666;
}
.alert a {
	font-decoration: underline;
}

.alert td {
	padding: 5px;
}

/* Start standard Group-Office Table */
.go_table {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	border: 0px;
	border-collapse: collapse;
	-moz-user-select:none;
	cursor: default;
	width:100%;
	margin-top:5px;	
	
}

.go_table th, .go_table th td {
	background-color: #22437f;
	font-size: 12px;
	/*padding: 2px;*/
	/*padding-right:7px;*/
	margin: 0px;
	font-weight: bold;
	color: #FFFFFF;
	white-space: nowrap;
	text-align: left;
	border:0px;    
	
}

.go_table th a:link, .go_table th a:visited, .go_table th a:active {
	font-size: 12px;	
	font-weight: bold;
	color: #FFFFFF;
}
.go_table th a:hover{
	text-decoration: underline;
}
.go_table td {
	border: 0px;
	border-bottom: 1px solid #666666;	
	margin: 0px;
	padding-left: 0px;
	padding-right: 7px;
	padding-top:0px;
	padding-bottom:0px;
	vertical-align: top;
	white-space:nowrap;
	white-space:nowrap;
}


.selectedRow{
	background-color: #96c0e4;
}

.navLinks {
	border: 0px;
	border-collapse: collapse;
	margin: 5px 0 10px 0;
	padding: 0px;
	width: 100%;	
}

.navLinks td {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.navLinks a {
	color:#0C4E9D;
	text-decoration:none;
}
.navLinks a:hover {
	color:#0C4E9D;
	text-decoration:underline overline;
}
.navLinks img.prev {
	border:none;
	margin-right:3px;
}
.navLinks img.next {
	border:none;
	margin-left:3px;
}
.go_simple_table, tabtable go_simple_table {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	border: 0px;
	border-collapse: collapse;
}

.go_simple_table th, tabtable go_simple_table th  {
        font-size: 12px;
		padding: 2px;
		margin: 0px;
        font-weight: bold;
        color: #000000;
        white-space: nowrap;
        text-align: left;        
        background-color: white;
        border:0px; 
}

.go_simple_table td, tabtable go_simple_table td {
	border: 0px;
	margin: 0px;
	padding: 2px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
/* End standard Group-Office Table */

.Error {
	font-size: 12px;
        color: red;
	font-weight: bold;
}
a.Error:link, a.Error:visited, a.Error:active{
	font-size: 12px;
	color: red;
	font-weight: bold;
	text-decoration: underline;
}

.Success {
	font-size: 12px;
        color: #22437f;
	font-weight: bold;
}
.normal
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
        color: #000000;
}
a.normal:link, a.normal:visited, a.normal:active
{
	text-decoration: underline;
}
a.normal:hover {
    text-decoration:    none;
    color:  #FF9900;
}

.normal2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFCC;
}

.blue
{
	color: blue;
}

a.blue:link, a.blue:visited, a.blue:active
{
	text-decoration: underline;
	color: #900;
}
a.blue:hover {
    text-decoration:    none;
    color:  red;
}
.textbox{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	/*border: 1px solid #666666;
	border-bottom: 1px solid #f8f8f8;
	border-right: 1px solid #f8f8f8;*/
}

/*
.textbox[type=text][disabled]{
	background-color: #f1f1f1;
	border-style: solid;
	
        border-left-color: #cccccc;
	border-bottom-color: #cccccc;
        border-top-color: #cccccc;
	border-right-color: #cccccc;

        border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;

	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
}
*/
/*
.button{
	/background-color: #22437f;
	border-style: solid;
  border-color: #666666;
  border-width: 1px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	margin-top: 10px;
	margin-right:5px;
	width:20px;
}


.button_mo{
	background-color: #E27B1E;
	border-style: solid;	
  border-color: #e6eff4;
  border-width: 1px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	margin-top: 10px;
	margin-right:5px;
	width:20px;
}
*/
.button_mo,
.button {
	margin-right:10px;
	padding:0 3px 0 3px 0;
	font-size:11px;
	height:22px;
}

.small{
        font-family: arial, helvetica, sans-serif;
        font-size: 10px;
        font-weight: italic;
		text-decoration: none;
}

a.small_underline, a.small_underline:visited, a.small_underline:active{
        font-family: arial, helvetica, sans-serif;
        font-size: 10px;	
	text-decoration: underline;
}

.count{
        font-family: arial, helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: blue;
}
.summary_icon {
	display: inline;
	font-size: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	padding-left: 5px;
	margin-right:5px;
	font-style: normal;
}

div.description {
	margin: 0px;
	margin-left: 10px;	
}




/* Upload Tabstrip */
table.uploadtab {



}

table.uploadtab th { 

	background:#0C4E9D url('../images/cm/bg_blue.gif') repeat-x;

	height:20px;

	text-align:left;

	color:#fff;

	padding-left:5px;

}

table.uploadtab td { 

	border:1px solid #0C4E9D;

	background-color:#ebebeb;
}
table.uploadtab td file,
table.uploadtab td input{ 
	height:21px;
}
table.uploadtab .uploadbutton {
	width: 70px;
	font-size:12px;
}

/* GUI 2 */
#topbar {
	width:100%;
	position:absolute; /* - Menübar scrollt mit, wenn ausgeklappt*/
	/*position:fixed; *//* - Textfeldcursor erscheint nicht*/
	top:0px;
	left:0px;
	z-index:30;
}

input.query { background:url('../images/toolbar/suche_bg.gif') no-repeat; width:200px; float:left;}

/* fieldset */
fieldset.common  {
	background-color:#ebebeb;
	border:1px solid #828177;
	padding:10px 7px 7px 7px;
	position: relative;
	z-index:0;
	margin:0 0 15px 0;
}

fieldset.common legend {
	font-weight:bold;
	color:#000;
	position:absolute; top: -.5em; left: .5em; 
}	

fieldset.common td.label  {
	width:90px;
}

fieldset.common input,
fieldset.common textarea,
fieldset.common select {	
	width:260px; 	
}  
fieldset.common textarea.picker_text	{	width:298px;	}
fieldset.common input.picker_text 		{	width:238px;	}
fieldset.common input.picker_button 	{	width:20px;		}
fieldset.common input.street 			{	width:208px;	}
fieldset.common input.number 			{	width:40px;		}
fieldset.common input.zip 				{	width:60px;		}
fieldset.common input.city 				{	width:188px;	}
fieldset.common input.account			{	width:124px;	}
fieldset.common input.bank_code			{	width:124px;	}
fieldset.common input.featureData		{	width:150px;	}
fieldset.common input.rack				{   width:128px;	}
fieldset.common select.featureType		{	width:150px;	}
fieldset.common input.checkbox			{	width:20px;		}
fieldset.common input.query				{	width:200px;	}


/* TreeView */
table#treeView {
	width:100%;
	height:500px;
}
#treeView td.tree {
	border-right:1px solid #e2e2e2;
}
#treeView td.list {
	padding:0 0 0 10px;
	margin:0;
	width:100%;
	vertical-align:top;
}
h1.treeView {
	margin:3px 0 5px 0;
	padding:0;
	font-size:12px;
}
.node 
{
	display:block;white-space:nowrap;
}
.node a.img {
	cursor:default;
}
img.treeIcon {
	border:none;
	margin-right:5px;
	
}
img.treeNode {
	border:none;
	margin-right:1px;
}

.menu {	
	background:url('../verlauf.png') repeat-x;
	border-right: 1px solid #22437f;
	border-bottom: 1px solid #22437f;
	text-align: center;
	cursor: pointer;
}

.menu a{color: white;}

.gruppe table {
	width: 300px;
}

.gruppe td{
	text-align: left;
}

.spielplan table {
	width: 800px;
}

.spielplan td {
	padding: 0px 0px 0px 10px;
	text-align: left;
}
.spielplan th {
	padding: 0px 0px 0px 10px;
	text-align: left;
}

.teams td {
	padding: 0px 0px 0px 10px;
	text-align: left;
}