/* Reset to zero */
* { padding: 0em; margin: 0em; }
body { /*font-family: Century Gothic, sans-serif;*/ font-size: 87.5%; font-family: Arial, Helvetica, sans-serif; margin: 0em; padding: 0em; background: url("../../images/bg_whole2.gif") #cedcea repeat-x top; }

/* standard body styles */
img { border: none; }
p { padding: .5em 0em .5em 0em; }
ol { margin: .5em 0em .5em 1.5em; }
ul { margin: .5em 0em .5em 1.5em; }
li { padding: .2em 0em .3em 0em; }
input.text { border: 1px groove #9a9a9a; padding: .2em; background: #fffcec; }
input { padding: .2em .5em .2em .5em; margin: .5em 0em 0em 0em; }
select { font-size: 1em; border: 1px groove #9a9a9a; padding: .2em; background: #fffcec;  }
textarea { border: 1px groove #9a9a9a; padding: .2em; background: #fffcec; }

/* Header definitions */
h1 { color: #222222; font-size: 1.8em; padding: 0em; font-weight: normal; margin: .5em 0em .3em 0em; }
h2 { color: #222222; font-size: 1.5em; padding: 0em; font-weight: normal; margin: .5em 0em .3em 0em; border-bottom: 1px solid #777777; }
h3 { color: #222222; font-size: 1.2em; padding: 0em; font-weight: normal; margin: .5em 0em .3em 0em; }

/* Skip Navigation */
.skip {	/* "skip navigation" class */ font-size: 0px; margin: 0px 0px; padding: 0px 0px; position: absolute; z-index: -1; }
.skip a { /* "skip navigation" class */ color: white; font-size: 0px; }

a.skippy { height: 1px; left: -1000px; overflow: hidden; position: absolute; top: -1000px; width: 1px; }
a.skippy:active, a.skippy:focus, a.skippy:hover { left: 0; top: 0; position: absolute; width: auto; height: auto; overflow: visible; font-size: 1.1em; padding: .5em; background-color: #336699; color: #ffffff; border-bottom-right-radius: .5em; border-top: 0px; border-left: 0px; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.25); box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.25); z-index: 999;  }



/* Page containers */
/* entire page background */
.bgContainer { position: relative; background-color: transparent !important; width: 100%; margin: 0px; padding: 0px; text-align: center; }
/* centered container that holds all page content, including header and footer banners and left-hand navigation */
/* font size set here controls the entire page */
.mainPageContainer { background: url("../../images/bg_wrapper_right.png") repeat-y scroll right top transparent; border: 0px; margin: 0 auto; width: 970px !important; padding: 0px 5px 0px 10px; position: relative; /*font-size: 75%;*/ text-align: left; } /*Master font size is here */
.mainPageContainer .containerTop { background: url("../../images/bg_wrapper_left.png") repeat scroll left top transparent; height: 100%; left: 0; margin-left: 0; position: absolute; top: 0; width: 10px; }
/* container for page navigation and content - separates the header from the rest of the page  */
.mainContainer { /*width: 100%;*/ clear: both; margin: 0px 6px 0px 0px; padding: .5em 0em 0em 0em; border-bottom: 0px solid #b7b7b7; background: url("../../images/bg_contentPane.gif") repeat-x top; background-color: #ffffff; }

/* Header Pane Styles */
.headerPane { vertical-align: bottom; background: url("../../images/bg_pageHeader.gif") repeat-x; background-attachment: scroll; background-position: bottom; }
.headerPane .bannerLogo { display: inline-block; float: left; width: 48.5%; }
.headerPane .bannerActions { text-align: right; font-size: 1.2em; display: inline-block; float: right; width: 50%; vertical-align: bottom; min-height: 110px; }
.headerPane .bannerActions a, .headerPane .bannerActions a:link, .headerPane .bannerActions a:visited { font-size: 1em; _font-size: 1em;  /* IE6 hack */ color: #222; text-decoration: none; background-color: transparent; padding: 0px; margin: 0px; }
.headerPane .bannerActions a:hover, .headerPane .bannerActions a:active { font-size: 1em; _font-size: 1em;  /* IE6 hack */ text-decoration: underline; color: #222; background-color: transparent; padding: 0px; margin: 0px; }
/*.headerPane .siteSearch { border: 1px solid green; position:absolute; display: inline;*/ /*top: 30px; right: 95px;*/ /* opera firefox safari */ /*_right: 95px;*/ /* IE6  }*/
.headerPane .searchArea { margin: 0em .5em 1em 0em; }
.headerPane .searchBox { padding: .2em; font-size: 1em; width: 66%; border: 1px solid #abcdef; }
.headerPane .goButton { padding: .2em .6em .2em .6em; font-size: .9em; border: 1px solid #abcdef; border-radius: 5px; background: #336699; color: #ffffff; box-shadow: 2px 2px 2px #696969; cursor: pointer; }
.headerPane .goButton:hover { background: #6096cd; color: #ffffff; box-shadow: 2px 2px 2px #4d5a67 inset; border: 1px solid #abcdef; }
.headerPane .sizeLinks { margin: 0 .5em 0 0; padding: 0 0 0 0; }
.headerPane .sizeLinks a, .headerPane .sizeLinks a:link, .headerPane .sizeLinks a:visited { width: 10px; height: 10px; text-decoration: none; padding: 0 .35em 0 .35em !important; text-align: center; color: #333; background: #fff; margin: 0 0 0 .35em !important; border-top: 1px #999 solid; border-left: 1px #999 solid; border-right: 1px #f1f1f1 solid; border-bottom: 1px #f1f1f1 solid; }
.headerPane .sizeLinks a:hover, .headerPane .sizeLinks a:active, .headerPane .sizeLinks .selectedLetter a { background: #336699; color: #fff; text-decoration: none; }
.headerPane .sizeLinks .smallText { font-size: /*1em*/12px; font-weight: bold; }
.headerPane .sizeLinks .medText { font-size: /*1.25em*/16px; font-weight: bold; }
.headerPane .sizeLinks .largeText { font-size: /*1.75em*/20px; ; font-weight: bold; }

/* Main navigation */
/*Container*/
#leftNavPanel { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 19.5% !important; float: left; }
.leftNavContainer { /*display: inline-block; width: 20%; float: left; margin: .5em 0em 0em 0em; padding: 0em;*/ }
.L1NavContainer {  }
.L1NavItem:first-child { border-top: 2px solid #336699 !important; border-top-right-radius: 8px !important;  }
.L1NavItem:last-child { border-bottom: 2px solid #336699 !important; border-bottom-right-radius: 8px !important; }

/* L1 Styles */
.L1NavItem { background: #336699; border-top: 1px solid #7194b8; border-bottom: 1px solid #24476b; font-size: 1.3em; color: #ffffff; padding: 0em; margin: 0em;  }
.L1NavItem:hover { background: transparent; border-bottom: 1px solid #7194b8; border-top: 1px solid #24476b; font-size: 1.3em; color: #336699; padding: 0em; margin: 0em;  }
/*.L1NavItem.topItem { border-top: 2px solid #336699 !important; border-top-right-radius: 8px !important; }*/
/*.L1NavItem.lastItem { border-bottom: 2px solid #336699 !important; border-bottom-right-radius: 8px !important; }*/
.L1NavItem a, .L1NavItem a:link, .L1NavItem a:visited { display: block; color: #ffffff; text-decoration: none; border: 0px solid red; padding: .4em 0em .4em .3em; margin: 0em; }
.L1NavItem:hover a, .L1NavItem:hover a:link, .L1NavItem:hover a:visited, .L1NavItem:hover a:hover, .L1NavItem:hover a:active { display: block; color: #153b61; text-decoration: none; padding: .4em 0em .4em .3em; margin: 0em; }
.L1NavItemSel { background: transparent !important; border-bottom: 1px solid #7194b8; border-top: 1px solid #24476b; font-size: 1.3em; color: #336699; padding: 0em; margin: 0em;  }
.L1NavItemSel a, .L1NavItemSel a:link, .L1NavItemSel a:visited, .L1NavItemSel a:hover, .L1NavItemSel a:active { display: block; color: #153b61; text-decoration: none; padding: .4em 0em .4em .3em; margin: 0em; }

/* L2 Styles */
.L2NavItem { background: transparent; font-size: .9em; color: #153b61; padding: 0em !important; margin: 0em 0em 0em .6em !important; }
.L2NavItem:hover { background: #fce5ba; font-size: .9em; color: #153b61; padding: 0em !important; margin: 0em 0em 0em .6em !important; border-radius: 6px; box-shadow: 1px 1px 3px #e2cea7 inset; }
.L2NavItem a, .L2NavItem a:link, .L2NavItem a:visited, .L2NavItem a:hover, .L2NavItem a:active { display: block; color: #153b61; text-decoration: none; padding: .3em 1em .3em .3em !important; margin: 0em !important; border-left: 0px dashed #ffcf73; }
.L2NavItem:hover { background: #fce5ba; font-size: .9em; color: #153b61; padding: 0em !important; margin: 0em 0em 0em .6em !important; border-radius: 6px; box-shadow: 1px 1px 3px #e2cea7 inset; }
.L2NavItemSel { background: #fce5ba; font-size: .9em; color: #153b61; padding: 0em !important; margin: 0em 0em 0em .6em !important; font-style: italic; border-left: 0px dashed #ffcf73; border-radius: 6px; box-shadow: 1px 1px 3px #e2cea7 inset;  }
.L2NavItemSel a, .L2NavItemSel a:link, .L2NavItemSel a:visited, .L2NavItemSel a:hover, .L2NavItemSel a:active { display: block; color: #153b61; text-decoration: none; padding: .3em 1em .3em .3em !important; margin: 0em !important;  }

/* L3 Styles */
.L3NavItem { font-size: .85em !important; color: #153b61; padding: 0em !important; margin: 0em 0em 0em .6em !important; font-weight: normal; border-left: 0px; border-top: 1px dashed #ffcf73; font-style:normal;  }
.L3NavItem:hover { background: #fff9d6 !important; color: #153b61; padding: 0em !important; margin: 0em 0em 0em .6em !important; }
.L3NavItem a, .L3NavItem a:link, .L3NavItem a:visited, .L3NavItem a:hover, .L3NavItem a:active { display: block; color: #153b61; text-decoration: none; padding: .3em 1em .3em 1em !important; margin: 0em !important; background: none; }
.L3NavItemSel { font-size: .85em !important; background: #fff9d6; color: #153b61; padding: 0em !important; margin: 0em 0em 0em .6em !important; font-style: italic; font-weight: normal; }
.L3NavItemSel a, .L3NavItemSel a:link, .L3NavItemSel a:visited, .L3NavItemSel a:hover, .L3NavItemSel a:active { display: block; color: #153b61; text-decoration: none; padding: .3em 1em .3em 1em !important; margin: 0em !important; }

/* If it is known that only one nav item exists on a page, use this because it rounds both top and bottom corners. For example, Error page navigation uses this class. */
.singleNavItem { border-bottom: 2px solid #336699 !important; border-bottom-right-radius: 8px !important; }

/* Main site footer */
#tffooter { width: 99.4%; text-align: center; display: block; padding: .5em 0em 0em 0em; margin: 0em; clear: both; border-top: 1px solid #c3c3c3; background: #ffffff; }
#tffooter p { margin: 0px; color: #336699; font-weight: inherit; font-size: 1.0em; }
#ftrlinks { padding: 1em 0em 1em 0em; }
#ftrlinks a, #ftrlinks a:link, a:visited { font-weight: 400; color: #336699; text-decoration: none; padding: 0em .5em 0em .1em; }
#ftrlinks a:hover, #ftrlinks a:active { color: #990000; text-decoration: underline; }
#ftrlinks img { border: none; display: inline; }

/* Style for the center content pane */
#centerContent { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 79.5% !important; float: right; }
.centerContent { /*display: inline-block; margin: .5em 0em 0em .5em !important;*/ /*padding: 0em 0em 1em .5em10px 0px 10px 5px;*/ /*width: 765px78%;*/ /*float: right;*/ }
.centerContent a { color: #0072BC; text-decoration: none; /*background-color: transparent;*/ }
.centerContent a:link { color: #0072BC; text-decoration: none; /*background-color: transparent;*/ }
.centerContent a:visited { color: #0072BC; text-decoration: none; /*background-color: transparent;*/ }
.centerContent a:hover { color: #900; text-decoration: underline; /*background-color: transparent;*/ }
.centerContent a:active { color: #900; text-decoration: underline; /*background-color: transparent;*/ }
.centerContent .sectionHeader { color: #222222; font-size: 1.5em; padding: 0px; font-weight: normal; margin: 10px 0px 0px 0px; }
.centerContent textarea { /*font-size: 1em;*/ }
.centerContent input { font-size: 1em; }
.centerContent hr { color: #a6a6a6; background-color: #a6a6a6; height: 1px; border: none; }
.centerContentPad { margin-left: .7em !important; }

/* Breadcrumb styles */
.crumbContent { margin: 0em 0em 1em 0em; padding: .5em; line-height: 1.4em; background-color: rgba(255,255,255,.2); border: 1px solid rgba(51,102,153,.15); border-radius: .5em; }
.crumbContent a { background: url(../../images/ic_breadArrow.png) no-repeat 100% 40% !important; padding-right: 1em; margin-right: .5em; }

    /*.crumbContent a, .crumbContent a:link, .crumbContent a:visited { font-weight: normal; display: inline; font-size: 1em; color: #003d78 !important; padding-right: 0; border: 0px; }
.crumbContent a:hover, .crumbContent a:active { color: #003d78 !important; font-weight: normal; display: inline; font-size: 1em; text-decoration: underline; padding-right: 0; }*/

/* Page header and subHeader styles */
.pageHeaderContainer { margin: .5em 0em .5em 0em; padding: 0em; }
.pageHeaderContainer h1 { color: #222222; font-size: 1.8em; padding: 0em; font-weight: normal; margin: .5em 0em 0em 0em; }
.pageHeaderContainer h2 { color: #222222; font-size: 1.5em; padding: 0em; font-weight: normal; margin: 0em 0em 0em 0em; border: 0px; }
.pageHeaderContainer h3 { color: #222222; font-size: 1.2em; padding: 0em; font-weight: normal; margin: .2em 0em .5em 0em; }
.pageHeaderContainer .draftHeader { color: #db9309; padding: 0em; font-weight: normal; margin: .5em 0em .1em 0em !important; }
.pageHeaderContainer .archiveHeader { color: #ff0000; padding: 0em; font-weight: normal; margin: .5em 0em .1em 0em !important; }
.pageHeaderContainer .publishedHeader { color: #222222/*00396f*//*#e88c09*/; padding: 0em; font-weight: normal; margin: .5em 0em .1em 0em !important; }
    
/* Input elements */

.selectInput_standard { width: 95%; padding: 1px; border: 1px solid #cccccc; }
input.standard { width: 95%; font-size: 1.1em !important; }
.selectInput_publication { width: 90%; padding: 1px; border: 1px solid #cccccc; }
.dateSelectInput { width: 25%; padding: 1px; border: 1px solid #cccccc; }
.dateselectInput_noSetWidth { padding: 1px; border: 1px solid #cccccc; }
.selectInput_noSetWidth { padding: 1px; margin-right: 4px; border: 1px solid #cccccc; }
.multiSelect { width: 96%; height: 160px; padding: 1px; border: 1px solid #cccccc; }
.editSelectInput { width: 85%; padding: 1px; border: 1px solid #cccccc; }

.textarea_standard { width: 99%; height: 120px; padding: 1px; border: 1px solid #cccccc; }
.textarea_tall { width: 99%; height: 200px; padding: 1px; border: 1px solid #cccccc; }
.textarea_taller { width: 99%; height: 275px; padding: 1px; border: 1px solid #cccccc; }
.textarea_veryTall { width: 99%; height: 400px; padding: 1px; border: 1px solid #cccccc; }
.textarea_short { width: 99%; height: 80px; padding: 1px; border: 1px solid #cccccc; }
.textarea_tiny { width: 99%; height: 40px; padding: 1px; border: 1px solid #cccccc; }

/* Page navigation and submission buttons */
.topicButtonsInPage  { font-size: 1.2em; padding: .2em; margin: 0px 0px 0px 8px; }
.topicButtonsInline { float: right; }
.topicButtons { width: 100%; text-align: right; float: right; margin: 1em 0em .5em 0em; } 
.topicButtons input, .topicButtonsInline input { /*float: right;*/ font-size: 1.2em; padding: .2em; margin: 0px 0px 0px 8px; }
.topicButtons select { font-size: 1.2em; height: 2.4em; padding: .2em; margin: 0px 0px 0px 8px; background: #d6d6d6; border: 1px solid 999; border-radius: .5em; }

/* -------------------------------------------------
 *  Tab Navigation
 * ------------------------------------------------- */
nav.tabs { display: block; text-align: left; border-bottom: white solid 1px; margin-bottom: -3px; line-height: 1.5em; width: 100%; }
nav.tabs > a:link, nav.tabs > a:visited { display: inline-block; min-width: 5%; max-width: 25%; margin: .2em 0em 0em 0em; padding: .2em .4em 0 .4em; font-size: 1.2em; text-align: center; text-decoration: none; color: #4E4E4E; background-color: #D7D7D7; border: #BBB solid 1px; border-bottom: none; border-radius: 5px 5px 0 0; cursor: pointer; }
nav.tabs > a:hover { background-color: white; border-color: #ABCDEF; }

#topicDev_0 #navTab_topicDev_0, /* "Topics in Progress" tabs */
#topicDev_1 #navTab_topicDev_1,
#topicDev_2 #navTab_topicDev_2,
#topicDev_3 #navTab_topicDev_3,
#topicDev_4 #navTab_topicDev_4,
#topicEdit_0 #navTab_topicEdit_0, /* "Edit Topic" tabs */
#topicEdit_1 #navTab_topicEdit_1,
#topicEdit_2 #navTab_topicEdit_2,
#topicEdit_3 #navTab_topicEdit_3,
#topicEdit_4 #navTab_topicEdit_4,
#topicEdit_5 #navTab_topicEdit_5,
#topicContent_0 #navTab_topicContent_0, /* "Web Content" tabs */
#topicContent_1 #navTab_topicContent_1,
#topicContent_2 #navTab_topicContent_2,
#topicContent_3 #navTab_topicContent_3,
#topicContent_4 #navTab_topicContent_4,
#topicContent_5 #navTab_topicContent_5,
#topicEditDoc_0 #navTab_topicEditDoc_0, /* "Draft/Final/Comments" tabs */
#topicEditDoc_1 #navTab_topicEditDoc_1,
#topicEditDoc_2 #navTab_topicEditDoc_2,
#pageMgmt_pageMgmt #navItem_pageMgmt_pageMgmt,  /* "Page Content and Layouts" tabs */
#pageMgmt_templateMgmt #navItem_pageMgmt_templateMgmt,
#pageMgmt_navMgmt #navItem_pageMgmt_navMgmt
{ background-color: white !important; border-color: #ABCDEF !important; font-weight: bold !important; box-shadow: #ABCDEF 0px -2px 5px !important; z-index: 5 !important; }
.activeTab
{ background-color: white !important; border-color: #ABCDEF !important; font-weight: bold !important; box-shadow: #ABCDEF 0px -2px 5px !important; z-index: 5 !important; }

/* -------------------------------------------------
 *  COLUMNS
 * ------------------------------------------------- */
.col05 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 4.5% !important; }
.col10 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 9.5% !important; }
.col15 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 14.5% !important; }
.col20 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 19.5% !important; }
.col25 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 24.5% !important; }
.col30 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 29.5% !important; }
.col33 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 32.5% !important; }
.col35 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 34.5% !important; }
.col40 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 39.5% !important; }
.col45 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 44.5% !important; }
.col50 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 49.5% !important; }
.col55 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 54.5% !important; }
.col60 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 59.5% !important; }
.col65 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 64.5% !important; }
.col66 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 65.5% !important; }
.col70 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 69.5% !important; }
.col75 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 74.5% !important; }
.col80 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 79.5% !important; }
.col85 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 84.5% !important; }
.col90 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 89.5% !important; }
.col95 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 94.5% !important; }
.col100 { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 99.5% !important; }

/* -------------------------------------------------
 *  Column padding and margins
 * ------------------------------------------------- */
.colPadAll { padding: .5em !important; }
.colPadTop { padding-top: .5em !important; }
.colPadRight { padding-right: .5em !important; }
.colPadBottom { padding-bottom: .5em !important; }
.colPadLeft { padding-left: .5em !important; }
.colPadNone { padding: 0em !important; }
.colMarginAll { margin: .5em !important; }
.colMarginTop { margin-top: .5em !important; }
.colMarginRight { margin-right: .5em !important; }
.colMarginBottom { margin-bottom: .5em !important; }
.colMarginLeft { margin-left: .5em !important; }
.colMarginNone { margin: 0em !important; }

/* Fieldsets */
/* Fix for Safari and Chrome - make legends in fieldset pay attention to margins */
fieldset legend + * { -webkit-margin-top-collapse : separate; }
fieldset { border: 0px; margin-bottom:35px; }
fieldset input.text.standard { width:320px; }
textarea.commentArea, fieldset select { margin: 5px 0 }
fieldset legend { *margin-left: -8px }
fieldset legend { font-size: 1.4em; font-weight: bold; }
.legend2 { font-size: 1.3em !important; border-bottom: 1px solid #696969 !important; width: 100% !important; }


/*************************************
 Pod/textarea/callout floats
**************************************/
/*.podleft { float: left; }
.podright { float: right; }*/
.floatLeft { float: left; }
.floatRight { float: right; }

/*padding and margins used for laying out structural page elements, e.g. DIVs or SPANs in columns */
.colPadLayout { padding: 0em !important; margin: .5em .5em .5em 0em !important; }  /* used for left and/or center columns in a page layout because it has a right margin */
.colPadLayoutEnd { padding: 0em !important; margin: .5em 0em .5em 0em !important; } /* used for the right column in a page layout because it has no right margin */

/* Padding and margins used inside content areas and pods */
.colPadNone { padding: 0em !important; margin: 0em !important; } /* used inside pods and text panels where no padding is desired */

/* Recommendation Statement Button on Summary Page */
div.recButton { max-width: 800px; padding: 0px 0px 15px 0px; }
div.recButton div.top { background: url("../../images/pod_button_topLeft.png") no-repeat top left #ffffff; padding: 0px; width: 100%; }
div.recButton div.top div.right { background: url("../../images/pod_button_topRight.png") no-repeat top right; margin-left: 6px; padding: 8px 5px 0px 5px; font-size: 1.2em; text-align: left; color: #ffffff !important; font-weight: bold; }
div.recButton div.top div.right a { color: #ffffff !important; }
div.recButton div.top div.right a:link { color: #ffffff !important; }
div.recButton div.top div.right a:visited { color: #ffffff !important; }
div.recButton div.top div.right a:hover { color: #ffffff !important; }
div.recButton div.top div.right a:active { color: #ffffff !important; }
div.recButton div.bottom { background: url("../../images/pod_button_bottomLeft.png") no-repeat bottom left; clear: both; padding: 0px; width: 100%; }
div.recButton div.bottom div.right { background: url("../../images/pod_button_bottomRight.png") no-repeat bottom right; height: 10px; margin: 0px 0px 0px 6px; }
div.recButton:hover { max-width: 800px; padding: 0px 0px 15px 0px; cursor: pointer; }
div.recButton:hover div.top { background: url("../../images/pod_button_topLeft_over.png") no-repeat top left; padding: 0px; width: 100%; }
div.recButton:hover div.top div.right { background: url("../../images/pod_button_topRight_over.png") no-repeat top right; margin-left: 6px; padding: 8px 5px 0px 5px; font-size: 1.2em; text-align: left; color: #ffffff !important; font-weight: bold; }
div.recButton:hover div.top div.right a { color: #ffffff !important; }
div.recButton:hover div.top div.right a:link { color: #ffffff !important; }
div.recButton:hover div.top div.right a:visited { color: #ffffff !important; }
div.recButton:hover div.top div.right a:hover { color: #ffffff !important; }
div.recButton:hover div.top div.right a:active { color: #ffffff !important; }
div.recButton:hover div.bottom { background: url("../../images/pod_button_bottomLeft_over.png") no-repeat bottom left; clear: both; padding: 0px; width: 100%; }
div.recButton:hover div.bottom div.right { background: url("../../images/pod_button_bottomRight_over.png") no-repeat bottom right; height: 10px; margin: 0px 0px 0px 6px; }

/* Alternate images for Recommendation Statement Button on Summary Page */
.RecLink {
    width:180px;
    height:65px;
    display:block;
    background: transparent url('../../images/ReadFullRec-narrow.png') center top no-repeat;
}

.RecLink:hover {
    background-image:url('../../images/ReadFullRec-narrow-hover.png');
}

.recButtonContainer { background-color: #fce5ba; border-radius: 1em; box-shadow: rgba(0,0,0,.25) 5px 5px 5px; border: 1px solid #ffc14c; margin-bottom: 1.5em; }
.recButtonContainer:hover { background-color: #fce5ba; border-radius: 1em; box-shadow: rgba(0,0,0,.15) 5px 5px 5px inset; border: 1px solid #ffc14c; }
.recButtonInnards { background: url('../../images/ic_arrows_dark.png') no-repeat 98% 50%; }
.recButtonInnards a { font-size: 1.2em; font-weight: normal; display: block; padding: .5em 0em .5em 1em; padding-right: 32px; }

/* Pods */
.pod { width: 100%; margin-bottom: 1em !important; }
.pod h2 { font-size: 1.3em; font-weight: bold; color: #ffffff; margin: 0em; padding: 0em; border: 0px; }
.pod .podHeader h2 a{ color: #ffffff; }
.pod .podHeader h2 a:link{ color: #ffffff; }
.pod .podHeader h2 a:visited{ color: #ffffff; }
.pod .podHeader { background: url("../../images/bg_pod_header.png") repeat-x top; border-top: 1px solid #99b3cc; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: .3em .5em .3em .5em; border-bottom: 1px solid #8fa5bb; border-right: 1px solid #808080; border-left: 1px solid #808080; }
.pod .podHeader .otherText { text-align: right; color: #ffffff; }
.pod .podHeader select { font-size: .9em; padding: .1em; margin: 0em; border: 1px solid #abcdef; }
.pod .podBody { border-top: 1px solid #696969; border-left: 1px solid #696969; border-bottom: 1px solid #696969; border-right: 1px solid #696969; padding: .5em .2em .5em .5em; -moz-box-shadow: 0px 2px 2px #888 inset; -webkit-box-shadow: 0px 2px 2px #888 inset; box-shadow: 0px 2px 2px #888 inset; }
.pod .podBody .summaryInsetContainer { width: 100%; text-align: center; margin: 0em 0em 1em 0em; }
.pod .podBody .summaryInset { display: inline-block; background-color: #f4fbfc; width: 80%; border: solid 1px #82c8d1; padding: 6px; margin: 10px 0px 0px 0px; text-align: left; }
.pod .podBody h3 { font-size: 1.2em; color: #222222; font-weight: bold; font-style: oblique; padding: 1em 0em .2em 0em; margin: 0em; }
.pod .podBody h4 { font-size: 1em; color: #222222; font-weight: bold; padding: 1em 0em 0em 0em; margin: 0em; }
.pod .podBody h5 { padding-top: 1em; }
.pod .podBody p { margin: 0px; padding: 6px 0px 6px 0px; }
.pod .podBody ol { margin: .4em 0em .4em 1.3em; padding: 0em; }
.pod .podBody ul { margin: .4em 0em .4em 1.3em; padding: 0em; }
.pod .podBody li { padding: .3em 0em .3em 0em; }
.pod .podBody table { border-collapse: collapse; background-color:#FFF;}
.pod .podBody table.blackBorder { border-width: 1px; border-spacing: 0; border-collapse: collapse; border-style: solid; border-color: #222; }
.pod .podBody table.blackBorder th, .pod .podBody table.blackBorder td { border-color: #222; }
.pod .podBody ul.noBullet { list-style:none; margin: 0em; padding: 0em 0em 0em 1em; }
.pod .podBody ul.noBullet li { padding: 0em; margin: .2em; }
.pod .podFooter { background: #ccd9e5; text-align: right; border-top: 1px solid #94a7aa; border-right: 1px solid #808080; border-left: 1px solid #808080; border-bottom: 1px solid #808080; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding: .5em; -moz-box-shadow: 0px 2px 2px #94a7aa inset; -webkit-box-shadow: 0px 2px 2px #94a7aa inset; box-shadow: 0px 2px 2px #94a7aa inset; }
.pod .podFooter a, .pod .podFooter a:link, .pod .podFooter a:visited { color:#003366; text-decoration: none; }
.pod .podFooter a:hover, .pod .podFooter a:active { color:#900; text-decoration: underline; }
.pod .podFooter .footerLink { padding: .2em 1em .2em 0em; background:url("../../images/bg_textFooter.png") no-repeat right 45%; }
/*.pod .podFooter .footerLink:hover { color:#900; }*/
.pod .podFooter .noArrow {  padding: .2em 0em .2em 0em; background-image:none; }
/*.pod .podFooter .noArrow:hover { color:#900; }*/
.pod .podFooter .returnTOC { padding: .2em 1em .2em 0em; background:url("../../images/bg_TOCFooter.png") no-repeat right 45% !important; }
/*.pod .podFooter .returnTOC:hover { color:#900; }*/
.pod .podFooter p { margin: 0em; padding: 0em; }
.pod .podFooter .hero { font-size: 1.2em !important; font-weight: bold !important; }
.pod .podFooter .col33 { width: 31.5%; }
.pod .podFooter .archiveLink { margin: 1em 0em 0em 0em; }


/* Archived Pods */
.archived .podHeader { background: url("../../images/bg_pod_header_archived.png") repeat-x top; border-top: 1px solid #854c4d; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: .3em .5em .3em .5em; border-bottom: 1px solid #8fa5bb; border-right: 1px solid #854c4d; border-left: 1px solid #854c4d; }
/*.archived .podBody { background: url("../../images/bg_watermark_archived.png"); }*/
.archived .podBody .recGrades td { background: transparent; }
.archived .podFooter { background: #ecd8d9; text-align: right; border-top: 1px solid #854c4d; border-right: 1px solid #854c4d; border-left: 1px solid #854c4d; border-bottom: 1px solid #854c4d; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding: .5em; -moz-box-shadow: 0px 2px 2px #854c4d inset; -webkit-box-shadow: 0px 2px 2px #854c4d inset; box-shadow: 0px 2px 2px #854c4d inset; }
.archived .podFooter a { text-decoration: none; }

/* Draft Pods */
.draft .podHeader, .in-progress .podHeader { background: url("../../images/bg_pod_header_draft.png") repeat-x top; border-top: 1px solid #b29050; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: .3em .5em .3em .5em; border-bottom: 1px solid #b29050; border-right: 1px solid #b29050; border-left: 1px solid #b29050; }
.draft .podHeader h2, .in-progress .podHeader h2 { color: #222222; }
/*.draft .podBody { background: url("../../images/bg_watermark_draft.png"); }*/
.draft .podBody .recGrades td, .in-progress .podBody .recGrades td { background: transparent; }
.draft .podBody, .in-progress .podBody { border: 1px solid #b29050; }
.draft .podFooter, .in-progress .podFooter { background: #fff3dc; text-align: right; border-top: 1px solid #b29050; border-right: 1px solid #b29050; border-left: 1px solid #b29050; border-bottom: 1px solid #b29050; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding: .5em; -moz-box-shadow: 0px 2px 2px #bf9b55 inset; -webkit-box-shadow: 0px 2px 2px #bf9b55 inset; box-shadow: 0px 2px 2px #bf9b55 inset; }
.draft .podFooter a, .in-progress .podFooter a { text-decoration: none; }

.draft { background-image: url("../../images/bg_watermark_draft.png"); background-color: transparent; }
.archived { background: url("../../images/bg_watermark_archived.png"); background-color: transparent; }



.podBody th { padding: .4em; vertical-align: top; text-align: left; }
.podBody td { padding: .4em; vertical-align: top; text-align: left; }

/* Text block styles */
.textBox { padding: .5em;  margin-bottom: 1em !important; }
.textBox h2 { margin-top: 0em; }
.textBox h3 { font-size: 1.2em; color: #222222; font-weight: bold; font-style: oblique; padding: 1em 0em .2em 0em; margin: 0em; }
.textBox h4, .textBox h5 { padding-top: 1em; }
.textBox .footer { text-align: right !important; margin: 0em; padding-top: .5em; font-weight: bold;  }
.textBox .footer a { text-decoration: none; border-top: 1px dashed #cecece; display: block; }
.textBox .footer .footerLink { padding: .6em 1em .2em 0em; background:url("../../images/bg_textFooter.png") no-repeat right 65%; }
.textBox .footer .returnTOC { padding: .6em 1em .2em 0em; background:url("../../images/bg_TOCFooter.png") no-repeat right 65% !important; }
.textBox th { padding: .4em; vertical-align: top; text-align: left; }
.textBox td { padding: .4em; vertical-align: top; text-align: left; }
.textBox table { border-collapse: collapse; background-color: #FFF; }
.textBox table.blackBorder { border-width: 1px; border-spacing: 0; border-collapse: collapse; border-style: solid; border-color: #222; }
.textBox table.blackBorder th, .textBox table.blackBorder td { border-color: #222; }


/* Styles for a floating callout box */
.callout { padding: .5em; background-color: #fffcec; border: 1px solid #ffcf73; border-radius: 6px; box-shadow: 2px 2px 3px #c6b08a; font-size: 1em; }
.callout h2 { border-bottom: 0px !important; padding: 0em 0em .2em 0em; margin: 0em; }
.callout h3 { font-size: 1.2em; color: #222222; font-weight: bold; font-style: oblique; padding: .5em 0em 0em 0em; margin: 0em; }
.callout a { font-weight: bold; }
.callout th { padding: .4em; vertical-align: top; text-align: left; }
.callout td { padding: .4em; vertical-align: top; text-align: left; }
.callout .footer { text-align: right !important; margin: 0em; padding-top: .5em; font-weight: bold;  }
.callout .footer a { text-decoration: none; border-top: 1px dashed #cecece; display: block;  }
.callout .footer .footerLink { padding: .2em 1em .2em 0em; background:url("../../images/bg_textFooter.png") no-repeat right 45%; }
.callout .footer .returnTOC { padding: .2em 1em .2em 0em; background:url("../../images/bg_TOCFooter.png") no-repeat right 45% !important; }

/* Styles for a floating in progress alert box */
.in-progress-alert {  margin: .5em 0 .85em -.1em; min-height: 30px; padding: 14px 14px 14px 50px; background-image:url("../../images/in_progress_alert.png"); background-repeat: no-repeat; background-position: 5px; background-color: #f7f3e7; border: 2px solid #ffc14c; border-radius: 16px; box-shadow: 2px 2px 3px #c6b08a; font-size: 1em; }
.in-progress-alert p { padding: 0em; }
.in-progress-alert li { padding: .15em 0em .15em 0em; }
.in-progress-alert h3 { text-decoration: none !important }
/*.in-progress-alert a { text-decoration: none !important }
.in-progress-alert a:hover { text-decoration: underline !important }*/

/* Plain-Jane table */
.plainTable { padding: 0em; margin: 0em; border-collapse: collapse; }
.plainTable th { padding: .5em; margin: 0em; border: 1px solid #222222; }
.plainTable td { padding: .5em; margin: 0em; border: 1px solid #222222; }

/* Search/Browse - table styles */
.listingTable { width: 100%; padding: 0em; margin: 0em 0em 0em 0em; border: 0px; border-collapse: collapse; }
.listingTable .rows:hover { background: #FC9; }
.listingTable th { background-color: #ddd; color: #222222 !important; padding: .5em; border: 1px solid #a6a6a6; }
.listingTable a:visited { font-weight: normal; }
.listingTable th a, .listingTable th a:link, .listingTable th a:visited { color: #222222 !important; font-weight: bold !important; text-decoration: underline; background-color: transparent; }
.listingTable th a:hover, .listingTable th a:active { color: #ff0000 !important; font-weight: bold !important; text-decoration: underline; background-color: transparent; }
.listingTable td { text-align: left; vertical-align: top; padding: .7em .5em .7em .5em; border: 1px solid #CCC; }
.listingTable td a, .listingTable td a:link, .listingTable td a:visited { display: block; text-decoration: none; }
.listingTable td a:hover, .listingTable td a:active { display: block; text-decoration: none; }
.listingTable .titleCell { padding: 0em !important; margin: 0em !important; border-bottom: 0px !important; font-size: 1.3em; }
.listingTable .titleCell a { padding: .5em; }
.listingTable .detailCell { border-top: 0px !important; }
.listingTable .altRow { background: #ecf4ff; }
.notAltRow { background: #ffffff; }
.altRow { background: #ecf4ff; }
.listingTable ol { padding: 5px 0px 5px 0px; margin: 5px 0px 0px 15px; }

/* Search/Browse - New/Draft/Updated item designations */
.listingTable .draftItem { color: #0000ff; font-size: .9em; font-weight: bold; }
.listingTable .newItem { color: #ff0000; font-size: .9em; font-weight: bold; }
.listingTable .updatedItem { color: #00aa00; font-size: .9em; font-weight: bold; }

/* Result table pagination styles */
/*
.pagination { }
.pagination a, .pagination a:link, .pagination a:visited { background: none !important; }
.pagination .previousPage { display: inline-block; width: 95%; text-align: left; margin: .3em 0em .3em 0em; padding: 0em 0em 0em 1em; background: url("../../images/bg_page_prev.png") no-repeat left 49% !important; }
.pagination .pageCount { display: inline-block; width: 95%; text-align: center; margin: .3em 0em .3em 0em; padding: 0em; }
.pagination .nextPage { display: inline-block; width: 95%; text-align: right; margin: .3em 0em .3em 0em; padding: 0em 0em 0em 0em; background: url("../../images/bg_page_next.png") no-repeat right 49% !important; }
    */

/* Search/Browse - "Remove All" link style */
#removeAll_sel { padding: 0px 0px 3px 0px; }

/* -------------------------------------------------
 *  STANDARD GRID TABLE LAYOUT
 * ------------------------------------------------- */
.standardTable { width: 100%; padding: 0em !important; margin: .5em 0em 1em 0em !important; border: 1px solid #999; border-collapse: collapse !important; }
.standardTable th { color: #ffffff; background: #336699; padding: .5em !important; margin: 0em; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; vertical-align: top; text-align: left; }
.standardTable th a, .standardTable th a:link, .standardTable th a:visited { color: #ffffff; text-decoration: none; font-weight: bold; }
.standardTable th a:hover, .standardTable th a:active { color: #ffffff; text-decoration: underline; font-weight: bold; }
.standardTable th:first-child { border-left: 0px !important; }
.standardTable th:last-child { border-right: 0px !important; }
.standardTable td { padding: .5em; border-right: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #999; vertical-align: top; text-align: left; }
.standardTable ul { list-style: disc; padding: 0em 0em 0em 0em; }
.standardTable li { margin: .2em 0em .2em 0em; }
.standardTable .selector { color: #ffffff; background: #0074bd; padding: 4px; margin: 0px; border-right: 0px solid #ffffff; border-bottom: 0px solid #ffffff; font-weight: normal; text-align: right !important; }
.standardTable .selector select { font-size: .9em; }
.standardTable .referenceTextarea { width: 100%; height: 3em; }
.standardTable tr:nth-child(odd) { background-color: #e6f1f9; }
.standardTable tr:nth-child(even) { background-color: #ffffff; }

.altRowFlipped tr:nth-child(even) { background-color: #e6f1f9 !important; }
.altRowFlipped tr:nth-child(odd) { background-color: #ffffff !important; }

/* -------------------------------------------------
 *  GRID TABLE LAYOUT FOR RECOMMENDATION EDITING
 * ------------------------------------------------- */
.recTable { width: 99.5%; padding: 0px; margin: .5em 0em 1em 0em; border: 1px solid #999; border-collapse: collapse; }
.recTable th { color: #222222; background: #dddddd; padding: .8em; margin: 0em; border: 1px solid #a6a6a6; vertical-align: top; text-align: left; }
.recTable td { color: #222222; background: #ffffff; padding: .8em; margin: 0em; border: 1px solid #999; vertical-align: top; text-align: left; }
.recTable p { padding: 0em !important; margin: 0em !important; }
/*.recTable th a { color: white !important;  }*/

/* Grade definition table styles */
.recGrades { margin: 10px 0px 0px 0px; }
.recGrades th { background-color: #ddd; color: #222222; padding: 8px; border-bottom: 1px solid #a6a6a6; border-top: 1px solid #a6a6a6; border-left: 1px solid #a6a6a6; }
.recGrades td { background: transparent; padding: 8px; border-bottom: 1px solid #a6a6a6; border-left: 1px solid #a6a6a6; }
.recGrades .end { border-right: 1px solid #a6a6a6; }
.recGrades .end a { background-color: transparent; }
.recGrades .noLeft { border-left: 0px; }

/* USPSTF recommendation grade color schemes */
.gradeA { background-color: #dbf9db !important; }
.gradeA:last-child { text-align: center !important; }
.gradeB { background-color: #dbf9db !important; }
.gradeB:last-child { text-align: center !important; }
.gradeC { background-color: #fafade !important; }
.gradeC:last-child { text-align: center !important; }
.gradeD { background-color: #ffd9d9 !important; }
.gradeD:last-child { text-align: center !important; }
.gradeI { background-color: transparent !important; }
.gradeI:last-child { text-align: center !important; }

/*Grade icons for recommendation statements*/
.gradeIcon { display: inline-block !important; text-decoration: none !important; text-indent: -1000em; height: 34px; width: 34px; background-position: left top !important; background-repeat: no-repeat !important; margin: 0em .1em 0em .1em; vertical-align: middle; cursor: pointer; outline: 0px; cursor: pointer; }
.gradeIcon.gradeA { background-image: url('../../images/ic_gradeA_sm.png') !important; }
.gradeIcon.gradeB { background-image: url('../../images/ic_gradeB_sm.png') !important; }
.gradeIcon.gradeC { background-image: url('../../images/ic_gradeC_sm.png') !important; }
.gradeIcon.gradeD { background-image: url('../../images/ic_gradeD_sm.png') !important; }
.gradeIcon.gradeI { background-image: url('../../images/ic_gradeI_sm.png') !important; }

/* Other icons */
.icon { position: relative; display: inline-block !important; text-decoration: none !important; text-indent: -1000em; height: 24px; width: 24px; background-position: left top !important; background-repeat: no-repeat !important; margin: 0em .1em 0em .1em; vertical-align: middle; cursor: pointer; outline: 0px; }
.icon.view { background-image: url('../../images/ic_view.png') !important; }

/* Search pane on the recommendation splash page */
.recSearch { width: 100%; padding: 0em; margin: 0em 0em 1em 0em; }
.recSearch .searchTerms { /*background-color: #ffffff;*/ font-size: 1.2em; width: 75%; /*border: 1px solid #9a9a9a; padding: .2em;*/ }
.recSearch .goButton { /*font-size: 1em; margin: .2em 0em .2em 0em; padding: .2em .5em .2em .5em;*/ }
.advancedSearch {  }
.advancedSearch td { padding: .5em 0em .5em 0em; }
.advancedSearch select { width: 90%; }

/* Search/Browse pages - filter pod styles */
/*.filterPodHeader { font-weight: bold; font-size: 1.1em; }*/
.filterPod {  }
.filterPod h3 { font-weight: bold; font-size: 1.1em !important; font-style: normal !important; padding: 0em 0em 0em .2em !important; margin: 0em 0em .5em 0em !important; }
.filterPod #keywordFilter { width: 94%; font-size: 1.1em; margin: 0em 0em 0.25em 0em; padding: .2em; }
.filterPod #keywordGo { font-size: 1em; margin: .2em 0em .2em 0em; padding: .2em .5em .2em .5em; }
.filterPod ul { margin: .5em 0em .5em 1em !important; padding: 0em !important; }
.filterPod li { margin: .1em 0em .1em .5em !important; padding: 0em !important; }
.filterPod li a { display:block; margin-top: .5em !important; }
.filterPod button { padding:.1em .3em}
/* These are for display changes between selected and normal-state letters in the alphabetical recommendation filter */
.filterAlphaLinkSel { font-weight: 900; font-size: 1.3em; color: #666666; }
.filterAlphaLink { font-weight: normal; font-size: 1em; }
/* These styles are for the podded version of the alphabetical recommendation filters */
.filterAlpha { margin: 0em 0em .8em 0em; text-align: center; font-size: 1.3em; color: #CCCCCC; }
.filterAlphaPod { margin: 0em 0em .8em 0em; text-align: center; font-size: 1em; color: #CCCCCC; }
/* PROTOTYPE ONLY!!!! - These next items are only for the prototype - they function as aids for the clickable recommendation filters */
.filterPod .browseItem { margin: 0em; padding: .2em 0em 0em 0em; }
.filterPod .browseItemSel { margin: 0em; padding: .2em 0em 0em 0em; display: none; }
.filterPod .browseItemHigh { margin: 0em; padding: .2em 0em 0em 0em; display: none; font-weight: 900; font-size: 1.3em; color: #666666; }

/* Styles for textareas with character counters */
.commentArea { background-color: #fffcec; border: 1px groove #9a9a9a; width: 99%; height: 120px; font-size: 1em; overflow: auto; }
.commentError { background-color: #ffefef; border: 1px groove #9a9a9a; width: 99%; height: 150px; font-size: 1em; overflow: auto; }

/* Citation styles */
.internetCitation { font-size: .9em; clear: both; margin: 1em 0em 0em 0em; padding: 1em 1em 1em 1em; }
.internetCitation hr { margin-top: 10px; margin-bottom: 10px; }
.citations { clear: both; margin: 1.1em .5em 0em 0em; padding: .5em .5em 0em .5em; background-color: #fffcec; border: 1px solid #ffcf73/*#82c8d1*/; border-radius: 6px; box-shadow: 2px 2px 3px #c6b08a; font-size: 1em; }
.citations ol { padding: .5em 0em .5em 1.5em; }
.citations li { padding: .5em 0em .5em 0em; }

/* Archived USPSTF Recommendation - version selector link */
.archiveVersionButton { background-color: #b26567; border: 1px solid #854c4d; color: #ffffff; vertical-align: middle; float: right;  border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em; box-shadow: 2px 2px 2px #696969; cursor: pointer; }
.archiveVersionButton:hover { background: #ecd8d9; color: #222222; box-shadow: 2px 2px 2px #4d5a67 inset; border: 1px solid #b26567; }
.archiveVersionButton a, .archiveVersionButton a:link,.archiveVersionButton a:visited  { display: block; padding: 1em 1em 1em 1em; color: #ffffff; text-decoration: none; background-color: transparent; font-size: 1.1em; }
.archiveVersionButton a:hover, .archiveVersionButton a:active { display: block; padding: 1em 1em 1em 1em; color: #854c4d; text-decoration: underline; font-size: 1.1em; }

/* Task force member listing in the About page */
.TFMember { margin: .5em 0em .5em 0em }
.TFMember a { font-size: 1.2em; font-weight: bold; display:block; margin-bottom: 4px !important;}
.TFMember ul { list-style: circle; margin: 0em !important; padding: 0em 0em 0em 1.4em !important; }
.TFMember li { padding: 0 0 0.3em 0 !important; margin: 0em 0em .3em 0em !important; }

/************************************/
/*          Utility Styles          */
/************************************/
.thinBlueBox { width: 100%; border: 1px solid #abcdef; padding: 0em; margin: 0em; z-index: 0; }
.thinBlueGrayBox { width: 100%; border: 1px solid #abcdef; background: #f6f6f6; padding: 0em; margin: .8em 0em .8em 0em; }
.thinBlueBoxPad { padding: .6em; margin: 0em; }
.clearance { clear: both; font-size: 0px; height: 0px; }
.initiallyHidden { display: none; }
.doubleLineBorder { border-top: 3px double #91C2FF; margin: 5px 0 5px 0; width: 100%; }
.noPad { padding: 0em !important; }
.noPad p { padding: 0em !important; padding: .5em 0em .5em .5em !important; }
.noPad h3 { padding: 0em !important; padding: 1em 0em 0em .5em !important; }
.noPad h4 { padding: 0em !important; padding: .5em 0em 0em .5em !important; }
.noMargin { margin: 0em !important; }
.noteBene { font-style: oblique; } /* Style for special emphasis */
.centered { text-align: center; }
.middled { vertical-align: middle; }
.righty { text-align: right !important; }
.lefty { text-align: left !important; }
.giantLink { padding: .5em 1em 0em 1em; font-size:1.4em; }
/*.TOC { vertical-align: top; display: inline-block; width: 49.05% }*/
.TOC { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; *display: inline !important; width: 47.5% !important; margin:0 2% 0 0; }
.TOC:nth-child(2n+1) { border-right:1px solid #CCD9E5 }
.TOCPad { padding: .5em; }
.gradeHelpLink { font-size: .8em; } /* Style for the "What's This?" grade definition link */
.red { color: #F00; }
.hideMe { width: 1px; display: none; }
.specialNews { background-color: #ffffcc ; }
.specialNews:first-child { background: url(../../images/ic_specialNews.png) no-repeat 1% 50% #ffffcc; }


/* jQuery DataTables style overrides */
/*.dataTables_wrapper { width: 100% !important; }
.dataTables_wrapper table { margin-top: 0em !important; border-top: 0px !important; margin: 0em !important; }
.dataTables_filter { color: #ffffff; border-left: 0px solid #999; border-top: 0px solid #999; border-right: 0px solid #999; width: 100% !important; float: none !important; background: #0074bd !important; margin: 0em !important; padding: 0em !important; }
.dataTables_filter input { margin: .5em !important; padding: .2em; font-size: 1.1em; }
.dataTables_info { position: absolute; color: #ffffff; padding: .6em 0em .6em 0em; margin: .4em 0em 0em 0em !important; left: 40%; }
.dataTables_paginate { width: 100%; border-left: 1px solid #0074bd; background: #0074bd; padding: .6em 0em .6em 0em; z-index: 0; }
.paginate_disabled_previous { display: none !important; }
.paginate_enabled_previous { float: left; margin: 0em 0em 0em 1em; padding: .3em .9em 0em .6em !important; display: block !important; color: #ffffff !important; border: 1px solid #0074bd !important; border-radius: .5em !important; }
.paginate_enabled_previous:hover { float: left; margin: 0em 0em 0em 1em; padding: .3em .9em 0em .6em !important; display: block !important; background: #ffffff !important; color: #111111 !important; border: 1px solid #ffffff !important; border-radius: .5em !important; }
.paginate_disabled_next { display: none !important; }
.paginate_enabled_next { float: right; margin: 0em 1em 0em 0em; padding: .3em .9em 0em .6em !important; display: block !important; color: #ffffff !important; border: 1px solid #0074bd !important; border-radius: .5em !important; }
.paginate_enabled_next:hover { float: right; margin: 0em 1em 0em 0em; padding: .3em .9em 0em .6em !important; display: block !important; background: #ffffff !important; color: #111111 !important; border: 1px solid #ffffff !important; border-radius: .5em !important; }
    */

/* jQuery DataTables style overrides */
.dataTables_wrapper { width: 100% !important; border-top-left-radius: 1em; border-top-right-radius: 1em; background: url("../../images/bg_pod_header_short.gif") repeat-x top left; min-height: 40px; border: 0px; margin: 0em !important; padding: 0em !important; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.dataTables_wrapper .ui-toolbar { padding: 0px !important; }
.dataTables_wrapper table { width: 100% !important; margin-top: 0em !important; border-top: 0px !important; margin: 0em !important; }
.dataTables_wrapper .sorting { background-image: url("../../images/ic_sorting.png"); background-repeat: no-repeat; background-position: 99% 50%; vertical-align: middle; padding-right: 15px !important; }
.dataTables_wrapper .sorting_asc { background-image: url("../../images/ic_sorting_asc.png"); background-repeat: no-repeat; background-position: 99% 50%; vertical-align: middle; padding-right: 15px !important; }
.dataTables_wrapper .sorting_desc { background-image: url("../../images/ic_sorting_desc.png"); background-repeat: no-repeat; background-position: 99% 50%; vertical-align: middle; padding-right: 15px !important; }
.dataTables_filter { color: #ffffff; }
.dataTables_filter input { margin: .5em !important; padding: .2em; font-size: 1.1em; display: inline-block;  }
.dataTables_length { padding: .7em .5em 0em .7em; color: #ffffff; display: inline-block;  }
.dataTable { border-right: 1px; border-color:#336699; }
.dataTable th:last-child { border-top: 0px !important; border-right: 0px !important; }
.dataTable th { border-top: 0px !important; background-color: #336699; }
.dataTable td { padding: .5em !important; }
.dataTable td.specialNews:first-child { padding-left: 25px !important; }
.dataTables_info { position: absolute; color: #ffffff; padding: .6em 0em .6em 0em; margin: .4em 0em 0em 0em !important; left: 20%; width:60%; text-align:center; }
.dataTables_paginate { width: 100%; /*border-left: 1px solid #336699;*/ background: #336699 !important; padding: .6em 0em .6em 0em; z-index: 0; min-height: 25px; float: none; }

/* Pagination styles */
.paginate_disabled_previous { display: none !important; }
.paginate_enabled_previous { float: left; margin: 0em 0em 0em 1em; padding: .3em .9em 0em .6em !important; display: block !important; color: #ffffff !important; border: 1px solid #336699 !important; border-radius: .5em !important; }
.paginate_enabled_previous:hover { float: left; margin: 0em 0em 0em 1em; padding: .3em .9em 0em .6em !important; display: block !important; background: #ffffff !important; color: #111111 !important; border: 1px solid #ffffff !important; border-radius: .5em !important; }
.paginate_disabled_next { display: none !important; }
.paginate_enabled_next { float: right; margin: 0em 1em 0em 0em; padding: .3em .9em 0em .6em !important; display: block !important; color: #ffffff !important; border: 1px solid #336699 !important; border-radius: .5em !important; }
.paginate_enabled_next:hover { float: right; margin: 0em 1em 0em 0em; padding: .3em .9em 0em .6em !important; display: block !important; background: #ffffff !important; color: #111111 !important; border: 1px solid #ffffff !important; border-radius: .5em !important; }
.ContentModuleDialog { height: 50% !important; }



/************************************************************/
/*              STYLES ABOVE ARE GOOD TO GO                 */
/************************************************************/

/******************************/
/* Styles to improve          */
/******************************/

/* Styles for the rotating banner on the front page */
.bannerContainer { position: relative; height: 208px; width: 100%; }
.bannerNavContainer { /*width: 100%;*/ text-align: right; padding: 0px 0px 5px 0px; margin-right: 4px; }
.bannerDivOn { padding: 0px 0px 5px 0px; visibility: visible; position: absolute; top: 18px; }
.bannerDivOff { padding: 0px 0px 5px 0px; visibility: hidden; position: absolute; top: 18px; }
/* Predictive search drop-down - these styles are for the purposes of this prototype only*/
.predictiveSearch { position: absolute; display: none; top: 21px; left: 0px; border-top: 1px solid #9a9a9a; border-bottom: 1px solid #9a9a9a; border-left: 1px solid #9a9a9a; border-right: 1px solid #9a9a9a; width: 380px; background-color: #ffffff; }
.predictiveSearch td { text-align: left; padding: 2px; background-color: #ffffff; cursor: pointer; }
.predictiveSearch td:hover { background-color: #abcdef; cursor: pointer; }


/* Recommendation Topics in Progress */
.topicChartContainer { padding: 0em; }
.topicChartContainer .lightBox { border: 1px solid #c2dedf; box-shadow: 0px 0px 4px #c2dedf inset; padding: .5em; display: block; }
.topicChartContainer .darkBox { border: 1px solid #013976; box-shadow: 0px 0px 4px #013976 inset; padding: .5em; display: block; }
.topicChartContainer a { font-weight: bold; }
.topicChartContainer h3 { font-weight: bold; }
.topicChartContainer ul { padding: 0 10px 15px 20px; margin: 0; }
.topicChartContainer li { padding: 5px 0; }
.topicChartContainer li span { display: block; padding-left: 12px; font-size: 96%; }

/* Topics in progress listing */
.wedges { margin: 0em; padding: 0em; text-align: center; vertical-align: middle; width: 100%; }
.wedges .transLight { margin: 0em; padding: 0em; width: 5%; height: 120px; display: inline-block; background: url("../../images/bg_wedge_transLight.png") no-repeat 50% 50%; text-align: center; vertical-align: middle; }
.wedges .lightDark { margin: 0em; padding: 0em; width: 5%; height: 120px; display: inline-block; background: url("../../images/bg_wedge_lightDark.png") no-repeat 50% 50%; text-align: center; vertical-align: middle; }
.wedges .lightTrans { margin: 0em; padding: 0em; width: 5%; height: 120px; display: inline-block; background: url("../../images/bg_wedge_lightTrans.png") no-repeat 50% 50%; text-align: center; vertical-align: middle; }
.wedges .darkLight { margin: 0em; padding: 0em; width: 5%; height: 120px; display: inline-block; background: url("../../images/bg_wedge_darkLight.png") no-repeat 50% 50%; text-align: center; vertical-align: middle; }
.wedges .darkTrans { margin: 0em; padding: 0em; width: 5%; height: 120px; display: inline-block; background: url("../../images/bg_wedge_darkTrans.png") no-repeat 50% 50%; text-align: center; vertical-align: middle; }
.wedges .dark { margin: 0em; padding: 0em; width: 18%; height: 120px; display: inline-block; background: url("../../images/bg_wedge_dark.png") repeat-x; text-align: center; vertical-align: middle; font-size: 1.2em; }
.wedges .dark a { color: #ffffff; display: block; height: 105px; }
.wedges .light { margin: 0em; padding: 0em; width: 18%; height: 120px; display: inline-block; background: url("../../images/bg_wedge_light.png") repeat-x; text-align: center; vertical-align: middle; font-size: 1.2em; }
.wedges .light a { color: #336699; display: block; height: 105px; }
.wedges a.indicator { font-style: italic; font-weight: bold; }

.thinWedge { height: 40px !important; font-size: 1em !important; text-align: center; vertical-align: middle; }

.darkSmall { background: #013976 url("../images/wedge-dark-small.jpg") no-repeat right; }
.lightSmall { background: #c2dedf url("../images/wedge-light-small.jpg") no-repeat right; }
.wedgesSub { list-style: none; height: 65px; }
.wedgesSub li { float: left; height: 27px; max-width: 130px; border: 0px solid blue; padding: 15px 25px; text-align: center; margin-right: 5px; }

/* Document navigation buttons */
a.prevButton {
    background-image: url("../../images/arrowBack.png");
    background-repeat: no-repeat;
    background-position: 2% 50%;
    float: left;
    display: inline;
    background-color: #F3F9FD !important;
    padding: 7px 9px 7px 30px;
    border: 1px solid #CEDCEA;
    border-radius: 5px;
    text-decoration: none;
}

a.nextButton {
    background-image: url("../../images/arrowNext.png");
    background-repeat: no-repeat;
    background-position: 98% 50%;
    float: right;
    display: inline;
    background-color: #F3F9FD !important;
    padding: 7px 30px 7px 9px;
    border: 1px solid #CEDCEA;
    border-radius: 5px;
    text-decoration: none;
}

a.prevButton:hover, a.nextButton:hover {
    background-color: #CEDCEA !important;
    border-color: #B9C6D3 !important;
    color: #990000 !important;
    text-decoration: none;
}

/* ExternalLink class adds exit disclaimer*/
.extLink { display: inline-block !important; text-decoration: none !important; text-align: left !important; text-indent: -1000em; height: 14px; width: 11px; background-position: left top !important; background-repeat: no-repeat !important; margin: 0em .1em 0em .1em; vertical-align: middle; cursor: pointer; outline: 0px; background-image: url("../../images/ic_exitDisclaimer.png"); }

.forceLinkColor {
    /*color: #036 !important;*/
    font-size: 0.9em;
}

.required {
    color: #ff0000;
    font-style: italic;
}
.commentButtonLink {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #222222;
	display:inline-block;
	color:#222222 !important;
	font-family:arial;
	font-size: 1em;
	font-weight:bold;
	font-style:normal;
	height:auto;
	padding: 1em;
	width:75%;
	text-decoration:none !important;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.commentButtonLink:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.commentButtonLink:active {
	position:relative;
	top:1px;
}
.bull { font-weight: 400; color: #336699; text-decoration: none; padding: 0em .5em 0em .1em; }
.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
}
.errorMessage {
	 color: red;
     font-weight:bold;
}