﻿@charset "UTF-8";
/* CSS Document */


ul#subNavigation {margin: 0px 0px 0px 0px; padding: 5px 10px 0px 10px; background: #f0ede1 url('/_i/bgSubNav_v2.png') repeat-x left -1px; height: 34px; width: 960px; border-left: 1px solid #B5AB8F; border-right: 1px solid #B5AB8F; border-bottom: solid 1px #c7c2b4;}

ul#subNavigation li {float: left; margin: 4px 0px 0px 0px; padding-right: 0px; background: url('/_i/bgSubNavLink.png') no-repeat right top;}
ul#subNavigation li:first-child {margin-left: 10px;}
ul#subNavigation li a {display: block; color: #594A42; padding: 8px 20px 5px 20px; font-size: 1.2em; text-decoration: none; line-height: 16px; margin-left: -1px; margin-top: 2px; } /* text-transform: uppercase; */
ul#subNavigation li:first-child a {background: url("/_i/bgSubNavDivider.gif") no-repeat scroll left bottom transparent;}
ul#subNavigation li a:hover {text-decoration: underline;}

ul#subNavigation li.selected {}
ul#subNavigation li.selected:first-child {}
ul#subNavigation li.selected a, ul#subNavigation li.active a {background: #fcfcfc url('') no-repeat center bottom; padding: 7px 19px 4px 19px; color: black; border-right: solid 1px #c7c2b4; border-left: solid 1px #c7c2b4; border-top: solid 1px #c7c2b4; border-bottom: solid 1px #fcfcfc; margin-left: -1px;}
ul#subNavigation li.active a {color: #594A42;}

ul#subNavigation li.selected a:hover {cursor: default; text-decoration: none;}


#breadCrumbs {display: none; border-bottom: dotted 1px #999; height: 18px;}
#breadCrumbs ol li {float: right; margin: 0 15px 0 5px;}
#breadCrumbs ol li a {font-size: 1em;}

h1,h2,h3,h4,h5,h6 {font-family: 'Molengo', Verdana, Sans-Serif; }



/* ======================| CONTENT |========================= */

#content {padding: 5px 0px; background-image: url("/_i/bgTree2.png"); background-repeat: no-repeat; background-position: right bottom; color: #676767; font-size: 1.2em;}

#content h2 {font-size: 2.42em; text-transform: uppercase; color: #BF9A30; font-weight: normal; margin: 1.25em 0 .25em 0; line-height: .89em; padding: 0px 5px 5px 0px;  letter-spacing: .05em;} /* color: #444; border-bottom: dotted 1px #a1a1a1; border-top: double 3px #a1a1a1; margin: 30px 0px 15px 0px;*/
#content h3 {margin: 1.25em 0 .25em 0; color: #A67A00; font-size: 2em; line-height: 1em; font-weight: normal;} 
#content h4 {margin: 1.25em 0 .25em 0; font-size: 1.67em; font-weight: normal; line-height: 1em; background: transparent url(/_i/bgDotBorder.gif) repeat-x left bottom; padding-bottom: 4px;} /* margin: 15px 0px 5px 0px; */

#content p {margin: .5em 0 1.5em 0; line-height: 1.65em;}

#content a {color: #3291BB; text-decoration: none;}
#content a:hover {cursor: pointer; color:#69F; text-decoration: underline; }

#header.noSubNav + #content {background-image: url(/_i/bgLColumn4.png); background-repeat: repeat-y; background-position: 0px top;}
#header.noSubNav + #content h2 {border-top: 0; border-bottom: 0; padding: 0px;}



/* ======================| Left-Column/Right-Column |========================= */

#content #leftColumn {float: left; margin: 30px 15px 20px 20px; clear: left; width: 300px;}
#content #rightColumn {float: right; margin: 30px 20px 40px 15px; width: 600px; min-height: 400px;}

#content #leftColumn h3 {font-size: 1.3em; line-height: 32px; margin-bottom: 0px; border-top: solid 5px #ccc;}
#content #leftColumn h3:first-child {margin-top: 0px;}

