/* acat.css */
/* default html tags */
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic); 
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800); 

body { background: url('../images/site_elements/body-background.gif') top left repeat-x #faf0be; font-family: "Open Sans", Helvetica, Arial, sans-serif; height: 101%; font-size: 12px; }
h1, h2, h3, h4, h5, h6 { font-weight: 300; color: #372a73; letter-spacing:-1px; }
h1 { font-size: 230%; margin-bottom: 1em; clear: left; width: 80%; line-height: 1.3em; }
h2 { font-size: 160%; margin-bottom: 0.5em !important;  }
h3 { font-size: 140%; margin-bottom: 0.5em; }
hr { height:5px; background: #fff; border-bottom: 2px solid #ddd; box-shadow: 0px 2px 2px -1px #666; -moz-box-shadow: 0px 2px 2px -1px #666; -webkit-box-shadow: 0px 2px 2px -1px #666; }
p, li, pre, td, th { color: #606061; font-size: 1.1em; font-family: 'Open Sans', sans-serif; line-height: 1.6em; }
p, li, pre { margin-bottom: 1em; }
td p { font-size: 1em; }
p strong { color: #505050; }
blockquote { float: right; width: 33%; background: #faf0be; padding: 20px 20px 10px 25px; margin: 0em 0em 0em 1em; line-height: 1.4em; font-weight: 700; font-size: 14px; }
blockquote p { color: #372aaa; font-weight: 100; }
li { margin-left: 10px; margin-bottom: 0.6em; }

#contentArea ul { list-style-position: inside; }
#contentArea ul li { font-size: 13px; text-indent: -13px; margin-left: 20px; }
#contentArea img { float: left; margin-top: 7px; margin-right: 2.3em; margin-bottom: 2em; }
#contentArea li img { margin-left: -25px; margin-right: 40px; }

li li, li li li { font-size: 1em; }
ol { padding-top: 0; }
li ol { margin-top: 20px; }
a { text-decoration: none; }
a:hover  { color: #f00; text-decoration: underline; }
table { border: 1px solid #ede8cf; border-bottom: 0px; }
td, th { padding: 5px 5px 7px 5px; background: #fdf8df; border: 1px solid #ede8cf; border-left: 0px; border-right: 0px; border-top-color: #fff; }
td { box-shadow: 0px 35px 35px -35px #fff inset; -moz-box-shadow: 0px 35px 35px -35px #fff inset; -webkit-box-shadow: 0px 35px 35px -35px #fff inset; }
th { border-top: 0px; background: #674b8b ; box-shadow: 0px 35px 35px -35px #977bab inset; -moz-box-shadow: 0px 35px 35px -35px #977bab inset; -webkit-box-shadow: 0px 35px 35px -35px #977bab inset; color: #fff; text-shadow: 0px 1px 0px #472b6b; }
tr:hover  td { background: #fdf8df; color: #372a73; }
input[type="submit"] { -moz-box-shadow: #999 1px 1px 3px; -webkit-box-shadow: #999 1px 1px 3px; text-shadow: #fff 1px 1px 1px; }

.buttonLink { font-weight: 700; border-radius: 0.3em; padding: 0px 5px; background: #ccc; border: 1px solid #fff; box-shadow: 0px 20px 20px -20px #fff inset, #999 1px 1px 3px; -moz-box-shadow: 0px 20px 20px -20px #fff inset, #999 1px 1px 3px; -webkit-box-shadow: 0px 20px 20px -20px #fff inset, #999 1px 1px 3px; text-shadow: #fff 1px 1px 1px; color: #000; }
.buttonLink:hover  { background: #ddd; box-shadow: 0px 20px 20px -20px #fff inset, #99a 1px 1px 3px; -moz-box-shadow: 0px 20px 20px -20px #fff inset, #99a 1px 1px 3px; -webkit-box-shadow: 0px 20px 20px -20px #fff inset, #99a 1px 1px 3px; color: #00f; text-decoration: none; border-color: #99f; }
p.buttonLink { padding: 5px 10px 8px 10px; }
p.buttonLink a { display: block; background-position: 0px center; }
p.buttonLink a:hover  { text-decoration: none; }
p.buttonLink a img { margin-right: 6px !important; margin-bottom: -1px !important; }

/* Orange buttons are used on the payment forms */
input.orange, a.buttonLink.orange { font-family: "Palatino Linotype", serif; border-radius: 0.3em; padding: 1px 7px; background: #e18a02; border: 1px solid #fff; box-shadow: 0px 20px 20px -20px #fff inset, #999 1px 1px 3px; -moz-box-shadow: 0px 20px 20px -20px #fff inset, #999 1px 1px 3px; -webkit-box-shadow: 0px 20px 20px -20px #fff inset, #999 1px 1px 3px; border-color: #b77502; color: #371f01; font-size: 14px; font-weight: bold; }
input.orange:hover , a.buttonLink.orange:hover  { background: #6161fd; border-color: #3b3b9f; background-image: url('/images/generic/Lock.png'); background-position: 3px 3px; background-repeat: no-repeat; color: #1e1e52; }
input.orange { background-image: url('/images/generic/Lock.png'); background-position: 3px 3px; background-repeat: no-repeat; padding-left: 20px; }
fieldset { margin-bottom: 5px; }
legend { text-shadow: #fff 1px 1px 1px; color: #888; }
#articleText td { background: none; padding: 0px; }

/* positional classes */
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

/* main page divs */

.main-wrapper { background: white; border-top: 2px solid #bbb; box-shadow: 0 0 3px #bbb, 0 3px 3px -3px #444 inset }
#container { width: 1200px; margin-left: auto; margin-right: auto; }
#shadowContainer { background: url('../images/site_elements/shadow-container.gif') top center repeat-y transparent; text-align: left; float: left; }

#masthead { background: url('../images/site_elements/body-background.gif') top left repeat-x #faf0be; height: 188px; }
#topMasthead { height: 148px; }
#masthead img { float: left; height: 137px; width: 462px; }

#topNavigation { width: 1200px; margin: 0px; clear: both; }

.subNavigation { background: #faf0be; padding: 3px 7px; margin-bottom: 1.5em; }
.subNavigation strong { font-weight: 500; }

#topContentArea { background: url('../images/site_elements/top-content-area.gif') top center no-repeat transparent; height: 8px; width: 1024px; display:none; }

#contentArea { width: 677px; width: 70%; margin: 0px 12px 0px 22px; float: left; padding: 20px; }

#marginArea { width: 213px; width: 18%; margin: 0px 22px 0px 12px; float: right; padding-top: 20px; padding: 20px 10px 10px 10px; }
#marginArea li,
#marginArea p { font-size: 1em; line-height: 1.3em; }
#marginArea h2 { font-size: 1.4em; line-height: 1.1em; margin-bottom: 10px !important; padding-bottom: 3px; }
#marginArea h3 { font-size: 1.3em; letter-spacing: -0.02em; margin-bottom: 0.25em; }
#marginArea h2,#marginArea h3,#marginArea h4 { border-bottom: 0px solid #ccc; margin-top: 10px; margin-bottom: 20px !important; }
#maintPageNavigation { float: left; width: 100%; }
#marginArea p strong { display: block; }

#footer { border-top: 1px solid #eee; width: 970px; width: 95%; height: 100px; margin: 8px auto 0px auto; padding: 20px; clear: both; background: url('../images/site_elements/footer-background.gif') bottom left repeat-x #fef9e5; }

/* REGION SPECIFIC FORMATTING */
#topNavigation a { float: left; font-size: 120%; letter-spacing: -1px; text-decoration: none; line-height: 0.9em; text-align: center; display: block; width: 125px; color: #372a73; text-shadow: #fff 1px 1px 1px; padding: 10px 0px; margin: -10px 0px 0px 0px; }
@-moz-document url-prefix() { 
 #topNavigation a { letter-spacing: -0.05em; }
}
a span.subTitle { font-family: "Palatino Linotype", Times, serif; font-style: italic; font-size: 100%; margin-top: -3px; color: #756580; }
#topNavigation a:hover , #topNavigation a:hover  span.subTitle, a span.subTitle:hover  { color: #f00; }
#topNavigation li li { font-size: 13px; }
#topNavigation li li a { letter-spacing: 0px; }

#maintPageNavigation a { float: left; clear: left; width: 100%; }

/* PAGE WIDGETS */
.widget { float: left; width: 175px; background: url('../images/site_elements/body-background.gif') 0px -190px repeat-x #faf0be; padding: 10px 15px; margin-right: 20px; margin-bottom: 20px; }
.widgetTitle { font-size: 150%; font-style: italic; letter-spacing: -0.1em; color: #372a73; }
.widgetContent { font-style: italic; }

/* INFOBOX */
/*.tooltip { background: #E1E1E1 !important; color: black !important; border: 1px solid #004 !important; padding: 0px; }
.tooltip p { margin: 1px !important; padding: 3px !important; text-align: left !important; background: #FFF; border: 0px !important; color: #004; }
.tooltip h4 { text-align: left; font-weight: bold !important; color: #fff !important; background: #004 !important; margin: 0 !important; padding: 3px !important; border: 1px solid white !important; }
a.hastooltip { text-decoration: none !important; }*/

/* POP-UP WINDOW WRAPPER */
div.winWrapper { position: relative !important; }
html>body div.winWrapper { position: absolute !important; }
div.winShadow { height: 100%; width: 100%; /* filter: alpha(opacity=20); */
opacity: 0.20; position: absolute; left: 5px; top: 5px; background-color: #000000; display: none; }
div.winContent { background-color: #FFFFFF; position: relative !important; left: 0px; top: 0px; border-radius: 0.7em; box-shadow: 1px 1px 5px #000, 1px 1px 5px #777 inset; -moz-box-shadow: 1px 1px 5px #000, 1px 1px 5px #777 inset; -webkit-box-shadow: 1px 1px 5px #000, 1px 1px 5px #777 inset; }
.winContent h4 { background: #e2e2e2; padding: 10px; border-radius: 0.6em 0.6em 0 0; font-weight: normal; font-size: 1.4em; margin-bottom: 0px; box-shadow: 1px 1px 5px #999 inset; -moz-box-shadow: 1px 1px 5px #999 inset; -webkit-box-shadow: 1px 1px 5px #999 inset; color: #444; }
.winContent p { padding: 10px; font-size: 1em; border-radius: 0 0 0.6em 0.6em; }

/* CALENDAR AND DIARY FORMATTING */
.calendarListing { float: left; margin-bottom: 5px; clear: left; width: 100%; background: url('../images/site_elements/body-background.gif') top left repeat-x #faf0be; padding: 5px; margin: 0px; margin-left: -5px; }
.calendarListing:hover { background: white; }
.calendarListing a { margin: 0px; }

.diaryListing { float: left; background: white; border: 2px solid #5d3679; margin-right: 10px; width: 30px; text-align: center; }
.diaryTop { background: #fff; color: #5d3679; margin-bottom: 3px; font-family: impact; }
.diaryBottom { background: #977bab; color: #fff; font-family: impact; }
.diaryListingLarge { float: left; background: white; border: 2px solid #5d3679; margin-right: 10px; width: 30px; text-align: center; }
.diaryTopLarge { background: #fff; color: #5d3679; font-family: impact; font-size: 1.5em; line-height: 1em; text-transform: lowercase; margin: 0px; padding: 1px; }
.diaryBottomLarge { background: #977bab; color: #fff; font-family: impact; font-size: 2.2em; line-height: 1em; margin: 0px; padding: 2px; }

p.courseNavigationHeader { background: #faf0be; padding: 2px 0px; }
.courseNavigationHeader a { margin: 0px; padding: 2px 4px; background: #faf0be; border-right: 1px solid white; }
.courseNavigationHeader a.active { color: white !important; background: navy !important; }
.courseNavigationHeader a img { float: none !important; margin: 0px 0px -3px 0px !important; }

/* Style download links with a relevant file icon */
a[href $='.pdf'] { padding-left: 20px; background: transparent url('../images/fileicons/pdf.gif') no-repeat top left; }
a[href $='.doc'] { padding-left: 20px; background: transparent url('../images/fileicons/doc.gif') no-repeat top left; }
a[href $='.docx'] { padding-left: 20px; background: transparent url('../images/fileicons/doc.gif') no-repeat top left; }
a[href $='.rtf'] { padding-left: 20px; background: transparent url('../images/fileicons/doc.gif') no-repeat top left; }
a[href $='.txt'] { padding-left: 20px; background: transparent url('../images/fileicons/txt.gif') no-repeat top left; }
a[href $='.csv'] { padding-left: 20px; background: transparent url('../images/fileicons/csv.gif') no-repeat top left; }
a[href $='.xls'] { padding-left: 20px; background: transparent url('../images/fileicons/xls.gif') no-repeat top left; }
a[href $='.ppt'] { padding-left: 20px; background: transparent url('../images/fileicons/ppt.gif') no-repeat top left; }
a[href $='.pptx'] { padding-left: 20px; background: transparent url('../images/fileicons/ppt.gif') no-repeat top left; }
a[href *='@'] { padding-left: 20px; padding-bottom: 2px; background: transparent url('../images/fileicons/msg.gif') no-repeat 0px 3px; }
a[href *='rss.php'] { padding-left: 20px; background: transparent url('../images/fileicons/rss.gif') no-repeat top left; }

/* MISCELLANEOUS SITE ELEMENTS */
.errors { color: red; background: url(../images/warning.gif) no-repeat 5px center transparent; padding-left: 25px; padding: 5px 5px 5px 30px; display: block; clear: both; width: auto; border: 1px dashed red !important; }
span.notice { background: url(../images/roadworks-sign.gif) no-repeat 5px center transparent; border: 1px dashed green !important; padding: 5px 5px 5px 25px; display: block; }
.gototop { font-size: 11px; margin-top: 6px; padding: 0px 3px; text-transform: uppercase; background: #faf0be; color: navy; border: solid 1px #ddd; float: right; }

.maintLinks { border: 1px solid #eee !important; background: #faf0be; display: block; padding: 5px 10px; font-family: sans-serif; font-size: 0.9em; }
.maintLinks img { margin: 3px 6px 3px 0px !important; }

#creditCardLogos { float: left; padding: 5px 5px 10px 5px; border: 1px solid #ddd; margin-right: 20px; margin-bottom: 10px; }
#creditCardLogos img { float: left; margin: 5px 5px 0px 5px ; }

/* TABLE LISTS */
.dboList { font-family: sans-serif; font-size: 0.9em; }
table.dboList { border: 1px solid #ddd !important; }
.dboList tr>td { border: 0px; border-top: 1px solid #ddd !important; border-left: 1px solid #ddd !important; }
.dboList tr th:first-child,
.dboList tr td:first-child { border-left: 0px !important; }
.dboList tr>th { border: 0px; border-top: 1px solid #ddd !important; border-left: 1px solid #ddd !important; padding: 5px; font-size: 1em; background: #977bab !important; color: #FFF; }
.dboList tr th { border-top: 0px !important; text-shadow: #425 0px 0px 2px; }
.dboList tr + tr > th { border-top: 1px solid #ddd !important; }
.dboList th a { color: #fc0; }
.dboList th a:hover  { color: #fff; }
.dboList td { font-size: 1em; padding: 4px; line-height: 1em; vertical-align: middle; }
.dboList tr:hover  td { background: #ececec; }
.dboList td.audit { width: 50px; }
.dboList td.audit a,
.dboList .buttons a { float: left; margin: 0px; padding: 0px; }
.dboList .pagination { margin: 0px; padding: 0px; float: left; }
.dboList tfoot td { background: none repeat scroll 0 0 #EEEEEE !important; }
td.iconlinks a { margin-right: 4px !important; float: right; height: 16px; }
.childNavigation table.dboList { width: auto; }
#contentArea .pagination img { margin: 0px; padding: 0px; float: none; }
.dboList tfoot form { clear: left; }
.dboList td img { margin: 0px !important; padding: 0px !important; }
.childNavigation .dboList td { background: #fff; }
div.tabs>div { padding-top: 20px !important; }
.tabs table { width: 630px; border-collapse: collapse; }
.tabs table td ,
.tabs table td p,
.tabs table td li { font-size: 1em; }
.tabs li a { text-shadow: #fff 1px 1px 1px; }

/* DBO FORM */
.dboForm>div { float: left; width: 667px; background: url("../ckeditor/skins/kama/images/sprites.png") repeat-x #d3d3d3 0 -1950px; border-bottom: 1px solid #fff; padding: 5px; }
.dboForm>div a img { float: none !important; margin: 0px 0px 0px 0px !important; }
.dboForm input { -moz-border-radius: 5px 5px 5px 5px; }
.tabs .dboList td { background: white; }
.tabs .dboList tr:hover  td { background: #eaeaea; }

/* news and events styling */
.newsListing,
.eventListing { background: url('../images/site_elements/body-background.gif') 0px -190px repeat-x #faf0be; background: url('../images/site_elements/listing-background.jpg') top left repeat-x #f6eebd; padding: 10px 10px 10px 10px; }
.eventListing { margin-bottom: 15px; padding-bottom: 1px; }
.eventListing .diaryListingLarge { float: right; margin: 4px 0px 0px 10px !important; }

/* DBO List extras */
.num { text-align: right; }
.dboList h3 { margin-bottom: 5px; }

/* Calendar */
.calendar { background: #ccc !important; color: #000; font: 11px Tahoma, Verdana, sans-serif; margin: 0px; }
table.calendar { border: 0; width: 200px; border-collapse: collapse; }
.calendar td { padding: 0 !important; margin: 0 !important; border: 1px solid #aaa; text-align: center; }
table.calBody { width: 100%; }
td.calBody { width: 14%; text-align: center !important; }
tr.calHeader, .calHeader td { background: #ccc; color: white; border: 0px !important; }
tr.calHeader:hover  td,
tr.calHeader:hover  td.calDays { background: transparent; color: white; }
td.calNav { padding: 4px 3px 3px 3px !important; color: #FFFFFF; border: 1px solid #ddd; }
td.calDays { background: #ccc; width: 14% !important; height: 20px; color: #ffffff; border: 1px solid #999 !important; }
tr:hover  td.calBody,
tr:hover  .calHeader td { background: transparent; }
.calCurrent { background: #cc0000; color: #FFFFFF !important; }
.calWorking { background: #FFFFFF; color: #000; }
.calWeekend { background: #ddd; color: #FFFFFF; }
a:link.calDate { width: 100%; display: block !important; text-align: center; text-decoration: none; color: #000; }
a:hover .calDate { width: 100%; background: #FFCC00 !important; color: #000; text-decoration: none; text-align: center; }
.calCurrent a { color: #FFFFFF !important; text-decoration: none; }
.calCurrent a:hover  { color: #000 !important; text-decoration: none; }
div.searchBox { background: #eee; margin: 0px 0px 20px 0px; padding: 10px; -moz-border-radius: 8px; -webkit-border-radius: 0.7em; border-radius: 0.7em; box-shadow: 0px 0px 8px #ccc inset, 0px 0px 5px #888; -moz-box-shadow: 0px 0px 8px #ccc inset, 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 8px #ccc inset, 0px 0px 5px #888; border: 1px solid #eee; }
.searchBox h2, .searchBox p { text-shadow: #fff 1px 1px 1px; }
.hint { font-style: italic; margin-top: 10px; }
.footnote { margin: -5px 0px 10px 0px; font-size: 90%; color: #000; }
#searchResultsArea .footnote { margin-top: -15px; }
fieldset#advanced_library, fieldset#advanced_news, fieldset#advanced_jobs, fieldset#advanced_members { display: none; }

/* Practice Network Formatting */
.prnLinkTable { border: 1px #e8e8e8 solid; background-color: #f7f7f7; padding: 5px; color: #666666; margin-bottom: 10px; }
.prnLinkTable a { font-weight: normal; text-decoration: none; color: #3300ff; }
.prnLinkTable a:link { color: blue; }
.prnLinkTable a:hover  { color: red !important; }
.prnLinkTable a:active { color: blue; }
.prnLinkTable a:visited { color: blue; }

#FinanceLinks { width: 920px; margin: 10px 10px 20px 0px; border: 1px solid #444; padding: 5px 10px 0px 10px; background: #e2e2e2; }
#FinanceLinks h2 { color: #444 !important; text-shadow: 0px 1px 0px #fff; }
#FinanceLinks p { color: #b62; }
#FinanceLinks a { text-shadow: 0px 1px 0px #fff; color: #444; }
#FinanceLinks a:hover  { color: #00a; text-shadow: 0px 1px 0px #88c; }

.tipBox { clear: both; margin: 25px 0px 20px 0px; padding: 10px 20px 10px 20px; background: #eee; border: 1px solid #eee; border-radius: 0.7em; -moz-border-radius: 0.7em; -webkit-border-radius: 0.7em; box-shadow: 0px 0px 8px #ccc inset, 0px 0px 5px #888; -moz-box-shadow: 0px 0px 8px #ccc inset, 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 8px #ccc inset, 0px 0px 5px #888; }
.tipBox img { margin-right: 5px !important; }

.amazonLink img { box-shadow: 5px 5px 10px #888; -moz-box-shadow: 5px 5px 10px #888; -webkit-box-shadow: 5px 5px 10px #888; border: 3px solid #fff!important; }

.bibliography { padding-bottom: 1em; }
.bibliography p { margin-left: 70px; text-indent: -70px; margin-bottom: 0px !important; }

.eventListingLeft,
.eventListingRight { float: left; clear: both; width: 45%; border-top: 1px dashed #bbb; padding-top: 5px; margin-bottom: 2px; }
.eventListingRight p,
.eventListingLeft p { font-family: Rokkitt; font-size: 120%; margin-bottom: 0px; padding-bottom: 3px; }
.eventListingLeft p a { background: url('../images/generic/Info.png') no-repeat left top; padding-left: 25px
}
.eventListingRight { width: 55%; clear: none; }

.editLinkTab { clear: both; float: left; height: 100px; width: 38px !important; text-align: left; margin: 0px 0px -140px -90px; padding: 10px 7px 10px 10px; background: #FFEEAA; text-shadow: #fffFFF 1px 1px 2px; -moz-box-shadow: -2px 0px 8px #aaa; -webkit-box-shadow: -2px 0px 8px #aaa; box-shadow: -2px 0px 8px #aaa; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.editLinkTab a { padding: 0; margin: 0; text-shadow: #FFF 1px 1px 1px; color: #753
}
.copyright p { font-size: 90%; margin-bottom: 0px; }

tr.highlighted td { background: #9b9; color: white; }

/*dropmenu*/
/* common styling */
.childNavigation { background: #fcf3c3; border-radius: 0.7em; box-shadow: 0px 0px 8px #ed9 inset, 0px 0px 5px #888; -moz-box-shadow: 0px 0px 8px #ed9 inset, 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 8px #ed9 inset, 0px 0px 5px #888; margin: 0px 0px 20px 0px; padding: 10px 20px 20px 20px; float: left; width: 170px; border: 1px solid #fcf3c3; }
.childNavigation { border-radius: 0.7em; box-shadow: 0px 0px 8px #ed9 inset, 0px 0px 5px #888; -moz-box-shadow: 0px 0px 8px #ed9 inset, 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 8px #ed9 inset, 0px 0px 5px #888; margin: 0px 0px 20px 0px; padding: 10px 20px 20px 20px; float: left; width: 170px; border: 1px solid #fcf3c3; }
.childNavigation a { display: block; margin-top: 10px; text-decoration: none; }
.childNavigation a.child { line-height: 1em; text-decoration: none; font-weight: 600; padding-bottom: 5px; }
.childNavigation a.grandChild { font-size: 90%; margin-top: 0px; padding-bottom: 3px; padding-left: 5px; color: #449; text-decoration: none; border-left: 1px solid #ccc; }
.childNavigation a.grandChild:hover  { color: red; }
.childNavigation a.grandChild:before { content: '+ '; margin-left: -9px; }
.childNavigation li { margin: 0px; }

.navtree { width: 1200px; clear: both; }
.navtree ul { padding: 0; margin: 0; list-style-type: none; }
.navtree ul li { width: 125px; float: left; position: relative; padding: 10px 0px; margin: -10px 0px 0px 0px !important; }
.navtree ul li a.active { color: #eee; text-shadow: none !important; }
.navtree ul li a, .navtree ul li a:visited { float: left; font-size: 150%; text-decoration: none; line-height: 0.9em; text-align: center; display: block; width: 125px; color: #009; text-shadow: #fff 1px 1px 1px; }
.navtree ul li a:hover  { color: #fff; text-decoration: none; }
.navtree ul li a.active { color: #eee; text-decoration: none; text-shadow: none !important; }
.navtree ul li.node a.active:hover  { color: #fc0; }
.navtree ul li:hover { width: auto; }
.navtree ul li ul { display: none; }
.navtree table { margin: 0; border-collapse: collapse; font-size: 11px; position: absolute; top: 0; left: 0; }

/* specific to non IE browsers */
.navtree ul li:hover ul { display: block; position: absolute; top: 60px; margin: 0px !important; left: 0; z-index: 100; background: #efefef; box-shadow: 3px 3px 3px #999; -moz-box-shadow: 3px 3px 3px #999; -webkit-box-shadow: 3px 3px 3px #999; width: 135px; }
.navtree ul li:hover ul.endstop { left: -92px; }
.navtree ul li ul li { background: #efefef; }
.navtree ul li:hover ul li ul { display: none; }
.navtree ul li:hover ul li a { display: block; background: #efefef; color: #006; height: auto; line-height: 15px; padding: 5px 5px !important; width: 125px; border-top: 1px solid #ddd; border-bottom: 1px solid #fff; font-size: 100% !important; margin: -10px 0px 0px 0px !important; }
.navtree ul li:hover ul li a.drop { }
.navtree ul li:hover ul li a:hover  { background: #dedede; color: #00f !important; text-decoration: none; }
.navtree ul li:hover ul li a.active { color: #eee!important; background: #009; text-shadow: none !important; }
.navtree ul li:hover ul li a:hover .drop { }
.navtree ul li:hover ul li:hover ul { display: block; position: absolute; left: 135px; top: -1px; }
.navtree ul li:hover ul li:hover ul.left { left: -160px; }

/* specific to IE5.5 and IE6 browsers */
.navtree ul li a:hover  ul { display: block; position: absolute; top: 30px; t\op: 33px; background: #fff; left: 0; border-bottom: 1px solid #000; }
.navtree ul li a:hover  ul.endstop { left: -92px; }
.navtree ul li a:hover  ul li a { display: block; background: #fff; color: #000; height: 1px; line-height: 15px; width: 100px; w\idth: 120px; border: 1px solid #000; border-bottom: 0; font-size: 0.9em; }
.navtree ul li a:hover  ul li a.drop { padding-bottom: 4px; }
.navtree ul li a:hover  ul li a ul { visibility: hidden; position: absolute; height: 0; width: 0; }
.navtree ul li a:hover  ul li a:hover  { }
.navtree ul li a:hover  ul li a:hover .drop { }
.navtree ul li a:hover  ul li a:hover  ul { visibility: visible; position: absolute; top: 0; color: #000; left: 70px; }
.navtree ul li a:hover  ul li a:hover  ul.left { left: -203px; }
.navtree ul.navtree li.node ul.navtree { margin-left: 0px; }
.navtree ul.navtree li.node ul.navtree li.node a { padding: 7px 10px; }

.homepagePanel { width: 350px; padding: 20px 25px 0px 20px; margin-bottom: 20px; margin-right: 0px; float: left; background: #eee; border: 1px solid #eee; border-radius: 0.7em; -moz-border-radius: 0.7em; -webkit-border-radius: 0.7em; box-shadow: 0px 0px 8px #ccc inset, 0px 0px 5px #888; -moz-box-shadow: 0px 0px 8px #ccc inset, 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 8px #ccc inset, 0px 0px 5px #888; }
.homepagePanel strong { font-weight: 500; font-size: 130%; letter-spacing: -1px; }
.homepagePanel ul { list-style-type: none; margin-left: 0px; padding-left: 0px; } 
#contentArea .homepagePanel ul li { margin-left: 0px; margin-bottom: 0px; padding-bottom: 5px; text-indent: 0px; padding-left: 5px; color: #449; text-decoration: none; border-left: 1px solid #ccc; }
#contentArea .homepagePanel ul li:before { content: '+ '; margin-left: -9px; margin-right: 5px; }

.prev-next { float: right; text-align: right; margin-top: 2px; }
.button { float: right; clear: none; display: inline-block; background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; padding: 0.1em 0.4em; -webkit-appearance: none; border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; line-height: normal; margin: 0 2px 0 0 !important; position: relative; text-decoration: none; text-align: center; }
.button:hover { color: #fff; text-decoration: none; background: #333; }
.button img { margin: 1px 0px 0px 0px !important; }

.share-affix { margin: 0; padding: 0; box-sizing: border-box; direction: ltr; z-index: 990; background: #fff; border-radius: 10px 0px 0px 10px; padding: 3px; box-shadow: 0px 0px 10px #555; }

.header { display: none; }
.button { font-family: "Open Sans"; }

.ui-tabs .ui-tabs-nav li a { padding: 0.5em 1.7em !important; } 
#contentArea > div > ul > li { margin-left: 0px; }
.tabs a, .tabs h1, .tabs h2, .tabs h3, legend, label { font-family: "Open Sans"; }

.tooltip {
    position: relative;
    display: inline-block;    
}

.tooltip .tooltiptext {
	font-size: 120%;
    visibility: hidden;
    width: 500px;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -260px;
    opacity: 0;
    transition: opacity 1s;
	line-height: 1.1em;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}