.hidden {
	display: none;
}

.disabled {
	color: #888;
}

button::-moz-focus-inner {
	border: 0; 
}

a {
	outline: none;
}

/* css class for pages */
.ConvenoApp {
	border: solid thick black;
	width: 450px;
}

.ConvenoCategory {
	border: solid thick red;
	width: 450px;
}

.ConvenoCategory .Conveno_Title {
	font-size: 100%;
}

.ConvenoPlacemark {
	border: solid thick blue;
	min-width: 450px;
	width: auto;
}

.ConvenoPath {
	border: solid thick orange;
	width: 260px;
}

.ConvenoGuide {
	border: solid thick green;
	width: 220px;
}

.ConvenoLevelSelect,
.ConvenoByLevel,
.ConvenoNameGroup,
.ConvenoByName
{
	width: 450px;
}

/* ConvenoPath customizations */
.ConvenoPath .Conveno_AppLogo {
	display: none;
}

/* ConvenoGuide customizations */
.ConvenoGuide .Conveno_AppLogo {
	display: none;
}

/* standard elements */
.Conveno_BtnBack, 
.Conveno_BtnMain,
.Conveno_BtnLookaroundStart,
.Conveno_BtnLookaroundStop {
}

.Conveno_AppLogo {
}

.Conveno_Link {
}

.Conveno_Legend {
}

.Conveno_Copyright {
}

/* this is a placeholder that will be replaced. don't put any styles here */
.Conveno_Content {
}

.Conveno_BBL {
	margin: 0.5em 0 0.8em 0;
	font-size: 13px;
}

.Conveno_Building, 
.Conveno_Block, 
.Conveno_Level {
	margin: 0 6px 0 0;
	padding: 3px 3px 1px 3px;
	font-size: 11px;
	color: gray;
	border-bottom: solid 2px #ffcc00;
}

/* the following entities are page specific */
.Conveno_Title .Conveno_Icon, 
.Conveno_Title .Conveno_Name {
	margin: 0.25em 0;
	display: inline-block;
	vertical-align: bottom;
	zoom: 1;
	*display: inline;
}

.Conveno_Title .Conveno_Name {
	font-size: 130%;
	margin-left: 5px;
}

.Conveno_Description {
	padding: 0.5em;
	font-size: 12px;
	color: #AAA;
}

.Conveno_CategoryList {
}

.Conveno_CategoryList .Conveno_Icon,
.Conveno_CategoryList .Conveno_Name {
}

.Conveno_PlacemarkList {
}

.Conveno_PlacemarkList .Conveno_Icon {
}

.Conveno_PlacemarkList .Conveno_Name {
}

/* container for list of start points */
.Conveno_GettingHere {
}

/* name of start points for paths */
.Conveno_StartLocation {
}

/* buttons for lookaround */
.Conveno_BtnLookStart,
.Conveno_BtnLookStop {
}

.Conveno_Source,
.Conveno_Destination {
}

.Conveno_WalkingDist,
.Conveno_WalkingTime {
}

.Conveno_BtnExpand,
.Conveno_BtnGuideMe {
}

.Conveno_GuideText {
}

.Conveno_BtnGuidePrev, 
.Conveno_BtnGuideNext, 
.Conveno_BtnGuideEnd {
}

.Conveno_GuideCount {
}

/* legend */
.Conveno_Legend {
}

.Conveno_Legend .Conveno_Icon {
}

.Conveno_Legend .Conveno_Name {
}

.Conveno_CbLegend {
}

.ConvenoGerm_Wrapper {
}

/* layout0 specific elements */
html, body {
	margin: 0;
	border: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

body {
	font: 85% Arial, sans-serif;
}

button {
	border: 0;
	background-color: #3288EA;
	color: white;
	margin-right: 4px;
	cursor: pointer;
	cursor: hand;
}

.hover-small {
	border-top: solid 1px #f9106d;
	background-color: #1F368A;
}

ol, li {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

.Layout0_Button_Small {
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent none;
}

.Layout0_Button_Blue {
	border: solid 2px white;
	background-color: #3288EA;
	color: white;
	font-size: 175%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.Layout0_Button_Blue_Small {
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #3288EA;
	color: white;
	font-size: 80%;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#splitter {
	width: 100%;
	height: 100%;
}

#scene {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%;
	background-color: #888;
}

#scene h2 {
	display: none; /* hide the placemark name */
}

#germdiv {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

/* bottom elements */
#bottom {
	min-width: 800px;
	max-height: 80px;
	height: 80px;
	background-color: white;
	color: black;
	border-top: solid 2px #3288EA;
}