#leftColumn ul {margin: 0 0 20px 0px;}
#leftColumn ul li {padding: 9px 0 8px 8px; background: transparent url(/_i/bgDotBorder.gif) repeat-x; font-size: 11px;}
#leftColumn ul li a, ol li a {font-size: 1.1em; color: #0065a4; text-decoration: none; }
#leftColumn ul li a:hover, ol li a:hover {color: #69F; text-decoration: underline;}

#leftColumn ul ul {margin: 0 0 0 0;}
#leftColumn ul li li {padding: 9px 0 0 8px; background: none; font-size: 11px;}

#leftColumn ol li {list-style-type: decimal; list-style-position: inside; padding: 5px 0px 5px 10px; background: transparent url(/_i/bgDotBorder.gif) repeat-x;}
#leftColumn ol li ol {margin-top: 5px;}
#leftColumn ol li ol li {list-style-type: lower-alpha; background: none; padding: 3px 0px 3px 10px;}




/* ======================| Page Navigation |========================= */
ul#pageNavigation {}
ul#pageNavigation li {}
ul#pageNavigation li a {background: transparent url(/_i/ObjectSprites.png) no-repeat left -399px; padding-left: 16px;}
ul#pageNavigation li a:visited {color: #0065a4;}
ul#pageNavigation li a:hover {color: #69F; text-decoration: underline;}
ul#pageNavigation li.selected a {font-weight: bold; text-decoration: none; color: #444; text-transform: uppercase;}

ul#pageNavigation li.selected li a {font-weight: normal; text-decoration: none; color: #3291BB; text-transform: none;}

#leftColumn h4.sf_newsTitle, #leftColumn h4.itemTitle {background: none; margin: 0 0 3px 0; font-size: 1.1em; font-family: Verdana;}



/* ======================| Right-Column |========================= */

#content #rightColumn h2:first-child {margin-top: 0px}
#header.noSubNav + #content #rightColumn {background-image: url("/_i/bgTree2.png"); background-repeat: no-repeat; background-position: right bottom; padding: 30px 20px 40px 15px; margin: 0px;}

#rightColumn p {}
#rightColumn p img {margin: 5px 15px 10px 15px;}
#rightColumn li {margin-top: 3px; margin-bottom: 8px; line-height: 18px;}
#rightColumn li:first-child {margin-top: 0;}
#rightColumn li:last-child {margin-bottom: 0;}
#rightColumn > ul li, #rightColumn > div > ul li {list-style-type: square; }
#rightColumn ul, #rightColumn ol {margin: .35em 0 0 1.5em;} 
#rightColumn ol {list-style-type: decimal;}
#rightColumn > ol, #rightColumn > ul, #rightColumn > div > ol, #rightColumn > div > ul {padding-bottom: 10px;}

#rightColumn > ol, #rightColumn > ul, #rightColumn ol ol, #rightColumn ul ul {line-height: 1.5em; }
#rightColumn > h3 + ul, #rightColumn > h3 + ol {margin-top: 1.5em;}
#rightColumn > h4 + ul, #rightColumn > h4 + ol {margin-top: .75em;}
#rightColumn ol + h4, #rightColumn ul + h4 {margin-top: 1em;}


/* =====| Right-Column CUSTOM STYLES   */

#rightColumn h2.logoGenerals {background: url('/Libraries/General_Site_Pictures/img-GeneralsLogo.sflb.ashx') no-repeat center top; height: 174px; text-indent: -999px;}
#rightColumn h2.logoTheOAKS {background: url('/Libraries/General_Site_Pictures/img-oaksLogo.sflb.ashx') no-repeat center top; height: 68px; text-indent: -999px;}

#rightColumn h3.category {background-color: #f0ede1; padding: 2px 5px; border-top: solid 1px #a1a1a1; border-bottom: dotted 1px #a1a1a1; letter-spacing: .02em;}
#content #rightColumn h3.banner {margin-left: -30px; color: #565656; font-weight: normal; background: url(/_i/bgPortalHeading2.png) no-repeat left top; padding: 7px 0px 13px 30px; width: 620px;}
#content #rightColumn h3.banner {margin-bottom: 10px; font-size: 1.67em;}

