/*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; -moz-border-radius: 10px; 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; }
.loading-div { background: #ffffff url("/assets/i/ajax-loader.gif") no-repeat center center; width: 100%; height: 300px; position: absolute; top: 20px; left: 0px; z-index: 1000; text-align: center; }

.wrapper { margin: 15px auto; width: 1100px; min-width: 800px; padding: 0 20px; }

.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; -moz-border-radius: 10px; border-radius: 10px; background-color: #fff; min-height: 500px; }

.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 { vertical-align: middle; background: #efefef no-repeat; -webkit-appearance:button; padding:0 4px; border: 1px solid #999; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd)); font-size: 90%; height: 32px; 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; -moz-border-radius: 2px; border-radius: 2px; vertical-align: middle; font-size:90%; height:32px; padding: 5px; background-color: #efefef; border: 1px solid #999; }

.input { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; vertical-align: middle; font-size: 90%; height: 20px; padding: 0 5px; background-color: #fff; border: 1px solid #999; }

.left-nav { float: left; width: 220px; background: #fff; min-height: 500px; padding: 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: 250px; background: #fff url('/assets/i/2/v.gif') top left no-repeat; padding: 20px 40px; }

.left-nav .menu { margin:0; list-style: none; padding:0 }
.left-nav .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-nav .menu .first {margin-top:0;}
.left-nav .menu .caption { padding: 0; font-weight: bold; color: #666; background-image: none; }

.left-nav .menu .selected { padding: 0px 10px 0px 10px; margin: 5px 0 5px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 180px; background: #ff6633 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; background: center bottom no-repeat url('/assets/i/gr_line.jpg'); }
.features .first { margin-top: 0; }
.features .last { border: 0; background-image: none; }

.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              { height: 80px; position:relative; }
div.header div.logo     { float: left; padding: 13px 0 0 0; }

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

.header .menu { float: right; padding-top: 42px; }
.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 28px 10px 28px; background-color: #efefef; }
.header .menu ul li:first-child p { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
.header .menu ul li:last-child p { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; 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; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
.header .menu ul li:hover:last-child p { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; 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; }

/*Accordion style
====================*/
#accordion { height: 280px; padding: 0; margin: 0; padding-left: 0; position: relative; list-style: none; list-style-type: none; width: 100%; overflow: hidden; }

#accordion li { background: #acda00 url('/assets/i/2/back.jpg') repeat-x left top; float: left; position: absolute; top: 0; height: 280px; width: 928px; border-left: 1px solid #ffffff; overflow: hidden; }
#accordion li .handle { position: absolute; top: 22px; z-index: 500; border: 1px solid #fff; border-width: 0 1px; cursor: pointer; }
#accordion li .slideback { width: 100%; height: 280px; position: relative; }
#accordion .contentInnerWrapper {  text-align: justify; width: 928px; }

#accordion li.oneSlider .slideback { background: url('/assets/i/2/twoSliderBack.jpg') no-repeat left top; }
#accordion li.oneSlider .contentInnerWrapper { background: url('/assets/i/2/twoSlider.jpg') no-repeat right bottom; }

#accordion li.twoSlider .slideback { background: url('/assets/i/2/oneSliderBack.jpg') no-repeat left top; }
#accordion li.twoSlider .contentInnerWrapper { background: url('/assets/i/2/oneSlider.jpg') no-repeat right bottom; }

#accordion li.threeSlider .slideback { background: url('/assets/i/2/threeSliderBack.jpg') no-repeat left top; }
#accordion li.threeSlider .contentInnerWrapper { background: url('/assets/i/2/threeSlider.jpg') no-repeat right bottom; }


#accordion li h2 { margin: 0; padding: 105px 0 0 150px;}
#accordion li 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;}

#accordion li.twoSlider h2 { margin: 0; padding: 105px 0 0 145px;}
#accordion li.twoSlider p { margin: 10px 0 10px 145px; left: 0px;}
#accordion li.threeSlider h2 { margin: 0; padding: 100px 0 0 190px;}
#accordion li.threeSlider p { margin: 10px 0 10px 190px; padding: 0; left: 0px; }

