@charset "utf-8";
/* 
Unified Stylesheet for every TEV page
I couldn't resist with the ASCII art :)

     _         _                    
    | |       | |                   
 ___| |_ _   _| | ___   ___ ___ ___ 
/ __| __| | | | |/ _ \ / __/ __/ __|
\__ \ |_| |_| | |  __/| (__\__ \__ \
|___/\__|\__, |_|\___(_)___|___/___/
          __/ |                     
         |___/                      
                                        

Categories for every set of CSS statements are in the comments
Categories are denoted with '#####################'
Sub-categories are denoted with '-----------------'
Individual statments requiring some explanation have no denoting symbols
*/

/*
#########################################################################################
-----------------------------------------------------------------------------------------
Complete Index
-----------------------------------------------------------------------------------------
To search for a specific category of TEV's CSS, perform a text search for that particular
category's special code, detoned in brackets (e.g. [catg])

Common					[comn]
User Pages				[user]
Admin Pages, Common		[admc]
Admin Pages, Industry	[admi]
Modal Boxes				[modl]
Autocomplete			[auto]
Lightboxes				[ligt]
Tooltips				[tltp]
jQuery UI				[jqui]
Datepicker				[dtpk]
jCarousel				[jcsl]
Forms					[form]

-----------------------------------------------------------------------------------------
#########################################################################################
*/




/*
#########################################################################################
[comn]
Common
#########################################################################################
*/


body {
	margin: 0px;
	padding: 0px;
	background: url('/img/main-bg.png') no-repeat top center;
	background-color: #efefef;
	line-height: 1.2;
}

p {
	margin-top: 0px;
	margin-bottom: 10px;
}

hr {
	height: 1px;
	border: 0;
	background-color: #880000;
	color: #880000;
}

hr.thick {
	height: 2px;
}

/*never put a border around a link that's an image*/
a img {
	border: 0;
}

/*
----------------------------------------------------------------------------------
Supplementary information divs
warning, success, and error
----------------------------------------------------------------------------------
*/

div.warning {
	float: left;
	clear: left;
	width: 95%;
	border: 1px solid black;
	padding: 10px 10px 10px 35px;
	background-image: url('/img/exclamation.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	background-color: #ffff99;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #000000;
	font-size: medium;
	margin-bottom: 10px;	
}

div.success {
	float: left;
	clear: left;
	width: 95%;
	border: 1px solid black;
	padding: 10px 10px 10px 35px;
	background-image: url('/img/tick_circle.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	background-color: #88DC7C;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #000000;
	font-size: medium;
	margin-bottom: 10px;	
}

div.error {
	float: left;
	clear: left;
	width: 95%;
	border: 1px solid black;
	padding: 10px 10px 10px 35px;
	background-image: url('/img/cross_circle.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	background-color: #E86868;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #000000;
	font-size: medium;
	margin-bottom: 10px;	
}

/*
----------------------------------------------------------------------------------
Stylized "buttons"
----------------------------------------------------------------------------------
*/

div.btn div {
	float: left;
	clear: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
	border: 1px solid white;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 4px;
}

.btn.blue { background-color: #2ae; }
.btn.green { background-color: #9d4; }
.btn.pink { background-color: #e1a; }
.btn.red { background-color: #CC0000; }
.btn.yellow { background-color: #FFFF66; }
.btn:hover { background-color: #b68a51; }

.btn {
	color: #ffffff;
}

/*
treetop is the div which houses the tree overhang effect.
Difficult to pull off and scale, IE and Firefox required different image widths to get it to scale consistently.
So the * vendor-specific selector is used for IE7 and below.  IE6 will not handle this due to png bg positioning issues.
So the _ selector is used for IE6/below.  This is invalid CSS, but the effect is nice.
*/
div#treetop {
	position: absolute;
	z-index: 4;
	width: 100%;
	height: 60px;
	top: 88px;
	left: 0px;
	background: url('/img/treetop.png') no-repeat top center;
	*background: url('/img/treetop-ie.png') no-repeat top center;
	_background: none;
}


/*
#########################################################################################
[user]
User pages, currently expressed through /index.php
#########################################################################################
*/


/*
homeLink hovers over the main logo and links back to home!
*/
div#homeLink {
	position: absolute;
	z-index: 5;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 120px;
	cursor: pointer;
	border: 0;
}

div#ieHomeLink {
	position: absolute;
	z-index: 6;
	width: 200px;
	height: 120px;
	top: 80px;
	/*For IE6-*/
	/*set an unused color to be index color*/ 
	background-color:tomato; 
	/*then remove this indexed color*/ 
	filter:chroma(color=tomato);
}

/*
----------------------------------------------------------------------------------
Base table styling
----------------------------------------------------------------------------------
*/

div#wrapper {
	position: relative;
	max-width: 1100px;
	min-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

div#baseLayer {
	margin-top: 88px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #ffffff;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/*table#baseLayerTable {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #ffffff;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}*/

div#mainLogo {
	-moz-border-radius-topleft: 9px;
	background: url('/img/logo-bg-trans.png') no-repeat;
	width: 210px;
	height: 248px;
}

div#sidebarBG {
	background: url('/img/sidebar-bg.png') repeat-y top;
}

td.shadow {
	background: url('/img/header-bg.jpg') repeat-x top;
	background-color: #f5deb3;
	height: 100%;
	vertical-align: top;
}


/*
----------------------------------------------------------------------------------
Entities which house main content
----------------------------------------------------------------------------------
*/

td#mainContentContainer {
	/* top padding needs to be greater to prevent the #treetop div shrouding anything */
	padding-top: 40px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

div#mainContent {
	float: left;
	width: 100%;
	color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11pt;
}

#mainContent p {
	margin-top: 20px;
	margin-bottom: 5px;
}

#mainContent h1, h2, h3, h4 {
	font:normal 1em georgia,helvetica,arial;
	letter-spacing:-0.5px;
}

#mainContent h1 {
	font-size: 18pt;
	margin-bottom: 3px;
	color: #880000;
	margin-top: 10px;
}

