/* 
' Package: Visualizing Palestine
' Version: 1.0
' Date Created: 11-05-2015
' Last Modified: 11-05-2015
' Authors: Rami Zebian <Rami.Zebian@progous.com>
' Copyright 2015 by Progous sarl, All Rights Reserved
*/

@import url('fonts.css');

.hiring { 
  width: 418px;
  margin: 1px auto 20px;
  font-family: 'Effra_Std_Lt';
  padding-bottom: 7px;
  border-bottom: 1px solid #bbb;
  text-transform: uppercase;
}
.hiring a { color: #fff; text-decoration: none; }
.hiring a:hover { text-decoration: underline; }

body 
{
    background-color:#6D6E71;
    color:#D1D2D4;    
}

.divLogo
{
    width:163px;
    height:91px;
    background-image:url(../images/logo.png);
    background-repeat:no-repeat;
    z-index:11000;
}

.divHorizontalLineMini
{
    width:162px;
    height:9px;
    background-image:url(../images/hr-mini.png);
    background-repeat:no-repeat;
}


.divHorizontalLine
{
    width:422px;
    height:8px;
    background-image:url(../images/hr.png);
    background-repeat:no-repeat;
}

.divFooter
{
    width:421px;
    height:30px;
    padding-top:18px;
    border:solid 0px yellow;
}

#divFooterImage
{
    width:226px;
    height:22px;
    background-image:url(../images/footer.png);
    background-repeat:no-repeat;
    background-position: left top;
    display:inline-block;
}

#divFooterImage:hover
{
    background-position: left bottom;
}

#divSourceLayer
{
    width:220px;
    height:405px;
    padding: 0px 10px 5px 10px;
    position:absolute;
    bottom:43px;
    left:198px;
    font-family: 'Effra_Std_Lt';
    color: #D1D2D4;
    line-height:14pt;
    font-size: 12pt;
    background-color:#404041;
    z-index:-1;
    opacity:0;
    filter: alpha(opacity=95);
    /* Netscape */
    -moz-opacity: 0.95;
    text-transform:uppercase;   
    
}

#divSourceArrowDown
{
   background-image:url(../images/arrowdown.png);
   background-repeat:no-repeat;
   width:15px;
   height:12px;
   position:relative;
   top:-33px;
   right:-280px;
   opacity:0;
}

#divSourceLayer .close
{
    float:right;
    cursor:hand;
    cursor:pointer;
    margin-top:3px;    
}

.txtSourceHeavy
{
    font-family: 'Effra_Std_He';   
}

.blue
{
    color: #91D3D1;
}

a.sourcelink
{
    font-family: 'Effra_Std_Lt';
    color: #91D3D1;
    line-height:14pt;
    font-size: 12pt;   
    text-decoration:none;
}

a.sourcelink:hover
{
    text-decoration:underline;
}

.floatleft
{
    float:left;
}

.floatright
{
    float:right;
}

#divSlider
{
    width:161px;
    height:240px;
    padding-top:10px;
    padding-bottom:20px;
    margin-left:5px;
    border:solid 0px yellow;
}

#divContent
{
    width:161px;
    height:275px;
    padding-top:10px;
    border:solid 0px yellow;
}

#divMapLayer
{
    width:248px;
    height:675px;
    position:absolute;
    top:8px;
    left:190px;
    border:solid 0px yellow;   
}

.divSources
{
    font-family: 'Effra_Std_Lt';
    font-size: 10pt;
    color: #404041;
    display:inline;
    cursor:hand;
    cursor:pointer;
    position:absolute;
    margin-top:3px;
    margin-left:34px;
}

.divSources:hover
{
    font-family: 'Effra_Std_He';
    color: #91D4D1;
}

.divSourcesSelected
{
    font-family: 'Effra_Std_He';
    font-size: 10pt;
    color: #91D4D1;
    display:inline;
    cursor:hand;
    cursor:pointer;
    position:absolute;
    margin-top:3px;
    margin-left:35px;
}

.hand
{
    cursor:hand;
    cursor:pointer;
}

.noborder
{
    border:0;
}

.st_sharethis_custom
{
    width:22px;
    height:22px;
    background-image: url(../images/share.jpg);
    background-repeat:no-repeat;
    background-position: left top;
    display:inline-block;
}

.st_sharethis_custom:hover
{
    background-position:left bottom;
}

#divFbIcon
{
    width:22px;
    height:22px;
    background-image: url(../images/fb.jpg);
    background-repeat:no-repeat;
    background-position: left top;
    display:inline-block;
}

#divFbIcon:hover
{
    background-position:left bottom;
}

#divTwIcon
{
    width:22px;
    height:22px;
    background-image: url(../images/tw.jpg);
    background-repeat:no-repeat;
    background-position: left top;
    display:inline-block;
}

#divTwIcon:hover
{
    background-position:left bottom;
}

#divShareFreely
{
    width:76px;
    height:28px;
    background-image: url(../images/cc.png);
    background-repeat:no-repeat;
    position:relative;
    right:-172px;
    top:-18px;
    z-index:11000;
}


.divTickerBg0
{
    width:30px;
    height:199px;
    position:absolute;
    left:22px;
    margin-left:-1px;
    margin-top:-1px;
    background-image:url(../images/ticker1.png);
    z-index:-1;
    
    -webkit-transition: background-image 1.8s;
	-moz-transition:    background-image 1.8s;
	-o-transition:      background-image 1.8s;
}

.divTickerBg1
{
    width:30px;
    height:199px;
    position:absolute;
    left:22px;
    margin-left:-1px;
    margin-top:-1px;
    background-image:url(../images/ticker2.png);
    z-index:-1;
    
    -webkit-transition: background-image 1s;
	-moz-transition:    background-image 1s;
	-o-transition:      background-image 1s;
}

.divTickerBg2
{
    width:30px;
    height:199px;
    position:absolute;
    left:22px;
    margin-left:-1px;
    margin-top:-1px;
    background-image:url(../images/ticker3.png);
    z-index:-1;
    
    -webkit-transition: background-image 1s;
	-moz-transition:    background-image 1s;
	-o-transition:      background-image 1s;
}

.divTickerBg3
{
    width:30px;
    height:199px;
    position:absolute;
    left:22px;
    margin-left:-1px;
    margin-top:-1px;
    background-image:url(../images/ticker4.png);
    z-index:-1;
    
    -webkit-transition: background-image 1s;
	-moz-transition:    background-image 1s;
	-o-transition:      background-image 1s;
}

@media only screen and (max-width: 480px)
{
    #divSourceLayer{font-size: 9pt; height:382px;}
    .container_12 {
        width: 320px;
    }
    .divHorizontalLine {
        width: 100%;
    }
    a.sourcelink{font-size: 9pt;}

    .g-region-baltimore {
        width: 100%;
    }
    .divLogo {
        margin-top: 20px;
        width: 130px;
        background-size: contain;
    }
    #divSlider, #divContent, .divHorizontalLineMini {
        width: 130px;
    }
    #divSlider {
        padding-left: 16px;
    }
    #divContent .g-caption {
        font-size: 10px;
    }
    .nytg-sliderTick .nytg-tickLabel span.g-link,
    .nytg-sliderTick .nytg-tickLabel span.g-linkSelected {
        font-size: 28px;
    }
    #divFooterImage {
        width: 160px;
        height: 16px;
        background-size: cover;
    }
    #divMapLayer {
        width: 180px;
        top: 50px;
        left: 150px;
        height: 600px;
    }
    .g-region-image img {
        width: 100%;
    }
    .g-caption-0 {
        bottom: 120px;
    }
    #divShareFreely {
        top: 28px;
        left: 0;
    }
    #divSourceLayer {
        left: 80px;
    }
    .divSourcesSelected, .divSources {
        margin-top: 0px;
        margin-left: 85px;
        font-family: 'Effra_Std_He';
    }
    .floatright {
        float: right;
        position: relative;
        top: 40px;
    }
    .container_12 .grid_12 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .divFooter {
        width: 100%;
    }
    .nytg-tickLabel {
        padding-left: 0 !important;
    }
}

    .divTickerBg0{  left:24px; margin-top:-1px;}
    .divTickerBg1{  left:24px; margin-top:-1px;}
    .divTickerBg2{  left:24px; margin-top:-1px;}
    .divTickerBg3{  left:24px; margin-top:-1px;}
 }