/*  This is the base css file for the entire BSI Draft Review System Application.
	19/09/2011 by Zebedee Creations
	These styles cover the globaly inherted styles, layout properties and font styles. 
	
	Table of Contents:
        1. Homepage Styles
		2. Global Styles
		3. Template Elements
		4. Font Styles


*/

/* 1. Homepage Styles - Start - 
Temporarily copied content over from Home.css - will be merged in later 

--------------------------------------------------------------------------------- */

/*  This is the home page css file for the BSI Draft Review System Application.
	19/09/2011 by Zebedee Creations 
	These styles cover the layout properties and font styles.
	
	Table of Contents:
		1. Home Template elements 	
		2. Font styles

*/

/* 1. Home Template elements - start - */

#homepage #mainContent {
    width: 1000px; margin: 0 auto; padding:0px;
}

#homepage #contentWrapper, 
#homepage #mostPopularWrapper, 
#homepage #mostPopularTitleWrapper {
    float:left; min-width:100%;
}

#homepage #mainContent h1 {
    float:left; width:946px; padding:10px 27px 10px 27px;
}

#homepage #bsiSiteGuideImages, 
#homepage #bsiSiteGuideSummary {
    float:left; width:860px; margin:0px 0px 2.0em 55px;
}

#homepage #bsiSiteGuideImages .bsiSiteGuideImagesItem {
    width: 215px; float:left; min-height:155px;
}

#homepage #bsiSiteGuideSummary .bsiSiteGuideSummaryItem {
    width: 195px; float:left; padding:0 10px 0 10px
}

#homepage .bsiSiteGuideImagesItem .bsiSiteGuideImagesItemTitle h2 {
    width:139px; height:50px; display:table-cell; vertical-align:middle; text-align:center; padding:5px;
}

#homepage .findItem .bsiSiteGuideImagesItemTitle,
#homepage .shareItem .bsiSiteGuideImagesItemTitle {
    width:148px; min-height:59px; float:left; margin:86px 0 0 20px; 
}

#homepage .readItem .bsiSiteGuideImagesItemTitle {
    width:148px; min-height:59px; float:left; margin:86px 0 0 21px;
}

#homepage .commentsItem .bsiSiteGuideImagesItemTitle {
    width:148px; min-height:59px; float:left; margin:86px 0 0 21px;
}

#homepage .bsiSiteGuideImagesItem .bsiSiteGuideImagesItemSlice {
    width:149px; height:10px; float:left; margin:0;
}

#homepage #bsiSubjectsList ul li {
    margin:15px 0px 15px 0px;
}

#homepage #searchformHome #searchField {
    margin:0 0 10px 60px; float:left; width:394px; height:4.6em;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

#homepage #searchformHome {
    float:left; width:946px; padding:25px 27px 0px 27px; border-top:1px solid #54555a;
}

#homepage #searchformHome #searchField #searchInput {
    width:84%; height:50%; margin:9px 0px 0px 9px;
}

#homepage #searchformHome #searchField #searchInput:focus {
    border: 2px solid #aaaaaa; width:84%; height:50%; margin:9px 0px 0px 9px;
}

#homepage #searchformHome #searchField #searchSubmit {
    width:3.0em; height:2.0em; border:none; margin:0px 0px 0px 0px; cursor:pointer; text-indent: -999em; text-transform: capitalize; 
}

#homepage #searchLabel {
    float:left;
    margin:8px 0 0 0;
}

#homepage #additionalContent {
    float:left; padding:0 27px 0 27px;
}

#homepage #additionalContent h1, #homepage h2, #homepage h3, #homepage h4, #homepage h5, #homepage h6 {
    padding-left: 0px;
    text-align: left;
}

#homepage #additionalContent h1, #homepage #additionalContent h2, #homepage #additionalContent h3, 
#homepage #additionalContent h4, #homepage #additionalContent h5, #homepage #additionalContent h6 {
    padding-left: 0px!important; text-align: left!important; line-height: 1.5em;
}

#homepage #additionalContent h1 {
    font-size: 2em!important; padding:0!important;
}

#homepage #additionalContent h2 {
    font-size: 1.5em; margin-bottom: 10px; padding-bottom: 0px;
}

#homepage #additionalContent h3 {
    font-size: 1.3em; margin-bottom: 0px; padding-bottom: 0px;
}

#homepage #additionalContent h4 {
    font-size: 1.2em; margin-bottom: 0px; padding-bottom: 0px;
}

#homepage #additionalContent h5 {
    font-size: 1em;
}

#homepage #additionalContent h6 {
    font-size: 0.9em;
}

#homepage #additionalContent address {
    font-style: italic;
}

#homepage #additionalContent pre {
    font-family: monospace;
    font-size: 1.2em;
}

#homepage #additionalContent p {
    padding-bottom: 8px;
}

#homepage #additionalContent ol {
    list-style-type: decimal; margin: 10px 0px 10px 20px;
}

#homepage #additionalContent ul {
    list-style-type:disc;
    margin: 10px 0px 10px 20px;
}

#homepage #additionalContent strong {
    font-weight: bold;
}

#homepage #additionalContent em {
    font-style: italic;
}

#homepage #additionalContent sup {
    vertical-align: super; font-size: 80%;
}

#homepage #additionalContent sub {
    vertical-align: sub; font-size: 80%;
}

#homepage #bsiSubjectsList {
    width:946px; float:left; padding:0 27px 15px 27px; margin:20px 0 0 0;
}

#homepage #bsiSubjectsList h2 {
    padding:0;
}

#homepage #bsiSubjectsList ul:first-child {
    padding:0 0 0 27px !important;
}

#homepage #bsiSubjectsList ul li a {
    width:90%; display:block; margin:0px 0px 0px 10%;
}

#homepage #mostPopular {
    width:946px; margin:0 auto; padding:0 27px 0 27px;
}

#homepage #mostPopularTitle {
    width:1000px; margin:0 auto;
}

#homepage #mostPopularTitle h2 {
    float:left; min-height:23px; padding:6px 0 0 0; margin:19px 0 0 0; max-width:300px;
}

#homepage #mostPopularTitle .mptSliceLeft {
    float:left; width:33px; height:44px; margin-top:5px;
}

#homepage #mostPopularTitle .mptSliceRight {
    float:left; width:33px; height:47px; margin-top:1px;
}

#homepage #mostPopular .documentPreviewBoxItem {
    width: 22%; float: left; padding:15px 3% 10px 0px; 
}

#homepage .documentComments a, #homepage .documentComments span, #homepage #searchLabel label {
    float:left;
}

#homepage .documentPreviewBoxItem p.expiryDate {
    margin:10px 0px 10px 0px;
}

