body {
	padding: 0px;
	margin: 0px;
	background-color: #9BC91E;
	color:#999999;
	font-family:arial,georgia,garamond,serif;
	font-size:10pt;
}

.tab-page {
	width: 657px;
}
a { 
	font-weight:bold;
}
a:visited , a:active , a:link , a:hover , a:visited {
	color: #999999;
	border-color: #999999; 
}
a img {
	color: #999999;
	border-color: #999999;
	vertical-align: middle;
	text-align: center;
}
.main {
	width: 99%;
	margin-left:3px;
	margin-top:3px;
}
.right {
	float:left;
	width: 246px;
}
.left {
	float:left;
	width: 677px;
}
.nobreak{ white-space: nowrap; }


/*
====================================================
 Top items start
====================================================
*/
.topBar {
	height: 50px;
	width: auto;
	padding:0px;
	margin:0px;
}
.topBar.logo img{
	padding-top:8px;
}
.flagInfo {
 	padding: 2px;
	color: #ffffff;
	width: 245px;
	text-align: right;	
}
.flagInfo a:hover {
	border: 2px solid #999999;
}
.flagInfo a:link , a:visited , a:active {
	border-color: #9BC91E; 
}
.flagInfo img {
	vertical-align:middle;
	padding: 0px;
	border: 0px;
}
/*
====================================================
 Top items end
====================================================
*/
.centerContent {
	clear:both;
	height: 526px;
}
.bottomBar {
	clear:both;
	color:#ffffff;
}
.bottomBar .left {
	text-align:center;
}
.bottomBar .left a{
	color:#FFFFFF;
	text-decoration:none;
}
.bottomBar .left a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.tntWindow #menu {
	background-color: #ffffff;
	height: 110px;
	padding: 0px;
	margin: 0px;
}
.tab-page table {
	background: #ffffff;
	border: 0px solid #999999;
	padding: 0px;
	margin: 0px;
}

.menuicon {
	font-family:arial,georgia,garamond,serif;
	font-size:8pt;
	text-align:center; 
	background: #ffffff; 
	border:0px solid black; 
	margin: 0px; 
	padding: 0px;
}
.menuicon a {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align:center;
	width: 100%;
	height: 100%;
	display:block;
	background: #ffffff;
	border: 1px solid #ffffff;
	color: #999999;
	text-decoration:none;
}
.menuicon a:hover {
	color: #D82C14;
}
.menuicon a img {
	border: 0px;
}
/*
====================================================
 Control items start
====================================================
*/
.rightControler {
	height: 526px;
	width: 245px;
	padding: 0px; 
	margin: 0px;
	background-color: #ffffff;
}
#agentlogo {
	padding: 10px;
	width: 225px;
	height: 120px;
	text-align: center;
	border-bottom: #9BC91E;
	border-bottom-width: 4px;
	border-bottom-style: solid;	
	font-size:8pt;
	background-image:url(planedit/control_bg_straigt.jpg) ;
	background-position: 0px 0px;
	background-repeat: repeat-y;
}
#ctrlContent {
	overflow: auto;
	width: 245px;
	padding: 0px;
	margin: 0px;
	height: 340px;
	background-image:url(planedit/control_bg_straigt.jpg) ;
	background-position: 0px 0px;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}
#ctrlContent h1{ font-size:small;}

#controlHolder {
	padding: 0px;
	margin: 0px;
	heigth: 100%; 
}
.wallcoloritem {
	text-align:right; 
	vertical-align:middle; 
	padding: 0px;
	margin: 0px;
	width: 50px;
	height: 40px;
}
.wallcoloritem span {
	display:block; 
	width: 20px; 
	height:30px; 
	text-align:right;
	float:left;
	margin: 2px;
	padding: 2px;
	border: 2px solid #999999;
}
.wallcoloritem.notselected {
	border: 2px solid #FFFFFF;
	text-decoration: underline;
	color: #D82C14;
	padding: 2px;
	margin: 2px;
}
.wallcoloritem.selected {
	border: 2px solid #D82C14;
	text-decoration: underline;
	color: #D82C14;
	padding: 2px;
	margin: 2px;
}
.helptext {
	padding: 10px;
}
.inactive {
	border-bottom: #ffffff;
	border-bottom-width: 4px;
	border-bottom-style: solid;
}
.topRound {
	height: 8px;
	width: 100%;
	font-size: 1px;
	background-image:url(planedit/control_bg.jpg) ;
	background-position: -1px -1px;
	background-repeat: no-repeat; 
}
.butnRound {
 	margin: 0px;
	padding: 0px;
	height: 8px;
	width: 245px;
	font-size: 1px;
	background-image: url(planedit/control_bg.jpg); 
	background-position: -1px -11px; 
}

