/*Default style
====================*/
html,body 	{ margin: 0; padding: 0; font: .85em Arial, Verdana, sans-serif; color: #444; background-color: #ddd;}

a,a:visited	{ color: #ff6633; text-decoration: underline; }
a:hover		{ text-decoration: none; }

h1, h2, h3, h4, h5, h6 { color: #333; font-weight: normal; margin:0; padding: 0; }
h1 { font-size: 230%; margin-bottom: 20px; letter-spacing: -1px; color: #fff; padding: 10px; -webkit-border-radius: 10px; width: 98%; background: top left #acda00 url('/assets/i/2/content-title-bg.png') no-repeat; }
h2 { font-size: 200%; margin-bottom: 35px; }
h3 { font-size: 170%; margin-bottom: 16px; }
h4 { font-size: 160%; margin-bottom: 9px; }
h5 { font-size: 120%; margin-bottom: 7px; }
h6 { font-size: 100%; margin-bottom: 4px; }
a img { border: 0px; }

.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; }

.wrapper 			{
position: absolute;
   width: 800px;
   left: 50%;
   margin: 15px 0 15px -400px; min-width: 800px; padding: 0; }

.wrapper-wide {
position: absolute;
   width: 1100px;
   left: 50%;
   margin: 15px 0 15px -550px; min-width: 800px; padding: 0; }

.wrapper p { padding-bottom: 5px; }
.wrapper .list-normal { margin: 5px 0px 5px 0px; padding-left: 20px; }
.wrapper .list-normal li { padding-bottom: 5px; margin: 0; line-height: 170%; }
.wrapper .list-empty { list-style: none; }

p { margin: 12px 0; padding: 0; }
.hr { height: 1px; border-bottom: 1px dotted #ccc; margin-bottom: 15px; }

#content-body { margin: 30px 0 10px 0; padding: 0; -webkit-border-radius: 10px; background-color: #efefef; min-height: 300px;  }

.content-block { clear: both; float: none; }

.content-column-3 .column { width:31%; float: left; margin-right: 10px; padding: 0 10px 0 5px; border-right: 1px dotted #ccc; }
.content-column-3 .last { margin: 0; padding-right: 0; border: 0; }

.button { background: #efefef no-repeat; -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:100%;height:28px;margin:0.2em; }

.button:hover { border:1px solid #666; }
.button:active { background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#ddd)) }

.select { -webkit-border-radius: 2px; font-size:90%; height:32px; padding: 5px; background-color: #efefef; border: 1px solid #999; }

.left-nav { float: left; width: 220px; background: #efefef; min-height: 500px; padding1: 20px 10px 10px 20px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; }

.content-nav { min-height: 500px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; margin-left: 220px; background: #fff url('/assets/i/2/v1.gif') top left no-repeat; padding: 20px 40px; border-left: 1px solid #ccc; }


.left-nav1 .menu { margin:0; list-style: none; padding:0 }
.left-nav1 .menu li { height: 30px; line-height: 30px; font-size: 120%; padding-left: 10px; background: url('/assets/i/2/left-nav-arrow.png') left no-repeat; }
.left-nav1 .menu .first {margin-top:0;}
.left-nav1 .menu .caption { padding: 0; font-weight: bold; color: #666; background-image: none; }
.left-nav1 .menu .selected { padding: 0px 10px 0px 10px; margin: 5px 0 5px 0; -webkit-border-radius: 4px; width: 200px; background: #ff6633 url('/assets/i/2/left-nav-arrow-selected.png') right no-repeat; }
.left-nav1 .menu .selected a { color: white; text-decoration: none; }


.left-nav .menu { margin: 30px 0; list-style: none; padding:0 }
.left-nav .menu li { font-size: 120%; padding: 10px 10px 10px 20px; border-bottom: 1px dotted #ccc; }
.left-nav .menu li:first-child { border-top: 1px dotted #ccc; }
.left-nav .menu .first { border-top: 0; }
.left-nav .menu .caption { border-top: 0; font-weight: bold;  }

.left-nav .menu .selected { background: #ccc url('/assets/i/2/left-nav-arrow-selected.png') right no-repeat; }

.left-nav .menu .selected a { color: white; text-decoration: none; }

.pic img { float: left; border: 4px solid #acda00; padding: 1px; margin-right: 15px; }
.pic p { margin: 0; color: #666; font-style: italic; }

.footnote { font-size: 90%; color: 999; }

.features { position: relative; overflow: hidden; }
.features .feature { overflow: hidden; clear: both; margin: 0px 40px 0 40px; border-bottom: 1px solid #ccc; }
.features .first { margin-top: 0; }
.features .last { border: 0; }

.features .feature img { width: 250px; height: 180px; }
.features .left img { float: left; }
.features .right img { float: right; }

.features .feature .caption { display: block; font-size: 170%; padding: 0 0 5px 0; }
.features .feature p { padding: 25px 40px 15px 40px; overflow: hidden; }

.breadcrumb { overflow: hidden; margin: 10px 0 10px 0; }

/*Header style
====================*/

div.header				{ overflow: hidden; }
div.header div.logo		{ float: left; margin-top: 20px; }

/* Menu style
====================*/

.header .menu { float: right; }
.header .menu ul { overflow: hidden; list-style: none; margin: 0; right: 0; padding: 0; }

.header .menu ul li { float: left; padding: 0; margin: 0; }
.header .menu ul li p { border-right: 1px solid #ccc; margin: 0 0 8px 0; padding: 10px 30px 10px 30px; background-color: #efefef; }
.header .menu ul li:first-child p { -webkit-border-radius: 5px 0 0 5px; }
.header .menu ul li:last-child p { -webkit-border-radius: 0 5px 5px 0; border-right: 0; }

.header .menu ul li:hover p { background-color: #fff; }

.header .menu li.active { background: bottom center no-repeat url('/assets/i/2/arrow-down.png'); }
.header .menu li.active p { background-color: #fff; }

.header .menu ul li:hover:first-child p { -webkit-border-radius: 5px 0 0 5px; }
.header .menu ul li:hover:last-child p { -webkit-border-radius: 0 5px 5px 0; }

.header .menu ul li a,
.header .menu ul li a:visited { color: #ff6633; font-size: 110%; text-decoration: none; }

.header .menu ul li a:hover { text-decoration: underline; }

/*
.header .menu ul li a:hover, .header .menu ul li a.active { color: white; background-color: #ff6633; text-decoration: none; border: 0; margin:0 2px 0 5px; padding: 4px 10px 4px 10px; -webkit-border-radius: 4px; }
*/

/*Accordion style
====================*/
.test 					  { height: 280px; position:relative; list-style: none; display: none; width: 100%; overflow: hidden;}

.test li				  { display: inline; }
.test div.oneSlider,
.test div.twoSlider,
.test div.threeSlider		     { background-color: #acda00; position:relative; height: 280px;}
.test div.oneSlider 			 { background: url('/assets/i/2/twoSliderBack.jpg') no-repeat left top; }
.test div.oneSlider .slideback   { background: url('/assets/i/2/twoSlider.jpg') no-repeat right bottom; width: 100%; height: 280px!important;position:relative;	}


.test div.twoSlider 			 { background: url('/assets/i/2/oneSliderBack.jpg') no-repeat left top; }
.test div.twoSlider .slideback   { background:url('/assets/i/2/oneSlider.jpg') no-repeat right bottom; width: 100%; height: 280px!important;position:relative;	}

.test div.threeSlider 		     { background: url('/assets/i/2/threeSliderBack.jpg') no-repeat left top; }
.test div.threeSlider .slideback { background: url('/assets/i/2/threeSlider.jpg') no-repeat right bottom; width: 100%; height: 280px!important;position:relative;	}


div.slideback h2							{ margin: 0; padding: 105px 0 0 150px;}
div.slideback p 							{ text-align: left; font-size: 120%; color: #3f3f3f; padding: 0; margin: 10px 0 10px 150px; font-family: Trebuchet, Times New Roman; position:relative; width: 230px;}

.test div.twoSlider .slideback h2 	    { margin: 0; padding: 105px 0 0 145px;}
.test div.twoSlider .slideback p 		{ margin: 10px 0 10px 145px; left: 0px;}
.test div.threeSlider .slideback h2 	{ margin: 0; padding: 100px 0 0 190px;}
.test div.threeSlider .slideback p   	{ margin: 10px 0 10px 190px; padding: 0; left: 0px;}

.test a, .test a:visited { color: #000; }
.test a:hover { color: white; text-decoration: underline; }

/*style content
====================*/
.block { margin-top: 15px; }

.leftC, .rightC { width: 48%; }

.leftC { float: left; }
.rightC { float: right; }

.block h2 { font-size: 170%; height: 35px; line-height: 35px; margin: 0 0 10px 0; }

.block .hr { margin:0px; border-bottom: 1px dotted #ccc; width:100%; height: 1px; }

/*style content left
====================*/

.streams { position:relative; margin-bottom: 20px;  }

.twitter { margin-top: 10px; }

.recent { padding-left: 14px;  }

.recent ul { list-style: none; margin: 0; padding: 0 }

.recent li { border-bottom: 1px dotted #ccc; padding: 10px 0 20px 0; clear: both; }
.recent li:last-child { border: 0; }

.recent li .icon { width: 32px; height: 32px; float: left; padding:4px 10px 0 0;  }
.recent li .cnt { margin-left: 42px; }

#twitter_update_list { padding:0 0 0 14px; margin:0; width: 90%; }
#twitter_update_list li { margin: 0; padding: 10px 0px 0px 0px; list-style-type: none; }
#twitter_update_list li:first-child { padding:0; }


/*style footer
====================*/
.footer				{ margin-bottom: 50px; margin-left: 10px; overflow: hidden; text-shadow: 0 1px 0 #fff;}
.footer .leftC,
.footer .rightC 	{ margin-top: 0px;width: 48%; }

.footer ul			{ list-style: none; margin: 0; padding: 0; }
.footer ul li		{ display: inline; padding-right: 17px;}

.logo		{ margin-left: 10px; color: #999; font-size: 95%;}
.logo img	{ top:14px;}
.footer .rightC  p 		{ font-size: 95%; color: #999; margin:0 0 0 0; }

/* my.toozla */

.tabs { margin: 20px 0 20px 0; overflow: hidden; }
.tabs ul { list-style: none; margin: 0; padding: 0;}
.tabs ul li { color: #000; text-shadow: 1px 1px 0px #efefef; font-size: 97%; opacity: 0.75; filter: alpha(opacity=75); height: 20px; line-height: 20px; float: left; background: url('/assets/i/2/bn.png'); padding: 5px 15px 5px 15px; border-right: 1px solid #989898; }

.tabs ul li:hover { cursor: arrow; opacity: 1; filter: alpha(opacity=100); background: url('/assets/i/2/bni.png'); }

.tabs ul li.first { -webkit-border-radius: 5px 0 0 5px; }
.tabs ul li.last { border-right: 0; -webkit-border-radius: 0 5px 5px 0; }
.tabs ul li.selected { background: url('/assets/i/2/bni.png'); opacity: 1; filter: alpha(opacity=100); }

.tabs ul li a { color: #000; text-decoration: none; }
.tabs ul li a:hover { text-decoration: underline; }

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

/*

.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; }
.frm-alert { padding: 15px; margin-bottom: 10px; background-color: #ff9999; }

#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'); }

.tab1 { 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%; }
.tab1-active { height: 32px; line-height: 32px; margin-top: -4px; background-color: #ff5a00; color: white; }
.tab1 a { text-decoration: none; color: #333; }
.tab1:hover { background-color: #C6FFB3; color: #333; height: 32px; line-height: 32px; margin-top: -4px; }
.tab1-active:hover { background-color: #ff5a00; color: white; }

.tab1 a:hover { background-color: transparent; color: #333; text-decoration: underline }
.tab1-container1 { 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 .row { padding: 10px; overflow: hidden; border-bottom: 1px dotted #ccc; }
.my-table .row-wrapper:first-child { border-top: 1px dotted #ccc; }

.my-table .row .stream-data { float: left; }

.my-table .row .stream-controls { display: none; overflow: hidden; padding-left: 20px; }
.my-table .row:hover .stream-controls { display: block; }

.my-table .row .stream-controls .stream-button, .my-table .row .stream-controls .stream-button2 { font-size: 85%; height: 18px; }

.my-table .row .icon { float: left; width: 24px; height: 24px; padding: 0 10px 0 0; }
.my-table .row .tick { background: no-repeat url('/assets/i/2/tick.png'); }
.my-table .row .empty { background: none; }

.my-table .row:hover { background-color: #e8ffe0; }

.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;
}