#mainContent h1.small {
	font-size: 14pt;
	margin-bottom: 3px;
	color: #880000;
}

#mainContent h2 {
	font-size: 10pt;
	letter-spacing:0px;
	font-style:italic;
	margin-top: -5px;
}

#mainContent a {
	color: #1585a3;
}

#mainContent a:hover {
	text-decoration: none;
}

/*
Displays a loading message above main content
*/
div#loadingAnim {
	display: none;
	width: 95%;
	float: left;
	clear: both;
	padding: 1%;
	margin-top: 5px;
	background: white;
	border: 1px solid black;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #b68a51;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-weight: lighter;
	font-size: x-large;
}


/*
----------------------------------------------------------------------------------
Wordpress compatability
----------------------------------------------------------------------------------
*/


/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/*all WP images should have a margin around them and have no border, I think */
div.page img {
	margin: 5px;
	border: 0;
}


/*
----------------------------------------------------------------------------------
Entities used in destination searches
----------------------------------------------------------------------------------
*/

div#searchAdContainer {
	margin-top: 15px;
}

div#refineSearch {
	float: left;
	clear: left;
	width: 95%;
	border: 1px solid black;
	padding: 10px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: url('/img/brown-stripes.png') repeat;
	margin-bottom: 10px;
	color: #ffffff;
}

div#refineSearch h1 {
	color: #ffffff;
}

div.searchEntry {
	float: left;
	clear: left;
	width: 95%;
	border: 1px solid black;
	padding: 10px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: url('/img/translucent-white.png') repeat;
	margin-bottom: 10px;
}
div.eventsEntry {
	clear: left;
	width: 95%;
	border: 1px solid black;
	padding: 10px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: url('/img/translucent-white.png') repeat;
	margin-bottom: 10px;
}

div.ieSearchWrapper div.searchEntry {
	background: #efefef;
}
div.attrib {
	float: left;
	padding: 3px;
	cursor: pointer;
}

div.attrib.true, div.attrib:hover {
	background-color: #DFC28C;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}

/*
----------------------------------------------------------------------------------
Attraction pages: account images
----------------------------------------------------------------------------------
*/

/* no image should have a border on it's own, this'll make sure linked images don't have borders */
#accountPicContainer img {
	border: 1px solid #999999;
	padding: 4px;
	padding-bottom: 20px;
	background-color: #999999;
	margin: 3px;
}

#accountPicContainer img:hover {
	background-color: #ffffff;
}

/*
----------------------------------------------------------------------------------
Sidebar and navigation
----------------------------------------------------------------------------------
*/