#bottom-left {
	position: absolute;
	top: 0px;
	left: 8px;
	height: 100%;
}

#copyright {
	position: absolute;
	right: 8px;
	top: 10px;
	font-size: 10pt;
	text-align: right;
}

#link-conveno {
	color: #3288EA;
	text-decoration: none;
	display: block;
	width: 152px;
	height: 40px;
	background-image: url( "../../res/image/conveno_logo_wo_outline_small_v2.png" );
	background-repeat: no-repeat;
}

#link-germweb {
	color: #3288EA;
}

#copyright div {
	color: #3288EA;
	font-size: 10px;
	margin-top: 8px;
}

#bottom-middle {
	clear: both;
	width: 100%;
	padding-top: 20px;
	text-align: center;
}

#btn_go {
	vertical-align: bottom;
	margin-bottom: 2px;
}

/* this div contains everything that will be moved to the callout */
#main-wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px 0px 0px 10px;
	background-color: white; /* remove this after testing */
}

/* convenocore will update its content in this div */
#main {
}

/* menu header */
#menu-header {
	position: relative;
}

#menu-header-expand {
	position: absolute;
	right: 1px;
	top: 0;
}

#menu-header-right {
	position: absolute;
	right: 1px;
	top: 0;
}

#menu-separator {
	clear: both;
	padding: 25px 0 0 0;
	margin: 0 0 8px 0;
	border-bottom: solid 1px #ccc;
}

#lookaround_wrapper {
	position: relative;
	margin-top: -33px;
	margin-bottom: 40px;
}

.Conveno_BtnLookaroundStart {
	position: absolute;
	right: 1px;
	top: 0px;
}

.Conveno_BtnLookaroundStart {
	padding: 0;
	background: transparent;
}

/* footer */
#footer {
	margin-top: 25px;
	border-top: solid 1px #ccc;
/*	text-align: right;*/
	padding-left: 10px;
}

#footer-left {
	float: left;
}

#footer-right {
	text-align: right;
	padding-right: 10px;
}

#footer-right a {
	padding: 0 0.25em;
}

