/*Client Custom Style*/

blockquote {
	margin: 0 0 24px;
	padding: 24px;
	font-size: 24px;
	border: 1px solid #d7d7d7;
	border-width: 1px 0;
	font-style: italic;
	font-family: Georgia,Times,"Times New Roman",serif;
	text-align: center;
	clear: both;
	background: transparent;
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 40px;
	-webkit-margin-end: 40px;
}


.bluecontentbox {
border: 1px solid #002868; padding:6px; background-color:#e0ebff; 
}

.btnav { 
background-color: #e0ecff; 
padding:6px; 
border: 1px #002868 solid;
-webkit-box-shadow: 0px 5px 5px #000000; 
-moz-box-shadow: 0px 5px 5px #000000; 
box-shadow: 0px 5px 5px #000000; 
margin-bottom: 10px;
}

.events-btnav { 
background-color:#E0EBFF;
border: solid 1px #002868;
padding: 6px;
font-family: Georgia,Times,"Times New Roman",serif;
clear: both;
display: block;
margin: 0px 0px 10px 0px !important;
}

.event-content-styles {padding: 5px;}
.externalform {margin: -5px; border:0px; background-color:#fff;}

a.2011AMrollover {
display: block;
width: 356px;
height: 267px;
text-decoration: none;
background: url("http://www.fedbar.org/Image-Library/Events/2011-Annual-Meeting/chicago2011.jpg");
}

a.2011AMrollover:hover {
background-position: -356px 0;
}

.2011AMdisplace {
position: absolute;
left: -5000px;
} 

.floatl {float:left; padding-right:8px; padding-bottom:8px;}
.floatr {float:right; padding-left:8px; padding-bottom:8px;}

#event-width {width:470px;}
#event1 {text-align:center;}
#event2 {text-align:center; font-weight:bold; font-size:large;}
#event2a {text-align:center;font-style:italic;}
#event3, #event4, #event5, #event6, #event7 {text-align:left; }
#event3 .td1, {vertical-align:top;}
#newevent3 .td1 {vertical-align:top; background-color: #f7f7f7; padding:0px; margin-bottom: 10px;}
#event3 .td2 {vertical-align:top; }
.spkr {vertical-align:top; text-align:left;font-weight:bold;}
.lispkr {font-size:x-small;font-style:italic;font-weight:normal;}
.eventboldheader {font-weight:bold;text-align:left;}
.eventlink {font-size:xx-small; font-weight:bold;}
.eventdeadline, .important {color:red; font-weight:bold;text-align:center;}
#newevent3 div.register, #event3 td.register {background-color:#002868; font-weight:bold; color:#ffffff; text-align:center;line-height: 12px; padding:5px 0px;}
#event3 ul {margin-left:30px;}
#event3>table>tbody>tr>td>ul>li {color:black; }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/click-gallery-preview.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#meetinggallery {
	width:715px;
	height:500px;
	margin:0 auto;
	position:relative;
	font-family:verdana, arial, sans-serif;
	background:#fff;
}
#meetinggallery #fullsize {
	position:absolute;
	left:0;
	top:0;
	height:500px;
	width:715px;
	overflow:hidden;
	text-align:center;
}
#meetinggallery #fullsize div {width:715px; height:700px; padding-top:20px; position:relative;}
#meetinggallery #fullsize div img {clear:both; display:block; margin:0 auto; border:10px solid #fff; width:480px; height:360px; position:relative; z-index:500;}
#meetinggallery #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px;}
#meetinggallery #fullsize div p {padding:5px 0; margin:0; font-size:12px; line-height:18px;}

#meetinggallery #fullsize a.previous {display:block; height:120px; width:180px; position:absolute; left:10px; top:200px; z-index:10; border:10px solid #fff;}
#meetinggallery #fullsize a.next {display:block; height:120px; width:180px; position:absolute; right:10px; top:200px; z-index:10; border:10px solid #fff;}

#meetinggallery #fullsize a.previous img,
#meetinggallery #fullsize a.next img {width:180px; height:120px; border:0; display:block; filter: alpha(opacity=40); opacity:0.4;}

#meetinggallery #fullsize a:hover {direction:ltr; z-index:600;}
#meetinggallery #fullsize a:hover img {filter: alpha(opacity=80); opacity:0.8;}

#meetinggallery-nocaptions {
	width:700px;
	height:425px;
	margin:0 auto;
	position:relative;
	font-family:verdana, arial, sans-serif;

}
#meetinggallery-nocaptions #fullsize {
	position:absolute;
	left:0;
	top:0;
	height:425px;
	width:700px;
	overflow:hidden;
	text-align:center;
}

#meetinggallery-nocaptions #fullsize div {width:700px; height:1000px; padding-top:20px; position:relative;}
#meetinggallery-nocaptions #fullsize div img {clear:both; display:block; margin:0 auto; border:10px solid #fff; width:480px; height:360px; position:relative; z-index:500;}
#meetinggallery-nocaptions #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px;}
#meetinggallery-nocaptions #fullsize div p {padding:5px 0; font-size:12px; line-height:18px;width:480px; margin:0px 110px 50px 110px;}

#meetinggallery-nocaptions #fullsize a.previous {display:block; height:120px; width:180px; position:absolute; left:10px; top:200px; z-index:10; border:10px solid #fff;}
#meetinggallery-nocaptions #fullsize a.next {display:block; height:120px; width:180px; position:absolute; right:10px; top:200px; z-index:10; border:10px solid #fff;}

#meetinggallery-nocaptions #fullsize a.previous img,
#meetinggallery-nocaptions #fullsize a.next img {width:180px; height:120px; border:0; display:block; filter: alpha(opacity=40); opacity:0.4;}