div#sidebarContent {
	position: absolute;
	top: 110px;
	left: 10px;
	padding: 8px;
	width: 185px;
	color: #ffffff;
}

/*IE's top property isn't right, don't ask me why*/
div#ieSidebarWrapper {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	top: 100px;
}

#sidebarContent a {
	color: #ffffff;
}

#sidebarContent a:hover {
	text-decoration: none;
}

#sidebarContent ul {
	list-style: none;
	margin-left: 8px;
	padding-left: 8px;
}

#sidebarContent h1, h2 {
	font:normal 1em georgia,helvetica,arial;
	letter-spacing:-0.5px;
}

#sidebarContent h1 {
	margin-top: 5px;
	font-size: 18pt;
}

#sidebarContent h2 {
	font-size: 10pt;
	letter-spacing:0px;
	font-style:italic;
	clear: both;
	margin-top: 10px;
	margin-bottom: 2px;
}

#sidebarContent h2.compact {
	margin-top: -2px;
	margin-bottom: 10px;
}

#sidebarContent input {
	width: 95%;
}

.categoryitems{
 margin:0 0 0 12px;
}

.categoryitems span{
 margin:0 0 0 10px;
}

/*
----------------------------------------------------------------------------------
Edge Accent
----------------------------------------------------------------------------------
*/

td#leatherBG {
	background: url('/img/leather-bg.png') repeat-y;
	-moz-border-radius-topright: 10px;
}

/*
----------------------------------------------------------------------------------
Sign up form, edit profile form
----------------------------------------------------------------------------------
*/

table#profileForm td {
	vertical-align: top;
}

table#individualUserForm td {
	vertical-align: top;
}

/*
----------------------------------------------------------------------------------
Footer
----------------------------------------------------------------------------------
*/

div#footer {
	width: 100%;
	clear: both;
	text-align: center;
	background-color: #b68a51;
	background-image: url('/img/footer_bg.jpg');
	background-repeat: repeat-x;
	padding-top: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #efefef;
}

div#footer table {
	margin-left: auto;
	margin-right: auto;
}

div#footer table td {
	vertical-align: top;
}

div#footer h1, h2 {
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing:-0.5px;
}

div#footer h1 {
	font-size: 19pt;
	margin-bottom: 8px;
}

div#footer h2 {
	font-size: 10pt;
	letter-spacing:0px;
	font-style:italic;
}

div#footer div {
	text-align: left;
}

div#footer a {
	color: #FFFFFF;
}

div#footer a:hover {
	text-decoration: none;
}


/*
#########################################################################################
[admc]
Administrative Pages
For both Admins and Industry Users
#########################################################################################
*/


/*
----------------------------------------------------------------------------------
Top Logo
----------------------------------------------------------------------------------
*/

div#minlogo {
	position: absolute;
	z-index: 5;
	top: 90px;
	left: 20px;
}

div#minlogo img {
	border: none;
}

/*
----------------------------------------------------------------------------------
Left Navigation
----------------------------------------------------------------------------------
*/

td#left {
	width: 20%;
	padding: 10px;
	vertical-align: top;
	background-color: #b68a51; 
	background-image: url('/img/content_bg_left.jpg');
	background-repeat: repeat-y;
	background-position: right top;
}

td#left, td#left a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	font-size: large;
	text-decoration: none;
}

td#left div a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: small;
}

td#left a:hover {
	text-decoration: underline;
}

td#left h2 {
	font-size: 11px;
	font-style: italic;
	margin-top: 2px;
}

/*
----------------------------------------------------------------------------------
Top Spacing to allow background to show
----------------------------------------------------------------------------------
*/

div#spacer {
	width:100%;
	height:88px;
	border-bottom: 1px solid white;
}

/*
----------------------------------------------------------------------------------
Main Content
----------------------------------------------------------------------------------
*/

td#right {
	background: #f5deb3; 
	padding: 45px 20px; 
	vertical-align: top;
	width: 80%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

td#right h1, h2, h3, h4 {
	font:normal 1em georgia,helvetica,arial;
	letter-spacing:-0.5px;
}

td#right h1 {
	font-size: 18pt;
	margin-bottom: 3px;
	color: #880000;
}

td#right h1.small {
	font-size: 14pt;
	margin-bottom: 3px;
	color: #880000;
}

