/* ********************s********************* */
/* CUSTOM.CSS                                 */
/* For colonialencounters.org                 */
/* Greg Brown                                 */
/* February 11, 2018                          */
/* ****************************************** */

body {
    background-image: url(scribble_light.png);  
    background-position: inherit inherit; 
    background-repeat: repeat repeat;}

/* ***************************************** */
/* HEADER                                    */
/* ***************************************** */

#divSiteTitle {
    text-decoration:none;
    font-family: Syncopate; 
    font-size: 44px; 
    font-weight:bold; 
    line-height: 49px; 
    color: rgb(224, 95, 3); 
    text-shadow: rgba(0, 0, 0, 0.0980392) 0 3px 5px, rgba(255, 255, 255, 0.298039) 0 -5px 35px; 
    letter-spacing: 4px; 
    font-weight: normal; 
    font-style: normal; 
    text-transform: uppercase;}
#divTagLine{
    text-decoration:none;
    color: rgb(150, 150, 150); 
    color:white;
    line-height: 24px; 
    text-transform: none; 
    letter-spacing: 4px; 
    font-size: 20px; 
    padding-left: 2px; 
    padding-right: 2px; 
    background-color: transparent; 
    text-shadow: none; 
    font-family: Abel; 
    font-weight: normal; 
    font-style: normal; 
    text-decoration: initial;}
#divLogo{
    margin-top: 48px; 
    margin-bottom: 0; 
    text-align: left;
    height:70px;
}
#divBoxed {
    margin-top: 51px; 
    position:relative;
}
#headerSeparator{
    margin-top: 0; 
    border-top-color: rgb(51, 51, 51); 
    border-top-width: 0; 
    border-top-style: solid;}
.page-content {
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
}
.page-content a {
    color: rgb(208, 88, 3);
    font-family: 'Open Sans', sans-serif;
}

/* ***************************************** */
/* Headings                                  */
/* ***************************************** */
h1 {
    font-weight: normal; 
    font-style: normal; 
    letter-spacing: 0; 
    line-height: 65px; 
    margin-top: 0; 
    font-family: 'Source Sans Pro', sans-serif; 
    color: rgb(0, 0, 0); 
    font-size: 40px;}
h2 {
    font-weight: normal; 
    font-style: normal; 
    font-family: 'Source Sans Pro', sans-serif; 
    font-size: 35px; 
    line-height: 50px;}
h3, h4, h5, h6 {
    line-height:1.5 !important
}

/* ***************************************** */
/* NAV BAR                                   */
/* ***************************************** */
nav { 
    background-color:#aaa;
    color:white;
    margin-left:-40px; 
    margin-right:-40px;
    margin-top:20px;
}
.navbar .nav > li > a {
    text-shadow:none;
    color:white;
}

.nav .dropdown-toggle .caret {
    border-top-color:rgb(0, 0, 0);
    border-bottom-color:rgb(0, 0, 0);}
.nav .dropdown-toggle:hover .caret {
    border-top-color:rgb(0, 0, 0);
    border-bottom-color:rgb(0, 0, 0);}
.navbar .dropdown-menu, .dropdown-menu {
    background-color:rgb(255, 255, 255);
    border-radius: 0;}
.navbar .dropdown-menu li > a, 
.dropdown-menu li > a {
    color:rgb(0, 0, 0)
}
.navbar .dropdown-menu li > a, 
.dropdown-menu li > a, 
.navbar .dropdown-menu li > a:hover, 
.navbar .dropdown-menu .active > a, 
.navbar .dropdown-menu .active > a:hover, 
.dropdown-menu li > a:hover, 
.dropdown-menu .active > a, 
.dropdown-menu .active > a:hover, 
.dropdown-menu li > a:focus, 
.dropdown-submenu:hover > a, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color:rgb(255, 255, 255);
    background-color:#e05f03}
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle {
    background:none}
.navbar .dropdown-menu li > a {
    background:none;
    color:black;
}
.navbar .nav > li > a {
    text-shadow:none;
    color:white;
}

/* ***************************************** */
/* BREADCRUMBS                               */
/* ***************************************** */
.breadcrumbs {
    font-size: 14px; 
    line-height: 80px; 
    font-family: 'Open Sans', sans-serif;
    margin-top:-60px;
    height:60px;
}
.breadcrumbs a {
    color: rgb(208, 88, 3); 
    font-family: 'Open Sans', sans-serif;
}

