﻿/* CSS Document */

* {
	margin:0; 
	font-size:100%;
}

body{
	background: white;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;
     padding-left:0px;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.667em;
		color:#4e4e4e;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#4e4e4e;}
a:hover{text-decoration:none;}

#HrefClientHomePage {text-decoration: none;}
#HrefClientHomePage:hover {text-decoration: underline;}

/* ============================= main layout ====================== */

#main { text-align:left; width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 980)? "980px" : "100%"); min-width:980px;}

#header {height:129px; background:url(/OLA2Common/OnlineApp/images/header-tail.png) top repeat-x; padding:16px 17px 0 22px;}

#footer { height:46px;}

.col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}
.container2 {width:100%;}

.sidebar {width:242px; margin-right:-249px; float:left; position:relative;}
.site-content {width:100%; float:left;}
.site-content .indent {padding-left:249px;}


.link {font-size:1.5em; display:inline-block; margin-top:26px;}
.site-content .link {font-size:1.385em; line-height:1em;}
.box2 .link {font-size:1.125em; line-height:1em; margin-top:17px;}
.link3 {color:#0e7c99;}
.link4 {color:#a8a285;}

li { padding-left:8px; }
li a {color:#4e4e4e;}

h2 {color:#000000; font-size:2em; line-height:1em; font-weight:normal; margin-bottom:15px;}
.site-content h2 {font-size:1.846em; line-height:1em;}
h3 {color:#373737; font-size:1.5em; line-height:1em; font-weight:normal; margin-bottom:5px;}

.imgindent {margin:0 9px 0 0; float:left;}
.imgindent2 {margin:0 20px 0 0; float:left;}

.title1 {color:#ffffff; background:url(/OLA2Common/OnlineApp/images/title2-tail.png) top repeat-x; margin:0 0 28px -20px; position:relative; width:215px;}
.title1 span {display:block; background:url(/OLA2Common/OnlineApp/images/title2-right-bg.png) top right no-repeat; padding:11px 15px 11px 16px;}
.title2 {color:#ffffff; background:url(/OLA2Common/OnlineApp/images/title2-tail.png) top repeat-x; margin:0 0 10px -14px; position:relative;}
.title2 span {display:block; background:url(/OLA2Common/OnlineApp/images/title2-right-bg.png) top right no-repeat; padding:10px 15px 13px 13px;}
.title3 {color:#ffffff; background:url(/OLA2Common/OnlineApp/images/title3-tail.png) top repeat-x; margin:0 0 10px -14px; position:relative; width:215px;}
.title3 span {display:block; background:url(/OLA2Common/OnlineApp/images/title3-right-bg.png) top right no-repeat; padding:10px 15px 13px 16px;}

/* ============================= header ====================== */

#header h3 {display:inline;}
.logo {margin-top:35px; color: White; font-size: 24px;}
#header .right {text-align:right;}
#WelcomeImageOverlay {background-image: url(/OLA2Common/OnlineApp/images/WelcomeImageOverlay.png); position: absolute; top: 0px; left: 0px; width: 172px; height: 152px; background-repeat: no-repeat;}
#DivWelcomeImage {background-image: url(../images/WelcomeImage.jpg); width: 172px; height: 152px; overflow: hidden; position: relative;}

#header .menu {width:626px; overflow:hidden; padding-top:27px; height:44px;}
#header .menu ul {float:left;}
#header .menu li {margin-left:2px; float:left; width:102px; text-align:center; background:none; padding:0; font-size:1.083em; line-height:1em;}
#header .menu li a {display:block; background:url(/OLA2Common/OnlineApp/images/menu-tail-bg.gif) top repeat-x; color:#ffffff; text-decoration:none; margin-top:3px;}
#header .menu li a span {background:url(/OLA2Common/OnlineApp/images/menu-right-bg.gif) top right no-repeat; display:block;}
#header .menu li a span span {background:url(/OLA2Common/OnlineApp/images/menu-left-bg.gif) top left no-repeat; padding:15px 0 13px 0;}
#header .menu li a:hover {background:url(/OLA2Common/OnlineApp/images/menu-tail-bg-act.gif) top repeat-x; color:#373737; font-weight:bold; margin:0;}
#header .menu li a:hover span {background:url(/OLA2Common/OnlineApp/images/menu-right-bg-act.gif) top right no-repeat;}
#header .menu li a:hover span span {background:url(/OLA2Common/OnlineApp/images/menu-left-bg-act.gif) top left no-repeat; padding-top:18px;}
#header .menu .active a {background:#f5f5eb; color:#373737; font-weight:bold; margin:0;}
#header .menu .active a span {background:url(/OLA2Common/OnlineApp/images/menu-right-bg-act.gif) top right no-repeat;}
#header .menu .active a span span {background:url(/OLA2Common/OnlineApp/images/menu-left-bg-act.gif) top left no-repeat; padding-top:18px;}

/* ============================= content ====================== */

#content {padding:22px 16px 27px 15px; background: white;}
.site-content {font-size:1.083em; line-height:1.231em;}
.col-pad {margin-right:1px;}
.col-pad2 {padding-right:20px;}

.box {background:#f6f4f1 url(/OLA2Common/OnlineApp/images/box-corner-bottom-right.gif) bottom right no-repeat; width:100%;}
.box .corner-bottom-left {background:url(/OLA2Common/OnlineApp/images/box-corner-bottom-left.gif) bottom left no-repeat; width:100%;}
.box .corner-top-right {background:url(/OLA2Common/OnlineApp/images/box-corner-top-right.gif) top right no-repeat; width:100%;}
.box .corner-top-left {background:url(/OLA2Common/OnlineApp/images/box-corner-top-left.gif) top left no-repeat; width:100%;}
.box .indent {padding:14px 25px 27px 20px;}

.box2 {background:#f7f7f7 url(/OLA2Common/OnlineApp/images/box2-tail-bottom.gif) bottom repeat-x; width:98%;}
.box2 .tail-right {background:url(/OLA2Common/OnlineApp/images/box2-tail-right.gif) right repeat-y;}
.box2 .tail-left {background:url(/OLA2Common/OnlineApp/images/box2-tail.gif) left repeat-y;}
.box2 .tail-top {background:url(/OLA2Common/OnlineApp/images/box2-top-tail.gif) top repeat-x;}
.box2 .corner-bottom-right {background:url(/OLA2Common/OnlineApp/images/box2-corner-bottom-right.gif) bottom right no-repeat;}
.box2 .corner-bottom-left {background:url(/OLA2Common/OnlineApp/images/box2-corner-bottom-left.gif) bottom left no-repeat;}
.box2 .corner-top-right {background:url(/OLA2Common/OnlineApp/images/box2-corner-top-right.gif) top right no-repeat;}
.box2 .corner-top-left {background:url(/OLA2Common/OnlineApp/images/box2-corner-top-left.gif) top left no-repeat; }
.box2 .box-indent {padding:20px 4px 0px 0px;}

.box3 {background:#fbfbfb url(/OLA2Common/OnlineApp/images/box3-tail-bottom.gif) bottom repeat-x;}
.box3 .tail-right {background:url(/OLA2Common/OnlineApp/images/box3-tail-right.gif) right repeat-y;}
.box3 .tail-left {background:url(/OLA2Common/OnlineApp/images/box3-tail.gif) left repeat-y;}
.box3 .tail-top {background:url(/OLA2Common/OnlineApp/images/box3-top-tail.gif) top repeat-x;}
.box3 .corner-bottom-right {background:url(/OLA2Common/OnlineApp/images/box3-corner-bottom-right.gif) bottom right no-repeat;}
.box3 .corner-bottom-left {background:url(/OLA2Common/OnlineApp/images/box3-corner-bottom-left.gif) bottom left no-repeat;}
.box3 .corner-top-right {background:url(/OLA2Common/OnlineApp/images/box3-corner-top-right.gif) top right no-repeat;}
.box3 .corner-top-left {background:url(/OLA2Common/OnlineApp/images/box3-corner-top-left.gif) top left no-repeat;}
.box3 .box-indent {padding:8px 30px 29px 14px;min-height:230px;}
.box3 .link {margin-top:20px;}

.padding1 {padding-top:17px;}
.padding2 {padding-top:7px;}
.padding3 {padding-top:27px;}
.indent1 {padding:22px 20px 20px 14px;}
.box2 {font-size:1.231em; color:#666666; line-height:1.05em;}
.box2 h2 {font-size:1.5em; line-height:1em;}
.box2 .link2 {font-size:0.875em;}
.color2 {color:#000;}
.color3 {color:#50a70e;}

.link-arrow {margin-top:1.6em; width:1.25em; opacity:.7;}

/* ============================= footer ====================== */

#footer {font-size:1.083em; padding:32px 21px 0 25px; background-color: #f2f2f2;}
#footer a {color:#484640;}
#footer .menu {float:right;}
#footer .menu li {display:inline; background:url(/OLA2Common/OnlineApp/images/footer-menu-devider.gif) top left no-repeat; padding:0 12px 0 13px; line-height:1.667em;}
#footer .menu li a {color:#484640;}
#footer .menu .first {background:none;}

/* ============================= forms ============================= */

#SearchFormDiv .rowi {height:24px;}
#SearchFormDiv {background:url(/OLA2Common/OnlineApp/images/form-tail.png) no-repeat; font-weight:bold; color:#ffffff; font-size:1.083em; width:390px; float:right;}
#SearchFormDiv .right-bg {background:url(/OLA2Common/OnlineApp/images/form-right-bg.png) top right no-repeat;}
#SearchFormDiv .left-bg {background:url(/OLA2Common/OnlineApp/images/form-left-bg.png) top left no-repeat; padding:18px 20px 16px 13px;}
#SearchFormDiv .input {width:139px; height:20px; border:1px solid #666; background:#ffffff; padding:0 0 0 5px; font-size:1em; margin:0 5px 0 0;}
#SearchFormDiv .select {width:88px; border:1px solid #b7871e; background:#ffffff; color:#848484; font-size:0.923em; margin:0 5px 0 10px;}

.button {background:url(/OLA2Common/OnlineApp/images/button-tail-bg.gif) top repeat-x; display:inline-block; font-size:0.846em; text-decoration:none; color:#ffffff; text-transform:uppercase;}
.button span {background:url(/OLA2Common/OnlineApp/images/button-right-bg.gif) top right no-repeat; display:inline-block;}
.button span span {background:url(/OLA2Common/OnlineApp/images/button-left-bg.gif) top left no-repeat; padding:1px 8px 0 10px;}

#ContactForm {padding:20px 0 0 0;}
#ContactForm .rowi {height:42px;}
#ContactForm .link {float:right; margin-left:20px;}
.input {width:252px; height:19px; border:1px solid #cdcdc7; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:300px; height:105px; border:1px solid #cdcdc7; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}

/* ============================= job postings ============================= */
#AppliTrackOutput .ApplyButton {color: White; background-color: #b10000 !important;}
#AppliTrackOutput .button {background-image: none;}
#wrapword {word-break:break-word;hyphens: auto;}

/* ============================= tabs ============================= */
#DivCatLocTabs ul { margin-left: -4px; list-style: none; /*display: none;*/}
#DivCatLocTabs ul li {
    border-bottom: 1px solid #999; 
    padding: 4px; 
    font-size: 16px;
    font-weight: normal; 
    cursor: pointer;
    display:inline;
    margin-right: -4px;
}
#DivCatLocTabs ul li.active {
    border: 1px solid #999; 
    border-bottom: none; 
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; 
    -moz-border-radius-topleft: 4px; 
    -moz-border-radius-topright: 4px;
    font-weight: bold;
}
#DivCatLocTabs ul li.active a {
    cursor: text;
}
#DivCatLocTabs ul li a {
    padding: 4px; 
    text-decoration: none;
}
.tab-content.active {
    display: inherit;
}
.tab-content {
    display: none;
}

/* override css rules set by output.asp to conform to default.aspx's look-and-feel */
#AppliTrackOutput .CategoryLinks UL LI
{
    list-style-image: none;
    font-size: 18px;
}
#AppliTrackOutput .title
{
    background-image: url(/OLA2Common/OnlineApp/images/sortbg.gif);
    color: #333;
    padding: 8px;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    margin-left: .4%;
    margin-right: .34%;
}
#AppliTrackOutput .title2
{
    background-image: url(/OLA2Common/OnlineApp/images/sortbg.gif);
    color: #333;
    padding: 0px;
    font-weight: normal;
    font-style: normal;
    margin-top: -5px;
}
P
{
    padding-top: none;
}
#DivWelcomeText ul, .postingsList ul {
    list-style-type: disc;
    padding-left: 40px;
}
#DivWelcomeText ul ul, .postingsList ul ul {
    list-style-type: circle;
}
#DivWelcomeText ul ul ul,.postingsList ul ul ul {
    list-style-type: square;
}