td#right h2 {
	font-size: 10pt;
	letter-spacing:0px;
	font-style:italic;
	margin-top: 0px;
}

td#right a {
	color: #1585a3;
}

td#right a:hover {
	text-decoration: none;
}

div#main_body {
	width: auto;
	background-color: #f5deb3;
	background-image: url('/img/paper_bg.jpg');
	background-repeat: repeat-y;
	background-position: top right;
	padding: 10px;
}

table#profileForm td {
	padding: 5px;
	padding-right: 20px;
}

/*
Pop-up box to disable user input during ajax loads
Shows a loading message
*/
#ajaxLoad {
	color: #b68a51;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-weight: lighter;
	font-size: x-large;
}

/*
Displays account information in more detail
*/
div.accountInfo {
	border: 1px dashed black;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 10px;
	margin-left: 20px;
}

/*
----------------------------------------------------------------------------------
Front-page image config
----------------------------------------------------------------------------------
*/

div.singleFpImage {
	float: left;
	width: 300px;
	border: 1px solid #666666;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #ffffff;
	padding: 10px;
	margin: 5px;
}

div.singleFpImage p {
	float: right;
	text-align: right;
}

div.singleFpImage div {
	float: left;
	width: 100px;
	height: 100px;
	border: 1px solid black;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/*
----------------------------------------------------------------------------------
advertisements config area
----------------------------------------------------------------------------------
*/

div.singleAd {
	float: left;
	width: 400px;
	border: 1px solid #666666;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #ffffff;
	padding: 10px;
	margin: 5px;
}	

div.singleAd p {
	float: right;
	text-align: right;
	width: 270px;
}

div.singleAd div.singleAdImg {
	float: left;
	width: 100px;
	height: 100px;
	border: 1px solid black;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-right: 5px;
	margin-bottom: 5px;
}


/*
#########################################################################################
[admi]
Administrative Pages
Specific to Industry Users
#########################################################################################
*/

/*
For visual separation of image management and account details
*/
.accountContent {
	float: left;
	width: 98%;
	padding: 10px;
	border: 1px solid black;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 10px;
	/*background: #cc9966;*/
}

/*
----------------------------------------------------------------------------------
Forms
----------------------------------------------------------------------------------
*/

table#individualAccountForm {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

table#individualAccountForm td {
	vertical-align: top;
}

/*
----------------------------------------------------------------------------------
Account Image Management
----------------------------------------------------------------------------------
*/

div.singleImage img {
	border: none;
}

div.singleImage {
	float: left;
	display: none;
	border: 1px solid transparent;
	padding: 5px 5px 10px 5px;
	
	/*For IE6-*/
	/*set an unused color to be index color*/ 
	_border-color:tomato; 
	/*then remove this indexed color*/ 
	_filter:chroma(color=tomato);
}

div.singleImage:hover {
	background: white;
	border: 1px solid #666666;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.mainImg {
	/*background: #ffff99;*/
	background: url('/img/accountMainImg.jpg') bottom center;
	border: 1px solid white;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/*
----------------------------------------------------------------------------------
Attribute Selecting
----------------------------------------------------------------------------------
*/

div.addAttribute {
	float: left;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #999999;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 5px;
	width: 300px;
	margin-bottom: 5px;
	margin-right: 5px;
}

div.addAttribute img {
	float: left;
}

div.addAttribute:hover {
	background-color: #ffffff;
	cursor: pointer;
}

div.addAttribute.selected {
	border: 1px solid black;
	background-color: #ffffff;
}

/*
----------------------------------------------------------------------------------
Alerts
Shows warnings, errors, or successes within this div
----------------------------------------------------------------------------------
*/

#alerts {
	width: 98%;
}


/*
#########################################################################################
[modl]
Modal box for Texas Map Search
#########################################################################################
*/


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 1%;
    left: 50%;
	
	text-align: center;
    
    margin-left: -250px;
    width: 500px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/*
#########################################################################################
[auto]
Autocomplete for Attractions Search
#########################################################################################
*/


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}


/*
#########################################################################################
[ligt]
Lightboxes (for account images)
#########################################################################################
*/

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#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: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#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;
}
#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;
	padding-bottom: 0.7em;	
}


/*
#########################################################################################
[tltp]
Tooltips (for details about account attribute icons such as whether they charge a fee)
#########################################################################################
*/


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }


