/* HTML tag styling */

/*
IMC colors:

Blue Violet: #25408f
Sea Green: #9aca3c
Orange: #f37021
Red (dark red): #bf1f33
Navy (dark blue): #152452

*/

html, body
{
    width: 100%;
    height: 100%;
}

body
{
    padding: 0;
    background-color: #ffffff;
}

body, td, p, li, a
{
    font-family: Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #333;
}

*:disabled {
	/* any time an element is disabled, use the 'not allowed' cursor' */
	cursor: not-allowed !important;
}

form
{
    margin: 0;
    padding: 0;
    display: inline;
}

td
{
    padding: 1px;
    text-align: left;
    vertical-align: top;
}

h1, h2, h3, h4, h5
{
	color: black;
	border-bottom: 2px solid #00aeef;
	margin: 0 0 26px 0;
}
h1{font-size: 30px;}
h2{font-size: 26px;}
h3{font-size: 23px;}
h4{font-size: 18px;}
h5{font-size: 14px;}

a, a:link, a:visited, a:hover, alert-grey a, alert-grey a:active, alert-grey a:link, alert-grey a:visited
{
    color: #00aeef;
    text-decoration: none;
}
a:hover, alert-grey a:hover
{
    color: #152452;
}

label
{
    display: inline;
}

hr.red {
	height: 2px;
	border: 1px;
	color: #bf1f33;
	background-color: #bf1f33;
}


/* Font styling */
.instructions {
	font-size: 11pt;
	color: #7e7e7e;
	font-style: italic;
}
.red {color: #bf1f33;}
.bold {font-weight: bold;}
.smallText{font-size: 8pt;}
.italic{font-style: italic;}
.underline {text-decoration: underline !important;}
.centered{text-align: center;}
.columnHeader {
	font-weight: bold;
	color: black;
}
.darkBlue {
	color: #152452;
}

.blue{
	color: #25408F;
}

.subHeaderFont
{
    color:black;
}

.green{
	color: #9ACA3C;
    border-bottom: 2px solid #9ACA3C;
	margin: 0 0 26px 0;
}

.hrHeader,.hrSubHeader{
	color: #009BDE;
    border-bottom: 2px solid #009BDE;
	margin: 0 0 26px 0;
}

.btnColor
{
    background-color:#00aeef !important;
}

/* General Styling Modifiers */
.float-right {float:right;}
.padded{padding: 10px !important;}
.padLeft, .padBoth{margin-left: 10px !important;}
.padRight, .padBoth{margin-right: 10px !important;}
.padBottom {margin-bottom: 10px !important;}
.link-cursor {
	cursor: pointer;
}
.icon.white {
	color: #ffffff !important;
}

.alignLeft{text-align: left;}
.alignRight{text-align: right;}
.alignCenter{text-align: center;}

.requiredFieldLabel::after
{
    content: " * ";
}
.requiredControl
{
    background-color: #ffcccc !important;
	border: 1px solid #ff0000 !important;
}

/* template header/footer styling */
header {
	margin: 0;
	padding:0;
}


#content_body_leftcol {
	height: 100%;
	padding: 10px;
	background-color: #00aeef;
}

	
	#content_body_leftcol a, #content_body_leftcol a:link, #content_body_leftcol a:visited, #content_body_leftcol a:active {
		color: #ffffff;
		font-weight: bold;
	}

	#content_body_leftcol a:hover {
		color: #afafaf;
	}

	#content_body_leftcol>hr {
		height: 1px;
		color: #ffffff;
		background-color: #ffffff;
		border: none;
	}

.panel-title {
	width: 100%;
}
h4.navHeader{
	border-bottom: 1px solid #ffffff;
}
h4.navHeader a{
	color: black !important;
	font-weight: bold;
}

#content_body_rightcol {
	height: 100%;
	padding: 10px;
}

footer
{
    padding: 10px;
    margin: 30px 0 0 0;
	border-top: 30px solid #00aeef;
	background-color: #efefef;
}
	footer * {
		font-size: 9pt;
	}