#meetinggallery-nocaptions #fullsize a:hover {direction:ltr; z-index:600;}
#meetinggallery-nocaptions #fullsize a:hover img {filter: alpha(opacity=80); opacity:0.8;}

/*Focus area highlighter for forms */
input:focus, textarea:focus{
background-color: lightyellow;
}

/* Pageheader shadow */
.ph-shadow {
-webkit-box-shadow: 0px 5px 5px #000000; -moz-box-shadow: 0px 5px 5px #000000; box-shadow: 0px 5px 5px #000000;
}

/*Section Chair Boxes*/
.sectionbox2 {
background-color:#3C5D92; color:#fff; padding:8px; border:solid 1px #002868; width: 190px; font-size:11px; border-radius:3px; -moz-border-radius:3px; box-shadow: 3px 3px 5px #888; -moz-box-shadow: 3px 3px 5px #888; -webkit-box-shadow: 3px 3px 5px #888;
}

.sdctitle {
text-shadow: 3px 3px 3px #888;
}

/*Chapter Chair Boxes*/
.chapterbox {
background-color:#7A9755; color:#000; padding:8px; border:solid 1px #002868; width: 190px; font-size:11px;
}

.chapterbox span{
font-weight:bold; text-decoration:underline;color:#fff;
}

.chapterboxline {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 2px; CLEAR: both; PADDING-TOP: 0px;
}

/*End Chapter Chair Boxes*/

/*indent for lists*/
.custom-li-indent {
padding-left:20px;
}

/*error page*/
.404 {
margin:0px auto;text-align:center;
}

div.404 > span{
font-size:120%; color:#002868;
}

/* ===============
Table for FCSD jobs
=================*/
.custom-fcsd-jobs {
	background-color:#F2F2F2;
	width:715px;
}

.row {
	border:#ece9d8 1pt solid;
	padding: 3px;
	font-size:10pt;
}

.custom-fcsd-jobs  td:hover{
	color:#fff;
	background-color:#002868;
}

.custom-fcsd-jobs  td:hover a {
	color:#fff;
	target:
}

/*===========
2012 AM Scrollable Gallery
===========*/
.scrollable {
    width: 470px;
	height:152px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    border:0px solid #fff;
    background: #fff;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.scrollable img {
    max-width: 470px;
    margin: 0;
    float:left;
}
.items {
    width:1880px;
    -webkit-animation: hscroll 35s infinite;
    -moz-animation: hscroll 35s infinite;
    -ms-animation: hscroll 35s infinite;
}

@-webkit-keyframes hscroll {
0%   { margin-left: 0; }
20%   { margin-left: 0; }
40%  { margin-left: -470px; }
60% { margin-left: -940px; }
80% { margin-left: -1410px; }
100%  { margin-left: 0 }
}

@-moz-keyframes hscroll {
0%   { margin-left: 0; }
20%   { margin-left: 0; }
40%  { margin-left: -470px; }
60% { margin-left: -940px; }
80% { margin-left: -1410px; }
100%  { margin-left: 0 }
}

@-ms-keyframes hscroll {
0%   { margin-left: 0; }
20%   { margin-left: 0; }
40%  { margin-left: -470px; }
60% { margin-left: -940px; }
80% { margin-left: -1410px; }
100%  { margin-left: 0 }
}
/*================================
LightBox created on March 30, 2012
=================================*/
    .black_overlay{ /*layer that will make the web page seem to fade */
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.9;
    opacity:.90;
    filter: alpha(opacity=90);
    }
    .white_content { /*layer with photo to appear in Lightbox */
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -325px;
    margin-left: -400px;
    width: 800px;
    height: 650px;
    border: 0px solid white;
    z-index:1002;
    overflow: none;
    color:#fff;
	text-align:center;
    }
    div.white_content>a {
    color:#fff;
    font-weight:bold;
    }
	
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/click-gallery-preview.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#lightbox {
	width:830px;
	height:700px;
	margin:0 auto;
	position:relative;
	font-family:verdana, arial, sans-serif;
	background:transparent;
}
#lightbox #fullsize {
	position:absolute;
	left:0;
	top:0;
	height:750px;
	width:830px;
	overflow:hidden;
	text-align:justify;
}
#lightbox #fullsize div {width:830px; height:750px; position:relative;}
#lightbox #fullsize div img {clear:both; display:block; margin:0 auto; border:10px solid #fff; width:640px; height:480px; position:relative; z-index:500;}
#lightbox #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px;text-align:center;}
#lightbox #fullsize div p {padding:5px 0; margin:0; font-size:12px; line-height:18px;padding:0px 85px;}

#lightbox #fullsize a.previous {display:block; height:120px; width:160px; position:absolute; left:10px; top:200px; z-index:10; border:10px solid #fff;}
#lightbox #fullsize a.next {display:block; height:120px; width:160px; position:absolute; right:10px; top:200px; z-index:10; border:10px solid #fff;}

#lightbox #fullsize a.previous img,
#lightbox #fullsize a.next img {width:160px; height:120px; border:0; display:block; filter: alpha(opacity=40); opacity:0.4;}

#lightbox #fullsize a:hover {direction:ltr; z-index:600;}
#lightbox #fullsize a:hover img {filter: alpha(opacity=80); opacity:0.8;}

#lightbox .close {font-weight:bold; color:#2C7DD1; text-decoration:none;}

/* ====================Wide Version===================*/