/* ***************************************** */
/* SIDEBAR                                   */
/* ***************************************** */
.sidebar{
    padding-top: 23px; }
.sidebox {
    background-color: rgb(250, 250, 250); 
    -webkit-box-shadow: none; 
    box-shadow: none; 
    padding: 18px; 
    margin-top: 26px; 
    border: 1px solid rgb(235, 235, 235); 
    border-top-left-radius: 5px; 
    border-top-right-radius: 5px; 
    border-bottom-right-radius: 5px; 
    border-bottom-left-radius: 5px; 
    font-family: 'Open Sans', sans-serif; 
    line-height: 24px; 
    color: rgb(51, 51, 51);}
.sidebox-title {
    font-weight: normal; 
    font-style: normal; 
    font-size: 20px; 
    letter-spacing: 0; 
    line-height: 40px; 
    font-family: 'Source Sans Pro', sans-serif; 
    color: rgb(51, 51, 51);}
.sidebox a {
    color: rgb(208, 88, 3); 
    font-family: 'Open Sans', sans-serif;}
.sidebar h3 {
    line-height:1.2em !important;
    font-size:150% !important;
    font-weight:bold !important;
}
.sideboxindented li {
    margin-left:30px;
    text-indent:-30px;
}

ul.smallsidebargallery {
    list-style:none;
    margin:0;
    padding:0;
}
ul.smallsidebargallery li {
    list-style:none;
    width:65px; 
    float:left;
    margin:0 5px 0 0;
    padding:0;
    overflow:hidden;
    height:80px;
}
ul.smallsidebargallery li img {
    width:65px; 
}
ul.smallsidebargallery li div.thumbnail { 
    height:70px;
}
ul.smallsidebargallery .thumbnail {
    width:65px; 
    float:left;
}
ul.smallsidebargallery .thumbnail p {
    width:150px; 
}
ul.largesidebargallery {
    list-style:none;
    margin:0;
    padding:0;
}
ul.largesidebargallery li {
    list-style:none;
    width:200px; 
    float:left;
    margin:0 5px 0 0;
    padding:0;
}
ul.largesidebargallery li img {
    width:200px; 
}
ul.largesidebargallery .thumbnail {
    width:195px; 
    float:left;
}

#sidebarcontent_SiteSidebar1_section4 ul {
    list-style:none;
}
#sidebarcontent_SiteSidebar1_section4 li {    
    list-style:none;
    margin:0;
    padding:0;
}
#sidebarcontent_SiteSidebar1_section4 li:before {    
    font-family: 'FontAwesome';
    content: '\f183';
    margin:0 5px 0 -15px;
}
#sidebarcontent_SiteSidebar1_section5 ul {
    list-style: none;
}
#sidebarcontent_SiteSidebar1_section5 li {    
    list-style:none;
    margin:0;
    padding:0;
}
#sidebarcontent_SiteSidebar1_section5 li:before {    
    font-family: 'FontAwesome';
    content: '\f02D';
    margin:0 5px 0 -15px;
}
#sidebarcontent_SiteSidebar1_section5  .galleryTitleClass {
    font-weight: bold;
    font-size: 90%;
    width:auto;
}
#relatedpanel li {    
    list-style:none;
}
#relatedpanel li:before {    
    font-family: 'FontAwesome';
    content: '\f016';
    content: '\f15b';
    content: '\f0c8';
    margin:0 5px 0 -15px;
}
#jumppanel li {    
    list-style:none;
}
#jumppanel li:before {    
    font-family: 'FontAwesome';
    content: '\f15b';
    content: '\f015';
    margin:0 5px 0 0;
}
.navigate li {    
    list-style:none;
    margin:0;
    padding:0;
}
.navigate li.prev:before {    
    font-family: 'FontAwesome';
    content: '\f060';
    margin:0 5px 0 -15px;
}
.navigate li.next:before {    
    font-family: 'FontAwesome';
    content: '\f061';
    margin:0 5px 0 -15px;
}
.navigate li.back:before {    
    font-family: 'FontAwesome';
    content: '\f062';
    margin:0 5px 0 -15px;
}
.related li {
    list-style: none;
}
.related li:before {
    font-family: 'FontAwesome';
    content: '\f0c8';
    margin: 0 5px 0 -15px;
}

