/**
 * Created by maximedewelle
 * Date: 5 nov. 2010
 * Time: 15:52:10
 */


/*------------------- MAIN PAGE --------------------*/


#widget-content{
    padding:10px;
    background:url(images/bgFooter.jpg) repeat-x top left;
}

    #widget-content h1 img{
        vertical-align:middle;
    }

    #widget-content div#help{
        float:right;
    }

        #widget-content div#help a{
            background:url(http://www.esoa.net/css/images/content/widgets/icon_help_bgw.gif) no-repeat;
            display:block;
            height:18px;
            width:18px;
        }


/*-------------------- FLICKR ---------------------*/

.flickerNav .jcarousel-container{
    background:#e1f0ff;
}

.flickerNav .jcarousel-direction-rtl {
	direction: rtl;
}

.flickerNav .jcarousel-container-horizontal {
    width: 172px;
    padding: 4px 24px;
    margin:0;
}

.flickerNav .jcarousel-clip-horizontal {
    width:  172px;
    height: 55px;
}

.flickerNav .jcarousel-item {
    width: 55px;
    height: 55px;
}

.flickerNav .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 3px;
}

.flickerNav .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 5px;
    margin-right: 0;
}

.flickerNav .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.flickerNav .jcarousel-next-horizontal {
    position: absolute;
    top: 14px;
    right: 5px;
    width: 16px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://www.esoa.net/css/images/home/next-horizontal.png) no-repeat 0 0;
}

.flickerNav .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(http://www.esoa.net/css/images/home/prev-horizontal.png);
}

.flickerNav .jcarousel-next-horizontal:hover {
    background-position: -16px 0;
}

.flickerNav .jcarousel-next-horizontal:active {
    background-position: -32px 0;
}

.flickerNav .jcarousel-next-disabled-horizontal,
.flickerNav .jcarousel-next-disabled-horizontal:hover,
.flickerNav .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -48px 0;
}

.flickerNav .jcarousel-prev-horizontal {
    position: absolute;
    top: 14px;
    left: 5px;
    width: 16px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://www.esoa.net/css/images/home/prev-horizontal.png) no-repeat 0 0;
}

.flickerNav .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(http://www.esoa.net/css/images/home/next-horizontal.png);
}

.flickerNav .jcarousel-prev-horizontal:hover {
    background-position: -16px 0;
}

.flickerNav .jcarousel-prev-horizontal:active {
    background-position: -32px 0;
}

.flickerNav .jcarousel-prev-disabled-horizontal,
.flickerNav .jcarousel-prev-disabled-horizontal:hover,
.flickerNav .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -48px 0;
}


#flickrSlider li{
    float:left;
    margin:0 8px 5px 0;
}

    #flickrSlider li img{
        border:1px solid #aeaeae;
    }

/*-------------------- YOUTUBE ---------------------*/

#youtube li{
	list-style:none;
	padding:10px 0px;
	border-bottom:1px solid #E6E6E6;
}

#youtube .img{
	float:left;
	width:80px;
}

#youtube .copy{
	float:left;
	width:270px;
}

#youtube .copy .title{
	font-size:11px;
	font-weight:bold;
	line-height:13px;
	margin-bottom:4px;
}

#youtube .copy .date{
	font-size:10px;
	color:#aaaaaa;
	
}

#youtube .fb{
	float:none;
	clear:both;
	line-height:0px;
}


/*-------------------------------
           WEATHER
--------------------------------*/

table#widget-weather{
    border:none;
    margin-top:10px;
}

    table#widget-weather td{
        background:#F6F6F6;
        border-bottom:1px solid #E6E6E6;
    }

    table#widget-weather tr.title td{
        font-size:20px;
    }

table#countriesList{
    width:100%;
}

    table#countriesList td{
        width:33%;
        padding:5px;
    }

/*-------------------------------
           TWITTER
--------------------------------*/

ul#twitterList{
    list-style:none;
    margin-top:20px;
}

    ul#twitterList li{
        background:url(http://www.esoa.net/css/images/icon_twitter.jpg) no-repeat 5px left;
        padding-left:38px;
        padding-bottom:10px;
        padding-top:10px;
        border-bottom:1px solid #E6E6E6;
    }

/*-------------------------------
           TWITTER
--------------------------------*/

ul#relatedNews{
    list-style:none;
    margin-top:20px;
}

    ul#relatedNews li{
        background:url(http://www.esoa.net/css/images/content/darkBlueArrow.png) no-repeat 15px left;
        padding-left:15px;
        padding-bottom:10px;
        padding-top:10px;
        border-bottom:1px solid #E6E6E6;
    }

        ul#relatedNews div.hidden{
            background-image:none;
            background-color:#E6E6E6;
            margin-top:6px;
            padding:4px;
        }