#lightboxwide {
	width:900px;
	height:700px;
	margin:0 auto;
	position:relative;
	font-family:verdana, arial, sans-serif;
	background:transparent;
}
#lightboxwide #fullsizewide {
	position:absolute;
	left:0;
	top:0;
	height:750px;
	width:900px;
	overflow:hidden;
	text-align:justify;
}
#lightboxwide #fullsizewide div {width:900px; height:750px; position:relative;}
#lightboxwide #fullsizewide div img {clear:both; display:block; margin:0 auto; border:10px solid #fff; width:720px; height:480px; position:relative; z-index:500;}
#lightboxwide #fullsizewide div h3 {padding:10px 0 0 0; margin:0; font-size:18px;text-align:center;}
#lightboxwide #fullsizewide div p {padding:5px 0; margin:0; font-size:12px; line-height:18px;padding:0px 85px;}

#lightboxwide #fullsizewide a.previous {display:block; height:120px; width:160px; position:absolute; left:0px; top:200px; z-index:10; border:10px solid #fff;}
#lightboxwide #fullsizewide a.next {display:block; height:120px; width:160px; position:absolute; right:0px; top:200px; z-index:10; border:10px solid #fff;}

#lightboxwide #fullsizewide a.previous img,
#lightboxwide #fullsizewide a.next img {width:160px; height:120px; border:0; display:block; filter: alpha(opacity=40); opacity:0.4;}

#lightboxwide #fullsizewide a:hover {direction:ltr; z-index:600;}
#lightboxwide #fullsizewide a:hover img {filter: alpha(opacity=80); opacity:0.8;}

#lightboxwide .close {font-weight:bold; color:#2C7DD1; text-decoration:none;}


    .black_overlaywide{ /*layer that will make the web page seem to fade */
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.9;
    opacity:.90;
    filter: alpha(opacity=90);
    }
    .white_contentwide { /*layer with photo to appear in Lightbox */
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -325px;
    margin-left: -450px;
    width: 900px;
    height: 650px;
    border: 0px solid white;
    z-index:1002;
    overflow: none;
    color:#fff;
	text-align:center;
    }
    div.white_content>a {
    color:#fff;
    font-weight:bold;
    }

/* ====================No Captions===================*/

#lightbox-nocaptions {
	width:700px;
	height:425px;
	margin:0 auto;
	position:relative;
	font-family:verdana, arial, sans-serif;

}
#lightbox-nocaptions #fullsize {
	position:absolute;
	left:0;
	top:0;
	height:425px;
	width:700px;
	overflow:hidden;
	text-align:center;
}

#lightbox-nocaptions #fullsize div {width:700px; height:1000px; padding-top:20px; position:relative;}
#lightbox-nocaptions #fullsize div img {clear:both; display:block; margin:0 auto; border:10px solid #fff; width:480px; height:360px; position:relative; z-index:500;}
#lightbox-nocaptions #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px;}
#lightbox-nocaptions #fullsize div p {padding:5px 0; font-size:12px; line-height:18px;width:480px; margin:0px 110px 50px 110px;}

#lightbox-nocaptions #fullsize a.previous {display:block; height:120px; width:160px; position:absolute; left:10px; top:200px; z-index:10; border:10px solid #fff;}
#lightbox-nocaptions #fullsize a.next {display:block; height:120px; width:160px; position:absolute; right:10px; top:200px; z-index:10; border:10px solid #fff;}

#lightbox-nocaptions #fullsize a.previous img,
#lightbox-nocaptions #fullsize a.next img {width:160px; height:120px; border:0; display:block; filter: alpha(opacity=40); opacity:0.4;}

#lightbox-nocaptions #fullsize a:hover {direction:ltr; z-index:600;}
#lightbox-nocaptions #fullsize a:hover img {filter: alpha(opacity=80); opacity:0.8;}

/* ====================Lightbox: Various Sized Images===================*/

#lightbox2 {
	width:830px;
	height:700px;
	margin:0 auto;
	position:relative;
	font-family:verdana, arial, sans-serif;
	background:transparent;
}
#lightbox2 #fullsize {
	position:absolute;
	left:0;
	top:0;
	height:750px;
	width:830px;
	overflow:hidden;
	text-align:justify;
}
#lightbox2 #fullsize div {width:830px; height:750px; position:relative;}
#lightbox2 #fullsize div img {clear:both; display:block; margin:0 auto; border:10px solid #fff; position:relative; z-index:500;}
#lightbox2 #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px;text-align:center;}
#lightbox2 #fullsize div p {padding:5px 0; margin:0; font-size:12px; line-height:18px;padding:0px 85px;}

#lightbox2 #fullsize a.previous {color:white; font-size:50px; text-decoration:none; font-weight:bold; display:block; position:absolute; left:10px; top:200px; z-index:10;}
#lightbox2 #fullsize a.next {color:white; font-size:50px; text-decoration:none; font-weight:bold; display:block; position:absolute; right:10px; top:200px; z-index:10; }

#lightbox2 #fullsize a:hover {direction:ltr; z-index:600;}
#lightbox2 #fullsize a:hover img {filter: alpha(opacity=80); opacity:0.8;}

#lightbox2 .close {font-weight:bold; color:#2C7DD1; text-decoration:none;}
#lightbox2 p.closer { text-align:center;}

/* ====================Small Images===================*/

#lightbox-sm {
	width:830px;
	height:700px;
	margin:0 auto;
	position:relative;
	font-family:verdana, arial, sans-serif;
	background:transparent;
}
#lightbox-sm #fullsize {
	position:absolute;
	left:0;
	top:0;
	height:750px;
	width:830px;
	overflow:hidden;
	text-align:justify;
}
#lightbox-sm #fullsize div {width:830px; height:750px; position:relative;}
#lightbox-sm #fullsize div img {clear:both; display:block; margin:0 auto; border:10px solid #fff; width:319px; height:214px; position:relative; z-index:500;}
#lightbox-sm #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px;text-align:center;}
#lightbox-sm #fullsize div p {padding:5px 0px; margin:10px 0px 0px 0px; font-size:12px; line-height:18px;padding:0px 240px;}