#homepage .documentComments a {
    padding: 3px 0px 3px 25px; width:100%;
}

#homepage .documentComments {
    width:100%;
}

#homepage .documentComments span {
    padding: 3px 0px 3px 25px; margin:5px 0px 0px 0px;
}

/* Home Template elements - end - */

/* 2. Font styles - start - */

#homepage #mainContent h1, #homepage #bsiSiteGuideImages .bsiSiteGuideImagesItem h2, 
#homepage #searchLabel label, #homepage #bsiSubjectsList h2, #homepage #mostPopularTitle h2 {
    font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif;
}

#homepage h1 {
    font-size:2.5em; text-align:center;
}

#homepage #mainContent h1 {
    line-height:1.5em;
    font-weight: normal;
}

#homepage #bsiSiteGuideImages .bsiSiteGuideImagesItem h2 {
    font-size:1.9em; text-decoration:none; line-height:1.0em;
}

#homepage #bsiSubjectsList h2 {
    text-align:left;
}

#homepage p {
    font-size:1.2em;
}

#homepage #bsiSubjectsList ul {
    width: 24%; float: left; padding:0px 1% 0px 0px; margin:0; 
}

#homepage #bsiSubjectsList ul li {
    line-height:1.5em; 
}

#homepage #bsiSubjectsList h2, #homepage #searchLabel label {
    font-size:2.2em; line-height:1.5em;
}

#homepage #bsiSubjectsList ul li a {
    line-height:1.5em; font-size:1.4em;
}

#homepage #mostPopularTitle h2 {
    font-size:2.0em; line-height:1.2em;
}

#homepage .documentPreviewBoxItem h3 a  {
    font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1.5em; font-weight:bold;
}

#homepage .documentPreviewBoxItem p.title, #homepage .documentPreviewBoxItem p.expiryDate {
    font-size:1.1em;
}

#homepage .documentComments a, #homepage .documentComments span {
    font-size:1.0em;
}

#homepage #bsiSubjectsList ul li a:hover, #homepage #bsiSubjectsList ul li a:focus {
    text-decoration:underline;
}

#homepage #mainContent h1, #homepage #bsiSiteGuideImages .bsiSiteGuideImagesItem p, #homepage #searchLabel p,
#homepage #bsiSubjectsList ul li a, #homepage #mostPopularTitle h2, #homepage .documentPreviewBoxItem h3 a {
    text-decoration:none;
}

/* Font styles - end 

----------------------------------------------------------------------------------------------- */
/* Home page styles - end - */

/* 2. Global Styles - start -  */

html 
{
overflow-y: scroll
}

p,li,h4,h5,h6
{
font-size:1.1em;
}

h1
{
font-size: 2.5em;
}

h2,h3
{
font-size: 1.2em;
}

a
{
color:#000;
}

.clear 
{
clear: both;
}

/* Global Styles - end -  */

/* 3. Template Elements - start -  */

#navigation #shortcuts .shortcuts div,
.documentTitle 
{
float: left;
}

#relatedSitesMenu 
{   
float: right;
margin:4px 0 0 0; 
}

#relatedSitesMenu li 
{
display: inline; 
}

#relatedSitesMenu ul li:first-child 
{
border-left: none;
}

#shortcuts .shortcuts a#userControlLogin 
{
margin: 14px 0px 0px 0;
}

#navigationWrapper
{
float:left;
min-width:100%;
}
 
#navigation
{
width:946px;
padding:0 27px 0 27px;
margin:0 auto;
}

#navigation #ApplicationTitle 
{ 
float: left;
margin: 14px 40px 0px 0px;
}

#header #ApplicationTitle 
{ 
float: left;
margin: 5px 0px 0px 40px;
}

#navigation #shortcuts
{
float:left;
margin: 0;
width: auto;
}

#navigation #shortcuts #userControlLogin,
#navigation #shortcuts #userControlLogout
{
float:right;
}

#navigation #shortcuts .shortcuts div a
{
display: block;
float: left;
white-space: nowrap;
padding: 1.5em 15px 1.55em 15px;
}

.documentTitle .accessDocumentLinks
{
margin:5px 0 0 0;
float:left;
}

#socialMediaWrapper
{
float:left;
min-width:100%;
}

#socialMedia
{
width:946px;
padding:0 27px 0 27px;
margin:0 auto;
min-height:34px;
}

#contentWrapper
{
float:left;
min-width:100%;
padding-bottom: 15px;
}