/* ***************************************** */
/* FOOTER                                    */
/* ***************************************** */
#divFooter{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-color: rgb(122, 12, 12);
	color: rgb(211, 211, 211);
	font-family: Actor, sans-serif;
	text-transform: none;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 22px;
	background-image: url(tactile_noise.png);
	background-repeat: repeat repeat;
}
#divFooter a {
    color: rgb(224, 95, 3); 
    font-size: 13px; 
    font-family: 'Open Sans', sans-serif;}
#divFooter h3 {
    font-family: 'Source Sans Pro', sans-serif; 
    font-weight: normal; 
    font-style: normal; 
    font-size: 23px; 
    line-height: 45px; 
    color: rgb(211, 211, 211);}
ul#contact-info .icon {
    font-size:20px;
    float:left;
    line-height:25px;
    margin-right:10px;
}
ul#contact-info .field {
    font-weight:bold;
}
ul#contact-info {
    list-style:none;
}
#footerOuterSeparator{
    margin-top: 28px; 
    height: 0; 
    background-color: rgb(255, 255, 255); 
    border-top-color: rgb(255, 255, 255); 
    border-top-width: 0; 
    border-top-style: solid;}

/* ***************************************** */
/* GENERAL                                   */
/* ***************************************** */

.divPanel {
    padding: 40px}
.divPanel.notop {
    padding-top:0px}
.divPanel.nobottom {
    padding-bottom:0px}
.transparent-bg {
    -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0 1px 4px; 
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0 1px 4px; 
    box-shadow: rgba(0, 0, 0, 0.298039) 0 1px 4px;   
    background-color: rgb(255, 255, 255); 
    border-top-left-radius: 0; 
    border-top-right-radius: 0; 
    border-bottom-right-radius: 0; 
    border-bottom-left-radius: 0;}