.FooterTab {
	border: solid 1px #ccc;
	background-color: white;
	color: #666;
	margin-top: -1px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.ConvenoLevelSelect .Conveno_BtnLevel,
.ConvenoByLevel .Conveno_BtnLevel,
.ConvenoCategory .Conveno_BtnCategory,
.ConvenoNameGroup .Conveno_BtnName,
.ConvenoByName .Conveno_BtnName,
.ActiveTab {
	background-color: #3288EA;
	border: solid 1px #3288EA;
	color: white;
}

.ConvenoApp,
.ConvenoCategory,
.ConvenoPlacemark,
.ConvenoPath,
.ConvenoGuide {
	border: 0;
}

/* here's where we convert list items into "buttons */
.Conveno_GroupList ul,
.Conveno_PlacemarkList ul,
.Conveno_CategoryList ul,
.Conveno_GettingHere ul {
	text-align: left;
}

.Conveno_GroupList ul,
.Conveno_PlacemarkList ul,
.Conveno_CategoryList ul,
.Conveno_GettingHere ul,
.Conveno_Legend ul {
	margin: 0;
	padding: 0;
	border: 0;
}

.Conveno_GroupList li,
.Conveno_CategoryList li,
.Conveno_PlacemarkList li,
.Conveno_GettingHere li {
	list-style: none;
	display:-moz-inline-stack;
	display:inline-block;
	white-space: nowrap;
	zoom: 1;
	*display:inline;
	margin-right: 6px;
	cursor: pointer;
	cursor: hand;
	text-align: center;
}

/* category items */
.Conveno_GroupList li,
.Conveno_CategoryList li {
	min-width: 200px;
	font-size: 20px;
	font-weight: bold;
	border: 0;
	margin-bottom: 10px;
}

* html .Conveno_GroupList li,
* html .Conveno_CategoryList li {
	width: 200px;
}

.Conveno_GroupList li a,
.Conveno_CategoryList li a {
	color: white;
	text-decoration: none;
	outline: none;
}

.Conveno_GroupList li.normal,
.Conveno_GettingHere li.normal,
.Conveno_PlacemarkList li.normal,
.Conveno_CategoryList li.normal {
	border-top: solid 5px white;
	background-color: #3288EA;
	padding: 6px 8px;
}

.Conveno_GroupList li.hover,
.Conveno_GettingHere li.hover,
.Conveno_PlacemarkList li.hover,
.Conveno_CategoryList li.hover {
	border-top: solid 5px #f9106d;
	background-color: #1F368A;
	padding: 6px 8px;
}

.Conveno_GroupList li.disabled {
	background-color: #888888;
}

/* make text more in line with icon placemark position 
.Conveno_CategoryList .Conveno_Icon,
.Conveno_CategoryList .Conveno_Name {
	display: inline-block;
	vertical-align: bottom;
	height: 1.5em;
	zoom: 1;
	*display:inline;	
}
*/

.Conveno_GroupList .Conveno_Icon,
.Conveno_CategoryList .Conveno_Icon {
	padding-right: 8px;
	display: none;
}

/* placemark items */

.Conveno_PlacemarkList .Conveno_Icon,
.Conveno_PlacemarkList .Conveno_Name {
	display: inline-block;
	vertical-align: top;
	height: auto;
	zoom: 1;
	*display:inline;
}


.Conveno_PlacemarkList .Conveno_Icon {
	padding-right: 8px;
	display: none;
}

/* flow buttons style */
.Conveno_PlacemarkList li {
	min-width: 200px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

* html .Conveno_PlacemarkList li {
	width: 220px;
}

.Conveno_PlacemarkList li a {
	color: white;
	text-decoration: none;
	outline: none;
}

/* end of flow style */

/* list-like style 
.Conveno_PlacemarkList ul {
	text-align: left;
}

.Conveno_PlacemarkList li {
	list-style: none;
	display: block;
	padding: 6px 0 6px 1em;
}

.Conveno_PlacemarkList li a {
	text-decoration: none;
	color: black;
}

.Conveno_PlacemarkList li.hover {
	background-color: #BBE0FF;
}
/* end of list style */


/* crop long text
.Conveno_PlacemarkList li {
	position: relative;
}

.Conveno_PlacemarkList .Conveno_Name {
	position: absolute;
	top: 4px;
	left: 50px;
	clip: rect(0 250px auto 0);
}
*/

/* wrap long text */
.Conveno_PlacemarkList .Conveno_Name {
	width: 200px;
	white-space: normal;
}

/* Getting Here customizations */
.Conveno_GettingHere {
	width: 490px;
	padding: 4px;
	border: solid 1px #3288EA;
	color: #3288EA;
	font-size: 13px;
	font-weight: bold;
}

.Conveno_GettingHere li {
	min-width: 200px;
	font-size: 120%;
	font-weight: bold;
}

* html .Conveno_GettingHere li {
	width: 200px;
	display: block;
}

.Conveno_GettingHere li a {
	color: white;
	text-decoration: none;
	outline: none;
}

.Conveno_GettingHere .Conveno_Text {
	display: inline;
}

.Conveno_GettingHere span {
	padding-left: 4px;
}

.Conveno_GettingHere select {
	margin-left: 6px;
	font-family: arial;
	font-size: 17px;
	font-weight: bold;
	color: #3288EA;
	width: 200px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* ConvenoPath customizations */
.ConvenoPath .Conveno_FromTo {
	margin-top: 1em;
	font-size: 125%;
	background-color: #3288EA;
	color: white; 
	text-align: center;
}

.ConvenoPath .Conveno_Source,
.ConvenoPath .Conveno_Destination {
	font-size: 150%;
	text-align: center;
}

.ConvenoPath .Conveno_PathInfo {
	clear: both;
	margin-top: 0.5em;
	padding: 1em;
	border: solid 1px #ccc;
	color: #888;
}

.ConvenoPath .Conveno_WalkingDist,
.ConvenoPath .Conveno_WalkingTime {
	border-bottom: dashed 1px #888;
	padding: 0 0.5em;
	font-weight: bold;
	color: black;
	margin: 0 0.5em;
}

.Conveno_PathAction {
	padding: 0.5em 0 0 0;
	text-align: center
}

.Conveno_PathAction button,
.Conveno_GuideAction button {
	padding: 0;
	background: transparent;
}

.Conveno_GuideAction button {
}

/* ConvenoGuide customizations */
.ConvenoGuide .Conveno_GuideCount {
	display: none;
}

.ConvenoGuide #menu-separator {
	padding-top: 25px;
	border-bottom: 0;
}

.Conveno_GuideText {
	padding: 10px;
	background-color: #eee;
	border: solid 1px #aaa;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

.Conveno_GuideAction {
	clear: both;
	position: relative;
	margin-top: 5px;
	padding: 1em;
	text-align: center;
}


.Conveno_BtnGuidePrev {
	position: absolute;
	left: 0;
	top: 0.3em;
}

* html .Conveno_BtnGuidePrev {
	margin-left: -90px;
}

.Conveno_BtnGuideNext,
.Conveno_BtnGuideEnd {
	position: absolute;
	right: 0;
	top: 0.3em;
}

.Conveno_GuideCount {
	border: solid 1px #ccc;
	color: #666;
	padding: 2px;
	font-size: 90%;
}

/* Conveno Legend */
.Conveno_Legend ul {
	margin: 0;
	padding: 0;
	border: 0;
}

.Conveno_Legend li {
	list-style: none;
}

.Conveno_Legend li a {
	padding: 0 0 0 4px;
	text-decoration: none;
	color: #666;
	font-size: 10pt;
	font-weight: bold;
}

#btn_showmenu,
#btn_stoplookaround
{
	background: transparent none repeat scroll 0 0;
	border: 0;
	margin: 0;
}

#error_message {
	width: 100%;
	vertical-align: center;
	text-align: center;
	font-size: 150%;
	color: #333;
}

#error_message a {
	text-decoration: none;
	color: #3288EA;
}


.Conveno_BtnBack div {
	background-image: url('btn_back.png');
	width: 21px;
	height: 21px;
}

.Conveno_BtnMain div {
	background-image: url('btn_main.png');
	width: 21px;
	height: 21px;
}

.Conveno_BtnExpand div {
	background-image: url('btn_expand.png');
	width: 28px;
	height: 26px;
}

.Conveno_BtnGuideMe div {
	background-image: url('btn_guide_me.png');
	width: 28px;
	height: 26px;
}

.Conveno_BtnGuidePrev div {
	background-image: url('btn_prev.png');
	width: 40px;
	height: 22px;
}

.Conveno_BtnGuideNext div {
	background-image: url('btn_next.png');
	width: 40px;
	height: 22px;
}

.Conveno_BtnGuideEnd div {
	background-image: url('btn_end.png');
	width: 40px;
	height: 22px;
}

.Conveno_BtnLookaroundStart div {
	background-image: url('btn_look_around.png');
	width: 36px;
	height: 26px;
}

#btn_hidemenu div {
	background-image: url('btn_minimise.png');
	width: 21px;
	height: 21px;
}

#btn_go div {
	background-image: url('btn_go.png');
	width: 28px;
	height: 26px;
}


.Conveno_BtnBack div.normal,
.Conveno_BtnMain div.normal,
.Conveno_BtnExpand div.normal,
.Conveno_BtnGuideMe div.normal,
.Conveno_BtnGuidePrev div.normal,
.Conveno_BtnGuideNext div.normal,
.Conveno_BtnGuideEnd div.normal,
.Conveno_BtnLookaroundStart div.normal,
#btn_hidemenu div.normal,
#btn_go div.normal
{
	background-position: 0 0;
}

.Conveno_BtnBack div.hover,
.Conveno_BtnMain div.hover,
#btn_hidemenu div.hover
{
	background-position: -21px 0;
}

.Conveno_BtnExpand div.hover,
.Conveno_BtnGuideMe div.hover,
#btn_go div.hover {
	background-position: -28px 0;
}

.Conveno_BtnGuidePrev div.hover,
.Conveno_BtnGuideNext div.hover,
.Conveno_BtnGuideEnd div.hover {
	background-position: -40px 0;
}

.Conveno_BtnLookaroundStart div.hover {
	background-position: -36px 0;
}