﻿/* Feature Buttons */

div.float  {
float:left;
height:438px;
margin: 0px;
text-align: center;
}

#home div.float {height: 380px;}

div.float h2 {width: auto; background-image:url(../images/feature-h2-bg.gif); background-repeat: no-repeat; color: white; font-size: 13px; text-transform: uppercase; text-align: center; padding-top: 5px; margin-bottom: 5px!important; background-position: bottom center;} 
div.float h3 {color: white; font-weight: normal; font-size: 12px; width: 205px;  padding: 0px 15px; text-align: left; }
div.float .text {padding: 0px 20px; display: block;}


.validate { color:red; }

.page div.float {height: 300px;}
.page div.float .featuretext {background: none;}


/* Gallery Pages */
.gallery div.float {height: 300px; width: 190px;}
.gallery div.float h2 {background: none; font-size: 13px; margin: 0px!important;}
.gallery div.float img {border: 1px solid #666;}
#featurebuttons2 div.float {height: 150px; width: 120px; margin-top: 10px;}
#featurebuttons2 div.float img {border: none;}
#featurebuttons2 div.float h2 {font-size: 12px;}

#slideshow { left: 20px; height: 600px; overflow: hidden; width: 350px; }
#nav { width: 100%; height: 80px; margin: 15px;  }
#nav li { width: 50px; float: left; margin: 8px; list-style: none }
#nav a { width: 50px; display: block;  }
#nav li.activeSlide a { background: #88f }
#nav a:focus { outline: none; }
#nav img { border: none; display: block; }
.galleryitem .image {height: 510px!important;}



/*
.pbList {}
.pbList ul { list-style-type: none; padding: 0px; margin: 0px;}
.pbList li {margin-bottom: 0px !important;}
.pbList ul li { list-style-type: none;}
.pbList .header {font-weight: bold;}
.pbList .firstitem { }
.pbList .item { }
.pbList .altitem {}
.pbList .link { display: block; cursor: pointer; cursor: hand; padding: 4px;}
.pbList .link:hover { text-decoration: underline;}
.pbList .text {}
.pbList .image {margin-right:4px;}

/*News Page Collection List
.News {}
.News ul li {list-style-type: none;}
.News .item { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #F2F2F2;}
.News .altitem { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #F2F2F2;}
*/
/*Links Main Collection List
.Links {}
.Links ul li {list-style-type: none;}
.Links .item {padding-bottom:5px; padding-top:5px; border-bottom: 1px solid #F2F2F2;clear:both;}
.Links .altitem { padding-bottom:5px; padding-top:5px; border-bottom: 1px solid #F2F2F2;clear:both;}
.Links .img {padding:2px; padding-right: 4px;}
.Links .icon { width:60px; }
*/
/*Default Collection Summary styles
.pbSummary {}
.pbSummary ul { list-style-type: none; padding: 0px; margin: 0px;}
.pbSummary li {margin-bottom: 0px !important;}
.pbSummary ul li {padding: 0px;}
.pbSummary .header { font-weight: bold;}
.pbSummary .header h3 {width:185px;}
.pbSummary .firstitem { }
.pbSummary .item { }
.pbSummary .altitem {}
.pbSummary .link { display: block; cursor: pointer; cursor: hand; padding: 4px;}
.pbSummary .link:hover { text-decoration: underline;}
.pbSummary .text { color: #000000; }
.pbSummary .datetext { color:#333333; font-weight:bold; }
.pbSummary .image { }
*/
/*Category Collection Summary
.category {}
.category ul { list-style-type: none; padding: 0px; margin: 0px;}
.category li {margin-bottom: 0px !important;}
.category ul li { list-style-type: none;}
.category .header {font-weight: bold;}
.category .firstitem { padding-left:5px;}
.category .item { padding-left:5px;}
.category .altitem {padding-left:5px;}
.category .link { display: block; cursor: pointer; cursor: hand; padding: 4px;}
.category .link:hover { text-decoration: underline;}
.category .text {}
*/

/*News Home Collections Summary
.NewsHome {}
.NewsHome ul { list-style-type: none; padding: 0px; margin: 0px;}
.NewsHome li {margin-bottom: 0px !important;}
.NewsHome ul li {padding: 0px;}
.NewsHome .header { font-weight: bold;}
.NewsHome .header h3 {width:185px;}
.NewsHome .firstitem { }
.NewsHome .item { }
.NewsHome .altitem {}
.NewsHome .link { display: block; cursor: pointer; cursor: hand; padding: 4px;}
.NewsHome .link:hover { text-decoration: underline;}
.NewsHome .text { color: #000000; }
.NewsHome .datetext { color:#333333; font-weight:bold; }
*/

/*Links Home Collection Summary
.LinksHome {}
.LinksHome ul { list-style-type: none; padding: 0px; margin: 0px;}
.LinksHome ul li { float: left;}
.LinksHome .header {}
.LinksHome .header h3 {width:200px;}
.LinksHome .firstitem { }
.LinksHome .item {}
.LinksHome .altitem {}
.LinksHome .link { display: block; cursor: hand; padding: 4px;}
.LinksHome .link:hover { background-color: #666666; color: #FFFFFF;}
.LinksHome .text {}
.LinksHome .image {padding-bottom:10px; padding-right: 10px;}
*/

/*Page summary collection
.pagesummary {}
.pagesummary ul { list-style-type: none; padding: 0px; margin: 0px;}
.pagesummary li {margin-bottom: 0px !important;}
.pagesummary ul li {padding: 0px;}
.pagesummary .header { font-weight: bold;}
.pagesummary .header h3 {width:185px;}
.pagesummary .firstitem { padding-left:5px;}
.pagesummary .item { padding-left:5px;}
.pagesummary .altitem {padding-left:5px;}
.pagesummary .link { display: block; cursor: pointer; cursor: hand; padding: 4px;}
.pagesummary .link:hover { text-decoration: underline;}
.pagesummary .text { color: #000000; }
.pagesummary .datetext { color:#333333; font-weight:bold; }
*/



.formouter {width: 50%; background-color: #fef2f9;padding: 10px; margin-top: 20px;}
.pbForm {
    
}
.pbForm .space {
}
.pbForm table {
    margin: 0 0 5px;
}
.pbForm .form {
list-style-type: none; margin: 0px;
}
.pbForm .form .item {
    clear: both;
    padding: 5px 0;
}
.pbForm .errors {
    color: Red;
}
.pbForm .received {
    font-weight: bold;
}
.pbForm .label {
    float: left;
    font-size: 12px;
    padding: 4px 12px 0 0;
    width: 100px;
	text-align: right;
}
.pbForm .field {
}
.pbForm .required {
    color: Red;
    font-weight: bold;
}
.pbForm .button {
    clear: both;
    color: #FFFFFF;
    cursor: pointer;
    margin: 10px 0 0 150px;
    padding: 5px 10px;
    text-align: center;
	background-image: url(../images/submit-button.gif);
	background-repeat: repeat;
	width: 150px;
	height: 25px;
	border: none;
}
.pbForm .textbox {
	border: none!important;
    padding: 3px 0 3px 1px!important;
    width: 220px!important;
	background-color: #666!important;
	color: white!important;
}
.pbForm .textarea {
	border: none!important;
    padding: 3px 0 3px 1px!important;
    width: 220px!important;
	background-color: #666!important;
	color: white!important;
	height: 100px;
}
.pbForm .checkbox {
}
.pbForm .dropdown {
    border: 1px solid #BEBEBE;
    padding: 3px 3px 3px 1px;
    width: 222px;
}
.pbForm .radiobuttonlist {
}
.pbForm .radiobuttonlist input {
    float: left;
    margin: 3px 3px 0 0;
}
.pbForm .radiobuttonlist label {
    font-size: 11px;
}
.pbForm .radiobuttonlist td {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #DEDEDE;
    width: 120px;
}
.pbForm .datepicker {
}
.pbForm .checkbox input {
    margin: 10px 0 0;
}
.pbForm .checkboxlist input {
}
.pbForm .checkboxlist td {
}
.pbForm .checkboxlist label {
    font-size: 11px;
    padding: 0 0 0 10px;
}
.pbForm .scroll {
}
.pbForm .labelheading {
    color: #6E91A7;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}
.hiddenElement {
    display: none;
}
.pbForm .RadUpload .ruFileWrap {
    padding-right: 0 !important;
}
.pbForm .RadUpload_Default .ruFakeInput {
    width: 127px;
}
font-weight: bold; line-height: 30px; font-size: 1.4em; color: #1d87be;}
.hiddenElement {display:none;}

/*

/********************************************/


.list { }
.list UL { list-style-type: none; padding: 0px; margin: 0px; }
.list UL LI { }
.list .item { }
.list .altitem { background-color: #f4f4f4;}
.list .link { display: block; cursor: pointer; cursor: hand; padding: 10px; }
.list .link:hover { background-color: #e6f1f7; color: #FFFFFF; }
.list .headline { color: #1d87be;   }
.list .text { color: #555555; display: block; margin-left: 52px;  }
.list .datetext { color:#183562; font-weight: normal; margin-right: 10px; margin-left: 20px; }
.list img { padding: 0px; float: left; }

/* Links Page */
.linkslist .headline { margin-left: 10px; }
.linkslist .text { color: #555555; display: block; margin-left: 40px; }

.catlist { }
.catlist UL { list-style-type: none; padding: 0px; margin: 0px; }
.catlist UL LI { }
.catlist .item { }
.catlist .altitem { background-color: #f4f4f4;}
.catlist .link { display: block; cursor: pointer; cursor: hand; padding: 10px; }
.catlist .link:hover { background-color: #e6f1f7; color: #FFFFFF; }
.catlist .headline { color: #1d87be;   }
.catlist .text { color: #555555; display: block; }
.catlist .datetext { color:#183562; font-weight: normal; margin-right: 10px; margin-left: 10px; }
.catlist .icon { padding: 0px; float: left; }

.pbBreadcrumb { font-size: 0.9em; float:left; }
.pbBreadcrumb UL { list-style-type: none; padding: 0px; margin: 0px;  }
.pbBreadcrumb UL LI { }
.pbBreadcrumb .item {float: left; }
.pbBreadcrumb .altitem {float: left; background:none;}
.pbBreadcrumb .separator { float: left;}
.pbBreadcrumb .link { padding: 0px; }
.pbBreadcrumb .link:hover {}


/* Gallerific */

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 550px; 
}
div.content a {
	text-decoration: none;
	color: #b30648!important;

}

.prev, .next {padding: 4px 7px 2px 7px;
	background-color: #ffffff;
	margin: 0px 2px;}
	
	
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-bottom: 20px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
	display: none;
}
div.nav-controls {
	float: none;
	text-align: center;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 500px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}

.gallerypage div.slideshow img  {width:400px;}

div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 20px 0px ;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
	width: 80px;
	height: 80px;
	overflow: hidden;
}
a.thumb {
	display: block;
}
ul.thumbs li.selected a.thumb {
	background: #000000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 0px 3px 0px 3px;
	background-color: #000;
	color: white;
}

div.navigation a {
	text-decoration: none;
	color: #ccc!important;

}
div.pagination a:hover {
	text-decoration: none;
	color: #666;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}


div.content a.play {display: block; padding: 4px 7px 2px 7px;
	background-color: #b30648; color: white!important;}

div.content a.pause {display: block; padding: 4px 7px 2px 7px;
	background-color: #b30648; color: white!important;}



/* BLOG */

.blogentries ul {list-style-type: none; margin-left: 0px;}
.blogentries ul li {padding: 6px;}
.blogentries ul li.item {border-bottom: 1px dotted #666;}
.blogentries ul li.altitem {border-bottom: 1px dotted #666;}

.blogentries ul li .image {float: left; margin-right: 15px;}

.blogentries h2 {margin-bottom: 0px;}
.blogentries h3 {color: #ffffff; font-size: 12px; font-weight: normal; line-height: 18px;}


.itemblogentries ul {list-style-type: none; margin-left: 0px;}
.itemblogentries ul li {padding: 4px;}
.itemblogentries ul li.item {color: white; padding: 2px 0x 2px 0px; }
.itemblogentries ul li.header {background-image: url(../images/blogs-otheritems-header.gif); background-repeat: no-repeat; height: 40px; padding: 0px;}
.itemblogentries ul li.footer {background-image: url(../images/blogs-archive-footer.gif); background-repeat: no-repeat; height: 40px;}
.itemblogentries ul li a {color: white; text-decoration: none;}

.blogcategory {display: block; width: 250px;}
.blogcategory img, .rssfeed img {padding: 0px!important; border: none!important; background: none!important; margin-bottom: 8px!important;}
.rssfeed img {margin-top: 10px;}
.blogcategory ul {list-style-type: none; margin-left: 0px;}
.blogcategory ul li.item {padding: 2px 10px 2px 20px; background-image: url(../images/blogs-archive-item.gif); background-repeat: repeat-y;}
.blogcategory ul li.altitem {padding: 4px; background-image: url(../images/blogs-archive-item.gif); background-repeat: repeat-y;}
.blogcategory ul li.header {background-image: url(../images/blogs-archive-header.gif); background-repeat: no-repeat; height: 40px;}
.blogcategory ul li.footer {background-image: url(../images/blogs-archive-footer.gif); background-repeat: no-repeat; height: 40px;}


.blogimage img {Max-width: 500px; text-align: center; margin-bottom: 20px; }
.blogimage {display: 100%; text-align: center;}

.pbBlogCommentList {
}
.pbBlogCommentList ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.pbBlogCommentList ul li {
}
.pbBlogCommentList td {
        padding: 4px 10px 4px 4px;
    text-align: left;
}
.pbBlogCommentList .item {
    border-top: 1px dotted #cccccc; padding-bottom: 6px;
}
.pbBlogCommentList .altitem {
    border-top: 1px dotted #CCCCCC;
}
.pbBlogCommentList .firstitem, .pbList .firstitem {
    border-top: medium none;
}
.pbBlogCommentList .author {
	color: #33156B;
}
.pbBlogCommentList .email {
    padding: 2px;
}
.pbBlogCommentList .date {
	color: #33156B;
}
.pbBlogCommentList .content {
margin: 20px 0 20px 17px;
}

.blogSingleComment {
    margin: 20px 0 20px 17px;
}


.pbBlogCommentForm {
    font-size: 100%;
}
.pbBlogCommentForm .form {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.pbBlogCommentForm .form .item {
    padding: 2px;
}
.pbBlogCommentForm .errors {
    color: Red;
}
.pbBlogCommentForm .received {
    padding: 4px;
}
.pbBlogCommentForm .label {
    display: inline-block;
    float: left;
    width: 200px;
}
.pbBlogCommentForm .field .pbBlogCommentForm .textarea {
    width: 400px;
}
.pbBlogCommentForm .content .label {
    float: none;
}
.pbBlogCommentForm .content .field {
    padding: 4px;
}
.pbBlogCommentForm .submit {
}
.pbBlogCommentForm .button {
}
.pbBlogCommentForm .textbox {
}
.pbBlogCommentForm .textarea {
    height: 100px;
    width: 400px;
}

.captcha p {margin: 10px 0px;}

.blogFormWrap {display: block; clear: both; background: none repeat scroll 0 0 #333;
    border: 1px dotted #fff;
    margin: 50px 0 20px;
    padding: 20px;
	width: 420px;}
	
.blogcomments {
    background: none repeat scroll 0 0 #333;
    border: 1px dotted #fff;
    margin: 20px 0;
    padding: 20px;	
	display: block;}
	
.blogdate {display: block; margin: 10px 0px; border-bottom: 1px dotted #333;}


.itemSummary {padding-bottom: 20px;}


/* Home page button rollovers */

div.fadehover {
	position: relative;
	}
 
div.fadehover img {width: 165px; height: 240px;}
 
img.a {
	position: absolute;
	left: 35px;
	top: 0;
	z-index: 10;
        }
 
img.b {
	position: absolute;
	left: 35px;
	top: 0;
	}

.featuretext {position: relative; top: 240px; background-image:url(../images/feature-h2-bg.gif); background-repeat: no-repeat; padding-top: 10px;}

/* Gallery page button rollovers */
.gallery img.a  {left: 10px;}
.gallery img.b  {left: 10px;}



/* Gallery category and item page button rollovers */
#featurebuttons2 div.fadehover img {width: 82px; height: 120px;}
#featurebuttons2 img.a  {left: 20px;}
#featurebuttons2 img.b  {left: 20px;}


.pbForm .Captcha .label {float: none; width: 100%; text-align: center;}
.pbForm .Captcha .field {font-size: 11px; font-weight: bold; text-align: center;}
.pbForm .Captcha .field div {margin: 0 auto;}
.pbForm .Captcha .field label {display: block; text-align: center;}
.pbForm .Captcha .field img {margin: 0px auto;}
.rcCaptchaAudioLink {font-size: 10px; color: #fff;}
.rcCaptchaAudioLink::before { content: "\f028"; font-family: FontAwesome; margin-right: 5px; }
.pbForm .button {display: block; margin: 10px auto;}