﻿
.jcarousel-skin-tango .jcarousel-container {
    /*-moz-border-radius: 10px;*/
    border: none;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 510px;
    height:130px;
    padding: 0px 20px 0px 30px;
    overflow:hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  510px;
    height: 130px;
    overflow:hidden;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 150px;
    height: 130px;
    padding-right:0px;
    overflow:hidden;
}

.jcarousel-skin-tango img {
    width: 150px;
    height: 130px;
    border:none;
    overflow:hidden;
}

.jcarousel-skin-tango li
{
    width: 150px;
    height: 130px;
    border:none;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 25px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 12px;
    height: 130px;
    cursor: pointer;
    background: transparent url('../Images/carousel/right-enabled.gif') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    /*background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    /*background-position: -64px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-image:url('../Images/carousel/right-disabled.gif');
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 12px;
    height: 130px;
    cursor: pointer;
    background: transparent url('../Images/carousel/left-enabled.gif') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    /*background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    /*background-position: -64px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-image:url('../Images/carousel/left-disabled.gif');
}


/********** Lightbox CSS *************/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 50%;
	height: 32px;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
	background-image: url('/images/lightbox-btn-prev.gif');		
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
	background-image: url('/images/lightbox-btn-next.gif');			
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	height: 70px;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;	
	display:block;
	height: 18px;	
	background-image: url('/images/lightbox-btn-close.gif');
}

#lightbox-nav-btnNext:hover, #lightbox-nav-btnNext:visited:hover 
{ 
    background-image: url(/images/lightbox-btn-next.gif); 
}


 #lightbox-secNav-btnClose img
 {
     display: none;
 }


/******* Facbook Events *********/

div.facebook-no-events
{
    width:410px;
    height:120px;
    padding:80px 0px 0px 120px;
    color:#333;
    font-size:13px;
    background:#FFFFFF;
    border-top:solid 1px #CCC;
}

div.facebook-no-events img
{
    float:left;
    margin-right:10px;
}

div.facebook-no-events p
{
    vertical-align:middle;
    display:table-cell;
    height:32px;
}

div.facebook-events
{
    width:530px;
    color:#333;
    font-size:11px;
    background-color:#FFFFFF;
}

h3.header-section
{
    padding:4px 5px 5px 5px;
    border-top:solid #E2E2E2 1px;
    background-color:#F2F2F2;
    font-size:11px;
    margin:0px;
}

div.facebook-events div.events-list
{
    width:520px;
    padding:0px 5px 0px 5px;
    background-color:#FFFFFF;
    margin:0px;
}

div.events-list li
{
    height:50px;
    width:510px;
    padding:8px 0px 8px 0px;
    border-bottom:solid 1px #E9E9E9;
    display:block;
    list-style:none;
    margin:0px;
}

div.events-list li:last-child
{
    border-bottom:none;
    height:60px;
}

div.events-list li div.image
{
    float:left;
    width:60px;
    height:50px;
}
div.events-list li div.info
{
    
    height:50px;
    vertical-align:middle;
    display:table-cell;
}

div.events-list li div.info a
{
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    color:#3b5998;
}

div.events-list li div.info a:hover
{
    text-decoration:underline;
}

div.events-list li div.info span
{
    color:#808080;
    display:block;
}

div.events-list ul
{
    padding-left: 0px;
}

/******* Facebook Albums ***********/

div.facebook-albums
{
    width:530px;
    color:#333;
}

div.facebook-albums div.album
{
    float:left;
    width:176px;
    height:190px;
}

div.facebook-albums a.image-link
{
    height: 111px;
    width: 144px;
    color: #3B5998;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #CCCCCC;
    display: inline-block;
    outline: medium none;
    padding: 4px;
    position: relative;
    vertical-align: bottom;
    margin-bottom: 4px;
    margin-right: 4px;
    background-color:#FFF;
}

div.facebook-albums a.image-link span
{
    height: 111px;
    width: 144px;
    border: 1px solid #CCCCCC;
    left: 4px;
    padding: 4px;
    position: absolute;
    top: 4px;
    background-color:#ffffff;
}

div.facebook-albums a:hover,
div.facebook-albums a.image-link span:hover
{
    border-color:#3B5998;
}

div.facebook-albums a.image-link i
{
    height: 111px;
    width: 144px;
    background-position: center 25%;
    background-repeat: no-repeat;
    display: block;
    background-color:#EEEEEE;
}

div.facebook-albums div.name
{
    width: 150px;
    padding:5px 0px 5px 0px;
}

div.facebook-albums div.name a
{
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
}

div.facebook-albums div.name a:hover
{
    text-decoration:underline;
}

div.facebook-albums div.name span
{
    color:#686561;
    display:block;
}

/****** Facebook Photos **********/
div.facebook-photos
{
    width:530px;
    color:#333;
}

div.facebook-photos h2
{
    color:#FFF;
}

div.facebook-photos div.photo
{
    float:left;
    width:176px;
    height:150px;
}

div.facebook-photos a.image-link
{
    height: 130px;
    width: 160px;
    color: #3B5998;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #D3CF78;
    display: inline-block;
    outline: medium none;
    padding: 4px;
    position: relative;
    vertical-align: bottom;
    margin-bottom: 4px;
    margin-right: 4px;
    background-color:#FFFFFF;
}


div.facebook-photos a:hover
{
    border-color:#686561;
}

div.facebook-photos a.image-link i
{
    height: 130px;
    width: 160px;
    background-position: center 25%;
    background-repeat: no-repeat;
    display: block;
    background-color:#EEEEEE;
}

a.gallery-back
{
    width:auto;
    font-size:13px;
    color:#FFF;
    text-decoration:none;
    margin-bottom:10px;
    display:block;
}

a.gallery-back:hover
{
    text-decoration:underline;
}

/*facebook social plugin*/
div.facebook-social
{
    /*background-color:#FFF;
    width:540px; 
    clear:both;*/
    margin-top: 10px;
}









