/***************
    DO NOT DELETE THIS FILE IT IS USED THROUGHOUT THE SITE IN ADDITION TO STYLE.CSS
****************/

/* containers */
.relative{position:relative;}
.content-container{position:relative;overflow:hidden}
.content-left{float:left;}
.content-right{float:right;}

/* formatting */
.align-right{text-align: right}
.align-left{text-align: left}
.underline{text-decoration: underline !important}
.hover:hover {opacity: 0.7;filter: alpha(opacity=70);} 
a:hover, a:active, a:focus {outline: 0!important;}

/* forms & validation */
.message-section{margin-top:15px; float: left;width: 100%;}
.message-section h3{padding-bottom:10px!important;margin-bottom:0px!important;font-size:18px!important;}
.validation-error, .error, .field-validation-error{color:red;}
.warning{color:red;font-weight:bold;}

/*office list*/
.office-list-map {height: 280px;margin: 0;padding: 0;}

/*pager*/
ul.pagination li { background: none!important;}
ul.pagination li a{ font-size: 12px;font-weight: bold;padding-left: 5px;padding-right: 5px;padding-bottom:0px;padding-top:0px;}
.pagination > li > a, .pagination > li > span { margin-left:2px;margin-right:2px;}

.home-content .job_page ul .page-active{}
.home-content .job_page ul .page-active a{color: white}

.pager-section{float:right;}

/*sorts out the background color*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #9F122C!important;
    border-color: #9F122C!important;
    color: #fff;
    cursor: default;
    z-index: 2;
    padding-left: 5px;padding-right: 5px;padding-bottom:0px;padding-top:0px;
    font-size:12px;
}

/*disables the style on the next button*/
.pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span:hover {
    background: none!important;
    border: none!important;
    color: #000;
}
.pagination > li:last-child > span{display:none;} /*hides the next button if no next*/

/*disables the style on the previous button*/
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:first-child > a, .pagination > li:first-child > span:hover {
    background: none!important;
    border: none!important;
    color: #000;
}
.pagination > li:first-child > span{display:none;} /*hides the previous button if no previous*/