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

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;
}
/* 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;
}

a {
    line-height: 1.25em !important;
}

.icon {
    width:100%;
}

.required {
    margin-left: 5px;
    padding: 3px !important;
    background-color: #ffecec !important;
    color: #a20000 !important;
    background: url('../images/icons/exclamation.png') no-repeat 3px 5px;
    border: 1px solid #e20000;
    border-radius: 8px;
    padding-left: 23px !important;
    box-sizing: border-box;
    font-size: 0.8em;
}

#sidebar2 {
    min-height: 400px;
}

#centercontent p, #centercontent p span, #centercontent li, #centercontent li span, #centercontent p a, #centercontent div, #centercontent span, #centercontent a {
    font-family: 'Roboto', Arial, sans-serif !important;
}

.module_icon_list ul {
    width: 99%;
    clear: both;
    float: left;
    margin: 0px !important;
    padding: 0px !important;
    margin: 1% !important;
    box-sizing: border-box;
}

.module_icon_list li {
    float: left;
    width: 23%;
    margin: 1% !important;
    padding: 5px !important;
    border: solid 1px #ccc !important;
    list-style-type: none !important;
    box-sizing: border-box !important;
    text-align: center;
}
/* End Site CSS */

/* jQuery UI override */
.ui-menu-item-wrapper {
    font-size: 14px !important;
}
/* End jQuery UI override */

/* 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 */

.box {
    padding:15px !important;
    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;
    line-height: 1.25em;
    font-family: 'Roboto', Arial, sans-serif;
}

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

.form-control {
    display: block !important;
    width: 100% !important;
    /*height: 28px;*/
    padding: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    -moz-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: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    -moz-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: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    -moz-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;
}

/*input[type="text"]:focus, intput[type="password"]:focus, textarea:focus, select:focus {
    box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
    -moz-box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
    -webkit-box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
    border: 1px solid rgba(195, 220, 246, 1);
}*/

.form-control:focus {
    box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
    -moz-box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
    -webkit-box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
    border: 1px solid rgba(195, 220, 246, 1);
}

.form-control2:focus {
    box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
    -moz-box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
    -webkit-box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
    border: 1px solid rgba(195, 220, 246, 1);
}

.form-control3:focus {
    box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
    -moz-box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
    -webkit-box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
    border: 1px solid rgba(195, 220, 246, 1);
}

legend {
    display: block;
    padding: 8px 8px;
    font-family: 'Roboto', Arial, sans-serif;
    border-bottom: 1px dashed rgba(0,0,0,.2);
    background: transparent;
    font-size: 20px;
    font-weight: 300;
    color: #222;
    margin: 0 0 20px 0;
    width: 98%;
    line-height: inherit;
    box-sizing: border-box;
}

.radio input {
    float: left;
}

.radio label {
    margin-left: 30px;
    display: block !important;
    font-weight: 100 !important;
    font-family: 'Roboto', Arial, sans-serif;
}

.check input {
    float: left;
}

.check label {
    margin-left: 30px;
    display: block !important;
    font-weight: 100 !important;
    font-family: 'Roboto', Arial, sans-serif;
}
/* End of Form Fields Style */

/* Table Styles */
.table-responsive {
    overflow-x: auto;
    min-height: .01%;
}

.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;
}

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: 10px 15px !important;
    box-sizing: border-box;
}

[class*="colnopad-"] {
    float: left;
    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-"] {
    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 */

/* User Search Box*/
.SearchBox {
    clear: both;
    border: 1px groove;
    /*background-color:#E8E8E8;*/
    background-color:#F0F0F0;
    padding:10px;
}

.SearchBox h2 {
    margin:5px 0px 0px 0px !important;
    font-size:medium;
}

.SearchBox .closeButton {
    margin-top: 0;
    float:right;

}

.SearchBox .closeButton a {
    margin-top: 0;
    font-size:small;

}

.closeButton {
    float:right;
    margin-top: 0;

}

.closeButton a {
    font-size:small;
    margin-top: 0;

}
/* End User Search Box*/

/* Button Overrides */
a.white:hover,
input[type="button"].white:hover, input[type="submit"].white:hover, input[type="reset"].white:hover {
    box-shadow: 0px 2px 6px rgba(0,0,0,.6);
}

a.gray:hover,
input[type="button"].gray:hover, input[type="submit"].gray:hover, input[type="reset"].gray:hover {
    box-shadow: 0px 2px 6px rgba(0,0,0,.6);
}

a.medBlue:hover,
input[type="button"].medBlue:hover, input[type="submit"].medBlue:hover, input[type="reset"].medBlue:hover {
    box-shadow: 0px 2px 6px rgba(0,0,0,.6);
}
/* End Button Overrides */

/* Table Paging Style */
#pager_style .GridPager td table {
    width: unset !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

    #pager_style .GridPager td table tr {
        border: 0 !important;
    }

.GridPager a, .GridPager span {
    display: block;
    width: 15px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 5px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 0.75em;
}

.GridPager a {
    background-color: #f5f5f5;
    border: 1px solid #969696;
}

.GridPager span {
    background-color: #C3DCF6;
    color: #000;
    border: 1px solid #3AC0F2;
}
/* End Table Paging Style */