/* All HTML elements go in this section alphabetically. */
/* Begin of HTML elements */
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #998E8E;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #998E8E!important;
    text-overflow: ellipsis;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #998E8E!important;
    text-overflow: ellipsis; 
}
:-ms-input-placeholder { 
    color: #998E8E!important;
    text-overflow: ellipsis; 
}
dd {
    font-family: verdana;
    line-height: 1.1em;
}
div {
    font-family: verdana;
}
dl {
    font-family: verdana;
    line-height: 1.1em;
}
dt {
    font-family: verdana;
    line-height: 1.1em;
}
form {
    font-family: verdana;
}
form select option {
    color: #1C488D;
}
form select option:first-child {
    color: #998E8E;
}
form select.not_chosen {
  color: #998E8E;
}
/* This is styling the date picker icon */
img.ui-datepicker-trigger {
    cursor: pointer;
    height: 33px;
    vertical-align: top;
}
input {
    font-family: verdana;
}
input[type=email] {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #1C488D;
    padding: 5px;
}
input[type=text] {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #1C488D;
    padding: 5px;
}
label {
    font-family: verdana;
    font-size: 12pt;
}
p {
    font-family: verdana;
    font-size: 12pt;
}
pre {
    font-family: verdana;
    font-size: 12pt;
}
ol {
    font-family: verdana;
    font-size: 12pt;
    line-height: 1.1em;
}
li {
    font-family: verdana;
    line-height: 1.1em;
}
select {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: #EEEEEE;
    border-radius: 5px;
    border-style: inset;
    border-width: 2px;
    color: #1C488D;
    font-family: verdana;
    padding: 5px;
}
table {
    font-family: verdana;
}
td {
    font-family: verdana;
}
textarea {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: verdana;
    color: #1C488D;
    padding: 5px;
}
th {
    font-family: verdana;
    font-size: 12pt;
}
tr {
    font-family: verdana;
}
ul {
    font-family: verdana;
    line-height: 1.1em;
}
/* End of HTML elements */
/**************************************************************************************/
/* All classes go in this section alphabetically. */
/* Begin of classes */
.bodyDiv{
    padding: 10px 10px 10px 20px;
    background-color: #fff;
    min-height: 350px;
    border-radius: 5px 5px 5px 5px;
    box-shadow:  0 0 10px 2px  rgba(0,0,0,0.38);
    -moz-box-shadow: 0 0 10px 2px  rgba(0,0,0,0.38);
    -webkit-box-shadow: 0 0 10px 2px  rgba(0,0,0,0.38);
    -o-box-shadow: 0 0 10px 2px  rgba(0,0,0,0.38);
}
.bodyDivWrapper{
    width: 100%;
}
.clear {
    clear:both;
}
.displayField {
    font-family: verdana;
    color: #1C488D;  
}
.dmvFieldSeperator {
    display : inline;
    font-size: 1.4em;
    margin-left: 5px;
    margin-right: 5px;
}
.fontVerdana {
    color: black;  
    font-family: verdana;
}
.fontVerdanaBox:hover, .fontVerdanaBox:focus {
    box-shadow: 0 0 3px 1px #003399; 
}
.fontVerdanaBox {
    font-family: verdana;
}
.inline {
    display: inline-block;
}
.messageError {
    background-color: #FFBABA;
    background-image: url('../../images/error.png');
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid;
    border-radius: 10px;
    color: #D8000C;
    margin-bottom: 5px;
    margin-top: 5px;
    max-width:500px;
    padding-bottom: 5px;
    padding-left: 42px;
    padding-right: 5px;
    padding-top: 5px;
}
.messageError ul {
    -webkit-padding-start: 20px;
}
.messageInformation {
    background-color: #BDE5F8;
    background-image: url('../../images/info.png');
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid;
    border-radius: 10px;
    color: #00529B;
    margin-bottom: 5px;
    margin-top: 5px;
    max-width:500px;
    padding-bottom: 5px;
    padding-left: 42px;
    padding-right: 5px;
    padding-top: 5px;
}
.messageInformation ul {
    -webkit-padding-start: 20px;
}
.messageSuccess {
    background-color: #DFF2BF;
    background-image:url('../../images/success.png');
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid;
    border-radius: 10px;
    color: #4F8A10;
    margin-bottom: 5px;
    margin-top: 5px;
    max-width:500px;
    padding-bottom: 5px;
    padding-left: 42px;
    padding-right: 5px;
    padding-top: 5px;
}
.messageSuccess ul {
    -webkit-padding-start: 20px;
}
.messageWarning {
    background-color: #FEEFB3;
    background-image: url('../../images/warning.png');
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid;
    border-radius: 10px;
    color: #9F6000;
    margin-bottom: 5px;
    margin-top: 5px;
    max-width:500px;
    padding-bottom: 5px;
    padding-left: 42px;
    padding-right: 5px;
    padding-top: 5px;
}
.messageWarning ul {
    -webkit-padding-start: 20px;
}
.messageValidation {
    background-color: #FFCCBA;
    background-image: url('../../images/validation.png');
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid;
    border-radius: 10px;
    color: #D63301;
    margin-bottom: 5px;
    margin-top: 5px;
    max-width:500px;
    padding-bottom: 5px;
    padding-left: 42px;
    padding-right: 5px;
    padding-top: 5px;
}
.messageValidation ul {
    -webkit-padding-start: 20px;
}
.pageContext{
	width: 70%; 
}
.placeholder {
    color: #998E8E!important; 
    text-overflow: ellipsis;
}
.required {
    color: red;
    font-size: 16pt;
    font-weight: bold;
}
.requiredText {
    color: red;
    font-family: verdana;    
    font-size: 10pt;
}
/* This is a jQuery-ui class.  We need to override the overflow style to not have a vertical scroll bar when
    accordions have list items inside of them */
.ui-accordion .ui-accordion-content {
    overflow: visible;
}
/* This is a jQuery-ui class.  We need to override the font style to conform with our look */
.ui-widget {
    font-family: verdana;
}
.validationErrorRedBorder { 
	border-color: red !important;
	border-width: 2px !important;
	border-style: solid !important;
}
.marginRight10{
	argin-right: 10px;
}
/* End of classes */
/**************************************************************************************/
/* All IDs go in this section alphabetically. */
/* Begin of IDs */
#main_footer { 
	color:#0078ae;
    width: auto;
    padding: 10px;
}
#main_footerDivWrapper {
	position: absolute;
	bottom: 0;
	background-color: #F0F0F0;	
	box-shadow:  0 0 10px 2px  rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 10px 2px  rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 10px 2px  rgba(0,0,0,0.15);
    -o-box-shadow: 0 0 10px 2px  rgba(0,0,0,0.15);  
    height: auto;
    min-height: 30px;
    width: 100%;
}
#mainFooterImage {
    display: none;
}
#mobile_footer {
    display: none;
}
/* End of IDs */