#lightbox-sm #fullsize a.previous {display:block; height:86px; width:128px; position:absolute; left:160px; top:85px; z-index:10; border:10px solid #fff;}
#lightbox-sm #fullsize a.next {display:block; height:86px; width:128px; position:absolute; right:160px; top:85px; z-index:10; border:10px solid #fff;}

#lightbox-sm #fullsize a.previous img,
#lightbox-sm #fullsize a.next img {width:128px; height:86px; border:0; display:block; filter: alpha(opacity=40); opacity:0.4;}

#lightbox-sm #fullsize a:hover {direction:ltr; z-index:600;}
#lightbox-sm #fullsize a:hover img {filter: alpha(opacity=80); opacity:0.8;}

#lightbox-sm .close {font-weight:bold; color:#2C7DD1; text-decoration:none;}

.ssbox {
border: navy 1px solid; padding:8px; background-color: #002868; color:#fff;font-weight:bold;border-radius:3px; -moz-border-radius:3px; box-shadow: 3px 3px 5px #888; -moz-box-shadow: 3px 3px 5px #888; -webkit-box-shadow: 3px 3px 5px #888;}

.ssbox a {color:#fff;text-decoration:none;font-weight:bold;}

/* Fellows List */
#fellows{
width:300px;
border-collapse:collapse;
}

#fellows td, #fellows th, #contenttables td, #contenttables th{
font-size:.9em;
border:1px solid #3C5D92;
padding:3px 7px 2px 7px;
}

#fellows th, #contenttables th{
font-size:1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#6085AF;
color:#ffffff;
}

#fellows tr:nth-child(odd) {
color:#000000;
background-color:#C4D4E3;
}

#fellows tr:hover td, #contenttables tr:hover td {
background-color:#002868  !important;
color:#fff !important; 
font-weight:bold; !important; 
}

#contenttables{
width:100%;
border-collapse:collapse;
}

/*popup boxes for membership*/
    #active a span,#sust a span,#assoc a span {display:none;}
    #active a:hover span,#sust a:hover span,#assoc a:hover span {display:block; width:485px; z-index:100; background-color:#002868; left:500px; top:350px;color:#000;position:absolute;margin-left:-242px; font: 10px Verdana, sans-serif; text-align: center;padding: 5px; margin: 10px;}

.eventbg {
background-color: rgba(224,235,255,.3);
border-left:1px solid #002868;
border-right:1px solid #002868;
}

tr.eventbg:last-child {
border-bottom:1px solid #002868;
}

.opaquebg {
POSITION: relative; WIDTH: 420px; height: 200px; BACKGROUND: #fff; TOP: 93px; LEFT: 25px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: rgba(255, 255, 255, .85);
/*color: rgba(255, 255, 255, .85);*/
background-color:white; !important

}

/* ======== EVENT TABLES ========= */
table.zebra {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 470px;    
	margin:0px auto;
	font-size:11px;
	line-height:13px;
}

table.zebralong {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;    
	margin:0px auto;
	font-size:11px;
	line-height:13px;
}

.zebralong td:nth-child(1) {
	width:110px;
	}
	/*
.zebralong td.wide  {
	width:30%;
}
*/
.zebra td, .zebra th, .zebralong td, .zebralong th {
    padding: 5px; 
	vertical-align:top;
}

.zebra td:nth-child(1) {
	width:30%;
}

.zebra td.wide  {
	width:30%;
}

.zebra td.session, .zebralong td.session {
	font-weight:bold;
}

.zebra td.justify, .zebra em.justify, .zebralong em.justify, .zebralong td.justify {
	text-align:justify;
}

.zebra tbody tr:nth-child(even), .zebralong tbody tr:nth-child(even) {
    background: #ADCAFF;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.zebra tbody tr:nth-child(odd), .zebralong tbody tr:nth-child(odd) {
    background: #FFFBBE;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.zebra th, .zebralong th {
	color:#fff;
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);  
    background-color: #002563;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#002868));
    background-image: -webkit-linear-gradient(top, #002563, #002868);
    background-image:    -moz-linear-gradient(top, #002563, #002868);
    background-image:     -ms-linear-gradient(top, #002563, #002868);
    background-image:      -o-linear-gradient(top, #002563, #002868); 
    background-image:         linear-gradient(top, #002563, #002868);
}

.zebra th:first-child, .zebralong th:first-child {
    -moz-border-radius: 0px 0 0 0;
    -webkit-border-radius: 0px 0 0 0;
    border-radius: 0px 0 0 0;  
}

/*.zebra th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}*/

.zebra th:only-child, .zebralong th:only-child {
    -moz-border-radius: 0px 0 0 0;
    -webkit-border-radius: 0px 0 0 0;
    border-radius: 0px 0 0 0;  
}

/* ======== 2014 EVENT TABLES ========= */
#table2014{
width:470px;
border-collapse:collapse;
background-color:#F1F7DC;
}

#table2014 td, #table2014 th{
border:1px solid #8DA23B;
padding:3px 7px 2px 7px;
}

#table2014 tr:hover td a {
    color: #000!important;
    cursor: pointer;
}

#table2014 th{
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A9BF4F;
color:#ffffff;
}

#table2014 tr:nth-child(odd) {
color:#000000;
background-color:#C3D283;
}

