body{color: #2f2f2f; font-family: "Arial", "Sans Serif"; font-size: 11pt; background: #494949 url(/f/mastera/top-bg.gif) repeat-x top left;}

h1, h2, h3, h4, h5, h6{font-weight: normal; line-height: 0.9em; color: #000;}
h1{font-size: 24px;}
h2{font-size: 20px; margin: 0 0 1em 0; padding-left: 5px;}
h2.name2{font-size: 24px; padding: 10px 0 0 0; margin: 0; border-top: 1px solid #dcdcdc; }
h3{font-size: 17px; margin: 0 0 .4em 0; padding-left: 5px; padding-top: 3em;}
h4{font-size: 120%; margin: 0 0 1em 0; padding-left: 5px;}
h5{font-size: 120%; margin: 0 0 1em 0; padding-left: 5px;}
h6{font-size: 100%; margin: 0 0 1em 0; padding-left: 5px;}
p{margin: 0 5px 1em 5px; line-height: 1.3em;}
a, .collapse-url{color: #80a02a; text-decoration: none;}
a:hover{color: #6c8d13;}
a.local, .collapse-url{text-decoration: none; cursor: pointer;} /*border-bottom: 1px dashed #80a02a;*/
a.no-underline{text-decoration: none;}

.clear{float: none; clear: both; height: 1px; font-size: 0;}
.spacer5{height: 5px;}
.spacer10{height: 10px;}
.spacer20{height: 20px;}
.spacer30{height: 30px;}
.spacer40{height: 40px;}
.quote{text-indent: -0.6em;}

.bullets ul, .bullets ul ul, .bullets ul li ul{list-style-type: none; padding: 2px 0 4px 0; margin: 0 20px; // font-size: 90%;}
.bullets ul ul ul{font-size: 80%;}
.bullets ul li{behavior: expression( !this.before && this.parentNode && this.parentNode.nodeName == 'UL' ? this.before = this.innerHTML = '<span class="bullet">—</span> ' + this.innerHTML : '' ); text-indent: expression( this.parentNode && this.parentNode.nodeName == 'UL' ? '-1.3em' : 0 );}
.bullets ul li span.bullets {color: #ccc;}
.bullets ul>li{text-indent: -1.3em;}
.bullets ul>li:before {content: '\2014\a0'; color: #ccc;}
.bullets ul li div{text-indent: 0;}



#layout{min-width: 900px; max-width: 1300px;}/* //width: expression(document.body.clientWidth <= 900?"900px":document.body.clientWidth > 1300?"1300px":"auto");*/

#head{margin: 66px 50px 0 50px; border: 4px solid #707070;}
#head{background: #f0f0f0 url(/f/mastera/curtains-bg-big.jpg) no-repeat center center;}
#head-top{height: 71px;position: relative;}
/*#head-top{background: #f0f0f0 url(/f/mastera/head-bg.gif) repeat-x top left;}*/
#head-bottom{height: 88px; position: relative; overflow: hidden;}
/*#head-bottom{background: #91bb33 url(/f/mastera/curtains-bg.jpg) no-repeat top right;}*/
#logo{position: absolute; top: 16px; left: 37px; background: url(/f/mastera/logo.png) no-repeat top left;}
#logo, #logo img{width: 202px; height: 47px;}
#menu-top{position: absolute; top: 22px; right: 30px;}
#menu-top li{float: left; padding: 9px 15px;}
#menu-top li a{text-decoration: none; color: #80a02a; font-size: 10pt;}
#menu-top li a:hover{color: #6c8d13;}
#menu-top li.selected{background: #80a02a;}
#menu-top li.selected a{color: #fff;}
#menu-top li.selected a:hover{text-decoration: none; cursor: default;}
#iconostasis{padding: 7px 0; position: absolute; top: 0; left: 0;}
#iconostasis li, #iconostasis .container{float: left; margin: 0 6px; background-position: top left; background-repeat: no-repeat; }
#iconostasis li, #iconostasis .container, #iconostasis .icon{width: 100px; height: 75px;}
#iconostasis .icon{background: url(/f/mastera/opacity-000-.25.png) no-repeat top left;}
#iconostasis .icon:hover{background: none;}
#iconMask{background: #000 url(/f/mastera/icon-mask-play.png) no-repeat center center; z-index: 1; position: absolute; top: 0; left: 0; cursor: pointer;}

#content{margin: 18px 50px 0 50px; border: 4px solid #707070; text-align: left;}
#content .frame{border: 1px solid #fff; background: #fff url(/f/mastera/content-bg.gif) repeat-x top left; padding: 30px;}
#content .main, #content .submenu{float: left;}
#content .main{width: 70%; padding-right: 5%;}
#content .submenu{width: 25%;}
.submenu h3{padding-bottom: 18px; border-bottom: 1px solid #dcdcdc; margin-bottom: 13px; padding-top: 16px;}
.submenu li{padding: 9px 10px 8px 15px; border-bottom: 1px solid #ececec;}
.submenu li a{text-decoration: none;}
.submenu li.selected{background-color: #80A02A;}
.submenu li.selected a{text-decoration: none; color: #fff;}

.master-card{padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #dcdcdc; }
.master-card h1{padding: 0 0 0 2px;}
.master-card .tmbs{padding-bottom: 5px; border-bottom: 1px solid #dcdcdc; margin-bottom: 10px;}
.master-card .tmbs{padding-top: 10px; border-top: 1px solid #dcdcdc; margin-top: 10px;}
.master-card .tmbs li{float: left; margin: 0 5px; position: relative;}
.master-card .annotate{padding-right: 10px;}
.master-card .large{margin-right: 10px; position: relative;}
.master-card .large .video-available{}
#camera{position: absolute; bottom: -65px; left: 0px; width: 122px; height: 145px; background: url(/f/mastera/camera.png) no-repeat top left; z-index: 1; cursor: pointer;}
#camera_old{position: absolute; bottom: -35px; left: -180px; width: 140px; height: 145px; background: url(/f/mastera/camera_old.png) no-repeat top left; z-index: 1; cursor: pointer;}
#show-play{position: absolute; background: #000 url(/f/mastera/icon-mask-play.png) no-repeat center center; cursor: pointer;}
#show-play .info{position: absolute; color: white; text-align: center;}
#master-video{position: absolute; top: 0; right: 0;}
.master-card .padding5px{padding-top: 5px; padding-bottom: 5px;}
.master-card .margin5px{margin-top: 5px; margin-bottom: 5px;}
.master-card .collapsible{display: none;}

#bottom{color: #868686; padding: 10px; font-size: 9pt;}