/* Navigation: CSSMenu - Horizontal by Alexander Endresen and mark and Nuno */
#menu_vert {/* no margin/padding so it fills the whole div */ margin: 0;padding: 0;}
.clearb {/* needed for some browsers */ clear: both;}
#menuwrapper {/* set the background color for the menu here */ background-color: ; /* IE6 Hack */ height: 1%; width: 900px; /* one border at the top */ margin: auto;padding: 0;}
ul#primary-nav, ul#primary-nav ul {/* remove any default bullets */ list-style-type: none;margin: 0;padding: 0;}
ul#primary-nav {/* pushes the menu div up to give room above for background color to show */ padding-top: 0px; /* keeps the first menu item off the left side */ padding-left: 10px;}
ul#primary-nav ul { /* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */ position: absolute; /* top being the bottom of the li it comes out of */ top: auto; /* keeps it hidden till hover event */ display: none; /* same size but different color for each border */ border-top: 1px solid #000;border-right: 1px solid #000;border-bottom:0px;border-left: 1px solid #000;}
ul#primary-nav ul ul {/* now we move the next level ul down from the top a little for distinction */ margin-top: 1px; /* pull it in on the left, helps us not lose the hover effect when going to next level */ margin-left: -1px; /* keeps the left side of this ul on the right side of the one it came out of */ left: 100%; /* sets the top of it inline with the li it came out of */ top: 0px;}
ul#primary-nav li {/* floating left will set menu items to line up left to right else they will stack top to bottom */ float: left; /* no margin/padding keeps them next to each other, the padding will be in the "a" */ margin: 0px;padding: 0px 0px;}
#primary-nav li li {/* Set the width of the menu elements at second level. Leaving first level flexible. */ width: 220px; /* removes any left margin it may have picked up from the first li */ margin-left: 0px; /* keeps them tight to the one above, no missed hovers */ margin-top: -1px; /* removes the left float set in first li so these will stack from top down */ float: none; /* relative to the ul they are in */ position: relative; border:1px solid #000;}
/* set the "a" link look here */
ul#primary-nav li a {/* specific font size, this could be larger or smaller than default font size */ font-size:14px/30p; /* make sure we keep the font normal */ font-weight: bold; /* set default link colors */ color: #000; /* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */ padding: 7px 15px 7px; display: block; /* sets no underline on links */ text-decoration: none;font-family: "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;text-transform: uppercase;letter-spacing: -0.3px; border:none;}
ul#primary-nav li a:hover {/* kind of obvious */ background-color: #2b71ac;border:none;}
ul#primary-nav li li a:hover {/* this is set to #000, black, below so hover will be white text */ color: #fff;border:none;}
ul#primary-nav li a.menuactive {color: #000; /* bold to set it off from non active */ font-weight: bold; /* set your image here */ background-color:#2b71ac;border:none;}
ul#primary-nav li a.menuactive:hover {color: #000; /* keep it the same */ font-weight: bold;border:none;}
#primary-nav li li a.menuparent span {/* makes it hold a shape */ display: block; /* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */ background:;}
/* gif for IE6, as it can't handle transparent png */ 
* html #primary-nav li li a.menuparent span {/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */ background:;}
ul#primary-nav li ul a { /* insures alignment */ text-align: left; margin: 0px; /* keeps it relative to it's container */ position: relative; /* less padding than first level no need for large links here */ padding: 6px 3px 6px 10px; /* if first level is set to bold this will reset this level */ font-weight: normal; /* first level is #FFF/white, we need black to contrast with light background */ color: #000;border-top: 0 none;border-right: 0 none;border-left: 0 none;}
ul#primary-nav li ul a:hover {color:#fff;}
ul#primary-nav li ul {/* very lite grey color, by now you should know what the rest mean */ background-color:#2b71ac; margin: 0px 0px 0px; padding: 0px; position: absolute; width: auto; height: auto; display: none; position: absolute; z-index: 999;  /*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
opacity: 0.95; /* CSS 3 */}
ul#primary-nav li ul ul {/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/ opacity: 95; /* CSS 3 */}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {/* set your image here, dark grey image */ background:;color: #111}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul, #primary-nav li.menuparenth ul ul ul, */
#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {display: none;}
/* for fourth level add #primary-nav ul ul ul li:hover ul, #primary-nav ul ul ul li.menuparenth ul, */
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {display: block;}
/* IE6 Hacks */
#primary-nav li li {float: left;clear: both;}
#primary-nav li li a {height: 1%;}


