/* 
    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/
*/

/*


@media all and (max-width: 1100px) {
    #header {display: none;}
    .nav, .ban{display: none !important;}
    body {font-size: 17px; margin: 2em;}
}


*/

html {
    width: 100%;
    margin: 0;
    min-height:100%;

}

body, input, textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    text-align: left;
}

window{
    min-height:100%;
}
input{padding:0.2em}
input[type=number]{text-align: right}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
div {
    box-sizing: border-box;
}
.gm-style .infoWindow div, .gm-style .infoWindow a {
    font-family: Verdana, Arial, Helvetica, sans-serif !important; 
    font-size: 11px;
}

body {
    margin: 0 1em;
    height: 100%; 
}

img {
	max-width : 790px;
	max-height: 790px
}

.coverImg {
    max-width: 1210px;
}

.contentWidth,.con,.w700px, .contentImg {
    width:790px;
}


input, select{

}

.noBreakInside {
	break-inside: avoid;
	page-break-inside: avoid;
}

.showChild:hover {
	display: block;
	opacity: 0.5;
}
.showLA:hover {
   cursor: w-resize;
}
.showRA:hover {
  cursor: e-resize;
}


a { color:black; text-decoration: none;}
a:hover { }
.aUnder a:hover, a.aUnder:hover { text-decoration: underline; }
#footer, #frame {
    width: 1210px;
}

#frame {
    margin: auto;
    min-height:100%;
    position:relative;
}

#footer {
    position: absolute;
    bottom:0;
    width :100 %;
}
#subheader{
	width:100%; margin-top: 4em;
}
.toplogo{
 padding-top: 2.7em;
}

div[data-memo] {
	display:none;
}
.grayBg {
    background-color: #F1F1F1;
}
.graytext, .greytxt {
    color: gray;
}

.textBold, .gm-style .infoWindow a.textBold {
    font-weight: bold;
}

