/* 
   Document   : styles
   Created on : Mar 2, 2012, 6:53:55 PM
   Author     : efta
   Description:
       Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@import url("/static/css/common.css");



.train {
    background-color: black;
    float: left;
    position:absolute;
    margin-left: 0;
    width: 0;
    height: 1px;
    width: 14px;
    margin-top: 20px; 
    margin-left: 281px;
}


select {background-color: white; border: 1px solid gray;}

.banner img {
    width:100%;
}


#cBlock {
    display: table-row;
    min-height: 40em;
    
}

#cBlock .cell {
    vertical-align: top;
    display: table-cell;
}


#subMenu, #subMenu div {
    text-align: left;
    margin-bottom: 0.5em;
}
#subMenu a {
    padding-right:0.6em;    
}

#content {
    text-align: left;
    margin-bottom: 3em;
}

#mapDiv {
    width: 700px;
    height: 400px;
}

article a:hover {
    text-decoration: underline;
}


.hidden{
    display: none;
}

.header {
    width: 100%;
    margin-top: 0em;
}
.header td form{
    padding-top: 0px;
    text-align: right;
}

.header form div {
    width:100%; text-align: right; 
}

#itemMenu {width: 100%; margin-bottom: 0.8em; position: relative;}
#itemMaMenu { display: inline-block}


#memosTable {
    width: 100%;
}
#memosTable thead td {
    border-color: white;
    color:gray;
}

#memosTable thead a {
    color:gray !important;
}

#memosTable thead a {
    color:gray;
}

#memosTable td {
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1em;
    vertical-align: middle;
}

#memosTable tr td:nth-last-child(1){
    text-align: right;
    width: 3em;
    padding-right: 0;
}

#memosTable a.doEditMemo {
    background-image: url(/static/images/notes-edit.svg); 
    background-repeat: no-repeat; 
    background-position: 24px 1px;
    border: none;
    height: 22px;
    float: right;
    overflow: visible;
    width: 48px;
    cursor: pointer;
    background-size: 20px 20px;
    
}

.advTable {
    text-align: left;
}

.advTable tr td {
    padding-bottom: 30px;
}


.exibitionsListTable, .exibitionsListTableSimple {
    width: 100%;
    margin-bottom: 1em;
}

.fwListTable td {
    padding-bottom: 1em ;
    padding-top: 2em ;
}

.exibitionsListTable td {
    padding-bottom: 2em ;
    padding-top: 2em ;
    vertical-align: top;
}

.exibitionsListTableSimple td {
    padding-bottom: 1em ;
    padding-top: 1em ;
    vertical-align: top;
}

.exibitionsListTableSimple tr:first-child td {
    padding-top: 0 ;
}
.exibitionsListTableSimple tr:last-child td {
    border-bottom: none;
    }
    
.exibitionsListTable h3 {
    color: black;
    margin: 0 0 1em; 
}
.mapButtonsTable td{
    padding: 0.5em 0;
    
}
.exibitionsListTable h3 {
    color: black;
}

.fwListTable tr:first-child  td, .exibitionsListTable tr:first-child td {
    padding-top: 0;

}

.exibitionsListTable tr td:first-child {
    width: 240px;
}
.exibitionsListTable img, .tmbImg {
    max-width: 200px;
    max-height: 200px;
}

.radioTable td{
    padding-right: 1em !important;
    border: none !important;
}

.zeroLeftTable td {
    padding-right: 1em;
}

.simpleTable td, .simpleTableIn td{
    padding:0.3em !important;
    }
    
.simpleTableIn tr td:first-child{
    padding-left:0 !important;
    }

.simpleTable1r td{
    padding: 0 0.5em;
}

.vertAlignMid, .vertAlignMid td {
    vertical-align: middle;
}
.workTimeTable select{
    padding: 0.1em;
    height:2em;
}
.workTimeTable td{
    padding:  0 0.5em;
    vertical-align: middle;
}

.vertMiddle * {
    vertical-align: middle;
}
.vertMiddle input {
    padding: 2px 5px 1px;
}
.vertMiddle select, .vertMiddle input  {
 height: 20px;
}

.vertMiddle td:first-child {
    padding-left: 0;
}

.simpleTableBB td, .imgCaption, .exibitionsListTable td,  .fwListTable td, .exibitionsListTableSimple td, .linesep, .venuesListTable .vRow, #memosTable td {border-bottom: solid 1px #D1D1D1;}
xTable > tbody > tr:last-child > td {border-bottom: none}

.fwListTable > tbody > tr:last-child > td,.exibitionsListTable > tbody > tr:last-child > td { border: none}

.simpleTableBB, .venuesListTable, .venuesListTableRow, .venuesListTableEx {
    width: 100%;
}

.venuesListTableEx {
    padding-left: 1em;
}
.venuesListTableEx a  {
    color: #999;
}
.venuesListTable .vName {
    white-space: nowrap;
    width:1%;
}
.venuesListTable .vSep {
    width:1em;
}

.simpleTableBB td, .venuesListTable td {
    padding: 0.5em 0;
}

.onlineIcon {
    width: 10px; 
    text-align: right; 
    padding-top:7px;
}

.venuesListTableEx td {
    border-top: none 1px #D1D1D1; padding:0.5em 0; margin-top: 0.5em;
}

.venuesListTableEx tr:first-child td {
    border: none; padding-top:0; margin: 0;
}
.venuesListTableEx tr:last-child td {
    padding-bottom: 0; margin: 0;
}
.serviceItem {
    background: #e6e6e6; padding: 0 10px 10px; margin: 0.5em 0; width:680px;
}
.serviceItem .w700px {
    width: 670px;
    margin: 0 !important;
}


#slider { margin-bottom: 20px;}
.imgTable {width: 100%;}
.imgTable > div{vertical-align: middle; display: inline}
.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto;  }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }

.ui-slider-horizontal {
    height: 0.0em !important;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.15em  !important;
    margin-left: -1.2em !important;
}

.ui-slider .ui-slider-handle {
    width: 2.4em !important;
    height: .2em !important;
}

.ui-fileupload div{
    border-radius: 0 !important;
    background: none !important;
    border: none  !important;
    width: 500px;
    padding: 0;
}

.vMid { }

.vMid ul, .hMenu, .veMenu, .loMenu ul {
    text-decoration: none;
    list-style: none;
    padding: 0;
    margin: 0;

}
.vMid ul li:last-child {
    border-right: solid 1px white;
}
.vMid > ul > li {
    display: block;
    float: left;
    border-collapse: collapse;
    border-left: solid 1px white;
    padding: 0;
    margin: 0;
    background-color: #f1f1f1;

}

.hMenu, .veMenu{
    display: inline;
}

.hMenu li, .veMenu li {
    padding: 0 1em;
    margin: 0;    
    display:  inline;
}

.hMenu>li:first-child {
    padding-left: 0;
}

.loginMenuContainer {
    float:right; 
}

.loginMenu {
    display: table-row;
    margin: 0 !important;
}

.loginMenu li{
    display: table-cell;
    width: 79px;    
    background-color: #f1f1f1;
    border-collapse: collapse;
    border: 1px solid white;   
    padding: 0.4em 0 0.5em;
    text-align: center;
    vertical-align: text-top;
}

#subjectMenu {
    z-index: 40;
}
.scrollMenu li
{
    padding: 0 0.3em;
}


.scroll-area div.page{
    padding: 0.3em;
    border: 1px solid #c6c6c6;
    display: inline-block;
    min-width: 2em;
    text-align: center;
}
.scroll-area div.active, .scroll-area div.page:hover{
    background-color: #f1f1f1;
}

.scroll-area div.box {
    display:inline-block;
    margin-bottom:1em;
}

.veMenu li {  
    padding: 0 0.5em;
}

.veMenu li:last-child {
    padding-right: 0;
}

.veMenu li:first-child {
    padding-left: 0;
}

#searchForm input{
    height: 3em;
}
.searchInputBig {
    width: 620px;
    padding: 0 1em;

}

.searchDiv {
    border:solid #c6c6c6 1px;
    height: 22px;
    display: inline-block;
    margin-left: 1em;
    position: relative; 
    z-index: 30; 

}

.searchInput {
    width: 139px;
    margin: 0;
    color: #999; 
    padding: 0 4px; 
    height: 20px;
    border: none !important;
}

.searchButton {
    background-image: url(/static/images/lens.svg); 
    background-repeat: no-repeat; 
    background-position: 0px 3px;
    border: none;
    height: 22px;
    background-color: white;
    float: right;
    overflow: hidden;
    width: 19px;
    cursor: pointer;
}

.vMid ul li:first-child{
    border:none;
}
.vMid ul li:last-child-child{
    border:none;
}

.vMid ul li span, .vMid ul li a{
    padding: 0.6em;
    line-height: 2em;
}

.vMid ul li a:hover{
    color: white !important;
    border: none;
}
.vMid ul li:hover {
    background: black;
}

.noBorder {
    border:none;
}

#masterMenuFrame {color: gray; background-color: #f1f1f1; text-transform: capitalize }
#masterMenuFrame .vMid a, .blackBar a {color: black;}

#subMenuFrame { 
    padding: 1em 0.6em 0.1em; 
    border-bottom: 1px white solid; 
    border-top: 1px white solid; 
    background: #f1f1f1;
    min-height:78px;
}

#form, #contentFrame {margin-top: 2em; text-align: left;}

.star-icon {
    background-image: url(/static/images/star1.gif);
    background-size: 80%;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 18px;
}
.star-icon:hover {
    background-image: url(/static/images/star2.gif);    
}

.change-icon {
    background-image: url(/static/images/change5.gif);
    background-size: 80%;
    background-repeat: no-repeat;
    display: inline-block;
    width: 22px;
    height: 18px;
}
.change-icon:hover {
    background-image: url(/static/images/change1.gif);
}

.menuGradient {  background-image: -webkit-linear-gradient(bottom, #f1f1f1 3%, #fff 100%)
                 linear-gradient (bottom, rgb(166,166,166) 8%, rgb(230,230,230) 42%);
}

.listMenu {
    margin-bottom: 2em;
}

.mediaButtonsTable {
    
}
.mediaButtonsTable tr td:nth-child(even) {
    text-align: right;
}
.mediaUploadTable{
 margin-bottom:20px;	
}

.mediaUploadTable tr td:first-child {
    width: 150px;
    text-align: left;
    padding-right: 20px;
}
.mediaUploadTable tr:first-child td {
border-top: 1px solid #E6E6E6;
}
    
.mediaUploadTable tr td:nth-child(2) {
    width: 530px;
    
}
.mediaUploadTable tr td {
    padding-bottom: 17px;
    padding-top: 20px;
    border-bottom: 1px solid #E6E6E6;
}

.featuredTable td {
    padding: 0.5em;
    vertical-align: middle;
}

.timelineListTable {
    
}

.timelineListTable tr td:first-child {
    color: gray;
    white-space: nowrap;
    padding-right: 0.5em;
}

.timelineListTable tbody tr td:nth-child(2) {
    color: gray;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 0.5em;
}

.timelineListTable tbody tr td:nth-child(3) {
    color: gray;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 2em;
}

.timelineListTable tbody tr td:nth-child(4) {
    min-width: 12em;
    padding-right: 1em;
}

.timelineForm select, .timelineForm input{
    height: 20px;
    padding: 0;
    margin: 0;
}

.zebra tbody td {padding: 0.5em 0.5em;  border-bottom: 1px white solid;}
.zebra tbody tr:nth-child(odd) {background: #f1f1f1}
.zebra tbody tr:nth-child(even) {background: #f5f5f5} 
.zebra tbody tr:hover td {background: #e1e1e1;}
.fileNavigation { width: 100%; vertical-align:middle; line-height: 2;}
.fileNavigation div:first-child {float: left; display:inline; vertical-align:middle; line-height: 2;}
.fileNavigation div:last-child {float: right; display:inline; vertical-align:middle; line-height: 2;}
.zebra thead tr th,.zebra tbody tr th  { background-color: white; padding: 0.5em 0.5em; }
.zebra tfoot tr:hover { background: none}
.zebra tfoot td { background-color: white; padding-top: 0.5em; }

.noZebra tr  {
    background: none;
}

.infoWindow {
    line-height:1.35;
    overflow:hidden;
    white-space:nowrap;
    padding: 0.5em;
}
#datesList img{
    vertical-align: middle;
}
*[data-calendar]{
 cursor:pointer;
}

background-image: linear-gradient (bottom, rgb(166,166,166) 8%, rgb(230,230,230) 42%);
background-image: -o-linear-gradient (bottom, rgb(166,166,166) 8%, rgb(230,230,230) 42%);
background-image: -moz-linear-gradient (bottom, rgb(166,166,166) 8%, rgb(230,230,230) 42%);
background-image: -webkit-linear-gradient (bottom, rgb(166,166,166) 8%, rgb(230,230,230) 42%);
background-image: -ms-linear-gradient (bottom, rgb(166,166,166) 8%, rgb(230,230,230) 42%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.08, rgb(166,166,166)),
color-stop(0.42, rgb(230,230,230))
);