/* #table2014 tr.alt td{
color:#000000;
background-color:#C3D283;
} */

#table2014 tr:hover td, #table2014 tr:hover li {
background-color:#8DA23B  !important;
color:#000 !important; 
cursor:text;
}


/* ======================
CLICKBOX FOR FEW # OF IMAGES see example: http://fedbar.org/Chapters/South-Florida-Chapter/Recent-Events/June-2012-Boardroom-Lunch.aspx
=======================*/

    #clickbox-container {height:100%; width:100%; font-family:verdana, sans-serif; font-size:11px; line-height:18px;}
    #clickbox-container .clickbox-wrapper {width:470px; margin:0 auto 0 auto; padding:0px; solid #ddd;}
    #clickbox-container .clickbox-wrapper span {display:block;}
    #clickbox-container a {display:block; float:left; margin:5px 10px 5px 0; display:inline; border:1px solid #000;}
    .clickbox-wrapper .clickbox-lightbox {position:absolute; left:-9999px; top:0; cursor:default; z-index:100;}
    .clickbox-wrapper .innerbox {position:absolute; left:0; top:0; height:100%;}
    .clickbox-wrapper .clickbox-box {position:absolute; left:0; top:0;}
    a:active .clickbox-lightbox, a:focus .clickbox-lightbox {left:0; width:100%; height:100%;} /*need this!!*/
    a:active .clickbox-lightbox .innerbox, a:focus .clickbox-lightbox .innerbox {background:#002868; width:100%; height:5550px; overflow:hidden; filter: alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); opacity:0.85;
    }
    a:active .clickbox-lightbox .clickbox-box,
    a:focus .clickbox-lightbox .clickbox-box {width:100%; text-align:center; margin-top:125px;}
    a:active .clickbox-lightbox .clickbox-box img, a:focus .clickbox-lightbox .clickbox-box img {border:1px solid #002868; margin:0 auto; box-shadow:0px 0px 4px #000;} /*border for large image */
    a:active .clickbox-lightbox .clickbox-box span,
    a:focus .clickbox-lightbox .clickbox-box span {display:block; font-size:11px; font-weight:normal; width:400px; padding:0; margin:10px auto; text-align:center; text-decoration:none; color:#999;}
	.clickbox-wrapper .clickbox-lightbox .clickbox-box .descrip {
	width:50%; color:#fff;
	}

	/*======================
	FBA AM AUCTIONS
	======================*/
	

.auc_wrapper {
    width: 470px;
	display:block;
	height:160px;
	padding:10px 6px 0px;
	border-bottom:1px solid #E6E6E6;
	background-color:#ffffff;
}

.auc_wrapper:nth-child(even) {
	background-color:#F3F3F3;
}

.auc_img {
	width:100px;
	padding-top:4px;
	height:130px;
	display:inline;
	float:left;
	text-align:center;
}

.auc_img span.auc_smalltext a {
	width: 100px;
	font-size:small;
	font-weight:bold;
}

.auc_content {
	width:370px;
	margin-top:-2px;
	height:130px;
	float:right;
}

.auc_content span.auc_descr {
   font-size:11px;
   font-weight:normal;	
   font-style:italic;   
   line-height:12px;
}

.auc_line {
	height:2px;
	width:470px;
	border-bottom:1px solid #000;
}

.auc_colmask{
   position: relative;
   margin: 0px auto;
   width: 370px;
}

.auc_header{
   float: left;
   width: 360px;
   padding:0px 5px 8px;
   display:block;
   color:#000000;
   line-height:25px;
}

.auc_itemtitle {
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
}

.auc_colmid{
   width: 360px;
   float:left;
   padding:0px 5px;
   display:block;
   font-size:12px;
}

.auc_headbar-date {
	width:470px;
	text-align:right;
	font-size:12px;
   border-bottom:1px solid #E6E6E6;
}

/* =========
Toggle Accordion
==========*/
/* Clean up the lists styles */
ul.accordion {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Hide the radio buttons */
/* These are what allow us to toggle content panes */
ul.accordion label + input[type='radio'] {
	display: none;
}

/* Give each content pane some styles */
ul.accordion li {
	background-color: #CCCCCC;
	border-bottom: 1px solid #DDDDDD;
}

/* Make the main tab look more clickable */
ul.accordion label {
	background-color: #666666;
	color: #FFFFFF;
	display: block;
	padding: 10px;
}

ul.accordion label:hover {
	cursor: pointer;
}

/* Set up the div that will show and hide */
ul.accordion div.content {
	overflow: hidden;
	padding: 0 10px;
	display: none;
}

/* Show the content boxes when the radio buttons are checked */
ul.accordion label + input[type='radio']:checked + div.content {
	display: block;
}

/* horizontal rule */
hr.style-two { 
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

.JoinFBAButton {}
.JoinFBAButton img {margin: 5px 0 0 0;}

div.quotebox {
	position: relative;
	margin: 0 auto 10px auto;
	width: 100%;				/* Make this fixed if need be */
	min-height: 100px;			/* If fluid make sure to test in different browser widths */
	background-color: #FFFFB3;
		border: solid 1px #A3672C;
		border-radius: 15px;		/* Progressive enhancement goes here */
		-webkit-radius: 15px;
		-moz-border-radius: 15px;
		box-shadow: 4px 4px 4px rgba(0,0,0,.4);
		-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.4);
		-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.4);
}

div.quotebox span.ldquo {
	display: block;
	position: absolute;
	top: -15px;				/* Tweek the absolute positioning of the left double quote to suit font and size */
	left: 3px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 100px;
		color: #A35200;
		opacity:0.25;
		filter:alpha(opacity=25); /* For IE8 and earlier */
}

div.quotebox p {
	padding: 10px 10px 5px 10px;		/* you may want to shift the padding to suit the font */
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 130%;
	text-align:justify;
	font-style:italic;
	position: relative;
	z-index: 5;				/* This makes sure the quote is on top of the quote marks */
}

div.quotebox p span.quoteright {		/* This is the author */
	font-size: 11px;
	display: block;
	font-weight: 600;
	line-height: 100%;
	font-style:normal;
	text-align: right;
	padding-top: 5px;
	}
/* =========
Career Center
==========*/

#jobs {
	width:470px;
	padding:0px;
}


#jobswrapper {
WIDTH: 100%;
}