/* Bootstrap compliments/overrides */

a.btn
{
    text-decoration: none;
}

.alert
{
    /*width: 90%;*/
    margin: 10px auto;
}

.alert-environmentText
{
    width: 98%;
    padding: 10px;
    color: #ff0000;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    background-color: #ffcaca;
    border-color: #ff0000;
}

select, input[type=text], input[type=password], textarea
{
    width: 98%;
}

input[type=text], input[type=password]
{
    height: 22px;
}

input[type=text]::placeholder, input[type=password]::placeholder
{
    font-size: 9pt;
}

.span1.mini
{
    width: 20px;
    margin-left: 1%;
}

.datePicker {
	background-image: url('../_images/calendar-icon.png');
	background-repeat: no-repeat;
	background-position: right;
	cursor: pointer;
}

/* styling when displaying a data view (list of row-fluid's to mimic a table view of data) */
.dataContainer
{
    width: 100%;
    padding: 4px;
    overflow: auto;
    border: 1px solid #B2B2B2;
    border-radius: 7px;
    background-color: #e4effb;
}
.dataContainer > .dataContainerHeaderRow
{
    font-weight: bold;
    font-size: 11px;
}
.dataContainer > .dataContainerDataRow
{
    font-size: 11px;
    border-width: 0px 0px 1px;
    border-style: none none dashed;
    border-color: -moz-use-text-color -moz-use-text-color #CCC;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}

.downloadableDocument, .downloadableDocument a {
	color: #00aeef !important;
	font-weight: bold;
	text-decoration: underline !important;
}


/* override bootstrap button color scheme/attributes to match client better */

.btn ,a.btn, a.btn:link, a.btn:active, a.btn:visited
{
    border: medium none;
    text-shadow: none;
    border-radius: 7px;
    font-family: "CreteRoundRegular";
    background-image: none;
    cursor: pointer;
    padding: 5px 35px;
    text-align: center;
    font-size: 18px;
    position: relative;
    color: #FFF;
    background-color:#00aeef;
}
.btn:hover
{
    color: #666666;
    background-color: #CCCCCC;
}

.btn-default, a.btn-default
{
    background-color: #152452;
}

.btn-primary, a.btn-primary
{
    background-color: #00aeef;
}

.btn-info, a.btn-info
{
    background-color: #00aeef;
}


.btn-danger, a.btn-danger
{
    background-color: #F37021;

}

.btn-danger, a.btn-info
{
}

.alert-grey {
	background-color: #e1e1e1;
	border-color: #929292;
}
.alert-grey, alert-grey p {
	color: #000000;
}
	.alert-grey hr {
		height: 1px;
		border: 1px;
		color: #333;
		background-color: #333;
	}

.optionButton
{
    font-size: 9px !important;
    width: 46px !important;
    padding: 6px !important;
    line-height: normal;
}

 .fade {
   /*opacity: 0;
   -webkit-transition: opacity 0.25s linear !important;
      -moz-transition: opacity 0.25s linear !important;
       -ms-transition: opacity 0.25s linear !important;
        -o-transition: opacity 0.25s linear !important;
           transition: opacity 0.25s linear !important;*/
 }

img.whiteArrowBullet {
	width: 15px;
	height: 15px;
	margin-right: 4px;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #152452;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

 
@media (min-width:1023px)
{
    body .modal
    {
        background-clip: padding-box;
        background-color: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 6px;
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        margin-left: -30%;
        outline: medium none;
        position: fixed;
        top: 10%;
        width: 60%;
        z-index: 1050;
    }

    body .modal-body
    {
        min-height:150px;
        max-height:750px;
    }
    
    .detailContainerHeaderRow
    {
        display: none;
    }
}

/* Mobile specific display settings */
@media (max-width: 767px)
{
}

/* Print version */
@media print {

	#content_body_leftcol {
		display: none;
	}
	a, a:link, a:active, a:visited, a:hover {
		display: none;
	}
	.hideOnPrint {
		display: none;
	}
}