.sf {
    font-size: 90%;
}
.aButton, button {padding: 0.5em; display:table-cell; cursor:pointer; border: 1px solid #d1d1d1;}
.aButton span { vertical-align: middle;}
.aButton:hover, button:hover {border-color:#0399ee; text-decoration:none; color:#0399ee; }
select {font-size: 12px; padding: 0.2em}
input, button, select, textarea, .aButton {background-color: white; border: 1px solid #d1d1d1;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
input[type=text],input[type=password],input[type=submit],input[type=button] {border: 1px solid #d1d1d1;}
input[type=submit],input[type=button] { cursor:pointer; }

label input[type=checkbox],input[type=checkbox], label input[type=radio], input[type=radio] {
    vertical-align: middle;
}
label {
    padding-right: 1em;
}
form {margin:0;padding:0}
p, div, form,  .margin-auto, form table  { }
p, div { text-align: left;}
p {margin: 0 0 1em 0; padding: 0}
h1, h2, .h1, .h2, .fgeorgia {font-family: Georgia, serif; font-weight: normal; }

h1,.h1 { font-size: 2.0em; color: #999; font-family: serif; margin: 0 0 .5em;}
h2,.h2 { font-size: 2.0em; color: #999;  font-family: serif; margin: 0 0 .5em;}
h3 { font-size: 1em; margin: 0.5em 0 0.5em; font-weight: normal; }
.exibitionsListTable h2 { margin: 0 0 0.55em;}
.h3vita { padding: 1em 0;}
.h3vita span {border-top: 1px solid #d1d1d1; padding-top: 0.4em;}
.black { color: black !important;}
h2 a, .h2 a, a.h2 { color: black !important}

.h1 {margin: 0.5em 0 0.5em !important; 
     color: black}

th {
    font-weight: normal;
    border-bottom: solid white 1px;
    text-transform: capitalize;
}

.grayBar{ background-color: #e8e8e8; padding: 0.5em;}
.blackBar{ background-color: black; padding: 0.5em;}



table table {
    margin: 0;
}

table {
    border-collapse: collapse;
    text-align: left;
    font-size: 1em;  
}


table td {
    vertical-align: top;
    padding: 0;
}

#citiesList select {
	width: 150px;
}

.saveButton{
    margin-top: 3em;
}

.errorMessage {
    color: #900;
}

.infoMessage {
    color: #090;
}

.calendar input {
    width:140px;
}

.vhcenter, .vhcenter td  {
    vertical-align: middle;
    text-align: center;
}

.vhcenter img {
    display: block;
    margin: auto;
}

.center {
    text-align: center;
}
.right {
    text-align: right;
}
.pointer {
    cursor: pointer;
}


.borbo { border-bottom: #DDDDDD solid 1px;}
.bortop { border-top: #DDDDDD solid 1px;}
.txGray { color: gray !important; }
.con {display: inline-block;}
.sep50, .sep30 { display: inline-block;}
.sep50 {width:50px; }
.sep30 {width:30px; }
.nav, .ban{width:160px; display: inline-block; z-index:10; position: relative;}

.table-cellalign-right td {
	text-align: right;
	padding:0.5em;
}
.table-cellalign-center td {
	text-align: center;
	padding:0.5em;
}

.table-cellalign-left td {
	text-align: left;
	padding:0.5em;
}
/* input.w700px, textarea.w700px {width:690px;} */

.w600px {width:600px;}
.w500px {width:500px;}
.w480px {width: 480px;}
.w400px {width: 400px;}
.w350px {width: 350px;}
.w300px {width: 300px;}
.w200px {width: 200px;}
.w100px {width: 100px;}
.w70px {width: 70px;}
.w100pr {width: 100%;}
.h30px {height: 30px;}
.h50px {height: 50px;}
.h60px {height: 60px;}
.h100px {height: 100px;}
.h200px {height: 200px;}
.h300px {height: 300px;}
.h400px {height: 400px;}
.h500px {height: 500px;}
.h550px {height: 550px;}
.h600px {height: 600px;}

.pl1em {padding-left: 1em;}
.pl2em {padding-left: 2em;}

.pt025em{padding-top: 0.25em;}
.pt05em{padding-top: 0.5em;}
.pt1em{padding-top: 1em;}
.pt2em{padding-top: 2em;}
.pb025em{padding-bottom: 0.25em;}
.pb05em{padding-bottom: 0.5em;}
.pb1em{padding-bottom: 1em;}
.pb15em{padding-bottom: 1.5em;}
.pb2em{padding-bottom: 2em;}
.pb3em{padding-bottom: 3em;}
.pt20px{padding-top: 20px;}
.pb20px{padding-bottom: 20px;}

.linesep, .mb1em {width: 100%; margin-bottom: 1em;}

.mt04em {margin-top: 0.4em;}
.mt05em {margin-top: 0.5em;}
.mt1em {margin-top: 1em;}
.mt2em {margin-top: 2em;}
.mb05em {margin-bottom: 0.5em;}
.mb15em {margin-bottom: 1.5em;}
.mb2em {margin-bottom: 2em;}
.mb3em {margin-bottom: 3em;}
.mb4em {margin-bottom: 4em;}
.mb5em {margin-bottom: 5em;}
.mt20px{margin-top: 20px;}
.mb20px{margin-bottom: 20px;}

.imgCaption, .imgCaptionHidden { margin-bottom: 2em; margin-top:1em; padding-bottom: 1em; color: #999;}
.imgCaption p {margin:0; padding:0;}
.captionBlack .imgCaption { color: black}
.imgCaptionHidden, #itemImg, .hidenInfo { display:none; }
.img700, .imgScrollPane { max-height: 790px; max-width: 790px; }
.img600 { max-height: 600px; max-width: 600px; }
.img500 { max-height: 500px; max-width: 500px; }
.img300 { max-height: 300px; max-width: 300px; }
.img200 { max-height: 200px; max-width: 200px; }
.imgScrollPane {  overflow: hidden; margin-bottom: 1em; margin-top: 2em;  }
.imgScrollPane img { max-width: 58px; max-height: 58px; vertical-align: middle;  }
.imgTable { overflow: hidden;  display: block; float:left;  }
.textBlock, .imagesPreview { margin-bottom: 1em; padding-bottom: 1em; border-bottom: solid #e6e6e6 thin; display: block;}

.hiddenInfo { display: none;}
.infoCell { cursor: pointer; }
.buttonSelected { border-color: #0399ee !important; color: #0399ee}

.simpleFileUpload {
    opacity: 0;
    position: relative;
}

#itemMaMenu, #itemOptMenu { display: inline-block}
#itemOptMenu { text-align: right; float: right;}
#itemOptMenu a { margin: 0 1em; color: gray;}

.menu-down {
    background-repeat: no-repeat; 
    border: none;
    overflow: visible;
    float: right;
    width: 22px;
    height: 30px;
    cursor: pointer;
    position: relative;
    top:-4px;
    background-size: 20px 20px;
    
}

.menu-down {
    background-image: url(/static/images/icon-menu-down.svg); 

}
.moreMenu {
    text-align: left;
    display: block;  
    position: absolute; 
    z-index: 10; 
    display: none; 
    background: #f6f6f6; 
    padding: 0;
    margin: 0;
}

.moreMenu li {
    list-style-type: none;
    padding: 0.4em 1em 0.4em 1em !important;
    display: block !important;
    background-color: #f1f1f1;
    border-top: 1px solid white;
    text-align: left;
    vertical-align: text-top;
    overflow: hidden;
    box-sizing: border-box;
}

.moreMenu li a {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
}

.menu-down .moreMenu {
	   width: 110px;
}

.loginMenuContainer {
       width: 160px;
}

*[data-lang='ar'] {
	text-align:right;
}