/*
#########################################################################################
[jgrw]
jGrowl, which is the nice unobtrusive notifications on the bottom-right
#########################################################################################
*/


div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	border: 				1px solid white;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				10px;
}

div.jGrowl div.jGrowl-notification div.close {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}

/* TEV-custom notification colors */

div.jGrowl div.red {
	background-color: #990000;
} 

div.jGrowl div.green {
	background-color: #006600;
} 


/*
#########################################################################################
[jqui]
jQuery UI Custom Theme
#########################################################################################
*/


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://themeroller.com/?tr=&ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=5d65d5&bgTextureHeader=02_glass.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #5d65d5 url(/img/jquery-ui/5d65d5_1x400_textures_02_glass_75.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/img/jquery-ui/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(/img/jquery-ui/e6e6e6_1x400_textures_02_glass_75.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(/img/jquery-ui/dadada_1x400_textures_02_glass_75.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/img/jquery-ui/ffffff_1x400_textures_02_glass_65.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(/img/jquery-ui/fbf9ee_1x400_textures_02_glass_55.png) 50% 50% repeat-x; color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/img/jquery-ui/fef1ec_1x100_textures_05_inset_soft_95.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/img/jquery-ui/222222_256x240_256.png); }
.ui-widget-content .ui-icon {background-image: url(/img/jquery-ui/222222_256x240_256.png); }
.ui-widget-header .ui-icon {background-image: url(/img/jquery-ui/ffffff_256x240_256.png); }
.ui-state-default .ui-icon { background-image: url(/img/jquery-ui/888888_256x240_256.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/img/jquery-ui/454545_256x240_256.png); }
.ui-state-active .ui-icon {background-image: url(/img/jquery-ui/454545_256x240_256.png); }
.ui-state-highlight .ui-icon {background-image: url(/img/jquery-ui/2e83ff_256x240_256.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/img/jquery-ui/cd0a0a_256x240_256.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/img/jquery-ui/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/img/jquery-ui/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }


/*
#########################################################################################
[dtpk]
jQuery UI Datepicker for admins trying to add events
#########################################################################################
*/


/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; font-size: 11px;}
.ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker-prev, .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker-prev-hover, .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker-prev { left:2px; }
.ui-datepicker-next { right:2px; }
.ui-datepicker-prev-hover { left:1px; }
.ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold;  }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}


/*
#########################################################################################
[jcsl]
jCarousel
(styling for front-page image carousel)
#########################################################################################
*/


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 500px;
    height: 250px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/*
IE7 Skin
*/
.jcarousel-skin-ie7 .jcarousel-container {
    -moz-border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
    background: #D4D0C8;
    border: 1px solid #808080;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 500px;
	height: 250px;
    padding: 0px 10px 40px 10px;
}

.jcarousel-skin-ie7 .jcarousel-container-vertical {
    width: 500px;
    height: 250px;
    padding: 40px 20px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  500px;
    height: 252px;
}

.jcarousel-skin-ie7 .jcarousel-clip-vertical {
    width:  500px;
    height: 250px;
}

.jcarousel-skin-ie7 .jcarousel-item {
    width: 500px;
    height: 250px;
    border: 1px solid #fff;
}

.jcarousel-skin-ie7 .jcarousel-item:hover {
    border-color: #808080;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-right: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-vertical {
    margin-bottom: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 252px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('/img/next-horizontal.gif') no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 252px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('/img/prev-horizontal.gif') no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


/*
#########################################################################################
[form]
Forms: inputs, captions
yeah, I know h3 and h4 aren't really for this purpose, but I found it easiest...
#########################################################################################
*/


h3, h4 {
	font:normal 1em georgia,helvetica,arial;
	font-size: 9pt;
	letter-spacing:0px;
	font-style:italic;
	margin-top: 2px;
	margin-bottom: 2px;
}

h4 {
	color: #FF0000;
}

input.fancy {
	border: 1px solid #999999;
	width: 250px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	padding: 2px;
	margin: -1px;
}

/*the next two set precendent for form widths*/
table td.labels {
	min-width: 225px;
}

table td.inputs {
	width: 80%;
}

#commentform textarea {
	width: 95%;
}

#postAccount textarea {
	width: 80%;
}


.attraction{
 font-weight:bold;
 font-style:italic;
}

#topAd{
 float:right;
 margin:-105px 0 0 0;
}