html { font-size: 100%; }

#top {
margin: 0;
width: 100%; height: 100%;
text-align: left;
}

body { margin:0; background-color: white; text-align: left; font: .75em Arial, Verdana, sans-serif; color: #444; }

a { color: #ff6633; }
a:hover { color: #fff; background-color: #ff6633; text-decoration: none; }
a .no-bg:hover { background-color: white; }
a.dotted { text-decoration: none; border-bottom: 1px dotted #ff6633 }

h1, h2, h3, h4, h5, h6 { color: #333; font-weight: normal; margin:0; padding: 0; clear: both; }
h1 { font-size: 250%; margin-left: -3px; padding-bottom: 3px; margin-bottom: 20px; letter-spacing: -1px; color: #666; }
h2 { font-size: 200%; margin-bottom: 20px; }
h3 { font-size: 170%; margin-bottom: 16px; }
h4 { font-size: 160%; margin-bottom: 12px; }
h5 { font-size: 120%; margin-bottom: 7px; }
h6 { font-size: 100%; margin-bottom: 4px; }

.small { font-size: 80%; }
.gray { color: #999; }

.loading { background-repeat: no-repeat; background-image: url("/assets/i/ajax-loader.gif"); width: 220px; height: 28px; }
.loading-small { background-repeat: no-repeat; background-image: url("/assets/i/loading.gif"); width: 16px; height: 16px; }

#header-container {margin: 15px; }

#logo-container { float: left; }
#logo-container a:hover { background-color: white; }
#header-menu-container { line-height: 31px; float: left; }

#header-menu { margin: 0; padding: 0; }
#header-menu li { float: left; list-style-type: none; padding: 0px 0px 0px 15px; font-size: 90%; }
#header-menu li:first-child { padding: 0; }

#content-container { margin: 15px; background-color: #efefef; border: 1px solid #ccc; padding: 15px; }

.v-gap { clear: both; height: 10px; }
.frm { margin:0; }
.frm .caption { float: left; width: 120px; line-height: 28px; }
.field { line-height: 28px; }
.button { height: 28px; }

.button { -webkit-appearance:button;padding:0 4px;border:1px solid #999;-webkit-border-radius:2px;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));font-size:90%;height:2.5em;margin:0.2em; }

.button:hover { border:1px solid #666; }

.button:active { background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#ddd)) }

.text { padding: 5px; width: 200px; border: 1px solid #ccc; }
.frm-error { color: #cc0000; }
.field-error { border: 1px solid #cc0000; }
.frm-confirm { padding: 15px; margin-bottom: 10px; background-color: #ffffcc; }

#leftpanel { width: 30%; float: left; }
#lp-head { height: 40px; }
#points-list { padding: 2px; margin-right: 15px; border: 1px solid #ccc; background-color: white; }
.point-item { padding: 5px; }
.point-item:hover { background-color: #efefef; }
.point-item-selected { background-color: #ddd; }
.point-item-disabled a { color: #999; }
.point-item-disabled a:hover { background-color: #999; color: #efefef; }

#no-points { border: 5px #ff9999 solid;  margin-right: 15px; padding: 10px; }

.note-title-container { line-height: 1.4; font-weight: bold; }
.note-lang-container div { float: left; height: 32px; line-height: 32px; }
.note-text-container-long { height: 95px; overflow-y: auto; padding-top: 2px; }
.editable-container { padding: 5px; background-color: #efefef; -webkit-border-radius: 5px; }

.note-lang { font-weight: bold; }
.note-text { font-size: 90%; line-height: 1.4; }

.qtplayer { margin: 3px 0px 3px 0px; }

#map { width: 70%; height: 900px; float: left; }

#linked-container { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url('/assets/i/transp.png'); }

.tab { float: left; background-color: #8FFF66; height: 28px; line-height: 28px; padding-left: 50px; padding-right: 50px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; margin-right: 1px; font-size: 90%; }
.tab-active { height: 32px; line-height: 32px; margin-top: -4px; background-color: #ff5a00; color: white; }
.tab a { text-decoration: none; color: #333; }
.tab:hover { background-color: #C6FFB3; color: #333; height: 32px; line-height: 32px; margin-top: -4px; }
.tab-active:hover { background-color: #ff5a00; color: white; }

.tab a:hover { background-color: transparent; color: #333; text-decoration: underline }
.tab-container { clear: both; background-color: white; border: 1px solid #ff5a00; border-top: 5px solid #ff5a00; padding: 15px; min-width: 740px; }

.alert { background-color: #ff9999; }
.info { background-color: #99ff99; }

.my-table { clear: both; }
.my-table .row { padding: 10px 10px 10px 5px; margin-left: -5px; clear: both; }
.my-table .item:hover { background-color: #C6FFB3; }
.my-table .th { font-weight: bold; background: #efefef; }
.my-table .row .title { font-size: 120%; }
.my-table .row .desc { font-size: 100%; color: #999; }
.my-table .row .strong { font-weight: bold; }

/*
.my-channel-container .my-channel-controls { visibility: hidden; }
.my-channel-container:hover .my-channel-controls { visibility: visible; }
*/

.my-channel-controls { width: 80px; float: left; }
.my-channel-controls a:hover { background-color: transparent; }
.my-channel-controls .hidden-control { visibility: hidden; }

.editable-container { padding: 5px; background-color: #efefef; -webkit-border-radius: 5px; }
.editable { background-color: #ffff99; border-bottom: 1px dotted #333; cursor: pointer; cursor: hand; }

#linked-msg
{
   border: 15px solid #ddd; padding: 20px;
   position: absolute;
   overflow: auto;
   width: 300px;
   left: 50%;
   top: 50%;
   margin-left: -170px;
   margin-top: -200px;
   background: white;
}

.note-input-text, .note-textarea {
	margin: 4px 0px 4px 0px;
	font-family: Verdana;
	font-size: 90%;
	padding: 4px;
	width: 260px;
}

.note-textarea { height: 80px; border: 1px solid #ccc; }

.note-button1 {
	border: 1px Solid #565;
	background-color:#F5F5F5;
	padding: 1px;
	text-decoration: none;
	text-align:center;
	left: -1px;
}

.note-button { -webkit-appearance:button;padding:0 4px;border:1px solid #999;-webkit-border-radius:2px;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));font-size:90%;height:1.85em;margin:0.2em; }

.note-button:hover { border:1px solid #666; }

.note-button:active { background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#ddd)) }

.note-button:hover {
	background-color: white;
}

.select {
	margin: 4px 4px 4px 0px;
	font-family: Verdana;
	font-size: 90%;
	width: 130px;
	padding: 1px;
}

.select-short {
	margin: 4px 4px 4px 0px;
	font-family: Verdana;
	font-size: 90%;
	width: 50px;
	padding: 3px;
}