#rightColumn table.minimal {border-collapse: collapse; text-align: left; margin: .25em 0 1.25em 0;}
#rightColumn table.wide {width: 100%;}
#rightColumn table.minimal th {font-weight: normal; font-family: Verdana, Sans-Serif; color: #BF9A30; padding: 4px 8px 2px 0; text-align: center; border-bottom: 2px solid #777777; vertical-align: middle;}
#rightColumn table.wide thead th {text-align: left;}
#rightColumn table.minimal tbody th {text-align: left; padding: 10px 10px 3px 0px; border-bottom: 2px solid #aaaaaa; color: #84a846; font-size: 1.2em;}
#rightColumn table.minimal tbody td {border-bottom: 1px solid #ccc; color: #444; padding: 4px 8px 4px 2px; text-align: Left; vertical-align: top; }
#rightColumn table.minimal tbody td ul {margin: 0 15px;}
#rightColumn table.minimal tbody td ul li {	margin: .1em 0 .5em 0; line-height: 1.25em;}
#rightColumn table.minimal tbody tr:hover td { color: #000; background: #e7e7e7; cursor: default;}
#rightColumn table.minimal tr.clickable:hover td {cursor: pointer; background: #99ccff;}
#rightColumn table.minimal tr.subHeading td {color: #444; padding-top: 10px; border-bottom: 2px solid #ccc; font-size: 1.1em;}
#rightColumn table.minimal tbody tr.subHeading:hover td { color: #000; background: #fcfcfc; cursor: default;}

#leftColumn table.minimal {border-collapse: collapse; text-align: left; margin: .25em 0 1.25em 0; width: 100%;}
#leftColumn table.minimal th {font-weight: normal; font-family: Verdana, Sans-Serif; color: #BF9A30; padding: 4px 8px 2px 0; text-align: center; border-bottom: 2px solid #777777; vertical-align: middle;} /* font-size: 1.5em; */
#leftColumn table.minimal thead th {text-align: left; padding: 0 10px 3px 0; border-bottom: 2px solid #aaaaaa; color: #84a846; font-size: 1.0em;}
#leftColumn table.minimal tbody td {border-bottom: 1px solid #ccc; color: #444; padding: 4px 8px 4px 2px; text-align: Left; vertical-align: top; }
#leftColumn table.minimal tbody td ul {margin: 0 15px;}
#leftColumn table.minimal tbody td ul li {	margin: .1em 0 .5em 0; line-height: 1.25em;}
#leftColumn table.minimal tbody tr:hover td { color: #000; background: #e7e7e7; cursor: default;}
#leftColumn table.minimal tr.clickable:hover td {cursor: pointer; background: #99ccff;}
#leftColumn table.minimal tr.subHeading td {color: #444; padding-top: 10px; border-bottom: 2px solid #ccc; font-size: 1.1em;}
#leftColumn table.minimal tbody tr.subHeading:hover td { color: #000; background: #fcfcfc; cursor: default;}

#content #rightColumn img.full {float: none; margin: 0px; padding: 2px;}
#content #rightColumn img.framed {float: right; background: #f5f5f5; padding: 5px; border: solid 1px #d7d2c3; margin: 5px 15px 10px 15px;}
#content #rightColumn img.logo {float: none; padding: 0px; border: none; margin: 5px 15px 10px 0px; background: none;}

#content #rightColumn .RadChart img {margin: 0; padding: 0; float: none;}

#rightColumn ul.splitList {margin: -30px 0 0 0; font-size: 1em;}
#rightColumn ul.splitList li {display: block; float: left; width: 280px; margin: 0; padding: 0;}
#rightColumn ul.splitList li.even {padding-right: 40px;}

#rightColumn ul.links2Col {}
/* #rightColumn ul.links2Col li {float: left; width: 46%; padding-right: 1.5em;  color: #c3c3c3; } */
#rightColumn ul.links2Col li {background: url("/_i/bltSqrDGrey.gif") no-repeat left 7px; width: 46%; padding-left: 12px; color: #c3c3c3; display: inline-block; vertical-align: top; margin: 3px 0 4px 0;}


#rightColumn ul.inlineList {}
#rightColumn ul.inlineList li {display: inline-block; padding: 0 10px; border-left: dotted 1px #444;}
#rightColumn ul.inlineList li:first-child {padding-left: 0; border-left: none;}