/* CALENDAR */
/* Example stylesheet for Calendar module for using this "big"-class insert something like this in your page or template; {cms_module module='Calendar'} */
/* make all links red */ 
.calendar tr td a {color: red;}
/* highlight "today" for the small calendar */
.calendar-today {font-weight: bold;}
/* display the "upcominglist" as one line per entry (assuming default class and id names) */
#cal-upcominglist .calendar-date-title, #cal-upcominglist .calendar-summary-title {display: none;}
#cal-upcominglist h2, #cal-upcominglist .calendar-date ,#cal-upcominglist .calendar-summary {display: inline;margin-right: 5px;}
/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1 {color: red;font-size: 120%;}
#cal-list h2, cal-upcominglist h2 {font-size: 110%;}
/** large calendar rules (assuming default class and id names) **/
/* border on for #cal-calendar */
#cal-calendar {margin: 0px;border-collapse:    collapse;border: 1px solid black;}
/* nice squares for the #cal-calendar table */
#cal-calendar th {border: 1px solid black;padding: 3px;width: 75px;}
#cal-calendar td {border: 1px solid black;vertical-align: top;padding: 3px;height: 75px;width: 75px;}
/* format summaries nicely in #cal-calendar */
#cal-calendar ul{margin: 0px;padding: 0px;padding-left: 5px;}
#cal-calendar li {list-style-type: none;padding: 0px;margin: 0px;}
/* background colours for #cal-calendar */
#cal-calendar td {background-color: silver;}
#cal-calendar .calendar-day {background-color: #80ff80;}
#cal-calendar .calendar-today {font-weight: normal;background-color: #8080ff;}
.calendar-event .calendar-date-title, .calendar-event .calendar-summary-title, .calendar-event .calendar-details-title {display: none;}
.calendar-prev {float:left;}
.calendar-next {float:right;}
table.calendar-event-index {border-width:0px;border-spacing: 0px;border:1px solid #c2c2c2; font-size:11px; width:100%;}
table.calendar-event-index th {border-width: 0px;padding: 5px;border-style: none;border-color:;background-color:#b4d8f7;-moz-border-radius: 0px;}
table.calendar-event-index td {border-width: 0px;padding: 5px;border-style: none;border-color:;background-color:;-moz-border-radius: 0px;}

/* FormBuilder CSS base */
form {margin-top:0}
form, td, th, li {font-size: 100%}
form div {margin-bottom:0}
fieldset div {margin-bottom:0.5em;margin-left:1em;}
fieldset div div {margin-top:0.5em;margin-left:1em}
fieldset {margin-bottom:1em;border:1px solid #ccc;padding:0.5em}
fieldset label {width:auto;}
legend {color:#FFF;background:#ccc;font-style:italic;font-size:1.2em;margin-bottom:0.5em;padding:0.2em;width:auto;border:1px solid #CCC}
textarea {margin: 0.5em 0;width:98%;height: 6em}
/* Apply this class to text/select input fields with shorter labels to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}
/* Pretty up your Captcha image output */
.captcha {margin:0.5em 0;width:200px;text-align:center}
.captcha img {border:1px solid #ccc; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}
/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}
.contactform input {border: 1px solid #ccc;}
.contactform input.checkbox {border: none;}
.contactform label {clear: left;display: block;float: left;width: 100px;}
.contactform label.label {display: inline;float: none;width: 50px;font-size: 10px;}
.contactform textarea {background-color: #fff;border: 1px solid #ccc; width:300px;}
.formbuilderform .message {line-height: 16px;padding: 0 0 8px 0;}
.contactform input.fbsubmit {background-color:#ccc;border:1px solid #555;color:#fff;}

/* Guestbook module */
 /* Style pagination */
.cms-guestbook-pagination_header {margin: .5em 0;}
.cms-guestbook-pagination_nav {font-weight: bold;margin: .5em 0;}
.cms-guestbook-pagination_nav a {font-weight: normal;}
/* Style the guestbook */
/* Style each entry */
.cms-guestbook-entry {border: 1px solid #ccc;margin-bottom: 1em;}
/* Style the message header */
.cms-guestbook-entry-header {background: #e9e9e9;color: white;border: 1px solid #e9e9e9;margin: 1px; color:#000;padding:2px 5px;}
/* Style the actual message */
.cms-guestbook-entry-text  {background: #fff;padding: .5em;color: black;}
/* Show the postdate on the right */
.cms-guestbook-entry-posted  {float: right;font-size: smaller;}
/* Style message header links */
.cms-guestbook-entry-header a {} 
.cms-guestbook-entry-header a:hover {} 
/* Style the sender name */
.cms-guestbook-entry-sendername {font-weight: bold;}
/* Style the E-mail link */
.cms-guestbook-entry-email {font-size: smaller;}
/* Style the senders homepage link */
.cms-guestbook-entry-homepage {font-size: smaller;margin: 2px;margin-bottom: 0;}
/* The some smileys links */
.cms-guestbook-somesmileys a {margin-right: .5em;}

/* NEWS */
div#news {/* margin for the entire div surrounding the news items */ margin: 2em 0 1em 1em; /* border set here */ border: 1px solid #909799; /* sets it off from surroundings */ background: #f5f5f5;}
div#news h2 {line-height: 2em; /* you can set your own image here */ background: url(file:///SusieQ/Users/susanunthank/Sites/@skeleton/@siteroot/Templates/css/uploads/ngrey/darknav.png) repeat-x left center;color: #f5f5f5;border: none}
.NewsSummary {/* padding for the news article summary */ padding:; /* margin to the bottom of the news article summary */ margin: 0px 0px 1em 0px;border-bottom: 1px dotted #ccc;}
.NewsSummaryPostdate {/* smaller than default text size */ font-size: 85%; /* bold to set it off from text */font-style:italic;}
.NewsSummaryPostdate span {color:#333;}
.NewsSummaryTitle {font-size:15px;}
.NewsSummaryLink {/* bold to set it off from text */ font-weight: bold; /* little more room at top */ padding:0.2em 0px 0.5em 0px;}
#sidebar .NewsSummaryLink a, #sidebar .NewsSummaryLink a:active, #sidebar .NewsSummaryLink a:link, #sidebar .NewsSummaryLink a:visited, #sidebar .NewsSummaryLink a:hover {color:#444;}
.NewsSummaryLink span {font-weight:normal;font-size:11px;color:#666;}
.NewsSummaryCategory {/* italic to set it off from text */ font-style: italic;margin: 5px 0;}
.NewsSummaryAuthor {/* italic to set it off from text */ font-style: italic;padding-bottom: 0.5em;}
.NewsSummarySummary, .NewsSummaryContent {/* larger than default text */ line-height: 140%;}
.NewsSummaryMorelink {padding-top: 0.5em;}
#NewsPostDetailDate {/* smaller text */ font-size: 85%;margin-bottom: 5px; /* bold to set it off from text */ font-style: italic;}
#NewsPostDetailSummary {/* larger than default text */ line-height: 150%;}
#NewsPostDetailCategory {/* italic to set it off from text */ font-style: italic;border-top: 1px solid #ccc;margin-top: 0.5em;padding: 0.2em 0;}
#NewsPostDetailContent {margin-bottom: 15px; /* larger than default text */ line-height: 150%;}
#NewsPostDetailAuthor {padding-bottom: 1.5em; /* italic to set it off from text */ font-style: italic;}
.NewsImageCaption {font-size:10px; font-style:italic; width:270px;}
/* more divs, left unstyled, just so you know the IDs of them */ 
.NewsImageField {}
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
#NewsPostDetailContent-Home .NewsSummaryContent h3 {font-size:14px; color:#d5a336;}

/* PRODUCT CATALOG */
.ProductDirectoryItem {}
.product_detail_field {}
.product_detail_category {}

/* BLOGS */
.CGBlogPostDetailDate {font-size:10px;}
.CGBlogPostDetailTitle {}
.CGBlogPostDetailHorizRule {}
.CGBlogPostDetailSummary {}
.CGBlogSummaryCategory {font-size:10px;font-style:italic;}
.CGBlogPostDetailAuthor {}
.CGBlogPostDetailContent {}
.CGBlogPostDetailExtra {}
.CGBlogPostDetailLink {text-align:right;font-size:10px;}
.CGBlogDetailField {}
.CGBlogDetailFieldImage {float:left; margin-right:10px;}
.CGBlogSummary {}
.CGBlogSummaryPostdate {font-size:10px;}
.CGBlogSummaryLink {}
h4.CGBlogSummaryLink {font-size:13px;font-weight:bold;}
.CGBlogSummaryCategory {}
.CGBlogSummaryAuthor {}
.CGBlogSummarySummary {}
.CGBlogSummaryContent {}
.CGBlogSummaryExtra {}
.CGBlogSummaryField {}
.CGBlogSummaryFieldImage {float:left; margin-right:10px;}
.CGBlogSummaryHome {}
.CGBlogSummaryPostdateHome {font-size:10px;}
.CGBlogSummaryLinkHome {}
h4.CGBlogSummaryLinkHome {font-size:13px;font-weight:bold;margin: 1.1em 0px 0.1em;}
.CGBlogSummaryCategoryHome {font-size:10px; font-style:italic;}
.CGBlogSummaryAuthorHome {}
.CGBlogSummarySummaryHome {}
.CGBlogSummaryContentHome {}
.CGBlogSummaryExtraHome {}
.CGBlogSummaryFieldHome {}
.CGBlogSummaryFieldImageHome {float:left; margin-right:10px;}
.pageoverflow {}
.pagetext {}
.pageinput {}

/*NMS ARCHIVE */
.nmsarchive_header {background-image:none;background-color:#999;padding:3px;}
table.nmsarchive_table {}
table.nmsarchive_table th, td {padding:3px 8px;}
tr.nmsarchive_header {background-image:none;background-color:#999;padding:3px;}
th.nmsarchive_heading {background-image:none;background-color:#999;padding:3px 8px;border-left: 1px solid #fff;}
.oddrow {}
.evenrow {}
table.nmsarchive_detail {}
table.nmsarchive_detail th, td {padding:3px 8px;}
.nmsarchive {}
.nmsarchive_date {font-size:11px; font-style:italic;padding-bottom:10px;}

/* MEDIA */
table.media th, td {padding: 3px 8px;text-align:center;}
table.media th {background-image:none;background-color:#CCC;color:#111;text-align:center;border:1px solid #111;}

/* COMMUNITY */
.community-menu {}

/* ALBUM */
/* Used for categories to make things clear correctly */
.album_content {width:100%; float:left;}
.clear {clear:both}
/* Album List UL */
.albumlist {margin-left:0;padding-left:0;float:left;list-style:none;}
/* Picture List UL */
.picturelist {margin-left:0;padding-left:0;}
/* Album and Picture Lists */
.thumb {padding:0;width:150px;margin:0 0.5em 0.5em 0;
/* Thumbnail spacing */
text-decoration:none;line-height:normal;list-style-type:none;text-align:center;float:left;}
#main ul.albumlist, #main ul.albumlist li, #main ul.picturelist, #main ul.picturelist li {list-style:none;}
.thumb a {display:block;height:72px; 
/* Set link formatting*/
width:100px; 
/* Thumb width*/ 
/* Thumb height*/
padding:10px;
/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/
margin:0;background-color:white;
/*Background of thumb */
border-top:1px solid #eee;
/* Borders of thumb frame */
border-right:2px solid #ccc;border-bottom:2px solid #ccc;border-left:1px solid #eee;text-decoration:none;}
.albumcomment { text-align: left; }
.thumb a:visited img {background-color:#eee;
/*Background of thumb on hover - sort of a light grey */}
.thumb a:hover img {background-color:#dae6e4;
/*Background of thumb on hover - sort of light blue/green */}
/* Styling of text and navigation for Album */
.albumname {font-size:smaller;text-align:center;font-weight:bold;font-style:normal;}
.albumname a {display: inline;border: none;margin:none;padding:none;background-color:transparent;}
.albumpicturecount {font-size:smaller;text-align:center;font-weight:normal;font-style:italic;}
.albumcomment {text-align:center;font-weight:normal;font-style:normal;}
.albumnav {text-align:center;font-weight:normal;font-style:normal;font-size:smaller;}
.instructiontext {font-weight:normal;font-style:normal;font-size:smaller;font-style:italic;}
/* Big Picture */
.bigpicture {padding:0.5em 0 0;clear:left;border-top:1px solid #ccc;text-align:center;}
.bigpicturecaption {
/* Big picture caption */
text-align:center;margin:0 0 5px;padding:0;}
.bigpicture img {
/* Big picture settings */
padding:18px;
/* Image padding to form photo frame. */
width:80%;
/* Width of big picture - set to auto for actual width*/
margin:0;background-color:white;
/* Background of picture */
border-top:1px solid #eee;
/* Borders of picture frame */
border-right:2px solid #ccc;border-bottom:2px solid #ccc;border-left:1px solid #eee;text-decoration:none;}
.bigpicturenav {margin:0;padding:0;color:#000;font-size:smaller;line-height:normal;}
/*Thickbox CSS */
/* Already done in main CMSMS stylesheet. Commenting out. */
/* *{padding: 0; margin: 0;} */
/* thickbox specific link and font settings 
#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* thickbox settings */
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;height:100%;width:100%;}
* html #TB_overlay { /* ie6 hack */position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: 4px solid #525252;text-align:left;top:50%;left:50%;}
* html #TB_window { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
* html #TB_HideSelect { /* ie6 hack */position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}*/
/* CSS for Lightbox follows 
#lightbox{position: absolute;top: 40px;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../templates/db/lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(file:///SusieQ/Users/susanunthank/Sites/@skeleton/@siteroot/Templates/templates/db/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(file:///SusieQ/Users/susanunthank/Sites/@skeleton/@siteroot/Templates/templates/db/lightbox/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}	
#GB_overlay {background-color: #000;position: absolute;margin: auto;top: 0;left: 0;z-index: 100;}
#GB_window {left: 0;top: 0;font-size: 1px;position: absolute;overflow: visible;z-index: 150;}
#GB_window .content {width: auto;margin: 0;padding: 0;}
#GB_frame {border: 0;margin: 0;padding: 0;overflow: auto;white-space: nowrap;}
.GB_Gallery {margin: 0 22px 0 22px;}
.GB_Gallery .content {background-color: #fff;border: 3px solid #ddd;}
.GB_header {top: 10px;left: 0;margin: 0;z-index: 500;position: absolute;border-bottom: 2px solid #555;border-top: 2px solid #555;}
.GB_header .inner {background-color: #333;font-family: Arial, Verdana, sans-serif;padding: 2px 20px 2px 20px;}
.GB_header table {margin: 0;width: 97%;border-collapse: collapse;}
.GB_header .caption {text-align: left;color: #eee;white-space: nowrap;font-size: 20px;}
.GB_header .close {text-align: right;}
.GB_header .close img {z-index: 500;cursor: pointer;}
.GB_header .middle {white-space: nowrap;text-align: center;}
#GB_middle {color: #eee;}
#GB_middle img {cursor: pointer;vertical-align: middle;}
#GB_middle .disabled {cursor: default;}
#GB_middle .left {padding-right: 10px;}
#GB_middle .right {padding-left: 10px;}
.GB_Window .content {background-color: #fff;border: 3px solid #ccc;border-top: none;}
.GB_Window .header {border-bottom: 1px solid #aaa;border-top: 1px solid #999;border-left: 3px solid #ccc;border-right: 3px solid #ccc;margin: 0;height: 22px;font-size: 12px;padding: 3px 0;color: #333;}
.GB_Window .caption {font-size: 12px;text-align: left;font-weight: bold;white-space: nowrap;padding-right: 20px;}
.GB_Window .close { text-align: right; }
.GB_Window .close span {font-size: 12px;cursor: pointer;}
.GB_Window .close img {cursor: pointer;padding: 0 3px 0 0;}
.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }*/
/* CMOTION GALLERY */
/* Please check gallerystyle.css and motiongallery.js for double-/hard-codings! 
div.largeview {text-align: center;}
#motioncontainer {margin-top: 5px;height: 70px; /* according to gallery height */width: 99.99%;}
#motioncontainer a img {border: 0; /* Set image border color */margin: 0; /* chage this if you want some air between images*/height: 60px;width:auto;}
/* change cursor when clicking on image */
/*#motioncontainer a:active img {cursor: progress;}*/
#statusdiv {background-color: #fff;color: #FFBF00;/*#8f8f8f;*/font-size: 65%;font-weight: bold;border: 0px solid #afafaf;padding: .1em;width: 100px;position: absolute; /* Stop Editing Gallery Styles */top: -10px;left: 0px;visibility: hidden;}*/
#motioncontainer a:hover {color: red; /* Dummy definition to overcome IE bug */}
/* Those are already set in the template using the "style"-tag for both of the divs.*/
/*div#motioncontainer {position:relative;overflow:hidden;}*/
/*div#motiongallery {position:absolute;left:0;top:0;white-space: nowrap;}*/
/* LYTEBOX */
#lbOverlay { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(file:///SusieQ/Users/susanunthank/Sites/@skeleton/@siteroot/Templates/css/images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(/modules/Album/templates/db/lytebox/images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(/modules/Album/templates/db/lytebox/images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(/modules/Album/templates/db/lytebox/images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(/modules/Album/templates/db/lytebox/images/close_red.png) no-repeat; }
	#lbClose.green { background: url(/modules/Album/templates/db/lytebox/images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(/modules/Album/templates/db/lytebox/images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(/modules/Album/templates/db/lytebox/images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(/modules/Album/templates/db/lytebox/images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(/modules/Album/templates/db/lytebox/images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(/modules/Album/templates/db/lytebox/images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(/modules/Album/templates/db/lytebox/images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(/modules/Album/templates/db/lytebox/images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(/modules/Album/templates/db/lytebox/images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(/modules/Album/templates/db/lytebox/images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(/modules/Album/templates/db/lytebox/images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(/modules/Album/templates/db/lytebox/images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(/modules/Album/templates/db/lytebox/images/pause_gold.png) no-repeat; }

/* CGFEEDBACK */
#cgfeedback form {background:none; border:0px; background-color:none; border-color:none;}
.pagemessage {}
.cgfeedback_addcomment {overflow:hidden;background:none; border:0px; background-color:none; border-color:none;}
.error {}
.row {}
.col30 {float: left; width: 100px;}
.col70 {float: left; width: 300px;}
.col70 textarea {border:1px solid #ccc;}
.feedback_ratings_item {}
.feedback_summary_item {}
.feedback_item_title {}
.feedback_item_title span {font-weight:bold;}
.feedback_item_authorname {}
.feedback_item_authorname span {font-weight:bold;}
.feedback_item_rating {}
.feedback_item_rating span {font-weight:bold;}
.feedback_item_authoremail {}
.feedback_item_authoremail span {font-weight:bold;}
.feedback_item_authorip {}
.feedback_item_authorip span {font-weight:bold;}
.feedback_item_data {}
.feedback_item_data span {font-weight:bold;}
.feedback_item_field {}
input.submit_button {background-color:#cde1f2;border:1px solid #ccc;color:#fff;}

/* TWITTER */
.tweet-single {padding:75px 20px 0px 20px;font-size:11px;}
.tweet-author {float:left;margin-right:10px;}
.tweet-author-name {display:none;}
.tweet-text {}
.tweet-from {display:none;}
.tweet-image {border:1px solid #000;}
.twitter-follow {padding:75px 0px 0px 95px;}