#jobs .jobstitle-l {
WIDTH: 46%; FLOAT: left;
}

#jobs .jobstitle {
PADDING-BOTTOM: 5px; MARGIN: 5px 0px 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; BACKGROUND: url(http://www.fedbar.org/images/bg_col_header.jpg) repeat-x; HEIGHT: 22px; COLOR: #ffffff; PADDING-TOP: 5px;
}

#jobs .jobstitle-r {
WIDTH: 46%; FLOAT: right;
}

#jobs .jobsbox {
PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #f2f2f2; PADDING-TOP: 10px;
}

.jobsbox-content {
MARGIN-LEFT: 20px; PADDING-TOP: 10px;
}

.jobsbox-content li{
margin-left:30px;
}

.jobsaccount-u {
PADDING-BOTTOM: 5px; MARGIN: 5px 20px; BACKGROUND: url(http://www.fedbar.org/image-library/jobs/bg_col_yellow.jpg) repeat-x; COLOR: #ffffff; PADDING-TOP: 5px; -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777; text-align:center; margin-top:-15px;
}

.jobsaccount-u img {
POSITION: relative; PADDING-RIGHT: 6px; TOP: 2px;
}

.jobsaccount-u a {
COLOR: white; FONT-WEIGHT: bold; TEXT-DECORATION: none; text-align:center;
}


.jobsaccountcreate {
}

.jobsaccountcreate li {
FONT-SIZE: 0.8em; LIST-STYLE-TYPE: none; text-align:center;padding-top:8px;
}

.section-title {
 WIDTH: 470px; FONT-SIZE: 90%; 
 }

.recentjobs-title {
PADDING-BOTTOM: 5px; MARGIN: 5px 0px 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; BACKGROUND: url(http://www.fedbar.org/images/bg_col_header.jpg) repeat-x; HEIGHT: 22px; COLOR: #ffffff; PADDING-TOP: 5px; WIDTH: 46%; font-weight:bold;
}

.recentjobs-post {
BORDER-LEFT: #cecece 1px solid; PADDING-BOTTOM: 3px; BACKGROUND-COLOR: #f2f2f2; PADDING-LEFT: 3px; WIDTH: 460px; PADDING-RIGHT: 3px; BORDER-TOP: #cecece 1px solid; BORDER-RIGHT: #cecece 1px solid; PADDING-TOP: 3px;
}

.alljobs {
PADDING-BOTTOM: 3px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 3px; WIDTH: 460px; PADDING-RIGHT: 3px; FONT-SIZE: 0.8em; BORDER-TOP: #cecece 1px solid; PADDING-TOP: 3px;
}

.jobs-article {
PADDING-LEFT: 3px; WIDTH: 100%; PADDING-RIGHT: 3px; PADDING-TOP: 3px;
}

.jobs-article li {PADDING-top: 4px; margin-left:10px;}

.yellowbox {
	border: solid 1px #FCB514;
	background-color: #FFFBBE;
	padding:6px;
}

/** Syscom Added 2013 May 01 **/
#header_ad {
    background: #49555C;
    height: 120px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 960px;
}


#advertisement_h1 {
    float: right;
    height: 88px;
    padding-right: 120px;
    padding-top: 15px;
    width: 20px;
}

#advertisement_h1 h1 {
    bottom: 0;
    color: #bdc7cc;
    display: block;
    font-size: 11px;
    font-weight: normal;
/*    height: 20px;*/
    width: 20px;
    white-space: nowrap;
    writing-mode: tb-rl;
}

#advertisement_h1 a:link, #advertisement_h1 a:visited {
    color: #BDC7CC;
    text-decoration: none;
    margin: 10px;
}


#advertisement_ad {
    float: left;
    height: 120px;
    padding-left: 120px;
    width: 700px;
}

.button_example {
	border:1px solid #df0909;  color:#ffffff; font-weight:bold; font-size:15px; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 5px; text-shadow: 0px 1px 0 rgba(0,0,0,0.25);font-weight:bold; text-align: center; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); cursor:pointer; -webkit-box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .5); box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .5); text-decoration:none;
	background-color: #f62b2b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
	background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
	background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
	background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
	background-image: -o-linear-gradient(top, #f62b2b, #d20202);
	background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);    
}

.button_example:hover {
	border:1px solid #b30808; background-color: #e40a0a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), top(#9f0202));
	background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
	background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
	background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
	background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
	background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);    
}

#leftarrow2sidebar {POSITION: relative; MARGIN-TOP: 65px; WIDTH: 470px; HEIGHT: 21px}
.leftarrow2sidebar-1 {width:66px;}
.leftarrow2sidebartext {POSITION: absolute; WIDTH: 404px; BOTTOM: 0px; TOP: 0px; RIGHT: 0px;}

.bumpleft {
	margin-left:30px !important;
	padding-bottom: 0px !important;
}