a.btn, a.btn-large, a.btn-small, a.btn-mini {
    color:#333}
a.btn-info, a.btn-success, a.btn-warning, a.btn-danger, a.btn-inverse {
    color:#ffffff}
.btn-secondary, .btn-secondary:hover, a.btn-secondary, a.btn-secondary:hover {
    color:#323232;}
.btn-secondary {
    border:1px solid #dfdfdf;
    border-bottom:1px solid #afafaf;
    background-color:#fafafa;
    background-repeat: repeat-x;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e1e1e1));
    background-image:-webkit-linear-gradient(top, #fafafa, #e1e1e1);
    background-image:-moz-linear-gradient(top, #fafafa, #e1e1e1);
    background-image:-o-linear-gradient(top, #fafafa, #e1e1e1);
    background-image:linear-gradient(top, #fafafa, #e1e1e1);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#e1e1e1, GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);}
.btn-secondary:hover, 
.btn-secondary:active, 
.btn-secondary.active, 
.btn-secondary.disabled, 
.btn-secondary[disabled] {
    background-color:#dfdfdf;}
.btn-primary, 
.btn-primary:hover, 
a.btn-primary, 
a.btn-primary:hover {
    color:#ffffff;}
.btn-primary {
    border:1px solid #c75503;
    border-bottom:1px solid #9d4302;
    background-color:#e05f03;
    background-repeat: repeat-x;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#e05f03), to(#ca5603));
    background-image:-webkit-linear-gradient(top, #e05f03, #ca5603);
    background-image:-moz-linear-gradient(top, #e05f03, #ca5603);
    background-image:-o-linear-gradient(top, #e05f03, #ca5603);
    background-image:linear-gradient(top, #e05f03, #ca5603);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#e05f03, endColorstr=#ca5603, GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);}
.btn-primary:hover, 
.btn-primary:active, 
.btn-primary.active, 
.btn-primary.disabled, 
.btn-primary[disabled] {
    background-color:#c75503;}

h3,.page-content h3 a {
    font-weight: normal; 
    font-style: normal; 
    font-family: 'Source Sans Pro', sans-serif; 
    font-size: 28px; 
    line-height: 50px;}
h4,.page-content h4 a {
    font-weight: normal; 
    font-style: normal; 
    font-family: 'Source Sans Pro', sans-serif; 
    font-size: 21px; 
    line-height: 50px;}
h5,.page-content h5 a {
    font-weight: normal; 
    font-style: normal; 
    font-family: 'Source Sans Pro', sans-serif; 
    font-size: 17px; 
    line-height: 50px;}
h6,.page-content h6 a {
    font-weight: normal; 
    font-style: normal; 
    font-family: 'Source Sans Pro', sans-serif; 
    font-size: 15px; 
    line-height: 50px;}
.line-separator{
    border-top-width: 1px; 
    border-top-style: dotted; 
    margin-top: 21px; 
    margin-bottom: 21px; 
    border-top-color: rgb(195, 195, 195); }
.table td.rightcol { 
    text-align:right;
}
.table th.rightcolhead { 
    text-align:right;
}

/* Icons */
[class*="social foundicon-"]:before {
    font-family: "SocialFoundicons";}
[class*="general foundicon-"]:before {
    font-family: "GeneralFoundicons";}       

/* Responsive Image */
img {
    max-width:100%;
    height:auto;
    width:auto;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;}

/* Additional */
.btn-secondary, .btn-secondary:hover {
    text-shadow:none;}
.box{
	text-align: center;
	margin-bottom: 30px;
}
.box i{
	font-size: 50px;
	color: #E05F03;
}
img.pull-left { 
    margin-right:15px !important; 
    margin-top:7px !important;}

/* Adjustments */
.search.adjust {
    margin-bottom:15px}  

.thumbnail {
    width:150px; 
    float:left;
}
.thumbnail p {
    width:150px; 
}
.caption {
    font-weight:bold;
    font-size:75%;
    font-style:italic;
    margin-bottom:10px;
}
.instructions {
    font-style:italic;
    margin-bottom:20px;
}
.paperbiblio {
    margin-left:20px;
    text-indent:-20px;
}
.imageright {
    float:right;
    margin-left:10px; 
}
.totalCountLbl {
    font-style:italic;
    line-height:30px;
    vertical-align:middle;
}
span.hilite {
    font-weight:bold;
}
.criteria {
    font-style:italic;
}
.comingsoon {
    font-weight:bold;
}
figure {
    padding:0;
    margin:0;
    float:right;
    width:300px;
    margin-left:10px;
    font-size:90%;
}
figcaption {
    font-style:italic;
}
figure2 {
    display:none;
}
figure.full-left {
    padding:0;
    margin:0;
    clear:both;
    float:left;
    width:300px;
    font-size:90%;
}
figure.full-right {
    padding:0;
    margin:0;
    float:left;
    width:300px;
    margin-left:10px;
    font-size:90%;
}
#bodycontent_sitelistPanel .thumbnail img { 
    width:120px; 
    height:120px;
}
#bodycontent_sitelistPanel .thumbnail{ 
    width:120px; 
    font-size:75%; 
}
#Individual li {
    list-style:none;
    margin:0;
}
#tooltip1 {
    padding:5px;
}
.rightmenu {
    float:right;
    margin-left:10px;
    width:300px;
    text-align:right;
    display:none;
}
.floatright {
    float:right; 
    margin-left:20px;
}
.imageMap {
    margin-left:0; 
    padding-left:0; 
    margin-top:10px;
}
#timeline-tooltip {
    width:250px;
}
#timeline {
    width:1000px; 
    height:1500px;
}

/* ***************************************** */
/* GALLERY PAGES                             */
/* ***************************************** */
.galleryTitleClass {
    width:150px; 
}
a.galleryLnk {
    width:150px; 
}
#imageGallery li img,
#imageGalleryTag li img,
#tagGallery li img {
    vertical-align: bottom;
}
#imageGallery li:nth-of-type(6n+1),
#imageGalleryTag li:nth-of-type(6n+1),
#tagGallery li:nth-of-type(6n+1) {
    clear: both;
}
#imageGallery li,
#imageGalleryTag li,
#tagGallery li {
    border: 1px solid #aaa;
    padding: 3px;
    margin-bottom: 5px;
}
#imageGallery ul,
#imageGalleryTag ul,
#tagGallery ul {
    list-style: none;
    width: 1100px;
}
#imageGallery ul li,
#imageGalleryTag ul li,
#tagGallery ul li {
    list-style: none;
}
#imageGallery li,
#imageGalleryTag li,
#tagGallery li {
    display: inline;
    float: left;
    width: 150px;
    margin-right: 10px;
}
#imageGalleryFullSize ul { 
    list-style:none; 
    width:700px;
}
#imageGalleryFullSize ul li {
    list-style:none;
}
#imageGalleryFullSize li {
    display:inline; 
    float:left; 
    width:900px; 
    margin-right:10px;
}
#detailimageGallery ul {
    width: 700px;
}
#detailimageGallery li:nth-of-type(4n+1) {
    clear:both;
}
#detailimageGallery li:nth-of-type(6n+1) {
    clear:none;
}
.galleryTitleClass {
    font-weight:bold;
    font-size:90%;
}
.gallerySubtitleClass {
    font-size:90%;
}
#bodycontent_galleryPnl h3, .page-content h3 a {
    line-height:22px !important;
    font-size:16px;
    height:20px;
}
#bodycontent_galleryPnl p a.btn-primary {
    font-size:85%;
}
#bodycontent_galleryPnl .thumbnailcaption {
    text-align:center;
}
#bodycontent_galleryPnl .institution {
    margin:0 0 5px 0;
    padding:0;
    font-size:85%;
    font-weight:bold;
}
#bodycontent_galleryPnl .btn-primary {
    margin-top:10px;
}
#bodycontent_individualLV_galleryTitle_0 {
    display:block;
}
#bodycontent_individualLV_gallery_0 {
    display:block;
}
#pagerDiv ul li {
    display:inline;
    margin-right:20px;
}
#bodycontent_ImagesListPager a {
    margin-bottom: 0;
    margin-left: 0;
    *zoom: 1;
    margin-right:3px;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}