#accordion a, #accordion a:visited { color: #000; }
#accordion 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

.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; -moz-border-radius: 5px; 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;-moz-border-radius:2px;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;
    vertical-align: middle;
}

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

/**
 * Map styles for StreamBrowser
 */

#sm2-container { width: 1px; height: 1px; }

#sm2-container.flashblock-popup { position: fixed; top: 200px; left: 50%; width: 400px; height: 270px; margin-left: -200px; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 20px 20px 10px 20px; }

.flashblock-popup .close { position: absolute; top: 10px; right: 20px; }

.flashblock-popup div { width: 400px !important; height: 180px !important; }

.flashblock-popup .flashblock-notice { display: block; }

.flashblock-notice { display: none; }

#language-chooser .select { width: 131px; }

#language-chooser .button { width: 60px; }

#geocoder { width: 270px; padding: 8px; }

#geocoder .search-text { width: 187px; margin-right: 11px; }

#geocoder .search-button { width: 54px; height: 22px; margin-right: 0; }

#geocoder .disambiguator { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #FFFFFF; border: 1px solid #EBEAEA; font-size: 115%;  list-style: none; margin: 0; padding: 0; position: absolute; width: 270px; }

#geocoder .disambiguator li { white-space: nowrap; padding: 5px; cursor: pointer; width: 260px; overflow: hidden; }

#throbber { width: 260px; margin: 5px 3px; height: 31px; background: url("/assets/i/2/throbber-back.png") left top no-repeat; visibility: hidden; }

#throbber img { vertical-align: middle; margin: 0 5px 0 2px; } 

#throbber.throb { visibility: visible; }

#throbber .messages { bottom: 30px; position: absolute; width: 250px; margin-left: -125px; list-style: none; list-style-type: none; }

#throbber .message { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 8px; }

#throbber .error { background: red; color: white; }

#throbber .warning { background: yellow; color: black; }

#throbber .info { background: white; color: black; }

#link-to-map .link { width: 188px; padding: 5px; height: 50px; font-size: 110%; }

.infowindow-container { background: url("/assets/i/2/infowindow-back.png") no-repeat left top; padding: 0 0 22px 0; }

.infowindow-loading { background: #ffffff url("/assets/i/loading.gif") no-repeat center center; height: 170px; width: 274px; margin: 2px; }

.infowindow-shadow { background: url("/assets/i/2/infowindow-shadow.png") no-repeat right bottom; width: 396px; height: 203px; }

.infowindow-toozla-map { width: 280px; height: 174px; padding: 3px; cursor: default; }

.infowindow-toozla-map h5 { font-size: 100%; padding: 8px; margin: 2px; width: 258px; height: 16px; font-weight: bold; background: #edecec; }

.infowindow-loading h5 { margin: 0; }

.infowindow-text { height: 90px; margin: 0 13px 8px 13px; width: 256px; overflow: auto; overflow-y: auto; overflow-x: hidden; }

.infowindow-audio { margin: 6px 11px; }

.sm2_link { background: #fff url("/assets/i/icon_play.png") no-repeat 0px 50%; display: inline-block; padding-left: 22px; min-height: 16px; border: 3px solid #ebeaea; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 0px 3px 0px 20px; text-decoration: none; font-weight: bold; color: #333; }

.sm2_link { -webkit-transition-property: hover; -webkit-transition: all 0.15s ease-in-out; }

.sm2_paused:hover,
.sm2_link:hover { background: #999 url("/assets/i/icon_play.png") no-repeat 0px 50%; }

.sm2_paused { background-color: #fff; }

.sm2_paused:hover { background: #999 url("/assets/i/icon_play.png") no-repeat 0px 50%; }

.sm2_playing,
.sm2_playing:hover { background: #fff url("/assets/i/icon_pause.png") no-repeat 0px 50%; text-decoration: none; }

.sm2_loading { background: #fff url("/assets/i/loading.gif") no-repeat 0px 50%; }