#contentWrapper #content h1
{
margin:10px 0 10px 0;
padding:8px 10px;
width: 926px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

#contentWrapper #content
{
width:946px;
padding:0 27px;
margin:0 auto;
}

div.sideBar 
{
float: left;
width: 200px;
padding:0 0 5px 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

div.sideBarWrapper 
{
float:left;
padding:5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.sideBar .miniToc li
{
padding:0 5px 0 15px;
}

.sideBar .miniToc li a,
.comments
{
position:relative;
}

.sideBar .miniToc .minitoc1
{
margin:5px 0 5px 10px;
}

.sideBar .miniToc .minitoc2
{
margin:5px 0 5px 20px;
}

.sideBar .miniToc .minitoc3
{
margin:5px 0 5px 30px;
}

.sideBar .miniToc .minitoc4
{
margin:5px 0 5px 35px;
}

.sideBar .miniToc .selectedParent, .sideBar .miniToc .selectedMiniToc {
    font-family: “Trebuchet MS”,Trebuchet MS,Georgia,serif;
    font-size: 1.1em;
    font-weight: bold;
}

.sideBar .miniToc .selectedParent
{
margin:5px 0 0 5px;
}

.multiSideBarWrapper .sideBar .miniToc .minitoc1
{
margin: 0;
}

#content .sideBarSub .miniToc li.minitoc1.selectedMiniToc,
.sideBarWrapper .sideBarSub .miniToc li.minitoc1:hover,
.sideBarWrapper .sideBarSub .miniToc li.minitoc1:focus
{
margin:5px 0 5px 0;
padding: 0 5px 0 25px;
}

#content .sideBarSub .miniToc li.minitoc2.selectedMiniToc,
.sideBarWrapper .sideBarSub .miniToc li.minitoc2:hover,
.sideBarWrapper .sideBarSub .miniToc li.minitoc2:focus
{
margin:5px 0 5px 0;
padding: 0 5px 0 35px;
}

#content .sideBarSub .miniToc li.minitoc3.selectedMiniToc,
.sideBarWrapper .sideBarSub .miniToc li.minitoc3:hover,
.sideBarWrapper .sideBarSub .miniToc li.minitoc3:focus
{
margin:5px 0 5px 0;
padding: 0 5px 0 45px;
}

#content .sideBarSub .miniToc li.minitoc4.selectedMiniToc,
.sideBarWrapper .sideBarSub .miniToc li.minitoc4:hover,
.sideBarWrapper .sideBarSub .miniToc li.minitoc4:focus
{
margin:5px 0 5px 0;
padding: 0 5px 0 50px;
}

.sideBar .miniToc .selectedParent span,
.sideBar .miniToc .selectedMiniToc span
{
display:none;
}

.sideBar .miniToc .selectedMiniToc span.miniTocCommentCount
{
display: inline;
}

.sideBar .miniToc li span.tocBullet
{
position:absolute;
left:-12px;
}

div#rightColumn {
    float: right;
    padding-right: 10px;
    width: 200px;
}

.draftListSort
{
margin:0;
}
/*
#content .sideBar .miniToc .minitoc2  
{
margin:5px 0 5px 15px;
}
*/
.frontend #content .constrained
{
width: 720px;
float: right;
margin: 0 0 0 10px;
}

.frontend #content .leftconstrained 
{
width: 720px;
float: left;
}

.paging
{
float:left;
margin:5px 0 5px 5px;
}

.paging ul li
{
display:inline;
float:left;
}

.paging ul li a
{
display:block;
padding: 4px 5px 4px 5px;
margin:0 2px 0 0;
border:1px solid #d2d2d2;
}

.paging ul li a:hover,
.paging ul li a:focus
{
border:1px solid #efc427;
}

.paging ul li a.activePaging
{
color:#fff;
background:#efc427;
border:1px solid ##efc427;
}

.paging ul li a.activePaging:hover,
.paging ul li a.activePaging:focus
{
background: #38518C;
border:1px solid #d2d2d2;
}

div#sortBox 
{
float: right;
margin:0 0 0 10px;
}

div#sortBox select
{
border:1px solid #d2d2d2;
padding:2px 0 3px 0;
}

.previousNextBox div#sortBox
{
margin-top: 5px;
margin-right: 5px;
}

div#subscriptionBox 
{
float:left;
}

div#subscriptionBox a
{
display:block;
padding:7px 0 7px 27px;
}

.displayBoxWrapper
{
margin:0 0 10px 0;
padding:5px;
float:left;
width:99%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.displayBox {
float:left;
width:100%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

div.displayBox div.displayBoxHeader 
{
padding:5px 10px;
}

.documentContentRegion 
{
padding:5px 10px;
}

div.document div.documentContentRegion div.categories,
div.document div.documentContentRegion div.committee,
div.document div.documentContentRegion div.source,
div.document div.documentContentRegion div.expiryDate
{
margin: 0 0 5px 0;
}

.documentContentRegionLeft
{
width:70%;
float:left;
}

.documentContentRegionRight 
{
width:30%;
float:right;
}

.documentContentRegionRight .draftDetails a
{
margin:5px 0 0 0;
float:right;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
-moz-box-shadow: 2px 2px 2px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
}

.documentContentRegionRight .draftDetails a span
{
padding:8px 35px 8px 10px;
float:right;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
-moz-box-shadow: 2px 2px 2px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
}

.displayBox .viewMore a
{
padding:6px 28px 5px 0;
display:block;
}

.displayBox .viewMore
{
padding:6px 11px 5px 0;
margin:10px 0 0 0;
float:right;
}

.viewMoreLess,
.open .viewMoreMore  
{
display:none;
}

.open .viewMoreLess 
{
display:inline;
}

div.tooltipContent 
{
width:97.2%;
padding:0 10px 10px 10px;
float:left;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-radius-bottomright: 5px;
border-radius-bottomleft: 5px;
}

.accessibilityHidden 
{
left:-2000px; 
overflow:hidden; 
position:absolute; 
}

.sideBarWrapper ul.miniToc .miniTocSideBarTitle
{
margin:5px 0 10px 10px !important;
padding:0 10px 0 5px !important;
}

div#draftContainer {
float: left;
width:100%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

div#draftContainerWrapper 
{
float:left;
padding:5px;
margin-top:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

div#draftContainerWrapper.docCommentDraftContainerWrapper 
{
width: 936px;
}

#draftContainer .draftDescription .draftTitle 
{
    margin: 0 0 10px;
    padding: 5px 10px;
}

#draftContainer .draftDescription  
{
    margin:0 0 10px 0;
    min-width: 710px;
}

#draftContainer .draftDescription .contentAdmin { display: none; }

div#extraTextField .standout 
{
float: left;
width:96%;
padding:2%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

div#extraTextField 
{
width:99%;
float:left;
padding:5px;
margin:10px 0 10px 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.draftDescription div span.label
{
    min-width:120px;
    float:left;
    clear:left;
    font-weight:bold;
}

.draftDescription div span.value {
    clear: right;
    float: right;
    text-align: left;
    width: 435px;
}

#draftContainer .draftDescriptionRegionRight {
    clear: right;
    float: right;
    margin: 0 10px 0 0;
    width: 18%;
}

#draftContainer .draftDescriptionRegionLeft {
    clear: none;
    float: left;
    padding: 0 0 0 10px;
    width: 79%;
}

.draftDescriptionRegionLeft div {
    margin: 0 0 5px;
    overflow: hidden;
}

.draftDescriptionRegionLeft div .label {
    margin: 0 5px 0 0;
    display: block;
    float: left;
}

.draftDescriptionRegionRight .draftDescriptionReadDraft a,
.draftDescriptionRegionRight .draftDescriptionShareDraft a
 {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 2px #CCCCCC;
    float: right;
    margin: 5px 0 0;
}

.draftDescriptionRegionRight .draftDescriptionReadDraft a span,
.draftDescriptionRegionRight .draftDescriptionShareDraft a span
 {
    border-radius: 5px 5px 5px 5px;
    display: block;
    padding: 8px 35px 8px 10px;
}

#sectionWrapper
{
padding:7px 7px 7px 7px;
float:left;
margin:10px 0 0 0 ;
background:#E3E4E4;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

/* Hide the "errors summary" that is generated by MVC at the top of the page when there's a form error */
#sectionWrapper .validation-summary-errors  
{
    display: none;
}

form div.validation-summary-errors ul, ul.validation-summary-errors
{
    list-style-type: disc;
    color: red;
    margin-left: 20px;
}

ul.validation-summary-errors li a {
    text-decoration: none;
}

ul.validation-summary-errors li a:hover,
ul.validation-summary-errors li a:focus
{
    text-decoration: underline;
}

div.comments 
{
float: left;
width:96%;
padding:2% 2% 0 2%;
min-height:100px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

div#commentsWrapper 
{
width:99%;
float:left;
padding:5px;
margin:10px 0px 0px 0px;
margin-bottom: 0px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

div.loadedComments
{
width:676px;
margin-left:-10px;
position: relative;
bottom: 8px;
}

div.loadedComments div.comments
{
width: 679px;
border-radius: 0;
margin-bottom:10px;
}

div.loadedComments p
{
margin: 0;
}

.loadCommentsContainer
{
height: 29px;
margin-top: 5px;
float: right;
}

.loadCommentsContainer .loadComments
{
position: absolute;
right: 7px;
}

#sectionHeader
{
width:100%;
}

#sectionHeaderRightDraftDetails a
{
float: left;
margin: 0 0 0 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
-moz-box-shadow: 2px 2px 2px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
}

#sectionHeaderRightDraftDetails a span
{
float: left;
background:url('/Content/images2/sub/buttonArrow2.png') no-repeat 2px 3px ;
padding: 8px 10px 8px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
width:108px;
}

#sectionHeaderComments a,
a.loadComments
{
float: right;
margin: 0 0 0 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
-moz-box-shadow: 2px 2px 2px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
}

#sectionHeaderRight #sectionHeaderComments a
{
    width:148px;
}

#sectionHeaderComments a span,
a.loadComments span
{
display:block;
background: url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 2px;
padding: 8px 0px 8px 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
}

a.loadComments span {
    padding: 8px 40px 8px 20px;
}

#sectionHeader
{
float:left;
}

.previousNextBox
{
width:100%;
float:left;
height:34px;
-moz-box-shadow: 2px 2px 2px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
}

.topPreviousNextBox, .docCommentSection
{
border-top:6px solid #2e99b2;
margin:0 0 10px 0;
}

.previousNextBox .previousLink
{
float:left;
}

.tabNavigationFirst .commentEditingTools ul li
{
    margin: 0;
}

.previousNextBox .nextLink,
.commentEditingTools,
.tabNavigationFirst .comment .commentmeta .data .links
{
float:right !important;
}

.tabNavigationFirst .comment .issue,
.tabNavigationFirst .comment .remedy
{
    display: block;
    float: left;

}

.tabNavigationFirst .comment .issue label,
.tabNavigationFirst .comment .remedy label
{
    font-weight: bold;
    float: left;
    width: 80px;
}

.tabNavigationFirst .comment .issue span,
.tabNavigationFirst .comment .remedy span
{
    margin-left: 10px;
    float: left;
    width: 580px;
}

.issue span {
    font-size: 1.1em;
}

.issue span p {
    font-size: 1em;
}

.remedy span {
    font-size: 1.1em;
}

.remedy span p {
    font-size: 1em;
}

.section
{
clear:both;
background:#fff;
padding:10px;
margin:0 0 10px 0;
-moz-box-shadow: 2px 2px 2px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
}

.section .sectionTitle
{
margin:0 0 10px 0;
}

.previousNextBox a
{
display:block;
margin:5px 5px 0 5px;
border:1px solid #d2d2d2;
}

.previousNextBox a span
{
padding: 4px 20px;
min-width:50px;
float:left;
}

.previousNextBox a.nextLink span
{
padding: 4px 15px 4px 30px;
min-width:45px;
}

.previousNextBox a:hover,
.previousNextBox a:focus
{
border:1px solid #efc427;
}

#sectionHeaderLeftTableContents, #sectionHeaderLeftReadDraft
{
    width: 175px !important;
}

#sectionHeaderLeftTableContents a, #sectionHeaderLeftTableContents span.fakeLink
{
padding:35px 0 0 0;
min-height:35px;
width:175px;
float:left;
display:block;
-moz-box-shadow: 2px 2px 2px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
text-align: center;
}

#sectionHeaderLeftReadDraft a, #sectionHeaderLeftReadDraft span.fakeLink
{
padding:35px 0 0 0;
min-height:35px;
width:175px;
float:left;
margin:0;
display:block;
-moz-box-shadow: 2px 2px 2px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
text-align: center;
}

#sectionHeaderLeftTableContents a span, #sectionHeaderLeftTableContents span.fakeLink span
{
margin:35px 0 0 0;
height:35px;
width:175px;
display:table-cell;
vertical-align:middle;
}

#sectionHeaderLeftTableContents 
{
float:left;
margin-right:10px;
}

#sectionHeaderLeftReadDraft 
{
float:left;
}

#sectionHeaderLeftTableContents .lowerBlock,
#sectionHeaderLeftReadDraft .lowerBlock 
{
width:165px;
}

#sectionHeaderLeftReadDraft a span, #sectionHeaderLeftReadDraft span.fakeLink span
{
margin:35px 0 0 0;
height:35px;
width:175px;
display:table-cell;
vertical-align:middle;
}

span.speechBubbleDownArrow
{
display:none;
clear:both;
float:right;
width:16px;
height:8px;
}

div.select span.speechBubbleDownArrow
{
display:block;
}

#sectionHeaderLeft
{
width:362px;
float:left;
}

#sectionHeaderRight
{
float:right;
width:320px;
}

.section p
{
margin:10px 0;
}

#richTextSwitcher
{
position:absolute;
right:15px;
top:28px;
}

.tabNavigation 
{
width:669px;
float:left;
border-bottom:5px solid #dc669a;
}

.loadedSections .tabNavigation
{
width:693px;    
}

.loadedSections
{
width:706px;
}

.docCommentsWrapper .tabNavigation
{
width:885px;
}

.tabNavigation li a
{
float:left;
display:block;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-radius-topright: 5px;
border-radius-topleft: 5px;
margin:0 5px 0 0;
}

.tabNavigation li a span
{
float:left;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-radius-topright: 5px;
border-radius-topleft: 5px;
}

.tabNavigation li.tabSecond a
{
-moz-box-shadow: 2px 0px 2px #ccc;
-webkit-box-shadow: 2px 0px 2px #ccc;
box-shadow: 2px 0px 2px #ccc;
}

.tabNavigation li.tabSecond a,
.tabNavigation li.tabFirst a
{
-moz-box-shadow: 2px 0px 2px #ccc;
-webkit-box-shadow: 2px 0px 2px #ccc;
box-shadow: 2px 0px 2px #ccc;
}

.tabNavigation li.tabSecond a.selected,
.tabNavigation li.tabFirst a.selected
{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

.tabNavigation .tabFirst span
{
padding:10px 10px 10px 42px; 
}

.tabNavigation .tabSecond span
{
padding:10px 10px 10px 35px;
}

.comment
{
clear:both;
}

.comment .commentmeta .data
{
width:100%;
float:left;
background:#e7e7e7;
margin:10px 0;
padding:0 0 0 2px;
}

.comment .commentmeta .data div
{
float:left;
margin:5px 5px 5px 0;
}

.comment .commentmeta .data .date
{
margin:5px;
padding:0 0 0 5px;
border-left:1px solid #000;
}

.newcomment .field .richtext 
{
width:100%;
height:250px;
}

.commentSubmit div.submit 
{
float: left;
margin: 10px 10px 10px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
-moz-box-shadow: 2px 2px 2px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
cursor:pointer;
}

.commentSubmit div.submit .submit
{
float: left;
padding: 5px 38px 5px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
border:0;
cursor:pointer;
}

.commentSave div.submit 
{
float:left;
display:block;
margin: 10px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
-moz-box-shadow: 2px 2px 2px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
border:0;
}

.commentSave div.submit .submit
{
float:left;
padding: 5px 40px 5px 10px;
display:block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
border:0;
cursor:pointer;
}

.radiobuttonset
{
margin:10px 0 0 0 ;
}

.newcomment .tandc,
.myComments .tandc
{
clear:both;
margin:10px 0 ;
}

.noCommentsFound 
{
font-style: italic;
padding-top: 10px;
}

.comments
{
position:relative;
}

.multiSideBarWrapper
{
float:left;
width: 200px;
}

.multiSideBarWrapper .sideBar .miniToc .minitocViewAll
{
float:left;
width:97%;
padding:4px 2% 7px 2% !important;
}

#content .multiSideBarWrapper .sideBarTop .miniToc .minitoc1,
#content .multiSideBarWrapper .sideBarTop .miniToc .minitoc2
{
padding:5px 0px 4px 15%;
margin:0;
float:left;
clear:left;
width:85%;
}

#content .multiSideBarWrapper .sideBarTop .miniToc .minitoc2
{
width:80%;    
}

#content .multiSideBarWrapper .sideBarBottom .miniToc .minitoc1,
#content .multiSideBarWrapper .sideBarBottom .miniToc .minitoc2
{

float:left;
clear:left;
width:100%;
}

#content .multiSideBarWrapper .sideBar .miniToc li 
{
padding:0;
}

.multiSideBarWrapper .sideBarBottom .miniToc a
{
width:100%;
float:left;
}

#content .multiSideBarWrapper .sideBarBottom .minitoc1 a
{
width:96%;
padding:0 2% !important;
margin:5px 0 0 0 ;
}

#content .multiSideBarWrapper .sideBarBottom .minitoc1 span
{
width:96%;
margin:0 2% 5px 2%;
float:left;
}

#content .multiSideBarWrapper .sideBarBottom .miniToc .selectedMiniToc span
{
display:block;
}

.documentTitle .accessDocumentLinks li
{
display:inline;
float:left;
margin:0 5px 0 0 ;
}

.myCommentsWrapper
{
float: left;
padding: 5px;
margin:0 0 10px 0;
width:98.5%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.comment
{
float:left;
width: 100%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.commentHeader
{
background:#e7e7e7;
}

.myCommentsWrapper .comment .data
{
min-height:50px;
padding:0 0 0 50px;
}

.myCommentsWrapper .comment .subtitle
{
min-height:23px;
padding:10px 2% 0 2%;
width:96%;
}

.myCommentsWrapper .comment .subtitle p
{
padding-bottom: 8px;
}

.myCommentsWrapper .comment .subtitle span
{
float:right;
}

#content .myCommentsWrapper .comment .issue,
#content .myCommentsWrapper .comment .remedy 
{
float:left;
width:100%;
display: block;
margin:5px 0 15px 0;
}

#content .myCommentsWrapper .comment .issue .issueTitle,
#content .myCommentsWrapper .comment .remedy .remedyTitle
{
float:left;
width:20%;
padding:0 0 0 2%;
display: block;
}

#content .myCommentsWrapper .comment .issue .issueContent,
#content .myCommentsWrapper .comment .remedy .remedyContent
{
float:left;
width:77%;
display: block;
}

.myCommentsWrapper .comment .issue p,
.myCommentsWrapper .comment .remedy p
{
padding:0 10px 0 0 ;
}

.commentEditingTools ul li 
{
float:left;
display:inline;
margin:0 5px 0 0;
}

.commentEditingTools ul li a
{
padding:30px 10px 0 0;
display:block;
text-decoration:none;
}

.myCommentsWrapper .comment .commentHeader .data .date,
.myCommentsWrapper .comment .commentHeader .data .stateText
{
float:left;
}

.myCommentsWrapper .comment .commentHeader .data .stateText
{
clear:left;
width: 76%;
}

#affiliationOther 
{
width:285px;
vertical-align: middle;
}

.tabNavigationSecond .field.issueBox label, 
.tabNavigationSecond .field.remedyBox label,
.tabNavigationSecond .field.sectionDesc label 
{
    clear: both;
    display: block;
}

.issueFieldTitle, .remedyFieldTitle, .sectionDescFieldTitle {
    float: left;
    margin: 0 0 5px;
    padding: 4px;
    
}
#documentListHeader {
    float: left;
    margin: 10px 0 0;
    width: 100%;
}

.frontend p, .popup p {
    margin-bottom: 8px;
}

fieldset.frontEnd {
    float: left;
    width: 43%;
    border:1px solid #CCCCCC;
    margin: 1em 1em 1em 0;
    padding: 0.5em 1em 1em;
}

fieldset.frontEndWide {
    border:1px solid #CCCCCC;
    margin: 1em 1em 1em 0;
    padding: 0.5em 1em 1em;
}

fieldset.frontEndUnlimited {
    float: left;
    min-width: 43%;
    border:1px solid #CCCCCC;
    margin: 1em 1em 1em 0;
    padding: 0.5em 1em 1em;
}

legend {
    font-size: 1.4em;
    padding-left: 10px;
    padding-right: 10px;  
    color: #666;
    max-width: 93%;
    white-space: normal;
}

legend div {
    width: 100%;
    white-space: normal;
}

label span.field-validation-error {
    float: left;
    margin: 5px 0px 0px 4px;
    font-size: 120%;
}

fieldset .field input, fieldset .field textarea, fieldset .field iframe, fieldset .field select {
    width: 90%;
    font-size: 1.2em;
    min-width: 200px;
}

fieldset a {
    color: #37488D;
    text-decoration: none;
}

fieldset a:hover,
fieldset a:focus
{
    text-decoration: underline;
}

.field input[type="text"]:focus,  .field input[type="password"]:focus,  .field textarea:focus,  .field select:focus, 
.field input[type="text"]:active, .field input[type="password"]:active, .field textarea:active, .field select:active {
    border: 2px solid #9999FF;
    border-radius: 4px 4px 4px 4px;
    margin: 0 0 9px;
}

.field input[type=checkbox] {
    margin: 0 0 10px;
}

.field input[type="text"],
.field input[type="password"],
.field textarea, 
.field select {
    background: none repeat scroll 0 0 #F0FFF0;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: black;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.0em;
    margin: 1px 0 10px;
    padding: 3px 5px;
    width: 500px;
}

.field input[disabled=""] {
    background: none repeat scroll 0 0 #f5f5f5;
}

form.newcomment .field.radiobuttonset input {
    width: auto;
}

.field input.readonly {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #666666;
}

fieldset .field input[type="text"],
fieldset .field input[type="password"],
fieldset .field textarea,
fieldset .field iframe,
fieldset .field select {
    min-width: 200px;
    width: 90%;
}

span.mandatoryFlag {
    color: #000000;
    cursor: help;
    display: inline-block;
    font-size: 2.5em;
    font-weight: bold;
    line-height: normal;
    margin-bottom: -0.5em;
    margin-top: -3px;
    padding-right: 5px;
    vertical-align: middle;
    font-family: Arial,Helvetica,sans-serif;
}


.ckeditorWrapper {
    float: left;
    width: 683px;
}

.comment .issue p {
    margin-bottom: 10px;
}

.addthis_toolbox 
{
float:left;
width:300px;
margin-top:10px;
}

.searchBox {
    float: right;
}

.searchBox #search 
{
width:200px;
border:0;
height:21px;
line-height:20px;
position:absolute;
left:10px;
}

.searchBox #search:focus
{
    outline: thin dotted;
}

.searchBox #search:active
{
    outline: none;
}


.searchKeywords
{
position:relative;
width:235px;
height:23px;
top:6px;
}

.searchBox .searchSubmit 
{
border:0;
margin:0;
padding:0;
width:30px;
height:23px;
cursor:pointer;
position:absolute;
right:0px;
}

div.separator {
    clear: both;
    display: block;
    min-height: 20px;
}


.draftToc {
  border-top:6px solid #39528a;
  padding: 0px;
  width: 100%;
}

.draftToc h2,
.draftToc div {
  padding: 5px;
  margin: 5px;
  font-weight: bold;
  font-size: 1.3em;
}

.draftToc a  , .draftToc
{
    color: #3D4142;
}

.draftToc .ident {
    color: #888;
    margin-bottom: 10px;
}

.draftToc .draftTitle {
  background: #fff;
}

.draftToc .draftTitle span {
  display: block;
    line-height: 1.2em;
}

.toc {
  clear: both;
  margin-bottom: 5px;
}

.toc ul {
  list-style: none;
  margin-left: 14pt;
  text-decoration: none;
}

.toc li {
  margin-top: 2px;
  margin-bottom: 2px;
  text-decoration: none;
}

.toc li a 
{
  font-weight: bold;   
  text-decoration: none;
}

.toc a:focus, .toc a:active, .toc a:hover,
.toc a:focus, .toc a:active, .toc a:focus
{
    text-decoration: underline;
}

.draftToc h2 { 
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0;
}

.adobeLogo {
    float: right;
    display: block;
    position: relative;
    top: -5px;
}

input[type="text"].sectionDescInput {
    margin-left: 3px;
    width: 97%;
}

/* Template Elements - end -  */

/* 4. Font Styles - start -  */

#relatedSitesMenu a
{
text-decoration:none;
}

#navigation #shortcuts .shortcuts div a
{
text-decoration:none;
}

#ApplicationTitle a
{ 
text-decoration: none;
font-size:3.0em;
font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif ;
line-height:1.0em;
margin-right: 30px;
}

#navigation #shortcuts .shortcuts a,
.draftDescriptionRegionRight .draftDescriptionReadDraft a,
.draftDescriptionRegionRight .draftDescriptionReadDraft a
{ 
font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif ;
}

#navigation #shortcuts .shortcuts #userControlLogin,
#navigation #shortcuts .shortcuts #userControlLogout
{ 
font-size: 1.5em;
text-decoration: none;
}

#navigation #shortcuts .shortcuts div a
{
font-size:1.5em;
}

#contentWrapper h1
{
font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif ;
line-height:1em;
font-weight:bold;
}

.sideBar .miniToc .selectedParent {
font-size:1.5em;
font-weight:bold;
font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif;
}

.sideBar .miniToc .selectedMiniToc
{
font-weight:bold;
font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif;
}

.sideBar .miniToc
{
line-height:1.8em;
}

.sideBar .miniToc a
{
text-decoration:none;
}

.miniToc .minitoc2 a
{
font-size: 1.1em;
}

.miniToc .minitoc3 a,
.miniToc .minitoc4 a,
.miniToc .minitoc5 a
{
font-size:1em;
}

.sideBar .miniToc li span.tocBullet
{
font-weight:bold;
}

.paging ul li a
{
text-decoration:none;
}

div#subscriptionBox a
{
font-size:1.1em;
text-decoration:none;
}

div#subscriptionBox a:hover,
div#subscriptionBox a:focus
{
text-decoration:underline;
}

.emptyList {
    font-size: 9pt;
    font-style: italic;
}

.displayBox
{
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height:1.5em;
}

div.displayBox div.displayBoxHeader
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:1.5em;
font-weight:bold;
text-decoration:none;
line-height:1.3em;
}

div.displayBox div.displayBoxContent
{
    padding: 10px;
}

div.displayBox div.label 
{
    font-weight:bold;
}

div.displayBox ul 
{
    list-style: none outside none;
    margin: 0;
    padding-left: 20px;
}

div.displayBox ul li 
{
    background-image: none;
    font-size: 9pt;
    margin: 0;
    padding-bottom: 4px;
}

form .field p {
    margin-left: 200px;
}

div.fieldlabel {
    display: inline;
    float: left;
    text-align: right;
    width: 200px;
}

.field input.halfWidth {
    width: 250px;
}

div.comments div.fieldlabel label, fieldset div.fieldlabel label {
    float: left;
}

.fieldlabel {
    display: inline;
    float: left;
    text-align: right;
    width: 200px;
}

div.fieldlabel label {
    padding-right: 10px;
    padding-top: 2px;
}

label span {
    vertical-align: top;
}

.checkboxGroup {
    padding-top: 10px;
}

.checkboxGroup .fieldlabel, .checkboxGroup2 .fieldlabel {
    text-align: left;
}

.checkboxGroup .fieldlabel, .checkboxGroup2 .fieldlabel {
    margin-bottom: 10px;
    width: 100%;
}

.field input#rememberMe, .field input#MarketingOptIn, .field input#FigureTitlesAfterFigures {
    width: 20px;
}

.field input.input-validation-error, .field select.input-validation-error, .field textarea.input-validation-error {
    background-color: #FFEEEE;
    border: 1px solid #FF0000;
}

.fieldValidation {
    clear: both;
    margin-left: 200px;
}

.fieldSeparator {
    clear: both;
    display: block;
    height: 5px;
}

p.loginText {
    padding-bottom: 20px;
    margin-left: 0px;
}

p.indented {
    margin-left: 200px;
}

div.formButtons {
    margin-bottom: 35px;
    margin-left: 200px;
}

div.instructions {
    font-size: 0.8em;
    margin-left: 200px;
    width: 500px;
}

div.registerFooter {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 740px;
}

div.flashMessage {
    background-color: #F8F7A9;
    border: 1px dashed #C8C709;
    margin: 10px 0;
    padding: 8px;
}

.flashWarning {
    background-color: #F8A9A9;
    border: 1px dashed #C80909;
    margin: 10px 0px;
    padding: 8px;
}

div.document div.documentContentRegion div.categories,
div.document div.documentContentRegion div.committee,
div.document div.documentContentRegion div.source,
div.document div.documentContentRegion div.expiryDate
{
font-size:1.2em;
}

.documentContentRegionRight .draftDetails a
{
text-decoration:none;
font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif;
font-weight:bold;
font-size:1.5em;
}

.documentContentRegion div span.label,
.documentContentRegionRight div span.label,
.documentContentRegionLeft div span.label
{
font-weight:bold;
}

#header ul li a
{
font-size:1.0em;
}

.tooltipContent p 
{
font-size:1.2em;
}

ul.miniToc .miniTocSideBarTitle,
ul.miniToc .miniTocSideBarTitle a
{
font-weight:bold;
}

ul.miniToc .miniTocSideBarTitle, 
ul.miniToc .miniTocSideBarTitle.selectedMiniToc
{
font-size:1.7em!important;
font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif;
background: none!important;
}

.draftTitle 
{
font-size:1.2em;
}

#draftContainer .draftDescription .draftTitle,
#draftContainer .draftDescription .draftTitle a 
{
text-decoration:none;
font-weight:bold;
line-height:1.5em;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

#draftContainer .draftDescription .draftTitle a 
{
font-size:1.05em;
}

#draftContainer
{
font-size:1.2em;
}

.draftScope .label
{
font-weight:bold;
font-size:1.2em;
float: left;
margin: 5px 0 10px;
padding: 0 10px;
width: 100%;
}

.draftScope .value p {
    margin: 0 0 10px;
    padding: 0 10px;
}

.accessDocumentLinks .accessDocumentLinkPrint a {
    margin: 0 0 0 10px;
}

.accessDocumentLinks .accessDocumentLinkDownload a, 
.accessDocumentLinks .accessDocumentLinkPrint a 
{
    padding: 0 0 0 20px;
}

.draftDescription .documentFiles .documentFilesTitle
{
font-weight:bold;
}

.draftDescription .documentFiles {
    border-top: 5px solid #E3E4E4;
    float: left;
    line-height: 1.5em;
    margin: 10px;
    padding: 5px 0 0;
    width: 97%;
}

.draftDescriptionRegionRight .draftDescriptionReadDraft a,
.draftDescriptionRegionRight .draftDescriptionShareDraft a
{
text-decoration:none;
font-weight:bold;
font-size:1.25em;
}

.section .sectionTitle
{
font-weight:bold;
font-size:1.7em;
}

#sectionHeaderLeftReadDraft a, #sectionHeaderLeftReadDraft span.fakeLink,
#sectionHeaderLeftTableContents a, #sectionHeaderLeftTableContents span.fakeLink
{
text-decoration:none;
font-weight:bold;
font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif;
font-size:1.8em;
}

#sectionHeaderRightDraftDetails a,
#sectionHeaderComments a,
a.loadComments
{
text-decoration:none;
font-weight:bold;
font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif;
font-size:1.8em;
}

#sectionHeaderPlaceholder {
    float: right;
    width: 35px;
    height: 20px;
}

.previousNextBox a
{
text-decoration:none;
font-size:1.1em;
}

.tabNavigation li a,
.commentSave div.submit .submit,
.commentSubmit div.submit .submit
{
font-size:1.8em;
font-weight:bold;
font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif;
text-decoration:none;
}

.comment .commentmeta .data .count,
.comment .commentmeta .data .commentType
{
font-weight:bold;
}

.multiSideBarWrapper .sideBar .miniToc .minitoc1,
.multiSideBarWrapper .sideBarTop .miniToc .minitoc2
{
font-size:1.5em;
font-weight:bold;
font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif;
text-decoration:none;
}

#content .multiSideBarWrapper .sideBarBottom .minitoc1 a
{
font-weight:bold !important;
}

.minitocViewAll
{
font-weight:bold;
font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif;
font-size:1.5em;
}

#content .multiSideBarWrapper .sideBarBottom .miniToc .minitoc1
{
font-size: 1.1em;
font-weight:normal;
}

.issueFieldTitle,
.remedyFieldTitle,
.sectionDescFieldTitle
{
color:#dc669a;
font-weight:bold;
font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif;
font-size:1.5em;
}

#draftContainer .draftDescription
{
font-family: Arial, Verdana, Helvetica, sans-serif;
}

.draftScope 
{
line-height:1.5em;
font-family: Arial, Verdana, Helvetica, sans-serif;
float: left;
width: 100%;
margin-top: 8px;
}

.comment .commentHeader .data .stateText
{
font-weight:bold;
font-size:1.2em;
}

.issue .issueTitle,
.remedy .remedyTitle
{
font-weight:bold;
font-size:1.2em;
}

.sideBarWrapper .sideBarSub .miniToc .selectedMiniToc
{
font-family: Arial, Verdana, Helvetica, sans-serif !important;
font-size:1.1em;
}

.sideBar,
.myCommentsWrapper .commentHeader .subtitle
{
font-family: Arial, Verdana, Helvetica, sans-serif;
}

.minitocSaved a,
.minitocSubApp a,
.minitocAwaMod a,
.minitocReject a
{
font-size:1.0em !important;
}

.myCommentsWrapper .commentHeader .subtitle
{
font-size:1.3em;
font-weight:bold;
}
.miniToc .minitoc1 a {
    font-size: 1.1em;
}

.minitoc2.commentToc {
    font-size: 1.1em !important;
    padding-left: 20% !important;
}

.commentToc {
    font-size: 1.4em!important;
}

h2.commentsDocumentTitle{
    font-size: 2em;
    line-height: 1.3em;
    margin-top: 10px;
    margin-left: 5px;
}

.documentInfo {
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.sectionTitle a.sectionTitleLink {
    text-decoration: none;
}
.sectionTitle a.sectionTitleLink:hover {
    text-decoration: underline;
}

/* Font Styles - end -  */

/* --     Managed Page Styles      -- */
#draftContainer .draftScope .value h1, 
#draftContainer .draftScope .value h2, 
#draftContainer .draftScope .value h3, 
#draftContainer .draftScope .value h4, 
#draftContainer .draftScope .value h5, 
#draftContainer .draftScope .value h6,
#pageContent h1, 
#pageContent h2, 
#pageContent h3, 
#pageContent h4, 
#pageContent h5, 
#pageContent h6,
.disableReset h1, 
.disableReset h2, 
.disableReset h3, 
.disableReset h4, 
.disableReset h5, 
.disableReset h6
{
padding-left: 0px!important;
text-align: left!important;
line-height: 1.5em;
}

#draftContainer .draftScope .value  h1 img, 
#draftContainer .draftScope .value  h2 img, 
#draftContainer .draftScope .value  h3 img, 
#draftContainer .draftScope .value  h4 img, 
#draftContainer .draftScope .value  h5 img, 
#draftContainer .draftScope .value  h6 img,
#pageContent h1 img, 
#pageContent h2 img, 
#pageContent h3 img, 
#pageContent h4 img, 
#pageContent h5 img, 
#pageContent h6 img,
.disableReset h1 img, 
.disableReset h2 img, 
.disableReset h3 img, 
.disableReset h4 img, 
.disableReset h5 img, 
.disableReset h6 img
{
vertical-align: middle;
}

#draftContainer .draftScope .value  h1,
#pageContent h1,
.disableReset h1
{
font-size: 2em!important;
padding:0!important;
background-color: inherit!important;
color: inherit!important;
margin-left: 8px!important;
width: inherit!important;
}

#draftContainer .draftScope .value h2,
#pageContent h2,
.disableReset h2
{
font-size: 1.5em;
margin-bottom: 10px;
padding-bottom: 0px;
margin-left: 8px!important;
}

#draftContainer .draftScope .value h3,
#pageContent h3,
.disableReset h3
{
font-size: 1.3em;
margin-bottom: 0px;
padding-bottom: 0px;
margin-left: 8px!important;
}

#draftContainer .draftScope .value h4,
#pageContent h4,
.disableReset h4
{
font-size: 1.2em;
margin-bottom: 0px;
padding-bottom: 0px;
margin-left: 8px!important;
}

#draftContainer .draftScope .value h5,
#pageContent h5,
.disableReset h5
{
font-size: 1em;
margin-left: 8px!important;
}

#draftContainer .draftScope .value h6,
#pageContent h6,
.disableReset h6
{
font-size: 0.9em;
margin-left: 8px!important;
}

#draftContainer .draftScope .value address, 
#pageContent address,
.disableReset address 
{
font-style: italic;
}

#draftContainer .draftScope .value pre,
#pageContent pre,
.disableReset pre
{
font-family: monospace;
font-size: 1.2em;
}

#draftContainer .draftScope .value p,
#pageContent p,
.disableReset p 
{
padding-bottom: 8px;
}

#draftContainer .draftScope .value ol,
#pageContent ol,
.disableReset ol
{
    list-style-type: decimal;
    margin: 10px 0px 10px 20px;
}

#draftContainer .draftScope .value ul,
#pageContent ul,
.disableReset ul
{
    list-style-type:disc;
    margin: 10px 0px 10px 20px;
}

#draftContainer .draftScope .value strong,
#draftContainer .draftScope .value b,
#pageContent strong,
#pageContent b,
.disableReset strong,
.disableReset b
{
    font-weight: bold;
}

#draftContainer .draftScope .value em,
#draftContainer .draftScope .value i,
#pageContent em,
#pageContent i,
.disableReset em,
.disableReset i
{
    font-style: italic;
}

#draftContainer .draftScope .value sup,
#pageContent sup,
.disableReset sup
{
    vertical-align: super;
    font-size: 80%;
}

#draftContainer .draftScope .value sub,
#pageContent sub,
.disableReset sub
{
    vertical-align: sub;
    font-size: 80%;
}

/* --   Managed Page Styles End    -- */
/* -- Uploaded Section page styles -- */

#sectionBody .section h1 img, 
#sectionBody .section h2 img, 
#sectionBody .section h3 img, 
#sectionBody .section h4 img, 
#sectionBody .section h5 img, 
#sectionBody .section h6 img,
img.imageInHeading
{
vertical-align: middle;
}



#sectionBody .section .wordContent h1
{
font-size: 2em!important;
padding:0!important;
background-color: white!important;
color: black!important;
}

#sectionBody .wordContent
{
    line-height: 1.9em;
}

#sectionBody .section .wordContent address 
{
font-style: italic;
}

#sectionBody .section .wordContent pre
{
font-family: monospace;
font-size: 1.2em;
}

#sectionBody .section .wordContent ol
{
    list-style-type: decimal;
    margin: 10px 0px 10px 20px;
}

#sectionBody .section .wordContent ul
{
    list-style-type:disc;
    margin: 10px 0px 10px 20px;
}

#sectionBody .section .wordContent strong,
#sectionBody .section .wordContent b
{
    font-weight: bold;
}

#sectionBody .section .wordContent em,
#sectionBody .section .wordContent i
{
    font-style: italic;
}

#sectionBody .section .wordContent sup
{
    vertical-align: super;
    font-size: 80%;
}

#sectionBody .section .wordContent sub
{
    vertical-align: sub;
    font-size: 80%;
}

#sectionBody .section .wordContent tbody, #sectionBody .section .wordContent thead, #sectionBody .section .wordContent tfoot,
#sectionBody .section .wordContent tbody *, #sectionBody .section .wordContent thead *, #sectionBody .section .wordContent tfoot * {
    vertical-align: middle;
}

/*fix for tables accidentally getting a negative margin from poorly formatted word docs */
#sectionBody .section .wordContent table,
#sectionBody .section .wordContent img
 {
    margin-left: 0px!important;
}

/* Uploaded Section page styles end */

#browseDocumentsLink { font-size: 2.2em; color: #F6D856; }

#spinner {
    background-image: url("/Content/spinner.gif");
    height: 128px;
    width: 128px;
    z-index: 100;
    position: fixed;
    left: 50%;
    top: 50%;
}