.videoBox {margin: 0 0 30px 0; width: 300px;}
.videoBox .video {border: solid 1px #ded9d6; padding: 2px;}
.videoBox p {color: #999;}

#rightColumn div.emailBox a, #rightColumn div.downloadBox a, #rightColumn div.clipboardBox a {background: Transparent none no-repeat left top; padding: 10px 15px 0px 70px; height: 64px; width: 175px; margin: 0 auto; font-size: 1.3em; display: block;} 
#rightColumn div.emailBox a:hover, #rightColumn div.downloadBox a:hover, #rightColumn div.clipboardBox a:hover {text-decoration: none; background-position: left -74px;}
#rightColumn div.emailBox a em, #rightColumn div.downloadBox a em, #rightColumn div.clipboardBox a em {font-size: .7em; color: #676767; font-style: normal; padding-top: 3px; display: block; border-top: solid 1px #bbb;}
#rightColumn div.emailBox a {background-image: url(/_i/btnEmailBox.png); margin: 0;}
#rightColumn div.downloadBox a {background-image: url(/_i/btnDownloadBox.png);}
#rightColumn div.clipboardBox a {background-image: url(/_i/btnClipBoardBox.png);}

#rightColumn ol.list2Col, #rightColumn ul.list2Col {width: 600px;}
#rightColumn ol.list2Col li, #rightColumn ul.list2Col li  {width: 270px; margin: 3px 15px; float: left;}
#rightColumn ol.list2Col li {display: block;}
#rightColumn ol.list2Col li ol {}
#rightColumn ol.list2Col li ol li {font-size: 1em; width: 240px;}

#rightColumn ul.detailList {margin: 0 0 15px 0;}
#rightColumn ul.detailList li {padding: 5px 0px 7px 30px; margin: 0 -20px 0 -25px; border-bottom: dotted 1px #a1a1a1; background: none; list-style: none;}
#rightColumn ul.detailList li li {border-style: none; border-color: inherit; border-width: medium; padding: 0px; margin: 2px 0px; background: none; list-style: none; font-size: .85em;}
#rightColumn ul.detailList li.alt {background-image: url('/_i/bgColor_TranLGrey.png'); background-repeat:repeat; background-position: left top;}
#rightColumn ul.detailList h4 {font-weight: normal; margin: 0 0 0 65px; padding: 0; background: none;}
#rightColumn ul.detailList strong.position {color: #777; font-weight: normal; margin-left: 66px; line-height: 20px;}
#rightColumn ul.detailList ul.detailList_Header {color: #777; text-transform: uppercase; margin: 5px 0px 5px 65px; font-family: verdana;}
#rightColumn ul.detailList ul.detailList_Header strong {color: #444; text-transform: none; font-weight: normal; font-size: 1.1em;}
#rightColumn ul.detailList li p {line-height: 1.5em; margin-bottom: 15px;}
#rightColumn ul.detailList li div.Employee {background: url('/_i/bgEmployeeTag.png') no-repeat left 50%;}
#rightColumn ul.detailList li div.Department {background: url('/_i/bgDeptBldg.png') no-repeat left 50%;}


#rightColumn ul.EmployeeList {border-top: 2px solid #A1A1A1; margin-top: 10px;}
#rightColumn ul.EmployeeList li {height: 80px; padding: 10px 0 10px 10px; margin: 0;}
#rightColumn ul.EmployeeList li ul.detailList_Header {margin: 2px 0 5px 90px;}
#rightColumn ul.EmployeeList li ul.detailList_Header li {display: inline-block; float: none; height: auto; width: 240px; margin: 0;}
#rightColumn ul.EmployeeList h4 {margin: 0 0 0 90px; font-size: 1.4em;}
#rightColumn ul.EmployeeList strong.position {color: #777777; display: block; font-weight: normal; line-height: 20px; margin-left: 90px;}
#rightColumn ul.EmployeeList li img { background: none repeat scroll 0 0 transparent; border: medium none; margin: 0; padding: 0; float: left;}


#rightColumn ul.InnerPage li {padding: 5px 0 7px 12px; margin: 0 0 0 0;}
#rightColumn ul.InnerPage h4 {font-size: 1.5em;} 
#rightColumn ul.InnerPage li li {width: 260px; float: left; margin: 0;} 
#rightColumn ul.InnerPage ul.detailList_Header {margin: 2px 0px 5px 65px;}

#rightColumn .expandableList > ul {margin: 0;}
#rightColumn .expandableList > ul > li {background: #fff; list-style: none; padding: 10px 0 5px 0; border: solid 1px #e3e3e3; margin: -1px 0 5px 0;}
#rightColumn .expandableList > ul > li > h3 {margin-top: 0; font-family: Verdana; font-size: 1.5em; margin-left: 10px;}
#rightColumn .expandableList .sf_listItemBody {padding: 0 10px 0 10px; border-top: dashed 1px #e3e3e3; margin-top: 10px;}
#rightColumn .expandableList .sf_listItemBody > h4:first-child {margin-top: 10px;}


#rightColumn .degree > ul > li {background: #fff url(/_i/bltDiploma.png) no-repeat 10px 8px;}
#rightColumn .degree > ul > li > h3 {margin-left: 65px;}
#rightColumn .avatar > ul > li {background: #fff url(/_i/bltAvatar.png) no-repeat 10px 5px;}
#rightColumn .avatar > ul > li > h3 {margin-left: 40px;}

#rightColumn .degree .sf_listItemBody, #rightColumn .avatar .sf_listItemBody {padding: 0 10px 0 65px;}
#rightColumn .sf_listItemBody ul {list-style-type: square; padding-bottom: 10px; margin: .35em 0 0 1.5em; }


/* ======================| Full-Column |========================= */

#header.noSubNav + #content.full {background-image: url("/_i/bgTree2.png"); background-repeat: no-repeat; background-position: right bottom; padding: 35px 20px 45px 20px; width: 940px;}
#content.full h2:first-child {margin-top: 0px}

#content.full p {}
#content.full img {float: right; background: #f5f5f5; padding: 5px; border: solid 1px #d7d2c3; margin: 5px 15px 10px 15px;}
#content.full p img {margin: 5px 15px 10px 15px;}
#content.full li {padding-bottom: .45em; } 
#content.full li:last-child {padding-bottom: 0;}
#content.full > ul li, #content.full > div > ul li {list-style-type: square; }
#content.full ul, #content.full ol {margin: .35em 0 0 1.5em;} 
#content.full ol {list-style-type: decimal;}
#content.full > ol, #content.full > ul {padding-bottom: 10px;}

#content.full > ol, #content.full > ul, #content.full ol ol, #content.full ul ul {line-height: 1.5em; }
#content.full > h3 + ul, #content.full > h3 + ol {margin-top: 1em;}
#content.full > h4 + ul, #content.full > h4 + ol {margin-top: .75em;}
#content.full ol + h4, #content.full ul + h4 {margin-top: 1em;}



/* ======================| MISC STYLES |========================= */

a.pdfLink {background: url(/_i/page_white_pdf.png) no-repeat right center; padding: 2px 20px 1px 0px}
.strike {text-decoration: line-through;}
img.databaseIcons {border:1px solid; margin:3px 3px 0 0; padding:0; vertical-align:top;} /* used on library database list */







/* ======================| SACS STYLES |========================= */

#leftColumn ul.SACS_Parts {}
#leftColumn ul.SACS_Parts li {border-bottom: dotted 1px #b0b0b0; background: none; padding: 0;}
#leftColumn ul.SACS_Parts li div {background: url('/_i/icnMedDoc.png') no-repeat 8px 10px; padding: 7px 0 8px 35px;}
#leftColumn ul.SACS_Parts li:first-child {border-top: dotted 1px #b0b0b0;}
#leftColumn ul.SACS_Parts li a {display: block; text-transform: uppercase; line-height: 1.2em}
#leftColumn ul.SACS_Parts li li a {font-size: 11px;}
#leftColumn ul.SACS_Parts li.selected > div {background-color: #fff; background-image: url('/_i/icnMedDoc_Drk.png');}
#leftColumn ul.SACS_Parts li.selected > div > a {color: #444; }
#leftColumn ul.SACS_Parts li.selected > div > a:hover {text-decoration: none; cursor: default;}
#leftColumn ul.SACS_Parts li.disabled a {color: #aaa; cursor: default;}
#leftColumn ul.SACS_Parts li.disabled a:hover {text-decoration: none;}

#leftColumn ul.SACS_Parts li ul {border-left: dotted 1px #b0b0b0; margin: 5px 0 5px 35px;}
#leftColumn ul.SACS_Parts li ul li {border: none;}
#leftColumn ul.SACS_Parts li ul li div {background: none; border: none; padding-left: 20px;}
#leftColumn ul.SACS_Parts li ul li:first-child {border: none; padding-top: 0px;}
#leftColumn ul.SACS_Parts li ul li a {background: url('/_i/ObjectSprites.png') no-repeat left -112px; padding-left: 14px; margin-left: -14px;}
#leftColumn ul.SACS_Parts li ul li.selected div {background-color: #fff; background-image: none;}


#rightColumn ul.SACS_institution {margin: 1em 0 1.5em 0; border-top: solid 5px #ccc;}
#rightColumn ul.SACS_institution li {list-style: none; padding: 8px 0; border-bottom: dotted 1px #ccc; padding-left: 180px;}
#rightColumn ul.SACS_institution li strong {float: left; width: 140px; margin-left: -170px;}

#rightColumn ul.SACS_Parts {}
#rightColumn ul.SACS_Parts li {margin: .25em 0 1.25em 10px; list-style: none;}
#rightColumn ul.SACS_Parts li a, #rightColumn ul.SACS_Parts li strong.notApplicable {display: block; padding-left: 18px; margin-left: -18px; font-size: 1.1em; background: url('/_i/ObjectSprites.png') no-repeat left -109px; font-weight: bold;}
#rightColumn strong.notApplicable {color: #aaa;}

#rightColumn strong.compliance {color: #777; font-weight: normal; font-size: 16px; border-top: dotted 1px #dadada; border-bottom: dotted 1px #dadada; display: block; padding: 5px 0; background: white;}
#rightColumn strong.compliance em {text-transform: uppercase; color: green; font-style: normal;font-size: 18px; }
#rightColumn strong.non em {color: #FFC500;}



/* ======================| FORM STYLES |========================= */

#content fieldset.inputGroup {border: solid 1px #cecece; padding: 5px; background: url('/_i/bgColor_TranLGrey.png');}
#content fieldset.inputGroup legend {font-size: 1.3em; padding: 0 3px;}
#content fieldset.inputGroup label {font-size: 1.2em; color: #777; font-weight: bold; margin-right: 5px; display: block; float: left; width: 85px;}
#content fieldset.inputGroup label.fullWidth {width: 100%; margin-bottom: 5px;}
#content fieldset.inputGroup ul li {margin: 5px 20px 10px 10px; border-bottom: dotted 1px #BBB; padding-bottom: 12px; list-style: none;}
#content fieldset.inputGroup ul li label {font-size: 1em;}
#content fieldset.inputGroup ul li ul.inlineRadioButton {}
#content fieldset.inputGroup ul li ul.inlineRadioButton li {border-bottom:medium none; display:inline; margin:0 20px 0 0; padding:0;}
#content fieldset.inputGroup ul li ul.inlineRadioButton li input {}
#content fieldset.inputGroup ul li ul.inlineRadioButton li label {display:inline; float:none; font-weight:normal; margin:5px; width:auto;}

#content fieldset.inputGroup input.textbox, #content fieldset.inputGroup textarea.textbox {border: solid 1px #dedede; padding: 2px 3px 3px 3px; margin-top: 0px;}

#content fieldset.inputGroup label.textArea {vertical-align: top;}


.SubmitButton, .SearchButton, .SendButton {margin: 5px 20px 5px 20px; width: 84px; height: 25px; float: right; text-indent: -999px; background: transparent url(/_i/ButtonSprites.png) no-repeat;}
.SubmitButton:hover, .SearchButton:hover, .SendButton:hover {cursor: pointer;}

.SubmitButton {background-position: left -50px;}
.SubmitButton:hover {background-position: left -75px;}
.SearchButton {background-position: left top;}
.SearchButton:hover {background-position: left -25px;}
.SendButton {background-position: left -150px;}
.SendButton:hover {background-position: left -175px;}