/*
====================================================
 Control items end
====================================================
*/
.hidden { 
	display:none;
}
#ctrlContent img{
	/*float:right;
	padding-left: 3px;
	padding-bottom: 3px;
	  margin: 5px; TODO: 01  */
}
.paletHolder {
	width: 200px;
}
.paletHolder a {
	color: #999999;
	font-size: 8pt;
	display:inline;
	width: 80px;
	float: left;
	text-align:left;
	vertical-align:middle;
	border: 1px solid #ffffff;
	padding: 2px;
	text-decoration: none;
}
.paletHolder a:hover {
	text-decoration:underline;
}
.buttonHolder {
	width: 220px;
}
.buttonHolder #link_animation_playbackw {
	display: none;
}
.buttonHolder a {
	color: #999999;
	font-size: 8pt;
	display:inline;
	width: 60px;
	float: left;
	text-align: center;
	vertical-align: bottom;
	border: 1px solid #ffffff;
	padding: 2px;
	text-decoration: none;
}
.buttonHolder a:hover {
	text-decoration:underline;
}
.buttonHolder a img {
	padding: 0px; 
	float: none; 
	display: block;
}
.seperatorBar {
	display: block;
	clear:both;
	background-color: #ffffff;
	height: 3px;
}
.tab-page .selected {
	border: 1px solid #9BC91E;
	margin: 0px;
	padding: 0px;
}
.tab-page .notselected {
	border: 1px solid #ffffff;
	margin: 0px;
	padding: 1px 0px 0px 0px;
}
#debug {
	color: #000000;
	display:none;
}
.tab-page .selected {
	border: 1px solid #D82C14;
}
.tab-page .notselected {
	border: 1px solid #ffffff;
}
.taeppetabel {
	border: 0px solid #ffffff;
	padding: 0px;
	margin: 0px 0px 0px -7px;
	overflow: auto;
	height: 150px;
	
}
.taeppetabel img {
	padding: 0px;
}
/*
.floorHolder  {
	width: 235px;
	margin: 0px;
}
a.floorHolder { 
	
	color: #999999; 
	font-size: 8pt;
	display:inline;
	width: 100px;
	height: 120px;
	float: left;
	text-align: center;
	vertical-align: bottom;
	border: 1px solid #ffffff;
	padding: 2px;
	margin: 0px;
	text-decoration: none;
	font-weigth: normal;
	
}
*/
a.floorMaterial01 {
	display: block;
	float: left;
	width: 93px; /* avoid new line in ie when scroll bars is added for small screens */
	height: 45px;
	text-align: center;
	margin: 1px;
	border: 1px solid #ffffff;
	background-position: center;
}
a.floorMaterial01:hover {
	border: 1px solid #999999;

}
span.floorMaterialNames {
	padding: 2px 4px;
	background: #ffffff;
	font-weight: normal;
	display: none;
}
span.floorMaterialNames:hover {
	font-weight: bold;
}

.selected {
	border: 2px solid #D82C14;
	color: #D82C14;
	text-decoration: underline;
}
.notselected {
	border: 2px solid #999999;
}
#menu a {
	color: #D82C14;
}
#menu a:hover {
	text-decoration:underline;
}

#menu td a { 
	width: auto;
	border-color: #ffffff;
} 
#menu td a.selected { border-color: #9BC91E; } 

#help_nav_thumb a{
	margin: 0px;
	padding: 1px;
	border: 0px;
}
#help_nav_thumb a:hover {
	background-color: #ffffff;
}

#help_nav_thumb a img {
	margin: 0px;
	padding: 3px 10px 3px 10px;
	border: 0px;
}

#link_misc_playpause {
	margin-left: 10px;
}
#link_misc_playpause img {
	margin: 0px;
	padding: 0px;
}