/********************************************************/
/*                  JAVASCRIPT TABBER TABS              */
/********************************************************/

/* See: http://www.barelyfitz.com/projects/tabber/ */

/* TABBER
/* These styles are only active if javascript is
/* disabled and the tabber.js script does not execute.
*********************************************************/
.tabber { float: left; width: 464px; margin-bottom: 20px; }
.tabber h2 { float: left; width: 464px; padding-bottom: 2px; margin: 30px 0 3px 0; border-bottom: 1px solid #d1d2cc; font-size: 123.1%; color: #5f614c; }

/* TABBERLIVE
/* The tabberlive class replaces the tabber class after
/* the tabber.js script executes.
*********************************************************/
.tabberlive { float: left; width: 464px; margin: 15px 0 28px 0; }
.tabberlive .tabbertabhide { position: absolute; left: -9999px; }
.tabberlive .tabbertab { float: left; width: 464px; background: url(../media/image/tabboxtop.gif) 0 0 no-repeat; }
.tabberlive .tabbertab .border { float: left; width: 444px; padding: 10px; background: url(../media/image/tabboxbottom.gif) 0 bottom no-repeat; }
.tabberlive .tabbertab .scrollbars { height: 320px; padding-right: 10px; overflow-y: auto; overflow-x: hidden; }
.tabberlive .tabbertab h2 { display: none; }

/* TABBERNAV
/* The navigation tabs are rendered by the tabber.js
/* script.
*********************************************************/
ul.tabbernav { float: left; width: 456px; margin-left: 4px; list-style: none; }
ul.tabbernav li { float: left; margin-left: 3px; background: url(/media/image/tabsmallright.gif) right top no-repeat; }
ul.tabbernav li a { float: left; padding: 4px 11px 3px 10px; text-decoration: none; font-size: 85%; color: #5a5b50; background: url(/media/image/tabsmallleft.gif) left top no-repeat; }
ul.tabbernav li:hover, ul.tabbernav li.tabberactive { background: url(/media/image/tabsmallright.gif) right -80px no-repeat; }
ul.tabbernav li:hover a, ul.tabbernav li.tabberactive a { color: #fff; background: url(/media/image/tabsmallleft.gif) left -80px no-repeat; }

/* TABBERTAB
/* These styles are for the various tab sections.
*********************************************************/
.tabbertab h3 { font-size: 93%; line-height: 146.5%; color: #000; }
.tabbertab p { margin-bottom: 10px; font-size: 93%; color: #000; }
.tabbertab ul { margin-bottom: 23px; padding-left: 1px; list-style: none; font-size: 93%; color: #000; }
.tabbertab ul li { margin-bottom: 13px; padding-left: 10px; line-height: 146.5%; background: url(../media/image/bullet.gif) 0 .7em no-repeat; }
.tabbertab img.right { float: right; padding: 5px 0 5px 10px; }
.tabbertab img.left { float: left; padding: 5px 10px 5px 0; }
.tabbertab .slideshow { float: left; width: 436px; height: 312px; padding: 4px; }
.tabbertab .map-container { float: left; height: 308px; padding: 6px 5px; }
.tabbertab .map-container p { margin-top: 5px; font-size: 85%; text-align: right; }
.tabbertab .map-container p a { color: #333; }
.tabbertab #map { border: 1px solid #5a5b50; height: 290px; }
.tabbertab .item { float: left; width: 403px; padding: 4px 10px 20px 3px; margin-bottom: 3px; border-bottom: 1px solid #d0d0cd; }
.tabbertab .last { border: none; padding-bottom: 11px; }
.tabbertab .item h3 { float: right; width: 249px; font-size: 85%; line-height: 146.5%; color: #000; }
.tabbertab .item img { float: left; width: 140px; padding-top: 2px; }
.tabbertab .item p { float: right; width: 249px; font-size: 85%; line-height: 146.5%; color: #000; }

/* !! Ben's CSS !!
/* POP UP TABBERTAB
/* These styles are for the various tab sections.
*********************************************************/
#pop-up .tabberlive .tabbertab { float: left; width: 464px; background: none; }
#pop-up .tabbertab .client { font-size: 93%; color: #dc8332; font-weight: bold; }
#pop-up .tabbertab .associate{ font-size: 93%; color: #8ec06c; font-weight: bold; }
#pop-up .tabbertab p { margin-bottom: 20px; font-size: 93%; color: #000; }



/* POP UP TABBER
/* For those who don't have javascript?? Even though they
/* shouldn't have the option to see it
********************************************************/
#pop-up .tabber { float: left; width: 485px; margin-bottom: 20px; }
#pop-up .tabber h2 { float: left; width: 485px; padding-bottom: 2px; margin: 30px 0 3px 0; border-bottom: 1px solid #d1d2cc; font-size: 123.1%; color: #5f614c; }

/* POP UP TABBERNAV
/* The navigation tabs are rendered by the tabber.js
/* script.
*********************************************************/
#pop-up ul.tabbernav { float: left; height: 28px; width: 446px; list-style: none; margin-left: 0; }
#pop-up ul.tabbernav li { margin: 0 4px 0 0; float: left; background: url(../media/image/tabrightoff.gif) 100% top no-repeat; position: relative; }
#pop-up ul.tabbernav li a { display: block; float: left; padding: 9px 15px 2px 15px; text-decoration: none; font-size: 108%; color: #61604e; background: url(../media/image/tablefton.gif) left top no-repeat; }
#pop-up ul.tabbernav li.tabberactive a {padding: 9px 11px 2px 34px; background: url(../media/image/tabwithbubbles.gif) left top no-repeat; }
#pop-up ul.tabbernav li:hover a, #pop-up ul.tabbernav li.tabberactive a, #pop-up ul.tabbernav li.tabberactive a#tab1nav1 { color: #023e82; border-bottom: 1px solid white; }

/* POP UP TABBERLIVE
/* The tabberlive class replaces the tabber class after
/* the tabber.js script executes.
*********************************************************/
#pop-up .tabberlive {
float:left;
margin:10px 0pt 0pt 20px;
width:450px;
}
#pop-up .tabberlive .tabbertabhide { position: absolute; left: -9999px; }
#pop-up #lc-chat { float: left; width: 453px; border: 1px solid #bfbfb8; padding: 15px;}
#pop-up #lc-help { float: left; width: 453px; height: 337px; border: 1px solid #bfbfb8; border-bottom: none; padding: 15px;}
#pop-up .tabberlive #lc-chat  { height: 240px; padding-right: 15px; overflow-y: auto; overflow-x: hidden; }
#pop-up .tabberlive .tabbertab h2 { display: none; }