#bodycontent_ImagesListPager a:hover {
    text-decoration: none;
    background-color: #e05f03;
    color:white;
}
.formDesign {
    background-color:#d8d4d4;
    padding:10px;
    width:600px;
    width:auto;
    border:1px solid gray;
    margin-bottom:10px;
    z-index:10000;
}
.buttonSubmit {
    background-color:#007acc;
    padding:4px;
    border:none;
    color:white;
}
.buttonSubmit:hover {
    background-color:#3ea7ed;
}

/* ***************************************** */
/* DATABASE PAGES                            */
/* ***************************************** */
#artifactsearchtable {
    background-color:#92b6dd;
    padding:10px;
    width:805px;
    padding-bottom:0;
}
#artifactsearchtable label { 
    margin-right:5px; 
    width:160px;
}
#artifactsearchtable select { 
    margin-right:5px; 
    margin-bottom:5px;
}
#artifactsearchtable h2 {
    padding:0 0 0 10px;
    margin:-10px -10px 20px -10px;
    background-color:#181251;
    color:white;
    font-size:120%;
    font-weight:bold;
}
#artifactsearchtable h2.searchpageh2top {
    font-style:italic; 
    font-size:90%; 
    font-weight:normal; 
    margin-bottom:0; 
    padding-bottom:0;
}
#artifactsearchtable h2.searchpageh2bottom {
    font-style:italic; 
    font-size:90%; 
    font-weight:normal; 
    margin-top:-30px; 
    margin-bottom:-10px; 
    padding-top:0; 
    padding-bottom:0;
}

#artifactsearchtable .buttons {
    margin-top:10px;
    text-align:center;
}
#historicalsearchtable {
    background-color:#92b6dd;
    padding:10px;
    width:550px;
    width:705px;
    padding-bottom:0;
}
#historicalsearchtable label { 
    margin-right:5px; 
}
#historicalsearchtable select { 
    margin-right:5px; 
    margin-bottom:5px;
}
#historicalsearchtable h2 {
    padding:0 0 0 10px;
    margin:-10px -10px 20px -10px;
    background-color:#181251;
    color:white;
    font-size:120%;
    font-weight:bold;
}
#historicalsearchtable h2.searchpageh2bottom {
    font-style:italic; 
    font-size:90%; 
    font-weight:normal; 
    margin-top: 0; 
    margin-bottom:-10px; 
    padding-top:0; 
    padding-bottom:0;
}
#historicalsearchtable .buttons {
    margin-top:10px;
    text-align:center;
}
#contextsearchtable {
    background-color:#92b6dd;
    padding:10px;
    width:600px;
    width:805px;
}
#contextsearchtable label { 
    margin-right:5px; 
}
#contextsearchtable select { 
    margin-right:5px; 
    margin-bottom:5px;
}
#contextsearchtable input { 
    margin-right:5px; 
    margin-bottom:5px;
}
#contextsearchtable h2 {
    padding:0 0 0 10px;
    margin:-10px -10px 20px -10px;
    background-color:#181251;
    color:white;
    font-size:120%;
    font-weight:bold;
}
#contextsearchtable h2.searchpageh2top {
    font-style: italic;
    font-size: 90%;
    font-weight: normal;
    padding-top: 0;
    padding-bottom: 0;
}
#contextsearchtable .buttons {
    margin-top:10px;
    text-align:center;
}

