@charset "UTF-8";
/***************************************************
GENERAL
***************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: Arial, Helvetica, sans-serif; text-decoration:none; }
body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url(../images/bg.jpg) repeat 50% top #060; line-height: 17px; }
#header { width: 1000px; height: 180px; margin-right: auto; margin-left: auto; }
#header .logo { left: 0px; height: 90px; width: 300px; display: block; float: left; position: relative; }
#header .logo img { top: 10px; position: absolute; }
#header .slogan { font-size: 24px; font-style: italic; color: #CCC; padding: 35px 0px 35px 300px; text-align: right; display: block; float: right; margin: 0px; }
#wrapper { width: 1000px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; }
#top_link { position: fixed; right: 0px; bottom: 20px; height: 26px; width: 28px; background-image: url(../images/arrow-top.gif); text-indent: -9999px; font-size: 0px; }
h1 { font-weight: normal; font-style: normal; font-size: 22px; color: #666666; padding-bottom: 0.3em; }
h2 { font-weight: normal; font-style: normal; font-size: 12px; color: #C3C3C3; margin-bottom: 1em; padding-bottom: 5px; }
h3 { font-weight: normal; font-style: normal; font-size: 16px; color: #666666; margin-bottom: 0.5em; padding-bottom: 0em; }
h4 { font-weight: normal; font-style: normal; font-size: 12px; color: #666666; margin-bottom: 0.5em; padding-bottom: 0em; }
h5 { font-weight: normal; font-style: normal; font-size: 10px; color: #666666; margin-bottom: 0.5em; padding-bottom: 0.4em; }
hr { margin: 0px 0px 20px 0px; float: left; border: none; width: 100%; padding-top: 0px; padding-right: 0px; padding-left: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: #EAEAEA; }
p { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 1em; padding-left: 0px; }
strong { font-weight: bold; }
a { color: #31b8da; }
a:hover { text-decoration: underline; }
dl, ul { margin: 0px; list-style-type: none; padding: 0px 0px 10px 0px; }
ul.paced li { margin: 0px; background-image: url(../images/arrow-link.gif); background-repeat: no-repeat; background-position: left 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; }
.ul-default { margin: 0px; float: left; width: 100%; padding-top: 15px; }
.ul-default li { background-image: url(../images/arrow-link.gif); background-position: 0% 60%; background-repeat: no-repeat; list-style-type:none; padding-left: 10px; margin-bottom: 3px; line-height: 14px; margin-left: 25px; }
#content-holder { width: 1000px; float: left; overflow: hidden; }
#content { width: 960px; background-repeat: no-repeat; background-position: left top; background-color: #FFFFFF; color: #666666; float: left; padding-top: 20px; padding-right: 20px; padding-bottom: 35px; padding-left: 20px; }
/***************************************************
HOME PAGE SLIDER
***************************************************/
#slideshow-holder { margin:0px; position: relative; padding: 0px; float: left; width: 1000px; height: 180px; }
#slideshow { margin: 0px; padding: 0px; width: 1000px; height: 180px; }
#box-nav-slider { width:920px; height:17px; position: absolute; right: 0px; z-index: 999; bottom: 10px; }
#slideshow-navigation a { display:block; float:left; font-size:0px; width:14px; height:14px; margin:2px; outline-style:none; outline-width:medium; background-image: url(../images/slideshow-circle.png); background-repeat: no-repeat; color: #000000; }
#slideshow-navigation a:hover { background-image: url(../images/slideshow-circle-select.png); background-repeat: no-repeat; }
#slideshow-navigation { float:right; padding-right:10px }
#slideshow-navigation .activeSlide { background-image: url(../images/slideshow-circle-select.png); background-repeat: no-repeat; }
.slide-text { position: relative; }
.slide-text .desc { position: absolute; top: 0px; right: 0px; height: 140px; width: 360px; background-image: url(../images/slideshow-transparent-bg.png); background-repeat: repeat; z-index: 1; padding: 20px; }
.slide-text h1 { color:#FFF; padding-top: 0px; padding-right: 0px; padding-bottom: 25px; padding-left: 0px; }
.slide-text p { color:#B4B4B4; z-index: 999; top: 0px; right: 0px; padding-bottom: 25px; }
.slide-text a.read_more { color:#4FC1E1; font-size:12px; }
#inner { float: left; margin: 0px; padding-top: 0px; padding-right: 20px; padding-bottom: 25px; padding-left: 0px; width: 690px; }
/***************************************************
FOOTER
***************************************************/
#footer { width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 15px; padding-right: 0px; padding-bottom: 25px; padding-left: 0px; float: left; }
#footer a { color: #8A8A8A; text-decoration: none; display: block; float:left; }
#footer a:hover { color: #4FC1E1; text-decoration: underline; }
#footer .boxes_holder { width: 1000px; margin-right: auto; margin-left: auto; position: relative; overflow: hidden; padding-top: 10px; padding-bottom: 10px; background-image: url(../images/transparent_bg.png); background-repeat: repeat; }
#footer .box { margin: 0px; width: 320px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; color: #999999; float: left; }
#footer .box h1 { font-size: 22px; color: #CCCCCC; float: left; width: 320px; font-weight: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; border-top-width: 3px; border-top-style: solid; border-top-color: #FC0; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-bottom-style: none; }
#footer .box ul { margin: 0px; width: 320px; list-style-type: none; padding: 0px; display: block; float: left; }
#footer .box ul li { width: 320px; float: left; color: #666666; display: block; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; background-image: url(../images/transparent_bg.png); background-repeat: repeat; }
#footer .box ul li:hover { background-color: #36F; }
#footer .box ul li a { display: block; padding: 10px; }
#footer .box ul li a.features { color: #999999; text-decoration: none; background-image: url(../images/bullet_footer_ul_features.gif); background-position: left 6px; display: block; background-repeat: no-repeat; padding-left: 10px; }
#footer .subfooter { float: left; width: 1000px; padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; margin: 0px; left: 0px; top: 100px; }
#footer .subfooter ul { float: left; margin: 0px; padding: 0px; }
#footer .subfooter ul li { display: inline; list-style-type: none; background-image: none; }
#footer .subfooter a { padding-right: 15px; color: #CCCCCC; }
#footer .subfooter .copyright { float: right; font-size: 12px; margin: 0px; padding: 0px; color: #CCCCCC; }
/***************************************************
PORTFOLIO
***************************************************/
ul.display { float: left; width: 960px; margin: 0px; padding: 0px; list-style: none; }
ul.display li { float: left; width: 960px; margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; background-image: none; }
ul.display li .ul-list { margin: 0px; width: 160px; float: left; display: block; padding-top: 30px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; }
ul.display li .ul-list li { margin: 0px; background-image: url(../images/checker.gif); background-repeat: no-repeat; background-position: left 3px; list-style-type: none; width: 140px; display: inline; padding-top: 0px; padding-right: 0px; padding-bottom: 4px; padding-left: 20px; font-size: 11px; font-weight: bold; color: #333333; }
ul.display li .img_box { padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; float: left; }
ul.display li .img_box a img { padding: 4px; border: 1px solid #ccc; margin-right: 15px; }
ul.display li .img_box a img:hover { border: 1px solid #333; }
ul.display li .desc { margin: 0px; padding-top: 10px; padding-right: 20px; padding-bottom: 15px; padding-left: 0px; float: left; width: 400px; }
ul.display li h3 { margin: 0px; padding: 0px; }
ul.display li h4 { color: #999; }
ul.thumb_view li { margin: 0px; width: 320px; display: inline; float: left; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; background-image: none; }
ul.thumb_view li p { display: block; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 10px; }
ul.thumb_view li .ul-list { display: none; }
ul.thumb_view li .img_box a img { margin-bottom: 5px; margin-right: 0px; }
#tab_slider { float: left; position: relative; display: block; width: 100%; }
#tabs { float: left; width: 100%; display: block; z-index: 5; left: 0px; top: 0px; }
.sliding_controls { float: left; position: relative; height: 37px; margin-top: 0px; margin-bottom: 10px; display: block; width: 100%; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; }
.sliding_controls ul { margin: 0px; list-style: none; float: right; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; }
.sliding_controls ul li { float: left; display: block; padding-top: 6px; padding-left: 15px; background-image: none; }
.sliding_controls ul li a { display: block; float: left; padding: 5px; outline: none; margin: 0px; color: #4FC1E1; text-transform: uppercase; }
.sliding_controls ul li a:hover, .sliding_controls ul li a.activeSlide { background-color: #EBEBEB; color: #999999; text-decoration: none; }
/***************************************************
BOTTOM
***************************************************/
#bottom { width: 940px; font-size: 11px; color: #999999; background-color: #F0F0F0; margin: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: #E6E6E6; padding-top: 20px; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; float: left; }
#bottom .strong { font-size: 15px; display: block; color: #797979; }
#bottom div { width: 630px; margin: 0px; float: left; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px; }
#bottom div img { margin-right: 4px; margin-top: 4px; padding: 0px; margin-bottom: 0px; margin-left: 0px; }
#bottom div ul { margin: 0px; float: left; list-style-type: none; padding-top: 14px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#bottom div ul li { float: left; margin: 0px; padding: 0px; background-image: none; }
#bottom div.last { margin: 0px; float: left; width: 270px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; }
/***************************************************
SEARCH
***************************************************/
#search { float: left; width: 263px; padding: 3px; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #D4D4D4; }
#search input { background-color: #FFFFFF; margin: 0px; float: left; width: 194px; height: 18px; color: #aaaaaa; padding: 4px 3px 2px 3px; font-size: 12px; border: 1px solid #D4D4D4; }
#search .search_button { color: #666666; background-color: #D4D4D4; float: left; width: 57px; height: 26px; font-size: 12px; margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
/***************************************************
SIDEBAR
***************************************************/
#sidebar { margin: 0px; float: left; width: 250px; padding: 15px; background-color: #F4F4F4; }
#sidebar h3 { display: block; margin: 0px 0px 8px 0px; padding: 0px; width: 250px; }
.block { margin: 0px; float: left; padding: 0px 0px 15px 0px; }
.block p { padding: 0px; margin: 0px; }
.block ul { width:250px; top:0px; display: block; list-style-type: none; margin: 0px; float: left; padding: 0px; }
.block ul li { display:block; cursor:pointer; cursor:pointer; padding-top: 5px; padding-right: 0; padding-bottom: 0px; padding-left: 10px; float: left; width: 240px; background-image: url(../images/arrow-link.gif); background-repeat: no-repeat; background-position: left 10px; margin: 0px; color: #999999; font-size: 11px; }
.block ul li a { color:#4FC1E1; margin: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 0px; font-size: 12px; }
.block a { text-decoration: none; color: #4FC1E1; }
.block ul li a.url { text-transform: none; }
.block .textwidget p { margin: 0px; padding: 0px; }
/***************************************************
NEWSLETTER
***************************************************/
#newsletter { margin: 0px 0px 20px 0px; float: left; width: 250px; padding: 0px; }
#newsletter div { width: 250px; position: relative; float: left; }
#newsletter div label { width: 250px; height: 15px; float: left; }
#newsletter div label.error { color: #a80000; position: absolute; top: 0px; right: 0px; text-align: right; font-size: 11px; }
#newsletter input { background-color: #FFFFFF; margin: 0px; width: 190px; height: 18px; color: #aaaaaa; padding: 4px 3px 2px 3px; font-size: 12px; border-top-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: solid; border-top-color: #D4D4D4; border-bottom-color: #D4D4D4; border-left-color: #D4D4D4; border-right-color: #D4D4D4; float: left; }
#newsletter .newsletter_button { color: #666666; background-color: #D4D4D4; height: 30px; font-size: 11px; margin: 0px; padding: 0px; border: none; width: 50px; float: left; }
/***************************************************
COLUMNS
***************************************************/
.column-holder { margin: 0px; float: left; width: 100%; padding: 0px 0px 10px 0px; }
#inner_content { margin: 0px; float: left; padding: 0px 15px 0px 0px; width: 665px; }
#inner_content .column-holder .one { width: 660px; }
#inner_content .column-holder .two_in_one_even { width:308px; }
#inner_content .column-holder .one_in_three { width:190px; }
#inner_content .column-holder .two_in_one_odd { width:424px; }
.one { width: 960px; }
.two_in_one_even { width:456px; }
.one_in_three { width:289px; }
.two_in_one_odd { width:624px; }
.two_in_one_even, .one_in_three, .two_in_one_odd { float:left; margin-right: 45px; }
.last { margin-right:0; }
.column-holder h2 { border-bottom: #dfdfdf 2px dotted; }
.last { margin-right:0; }
/***************************************************
QUOTE
***************************************************/
.quote-right { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 0px; width: 280px; float:right; display: block; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 20px; border-left-width: 2px; border-left-style: solid; border-left-color: #DDDDDD; }
.quote-left { padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 20px; margin-top: 10px; margin-right: 20px; width: 280px; float:left; display: block; margin-bottom: 10px; margin-left: 0px; border-right-width: 2px; border-right-style: solid; border-right-color: #DDDDDD; }
.quote-desc { color:#333333; line-height: 140%; font-style: italic; font-weight: bold; }
.quote-author-right { color:#31b8da; text-align: right; font-style: italic; margin-top: 10px; font-family: Verdana; font-size: 11px; line-height: 12px; font-weight: bold; }
.quote-author-left { color:#31b8da; text-align: right; font-style: italic; margin-top: 10px; font-family: Verdana; font-size: 11px; line-height: 12px; font-weight: bold; }
/***************************************************
IMAGES IN PARAGRAPHS
***************************************************/
.paragraph-image-left { float:left; margin-right:20px; margin-top:20px; margin-bottom: 10px; width: 290px; }
.paragraph-image-right { float:right; margin-left:20px; margin-top:20px; margin-bottom: 10px; width: 290px; }
.paragraph-image-left p, .paragraph-image-right p { color: #999999; font-size: 10px; }
.paragraph-image-left img, .paragraph-image-right img { padding: 5px; border: 1px solid #CCCCCC; }
/***************************************************
VERTICAL ACCORDION
***************************************************/
#options { width:100%; text-align:right; display: block; }
dl.faqs { width:100%; list-style:none; color:#033; padding-bottom: 35px; }
dl.faqs dd, .faqs dt { background-image: none; margin: 5px 0px; border-bottom: 1px dotted #CCCCCC; }
dl.faqs dt h3 { width:100%; cursor: pointer; padding: 5px 0px; color: #666666; background: url(../images/arrow-dark-left.gif) no-repeat right center; }
dl.faqs p { overflow: hidden; padding: 5px 0px; color: #333; }
dl.faqs img { float: left; padding-right: 10px; padding-bottom: 10px; }
/***************************************************
TABLE STYLE
***************************************************/
/*
table { border-collapse: collapse; border-spacing: 0; width:100%; margin: 0px; padding: 0px; float: left; }
td { padding: 6px; }
td.column, td.odd, td.even { background-color: #4FC1E1; text-align: center; border: 1px solid #DDDDDD; }
td.even { background-color: #F0EEF9; }
td.odd { background-color: #F9F9F9; }
table h1 { font-size: 16px; color: #FFFFFF; margin: 0px; padding: 0px; }
td.checkMark { background: url(../images/checker.gif) center center no-repeat; }
*/
table.tablesorter { font-family:arial; background-color: #CDCDCD; margin:10px 0pt 15px; font-size: 8pt; width: 100%; text-align: left; }
table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #e6EEEE; border: 1px solid #FFF; font-size: 8pt; padding: 4px 16px 4px 4px; }
table.tablesorter thead tr .header { background-image: url(../images/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; }
table.tablesorter tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; }
table.tablesorter tbody tr.odd td { background-color:#F0F0F6; }
table.tablesorter thead tr .headerSortUp { background-image: url(../images/asc.gif); }
table.tablesorter thead tr .headerSortDown { background-image: url(../images/desc.gif); }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; }
/***************************************************
BLOG
***************************************************/
.blog { width:665px; display: block; float: left; padding: 0px; margin: 0px 0px 10px 0px; }
.blog p { margin: 10px 0px 0px 0px; float: left; padding: 0px; width: 650px; }
.blog h1 { margin: 0px; padding: 6px 3px 3px 0px; line-height: 0.8em; }
.blog h4 { margin:0px; font-size:11px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 0px; display: block; line-height: 0.8em; }
.date { color:#999999; font-weight:bold; margin: 0px; padding: 0px; width: 100px; float: left; }
.date .date_holder { margin: 0px; padding: 0px; width: 100px; float: left; }
.date span.day { display: inline; float: left; font-size: 38px; line-height: 42px; }
.date span.month { float: left; font-size: 16px; line-height: 14px; padding-left: 2px; text-align: center; text-transform: uppercase; width: 40px; padding-top: 7px; }
.date span.year { font-size:16px; float: left; }
/***************************************************
PAGINATION 
***************************************************/
ul#pagination-flickr { overflow: auto; height: 20px; width: 100%; }
#pagination-flickr li { border:0; margin:0; padding:0; font-size:11px; list-style:none; float: left; }
#pagination-flickr a { border:solid 1px #DDDDDD; margin-right:2px; background-color: #EFEFEF; }
#pagination-flickr .previous-off, #pagination-flickr .next-off { color:#666666; display:block; float:left; font-weight:bold; padding:3px 4px; }
#pagination-flickr .next a, #pagination-flickr .previous a { font-weight:bold; border:solid 1px #FFFFFF; } 
#pagination-flickr .active{ color:#ff0084; font-weight:bold; display:block; float:left; padding:4px 6px; }
#pagination-flickr a:link, #pagination-flickr a:visited { color:#0063e3; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination-flickr a:hover{ border:solid 1px #666666; }
/*
.wp-pagenavi { width:655px; position:relative; float: left; height: 20px; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; margin: 0px; }
.wp-pagenavi a, .wp-pagenavi a:link { text-decoration: none; color: #999999; font-weight:bold; display: inline; margin: 0px; padding-top: 7px; padding-right: 11px; padding-bottom: 7px; padding-left: 11px; }
.wp-pagenavi a:visited { text-decoration: none; color: #999999; font-weight:bold; }
.wp-pagenavi a:hover { color: #666666; background-color: #F4F4F4; }
.wp-pagenavi a:active { text-decoration: none; color: #FFF; background-color: #31B8DA; }
.wp-pagenavi span.current { padding: 7px 11px 7px 11px; font-weight: bold; color: #666666; background-color: #f4f4f4; }
/***************************************************
MENU
***************************************************/
#nav { display: block; height: 32px; border-bottom: 5px solid #FC0; width: 1000px; margin: 0px auto; }
#datetime { float: right; padding: 8px 0px 0px 0px; font-style: italic; color: #CCC; }
.ddsmoothmenu { font: bold 12px Verdana; background: none; /* #414141; /*background of menu bar (default state)*/ width: 100%; }
.ddsmoothmenu ul { z-index:100; margin: 0; padding: 0; list-style-type: none; }
/*Top level list items*/
.ddsmoothmenu ul li { position: relative; display: inline; float: left; }
/*Top level menu link items style*/
.ddsmoothmenu ul li a { display: block; background: #666;  background-color: #526332; /*background of menu items (default state)*/ color: white; padding: 10px 20px 6px 20px; height: 16px; border-right: 1px solid #333; color: #2d2b2b; text-decoration: none; }
* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
.ddsmoothmenu ul li a.current { background-color: #FC0; }
.ddsmoothmenu ul li a.alert { background-color: #F00; }
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited { color: white; }
.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background-color: #243e8f; color: white; }
.ddsmoothmenu ul li a:hover { background-color: #243e8f; /*background of menu items during onmouseover (hover state)*/ color: white; }
/*1st sub level menu*/
.ddsmoothmenu ul li ul { position: absolute; left: 0; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; }
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li { display: list-item; float: none; }
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul { top: 0; }
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a { width: 160px; /*width of sub menus*/ padding: 5px; margin: 0; border-top: 1px solid #333; }
.ddsmoothmenu ul li ul li ul li a {  width: 160px; /*width of sub menus*/ padding: 5px; margin: 0; border-bottom: 1px solid #333;  }
/* Holly Hack for IE \*/
* html .ddsmoothmenu { height: 1%; } /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass { position: absolute; top: 12px; right: 5px; }
.rightarrowclass { position: absolute; top: 9px; right: 5px; }
/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow { position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; }
.toplevelshadow { /*shadow opacity. Doesn't work in IE*/ opacity: 0.8; }
/***************************************************
LIGHTBOX
***************************************************/
#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%; 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; }
/***************************************************
FORMS
***************************************************/
div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid; }
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }
div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0px 0px 6px 0px; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
div.errors ul { list-style: none; list-style: circle; margin: 0px 0px 6px 4px; padding: 1px; }
div.errors ul li { margin: 0px 0px 0px 10px; background-image: none; padding: 0px; }
div.form-container form p { margin: 0; padding: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 4px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 6px 0; }
div.form-container label, div.form-container span.label { margin: 4px 10px 0px 0px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container .error label, div.form-container .error span { color: #C00; }
div.form-container label em, div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input[type=text] { margin: 0px; padding: 4px; border: 1px solid #CCC; border-top: 2px solid #999; ; border-left: 2px solid #999; }
div.form-container .error input[type=text] { border-color: #C03; border-bottom-color: #F9F; border-right-color: #F9F; background-color: #FEF; }
div.form-container input:focus, div.form-container .error input:focus, div.form-container textarea:focus { background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin: 0px 0px 0px 170px; padding: 0px; }
div.form-container div.buttonrow { margin-left: 180px; }
/* BUTTONS */
.buttons { overflow: auto; }
.buttons a, .buttons button { display:block; float:left; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ }
.buttons button { width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
.buttons button[type] { padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
*:first-child+html button[type] { padding:4px 10px 3px 7px; /* IE7 */ }
.buttons button img, .buttons a img { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }
/* STANDARD */
button:hover, .buttons a:hover { background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }
.buttons a:active { background-color:#6299c5; border:1px solid #6299c5; color:#fff; }
/* POSITIVE */
button.positive, .buttons a.positive { color:#529214; }
.buttons a.positive:hover, button.positive:hover { background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; }
.buttons a.positive:active { background-color:#529214; border:1px solid #529214; color:#fff; }
/* NEGATIVE */
.buttons a.negative, button.negative { color:#d12f19; }
.buttons a.negative:hover, button.negative:hover { background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
.buttons a.negative:active { background-color:#d12f19; border:1px solid #d12f19; color:#fff; }
/* HIGHLIGHT */
.curFocus { background: #fdecb2; }