/* =========
MyLawCLEs - Added 12/6/2013
==========*/
.mylawclebox{
	background: #aadaff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #aadaff 0%, #cce8ff 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#aadaff), color-stop(100%,#cce8ff)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #aadaff 0%,#cce8ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #aadaff 0%,#cce8ff 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #aadaff 0%,#cce8ff 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #aadaff 0%,#cce8ff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aadaff', endColorstr='#cce8ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	PADDING: 6px; WIDTH: 100%; box-shadow: 0px 5px 5px rgb(0, 0, 0);
}

.mylawfloat {
	BORDER-BOTTOM: #002868 1px solid; BORDER-LEFT: #002868 1px solid; PADDING-BOTTOM: 8px; BACKGROUND-COLOR: #90b3db; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; MARGIN-BOTTOM: 8px; FLOAT: right; MARGIN-LEFT: 8px; BORDER-TOP: #002868 1px solid; BORDER-RIGHT: #002868 1px solid; PADDING-TOP: 8px
}

.mylawdate {
	background: #002868;
	color:#ffffff;
	font-weight:bold;
	border-bottom:solid 1px #ffffff;
	border-top: solid 1px #002868;
	border-left: solid 1px #002868;
	border-right: solid 1px #002868;
}

.mylawtitle {
	border-left: solid 1px #002868;
	border-right: solid 1px #002868;
}

.mylawbody {
	border-left: solid 1px #002868;
	border-right: solid 1px #002868;
	border-bottom:solid 1px #002868;
}
/*********************/
.mylawclebox2{
background: #FFC994;
PADDING: 6px; WIDTH: 100%; box-shadow: 0px 5px 5px rgb(0, 0, 0);
}

.mylawfloat2 {
	BORDER-BOTTOM: #A84C00 1px solid; BORDER-LEFT: #A84C00 1px solid; PADDING-BOTTOM: 8px; BACKGROUND-COLOR: #DB6300; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; MARGIN-BOTTOM: 8px; FLOAT: right; MARGIN-LEFT: 8px; BORDER-TOP: #A84C00 1px solid; BORDER-RIGHT: #A84C00 1px solid; PADDING-TOP: 8px
}

.mylawdate2 {
	background: #A84C00;
	color:#ffffff;
	font-weight:bold;
	border-bottom:solid 1px #A84C00;
	border-top: solid 1px #A84C00;
	border-left: solid 1px #A84C00;
	border-right: solid 1px #A84C00;
}

.mylawtitle2{
	border-left: solid 1px #A84C00;
	border-right: solid 1px #A84C00;
}

.mylawtitle2 a {
	color: #A84C00;
}

.mylawbody2 {
	border-left: solid 1px #A84C00;
	border-right: solid 1px #A84C00;
	border-bottom:solid 1px #A84C00;
}