/* ***************************************** */
/* REPORT PAGES                              */
/* ***************************************** */
ul.articlesummary {
    list-style:none;
    margin:0;
    padding:0;
}
ul.articlesummary li {
    list-style:none;
}
li.image {
    display:none;
}
li.author {
    font-size:100%;
    font-weight:normal;
    margin:0;
    padding:0;
}
li.title {
    font-size:100%;
    margin-left:40px;
    text-indent:-20px;
    font-weight:normal;
}
table.websites li.author {
    margin:0;
    padding:0;
    font-weight:bold;
}
table.websites li.imprint {
    margin:0;
    padding:0;
    margin-left:40px;
    text-indent:-20px;
}

/* ***************************************** */
/* PAGINATION                                */
/* ***************************************** */
#bodycontent_ImagesListPager span {
    margin-bottom: 0;
    margin-left: 0;
    *zoom: 1;
    margin-right: 3px;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #aaaaaa;
    color:white;
    border: 1px solid #dddddd;
}
.pagination3 td table tbody tr td a {
    margin-bottom: 0;
    margin-left: 0;
    *zoom: 1;
    margin-right:3px;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}
.pagination3 td table tbody tr td a:hover {
    text-decoration: none;
    background-color: #e05f03;
    color:white;
}
.pagination3 td {
    background:none !important;
    border:none !important;
}
.pagination3 td table tbody tr td {
}

/* ***************************************** */
/* COMMENTS                                  */
/* ***************************************** */
.commentbox {
    border: 1px solid black;
    border: none;
    border-top: 1px solid black;
    width: 600px;
    width: auto;
    padding: 2px;
    margin-bottom: 4px;
}

/* ***************************************** */
/* INDEX PAGE                   */
/* ***************************************** */
.jumbotron {
    color:white;
    color:black;
    background-color:#bbb;
    margin-top:-30px;
}
.jumbotronLeft {
    margin-left: 20px;
    float: left;
    width: 45%;
    margin-right: 30px;
    margin-bottom: 20px;
}
.jumbotronLeft h1 {
    color:white;
    color:black;
    font-weight:bold;
    margin-left: 0;
    margin-bottom:0;
    padding-bottom:0;
}
.jumbotronLeft h2 {
    font-size: 120%;
    margin-left: 0;
    margin-top: 0;
    padding-top: 0;
    line-height: 20px;
    font-weight: bold;
}
.jumbotronLeft h3 {
    font-size: 120%;
    font-style:italic;
    margin-left: 0;
    margin-top: 0;
    padding-top: 0;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}
.jumbotronLeft a,
#myCarousel a {
    color:white;
}
#myCarousel {
    width:50%; 
    float:left; 
    margin-top:30px;
}
#myCarousel figcaption {
    height:30px;
    background-color:black;
    color:white;
    margin: 0 3px 0 3px; 
    padding-top:5px;
    padding-left:5px;
    z-index:100000;
}
.featured .column { 
    float:left; 
    width:24%; 
}

/* ***************************************** */
/* GRID                                      */
/* ***************************************** */
#tiles li {
    width:240px !important;
    background-color: #ffffff;
    border: 1px solid #dedede;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 10px !important;
    margin-right:7px;
    margin-bottom:7px;
    float:left;
}
#tiles li img {
    margin-bottom:10px;}
#tiles li div.meta {
    color:#999;
    text-transform:uppercase;
    font-size:10px;
    margin:0;}
#tiles li h4 {
    line-height:1.5;
    margin:0 0 5px 0;}
#tiles li h4 a {
    line-height:inherit;
    margin:0;
    text-decoration:inherit;
    color:inherit;
    font-size:inherit;
    font-family:inherit;
    font-weight:inherit;
    font-style:inherit;}
#tiles li p {
    font-size:12px;
    line-height:1.5;
    margin:0;}
#tiles li a {
    font-size:12px;}
#tiles li .more_link {
    font-size:smaller;
    line-height:2;
    text-transform:uppercase;
    letter-spacing:2px;
    white-space:nowrap;
    display:block;
    margin: 5px 0 0 0;}
