/*--------------------------------------------------------------

PUT YOUR CUSTOM STYLES BELOW

----------------------------------------------------------------*/

#displayversion
{
	display:none !important; 
	/* set to block when you want to test your display versions.  
	This will auto display the format layout (desktop/tablet/phone) at the top of the page */
}

#sitesubnav
{
    display:none; /* set to block if you need to show secondary navigation */
}

/*-----------------------------------------------------------------------
SOCIAL MEDIA ICONS
    *****   by default these are hidden just overwrite them below to unhide the ones you want
            remember in your XSL files to update the URL to go to your site's url.  
			Delete the ones you don't want to show and change the display setting to BLOCK, leave the !important declaration.
----------------------------------------------------------------------------------------*/

#social_Facebook, #social_Twitter, #social_Flickr, #social_Instagram, #social_Pinterest, #social_YouTube, #social_Storify, 
#social_Newsletter, #social_Linkedin, #social_Wordpress, #social_ContactUs, #social_FAQ
{
    display:none !important;
	float:left;
}

/* Override for sidebar2 */
#sidebar2 {
    padding: 0 !important;
    margin-bottom:10px;
}

#sidebar2 ul
{
	list-style-position: outside !important;
	margin-left: 1.5em !important;
	line-height:1.5em;
}

#sidebar2 a:link, #sidebar2 a:visited {
    color: #0044cf;
    background-color: #ffffff !important;
}

#sidebar2 p {
	padding: .5em;
	line-height:1.25em;
}

#sidebar2 h3 {
	margin-bottom:8px;
	text-align:center;
}

#sidebar2 sideblock h3:nth-child(n+2) {
	border-top: solid 1px #ddd !important;
}

#sidebar2 h1, #sidebar2 h2, #sidebar2 h3{
    padding: 0 0 0.625em 0 !important;
}

/*#sidebar2 h6 {
    padding-left: 5px !important;
} */

/* End Override for sidebar2 */

/* Site CSS */
.bottom_padding {
	margin-bottom:8px;
}

.center {
	text-align:center;
}

.red {
	color:#A20000;
}

#header_LowerScroll {
	height: auto;
}

.button{
    font-size:12pt !important;
    padding:8px 12px !important;
}

div, span, label {
    font-family: 'open_sansregular', 'gothambold1', Verdana, Arial, serif;
}

.icon {
    width:100%;
}

.nopaddingmarginimage {
	margin:0 !important;
	padding:0 !important;
	
}

.nopaddingmarginimage img {
	margin:0 !important;
	padding:0 !important;
	max-width:100% !important;
}

#centercontent .accordion-open ul, #centercontent .accordion-open ol, .accordion-open ul, .accordion-open ol {
    margin-left: 35px !important;
}

.camwindow
{
	box-sizing:border-box;
	width:100%;
	display:block;
	padding:3%;
	border-radius:8px;
	
}

.camwindow img
{
	box-sizing:border-box;
	width:auto;
	height:auto;
	max-width:100%;
	margin:auto;
	display:block;
	box-shadow:2px 2px 6px rgba(0,0,0,.3);
}
/* End Site CSS */

/* Override for accordion */
.accordionstyle {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
	margin-left: 1% !important;
	margin-right: 1% !important;
}

.accordionstyle a {
	color:#06c;
}
	
.accordionstyle a:hover {
	text-decoration:underline;
}	
	
.accordionstyle h3 {
	font-size:100%;
}

.accordionstyle div {
	font-size:90%;
	font-weight:normal !important;
}

.accordionstyle div p {
	margin:0 !important;
	padding:0 0 0 1.25em !important;
}

.accordionstyle h2 {
	font-size:100%;
	margin-top:0px !important;
}

.accordionstyle .ui-icon {
	margin-left: -1em !important;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em !important;
}

.ui-accordion .ui-accordion-header {
    margin: 2px 0 0 0 !important;
    padding: .5em .5em .5em 1.5em !important;
}
/* End Override for accordion */

/* Form Fields Style */ 
.box {
    padding:8px;
    border:1px solid #cccccc;
}

fieldset select {
     background-image: none !important;
     box-sizing: border-box;
}

fieldset label {
    display: inline-block !important;
    max-width: 100% !important;
    margin-bottom:5px !important;
    font-weight: 400 !important;
    box-sizing: border-box;
}

.label {
    display: inline-block !important;
    max-width: 100% !important;
    margin-bottom:5px !important;
    font-weight: 400 !important;
    box-sizing: border-box;
}

.form-control {
    display: block !important;
    width: 100% !important;
    height: 28px;
    padding: 3px 6px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    box-sizing: border-box;
}

/* use form-control2 to make the form field inline and width is not set to 100% */
.form-control2 {
    height: 28px;
    padding: 3px 6px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    box-sizing: border-box;
}

/* Use form-control3 for multi-line text boxes. This doesn't have the fixed height. */
.form-control3 {
    display: block !important;
    width: 100% !important;
    padding: 3px 6px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    box-sizing: border-box;
}

legend {
    display: block;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(0,0,0,.2);
    background: transparent;
    font-size: 20px;
    font-weight: 300;
    color: #222;
    margin: 10px 1% 20px 1%;
    width: 99%;
    line-height:inherit;
    box-sizing: border-box;
}
/* End of Form Fields Style */

/* Table Styles */
.table-responsive {
    overflow-x: auto;
    min-height: .01%;
    vertical-align:top !important;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 18px;
}

.table>thead>tr>th, .table>tbody>tr>th {
    background-color:#EBEDEE !important;
    color:#444444 !important;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 6px 10px;
    vertical-align:top !important;
}

table {
    background-color: transparent;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table a {
    color:#0F3C73 !important;
    text-decoration:underline !important;
}

table a:hover {
    text-decoration:none !important;
}

table th a {
    font-weight:bold;
}

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #EBEDEE;
}

.table-striped>tbody>tr:nth-of-type(odd) a {
    background-color: #EBEDEE;
    color:#0F3C73;
}
/* End Table Styles */

/* Responsive Grid CSS */
.row::after {
    content: "";
    clear: both;
    display: block;
    box-sizing: border-box;
}

[class*="col-"] {
    float: left;
    padding: 15px !important;
    box-sizing: border-box;
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
    box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

[class*="colnopad-"] {
    float: left;
    box-sizing: border-box;
}

/* For mobile phones: */
[class*="colnopad-"] {
    width: 100%;
    box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .colnopad-1 {width: 8.33%;}
    .colnopad-2 {width: 16.66%;}
    .colnopad-3 {width: 25%;}
    .colnopad-4 {width: 33.33%;}
    .colnopad-5 {width: 41.66%;}
    .colnopad-6 {width: 50%;}
    .colnopad-7 {width: 58.33%;}
    .colnopad-8 {width: 66.66%;}
    .colnopad-9 {width: 75%;}
    .colnopad-10 {width: 83.33%;}
    .colnopad-11 {width: 91.66%;}
    .colnopad-12 {width: 100%;}
}
/* End Responsive Grid Css */