/* VOTE NOW BUTTON - RED */
.votefy {
	
background: #cc6363; /* Old browsers */
background: -moz-linear-gradient(top,  #cc6363 0%, #cc4343 44%, #cc0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc6363), color-stop(44%,#cc4343), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cc6363 0%,#cc4343 44%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cc6363 0%,#cc4343 44%,#cc0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cc6363 0%,#cc4343 44%,#cc0000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cc6363 0%,#cc4343 44%,#cc0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc6363', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
		
	display:inline-block;
	color:#ffffff;
	width: 150px;
	font-size:13px;
	font-weight:bold;
	font-family:Georgia,Times New Roman,Times,serif;
	padding:6px 20px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 1px 0px #154682;
	
}

.votefy a, .votefy:hover a {color:#fff;}
.votefy:hover {
	
background: #cc0000; /* Old browsers */
background: -moz-linear-gradient(top,  #cc0000 0%, #cc4343 56%, #cc6363 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(56%,#cc4343), color-stop(100%,#cc6363)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cc0000 0%,#cc4343 56%,#cc6363 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cc0000 0%,#cc4343 56%,#cc6363 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cc0000 0%,#cc4343 56%,#cc6363 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cc0000 0%,#cc4343 56%,#cc6363 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc6363',GradientType=0 ); /* IE6-9 */
	}
	
.votefy:active {
	position:relative;
	top:1px;
}

/* Learn More Button */

.learnmore, .learnmore:visited {
	
	-moz-box-shadow:inset 0px 1px 0px 0px #afcbf0; -webkit-box-shadow:inset 0px 1px 0px 0px #afcbf0; box-shadow:inset 0px 1px 0px 0px #afcbf0; 
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #93b6de), color-stop(1, #4a6ea0));
	background:-moz-linear-gradient(top, #93b6de 5%, #4a6ea0 100%);
	background:-webkit-linear-gradient(top, #93b6de 5%, #4a6ea0 100%);
	background:-o-linear-gradient(top, #93b6de 5%, #4a6ea0 100%);
	background:-ms-linear-gradient(top, #93b6de 5%, #4a6ea0 100%);
	background:linear-gradient(to bottom, #93b6de 5%, #4a6ea0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b6de', endColorstr='#4a6ea0',GradientType=0);
	
	background-color:#93b6de;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
		
	display:inline-block;
	color:#ffffff;
	width: 150px;
	font-size:13px;
	font-weight:bold;
	font-family:Georgia,Times New Roman,Times,serif;
	padding:6px 0px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 1px 0px #154682;
	
}

.learnmore a, .learnmore a:hover, .learnmore a:visited{
	color:#fff!important;
}

.learnmore:hover {
	
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4a6ea0), color-stop(1, #93b6de));
	background:-moz-linear-gradient(top, #4a6ea0 5%, #93b6de 100%);
	background:-webkit-linear-gradient(top, #4a6ea0 5%, #93b6de 100%);
	background:-o-linear-gradient(top, #4a6ea0 5%, #93b6de 100%);
	background:-ms-linear-gradient(top, #4a6ea0 5%, #93b6de 100%);
	background:linear-gradient(to bottom, #4a6ea0 5%, #93b6de 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a6ea0', endColorstr='#93b6de',GradientType=0);
	
	background-color:#4a6ea0;
	color:#fff;
	}
	
.learnmore:active {
	position:relative;
	top:1px;
}

figcaption, .figcaption {
	font-style:italic; font-size:11px;
}

.day-life-time {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b6de', endColorstr='#4a6ea0',GradientType=0); 
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	WIDTH: 80px; 
	PADDING-RIGHT: 5px; 
	BACKGROUND: #7da2cc; 
	FLOAT: left; 
	COLOR: #ffffff; 
	MARGIN-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	
	box-shadow: inset -5px -5px 30px 0px rgba(0,0,0,0.75); 	
	-webkit-box-shadow: inset -5px -5px 30px 0px rgba(0,0,0,0.75); 
	-moz-box-shadow: inset -5px -5px 30px 0px rgba(0,0,0,0.75)
}

.calendar-events ul {margin-left:0px;!important}
div.sec_content ul {margin-left:30px;!important}


h6.eventheader {background-color: #FCB514;padding: 5px;font-weight: 800; border:solid 1px #002868;}

/* ===========================================
FADE IN SCRIPT FOR ANNUAL MEETING HOTEL IMAGES
============================================== */

.AM2014-slideshow {
   position: relative;
   max-width: 470px;
   height: 225px;
   margin: .5em auto .5em auto;
}
.AM2014-slideshow figure{
   margin: 0;
   position: absolute;
}
.AM2014-slideshow figure{
   opacity:0;
}


figure:nth-child(1) {
   animation: xfade 36s 30s infinite;
   -webkit-animation: xfade 36s 30s infinite; /* Chrome, Safari, Opera */
   -moz-animation: xfade 36s 30s infinite;
}
figure:nth-child(2) {
   animation: xfade 36s 24s infinite;
   -webkit-animation: xfade 36s 24s infinite; /* Chrome, Safari, Opera */
   -moz-animation: xfade 36s 24s infinite;
}
figure:nth-child(3) {
   animation: xfade 36s 18s infinite;
   -webkit-animation: xfade 36s 18s infinite; /* Chrome, Safari, Opera */
   -moz-animation: xfade 36s 18s infinite;
}
figure:nth-child(4) {
   animation: xfade 36s 12s infinite;
   -webkit-animation: xfade 36s 12s infinite; /* Chrome, Safari, Opera */
   -moz-animation: xfade 36s 12s infinite;
}
figure:nth-child(5) {
   animation: xfade 36s 6s infinite;
   -webkit-animation: xfade 36s 6s infinite; /* Chrome, Safari, Opera */
   -moz-animation: xfade 36s 6s infinite;
}
figure:nth-child(6) {
   animation: xfade 36s 0s infinite;
   -webkit-animation: xfade 36s 0s infinite; /* Chrome, Safari, Opera */
   -moz-animation: xfade 36s 0s infinite;
}


@keyframes xfade{
   0%{
      opacity: 1;
   }
   14.67% {
      opacity:1;
   }
   16.67%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:1;
   }
}

@-moz-keyframes xfade{
   0%{
      opacity: 1;
   }
   14.67% {
      opacity:1;
   }
   16.67%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:1;
   }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes xfade{
   0%{
      opacity: 1;
   }
   14.67% {
      opacity:1;
   }
   16.67%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:1;
   }
}

/* Renew TFL codes */
#renewTFLheader {
	width:100%; padding:5px; text-align:center; font-weight:700; font-size:230%; line-height: 70px; font-family: Georgia,Times New Roman,Times;
}

.renewTFLbox {
font-size: 150%;
background-color: #FBF8DF;
border-left: 1px solid #414F30;
border-top: 1px solid #414F30;
border-right: 1px solid #414F30;
font-weight: bold;
font-family: Georgia,Times New Roman,Times,serif;
}

.renewTFLboxtext {
text-align: justify;
padding: 5px;
background-color: #FBF8DF;
height: 120px;
border-left: 1px solid #414F30;
border-bottom: 1px solid #414F30;
border-right: 1px solid #414F30;
}

.renewTFLbutton { 
font-size: 200%;
border-width: 1px;
padding-left: 5px;
font-family: lucida sans unicode,lucida grande,sans-serif;
color: #FFF;
font-weight: bold;
text-decoration: none;
text-shadow: 2px 2px 0px rgba(2, 2, 2, 0.65);
background: #566B21;
border-style: solid;
border-color: #414F30;
}

.renewTFLbutton a, .renewTFLbutton a:visited {
	COLOR: rgb(255,255,255)!important; text-shadow: 2px 2px 0px rgba(2, 2, 2, 0.65)!important;
}

.renewTFLbutton a:hover {
	text-shadow: 2px 2px 0px #414F30 !important;
	position: relative;
	top: 1px;
	left: 1px;
}
/* TOOLTIPS */

a.tooltip {outline:none; } 

a.tooltip strong {line-height:30px;} 

a.tooltip:hover {text-decoration:none;} 

a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:60px; margin-left:-160px; width:300px; line-height:16px; } 

a.tooltip:hover span{ display:inline; position:absolute; border:1px solid #002868; color:#000; background:#FCB514; font-size:12px; font-style: normal; font-weight: normal;} 

.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;} 

/*CSS3 extras*/

a.tooltip span { border-radius:5px; box-shadow: 0px 0px 8px 4px #666; /*opacity: 0.8;*/ }