#tiles li blockquote {
    line-height:1.5;
    margin:0;
    padding:0;
    color:#999;
    border:none;
    font-size:150%;
    font-style:italic;
    font-family:Georgia, Times, serif;}
#tiles li blockquote small {
    font-size:11px;
    font-style:normal;}

#commentDiv .formDesign {

}
#commentDiv .formDesign td {
    vertical-align:top;
}
#commentDiv .buttonSubmit {
    background-color:#007acc;
    padding:4px;
    border:none;
    color:white;
}
#commentDiv .buttonSubmit:hover {
    background-color:#3ea7ed;
}
#commentDiv .modal-text {
    width: 201px;
}
#commentDiv .modal-label {
    width:120px;
}
#commentDiv .modal-label {
    width: 86px;
}

/* ***************************************** */
/* MEDIA QUERIES                             */
/* ***************************************** */

@media (max-width: 979px) {
     #divLogo {
         margin-bottom:10px;}
    .navbar .btn-navbar-highlight {
        display:inline;
        padding:9px 14px;
        margin-top:15px;}
    .navbar {
        width:100%;}
    #divMenuRight {
        float:none}
    .dropdown-menu .sub-menu {
        left: 0;
        position:relative;
        top: 0;
        visibility:visible;
        margin-top:3px;
        display:block}
    .dropdown-menu, .sub-menu {
        border-radius:5px !important;}
    .navbar .ddmenu {
        margin-top: 0;
        margin-bottom: 0;}
    /* Fixed Top */
    #decorative2 {
        position:static;  
        height:auto;}
    body {
        padding-top: 0}
}

@media (max-width: 767px) {    
    #divLogo {
        margin-top:10px;
        margin-bottom:10px;}
    #divSiteTitle {
        font-size: 25px;}
    #divHeaderText {
        margin: 0;
        padding:10px 0;}
    #divHeaderLine1 {
        margin-top: 0;}
    #divMenuRight {
        width:100%;
        margin-top: 0;
        padding-top: 0}
    .ddmenu, .navbar .ddmenu {
        margin-top: 0; 
        margin-bottom: 0;}
    .navbar .btn-navbar-highlight {
        padding:9px 14px;
        margin-top: 0;}
    .navbar {
        width:100%;
        margin-top: 0;
        padding-top: 0;}
    #decorative1, #decorative2, #decorative3 {
        margin-left:-20px;
        margin-right:-20px;
        padding-left:20px;
        padding-right:20px;}
    /* Fixed Top */
    #decorative2 {
        position:static}
    body {
        padding-top: 0}
    #divFooter {
        margin-left:-20px;
        margin-right:-20px;
        padding-left:20px;
        padding-right:20px;}
    #divBoxed > #divFooter {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;}
    body > #footerOuterSeparator, body > #contentOuterSeparator {
        margin-left:-20px;
        margin-right:-20px;}
    .headerArea, .topArea {
        padding:20px !important;}
 /*only for templates without divBoxed*/
    #camera_wrap {
        margin-top:20px}
    #divVideo {
        margin-top:20px}
    .dropdown-menu .sub-menu {
        left: 0;
        position:relative;
        top:0;
        visibility:visible;
        margin-top:3px;
        display:block}
    .dropdown-menu, .sub-menu {
        border-radius:5px !important;}
    .navbar .ddmenu {
        margin-top: 0;
        margin-bottom: 0;}
}
img {
    border-style: none;
}
.ui-dialog-titlebar-close:after {
    border-style: none;
}


.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }

    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px;
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }
.ui-dialog {
}

.ui-dialog-titlebar {
    background: #337AB7;
    padding: 10px;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    background-color: #181251;
    color: white;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 13px;
    width: 21px;
    margin: -10px 0 0 0;
    height: 20px;
    padding: 0 !important;
}

.ui-dialog-titlebar-close:after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    /* Change path to image*/
    background-image: url(../styles/ui-icons_777777_256x240.png);
    background-position: -96px -128px;
    background-repeat: no-repeat;
    outline: none;
}

.ui-dialog-titlebar-close a {
    text-decoration: none;
    outline: none;
}

.ui-icon-close {
    background-position: -80px -128px
}

#bodycontent_dlgShowImages-xxx {
    z-index: 111;
    background-color: white;
    position: absolute;
    left: 35%;
    top: 12%;
    border: outset 2px gray;
    padding: 5px;
}

.modal-static-backdrop-xxx {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    background: #000;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.modal-static-xxx {
    bottom: auto;
    display: block !important;
    position: absolute;
    z-index: 2001;
}

#dialog .formDesign {
}

    #dialog .formDesign td {
        vertical-align: top;
    }

#dialog .buttonSubmit {
    background-color: #007acc;
    padding: 4px;
    border: none;
    color: white;
}

    #dialog .buttonSubmit:hover {
        background-color: #3ea7ed;
    }

#dialog .modal-text {
    width: 201px;
}

#dialog .modal-label {
    width: 86px;
}

.modal-body ul.smallsidebargallery {
    list-style: none;
    margin: 0;
    padding: 0;
}
.modal-body ul.smallsidebargallery li {
    list-style: none;
    width: 65px;
    width: 80px;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    overflow: hidden;
    height: 80px;
}
.modal-body ul.smallsidebargallery li img {
    width: 80px;
}
.modal-body ul.smallsidebargallery li div.thumbnail {
    height: auto;
}
.modal-body ul.smallsidebargallery .thumbnail {
    float: left;
}
.modal-body ul.smallsidebargallery .thumbnail p {
    width: 150px;
}

.commentTop {
}

.commentTopRight {
    float: right;
}

.commentTopRightDelete {
    float: right;
}
.commentTopRightDelete {
    float: right;
}

.commentText {
    margin-left: 20px;
}

.commentReply {
    margin-left: 20px;
    font-size: 80%;
}

.divBoxedSubDiv1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    zoom: 1;
}

.divBoxedSubDiv2 {
    background-image: url(../styles/tactile_noise.png);
    background-repeat: repeat repeat;
    height: 150px;
    margin-bottom: 0;
}

.divBoxedSubDiv3 {
    margin-top: 0;
    padding-top: 0;
}

.navbar-nopad {
    margin-top: 0;
    padding-top: 0;
}

.loginbar {
    float: right;
    margin-left: 20px;
    color: white;
    margin-top: 10px;
    font-size: 80%;
}

.logout {
    color: white;
}

#imageGallery ul ul.displaytags,
#imageGalleryTag ul ul.displaytags,
#tagGallery ul ul.displaytags {
    margin: 0;
    padding: 0;
    border: 0;
    width: 150px;
    border-top: 1px solid;
}

#imageGallery ul ul.displaytags li,
#imageGalleryTag ul ul.displaytags li,
#tagGallery ul ul.displaytags li {
    margin: 0;
    padding: 0;
    border: 0;
    width:auto;
    margin-right:5px}

#imageGallery ul ul.displaytags li a,
#imageGalleryTag ul ul.displaytags li a,
#tagGallery ul ul.displaytags li a {
    font-size: 75%;
}



/* fake2 MODAL                     */

.fake2-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

    .fake2-modal-backdrop.fade {
        opacity: 0;
    }

        .fake2-modal-backdrop,
        .fake2-modal-backdrop.fade.in {
            opacity: 0.8;
            filter: alpha(opacity=80);
        }

.fake2-modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

    .fake2-modal.fade {
        top: -25%;
        -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
        -o-transition: opacity 0.3s linear, top 0.3s ease-out;
        transition: opacity 0.3s linear, top 0.3s ease-out;
    }

        .fake2-modal.fade.in {
            top: 10%;
        }

.fake2-modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}

    .fake2-modal-header .close {
        margin-top: 2px;
    }

    .fake2-modal-header h3 {
        margin: 0;
        line-height: 30px;
    }

.fake2-modal-body {
    position: relative;
    max-height: 400px;
    padding: 15px;
    overflow-y: auto;
}

.fake2-modal-form {
    margin-bottom: 0;
}

.fake2-modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

    .fake2-modal-footer:before,
    .fake2-modal-footer:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .fake2-modal-footer:after {
        clear: both;
    }

    .fake2-modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .fake2-modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .fake2-modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }


.listindent {
    margin-left: 20px;
}

.summaryPopupTable td {
    vertical-align:top;
    border-bottom:1px solid #eee;
}

/*
.summaryPopupTable tr:nth-of-type(2n+1) {
    background-color:#eee;
}
*/

@media print {
    .noprint {
        display: none;
    }

    a[href]:after {
        content: none;
    }
}

