/* Grey: eeeeee DkGrey: 33332C TextSage: 70705A LtTextSage: 82826C DkSage: A3A38C Sage: E9E9C8 LtSage: F1F1DC Red: 800000 BackgroundRed: 660000 Yellow: FFFF99 */ .hideAfterLoad { display:none; } div.survey { background-color:#F1F1DC;color:#D00000;font-weight: bold;text-align:center;padding-top:5px; padding-bottom:5px;font-size:1.3em} .removed##xxx_osano-cm-widget { display: none; } /*New horizonal navigation bar */ div.topnav { color: #000000; background: #aaaaaa; text-align: center; margin-bottom: 0px; } .topnav ul { list-style-type: none; font-weight: bold; font-size: .9em; padding-top: 4px; } .topnav li { display: inline; padding-right: 22px; padding-left:0px; border-right: 1px solid #800000; } .topnav li:last-child { border-right: none; } .topnav a { color: #000000; text-decoration: none; } .topnav a:hover { color: #800000; } .topnav button { color: #000000; text-decoration: none; } .dropbtn { background-color: #aaaaaa; padding: 0px 5px; font-size: 1em; font-weight: bold; border: none; cursor: pointer; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; text-align: left; background-color: #ffffff; min-width: 190px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { color: black; padding: 12px 16px; font-size: 11px; text-align: left; text-decoration: none; display: block; } .dropdown-content a:hover {background-color: #cccccc;} .dropdown:hover .dropdown-content { display: block; } .dropdown:hover .dropbtn { color: #800000; } .tablehead_grey { background-color: #33332C; border-top:1px solid #A3A38C; border-bottom:1px solid #A3A38C; color:#FFFFFF; font-weight: bold; padding-bottom:2px; text-align: center; margin: 0px;} .tablehead_grey a { color:#FFFFFF; } .tablehead_grey a:hover { color:#FFFFFF; } p.title a { color: #7b0e0e; font-weight: bold; font-size: 100%; margin-top: 2px; margin-bottom: 0px; margin-left: 0px; padding-top:5px; padding-bottom: 0px; padding-left: 0px; line-height: 140%;} p.title a:hover { color: #706c60; } body { font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; padding-right:5px; } p { font-family:Verdana, Arial, Helvetica, sans-serif; } td { font-family:Verdana, Arial, Helvetica, sans-serif} .menu { font-size: 80%; margin-top: 0px; margin-bottom: 0px; margin-left: 2px; padding-top: 0px; padding-bottom: 3px } .menuhead { color: #363; font-weight: bold; font-size: 80%; margin-top: 2px; margin-bottom: 0px; margin-left: 3px; padding-bottom: 0px } .definition { color: #363; font-weight: bold; font-size: 80%; line-height: 110%; margin-left: 4px } ul { font-family:Verdana, Arial, Helvetica, sans-serif; } button { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;} li { font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:20px; } ol { font-family:Verdana, Arial, Helvetica, sans-serif } h1 { font-family:Verdana, Arial, Helvetica, sans-serif;} h1:lang(en) {margin-bottom:20px;} h2 { font-family:Verdana, Arial, Helvetica, sans-serif; color: #800000; margin: 10px 0px 20px 0px; } h3 { font-family:Verdana, Arial, Helvetica, sans-serif; margin-top: 2px; margin-bottom: 5px; font-weight:bold;} h4 { font-family:Verdana, Arial, Helvetica, sans-serif; color: #800000; padding-bottom:10px; } h5 { font-family:Verdana, Arial, Helvetica, sans-serif} h2.header { font-family: Verdana, Arial, Helvetica, sans-serif; color: #800000; margin: 0px 0px 10px 0px; } .red { color: #800000; } .yesprint { display:none } #MastHead { background-color:#800000; } #MastHead h1 {font-size:x-large} #HeaderBar { margin-top:1px; margin-bottom:1px; /* was 6px */ } #HeaderBar td { background-color: #000000; color: #ffffff; font-size: 80%; font-weight: bold; padding: 2px; border-top:0px solid #A3A38C; border-bottom:0px solid #cccccc; } #HeaderBar a:link { color: #ffffff; text-decoration:none } #HeaderBar a:visited { color: #ffffff; text-decoration:none } #HeaderBar a:hover { color: #ffffcc; text-decoration:underline } #LeftPane { padding-top:5px; padding-left:10px } #RightPane { padding:5px 10px 5px 10px } th { font-family:Verdana, Arial, Helvetica, sans-serif } a { color: #676c63; text-decoration: underline; } /* On 3-7-2014 Drew Buttner asked us to make the body text urls grey underlined rather than black underlined -- like MAEC, so they standout more */ a:hover { color: #800000; } .dkgreybackground { background-color: #cccccc; } .dkredbackground { background-color: #800000; color: #ffffff; font-weight: bold} .ltgreybackground { background-color: #eeeeee;} .ltredbackground { background-color: #e5cfcf; } .odd { background-color: #eeeeee;} .even { background-color: #cccccc; } .uc_header{ background-color: #cccccc;} .uc_header th{ border:1px solid black;padding:4px;} .uc_type { background-color: #eeeeee;} .uc_type td{ border:1px solid black;padding:4px;} #Use_Cases td{ border:1px solid black;padding:4px 0px 4px 10px;} img.news { padding: 1px } .caption { margin-left: 10px; margin-right: 10px; font-size: 85%; width:400px; } /* Pattern Abstraction - colors removed per AB */ .Meta { /*color: #663388;*/ font-weight:normal } .Standard { /*color: #245677;*/ font-weight:normal } .Detailed { /*color:#338866;*/ font-weight:normal } .Explicit { /*color:#338866;*/ font-weight:normal } .Implicit { /*color:#338866;*/ font-weight:normal } .Graph { /*color:#338866;*/ font-weight:normal } .Draft { /*color:#338866;*/ font-weight:normal } .Incomplete { /*color:#338866;*/ font-weight:normal } .Obsolete { /*color:#338866;*/ font-weight:normal } .Stable { /*color:#338866;*/ font-weight:normal } .Usable { /*color:#338866;*/ font-weight:normal } .Hook { /*color: #663388;*/ font-weight:normal } .Standard { /*color: #245677;*/ font-weight:normal } .Complete { /*color:#338866;*/ font-weight:normal } .Stub { /*color:#338866;*/ font-weight:normal } .Deprecated { /*color:#800000;*/ font-weight:normal; font-style:italic; } .total { float:right; font-size:80%; padding:2px; vertical-align:text-bottom; border:1px solid #E9E9C8; background-color: #F1F1DC; font-style:italic; color:#330000; margin-top:5px; } .redbold { font-weight: bold; color: #6C1D1F; } .redbold a { font-weight: bold; color: #990000; text-decoration: none; } .redbold a:hover { font-weight: bold; color: #990000; text-decoration: underline; } #SearchBox {padding-left:15%; padding-right:15%} .SideBar #SearchBox {width:98%;padding-left:2%; padding-right:2%} .SideBarNews {margin-bottom:4px;} .SideBarNewsType {margin-left:3px; margin-right:3px;font-weight:bold;color:#B00000} td.gsc-search-button { border:2px solid #ffffff; padding-left:5px } input.gsc-search-button {background-color: #800000; color:#ffffff; border-radius:5px; box-shadow: 2px 2px 5px #888888; border:2px outset #600000; padding:2px; margin:3px} input.gsc-search-button:hover {box-shadow: 2px 2px 5px #000000; color:#FFFF99; background-color:#660000} .gsc-branding {display:none} /* site map defs */ table.sitemap {border-bottom:1px solid #A3A38C; border-left:1px solid #A3A38C; border-spacing:0px;} table.sitemap th { background-color:#DCDCC5; color:#FFFFFF; text-align:center; vertical-align:middle; padding-top:5px; padding-bottom:5px; border-top:1px solid #A3A38C; border-bottom:1px solid #A3A38C;border-right:1px solid #A3A38C} table.sitemap .strong {margin-top:10px; margin-bottom:10px;} table.sitemap p {margin-top:3px; margin-bottom:5px;} table.sitemap td {vertical-align:top;border-right:1px solid #A3A38C; padding-left:5px;} /*/ site map defs */ #ListPage { font-size:80%; border:1px solid #cccccc; margin-bottom:10px; } #ListPage th { background-color: #660000; color:#F1F1DC; font-weight:normal; text-align:left; padding:10px; width:33% } #ListPage table { table-layout:fixed } #ListPage table th { background-color:#33332C; color:#ffffff; text-align:center; padding-top:5px; padding-bottom:5px} #ListPage table th:first-child { text-align:left; padding-left:5px} #ListPage table td {border-bottom:1px solid #eeeeee; white-space:nowrap } #ListPage table td:first-child {white-space:normal } #ListPage.archive table td {text-align:center; padding:2px 5px 2px 5px} #ListPage.archive table td:first-child {text-align:left } #ListPage.archive table th:first-child {text-align:left } .downloadspage #ListPage.archive table td:first-child {text-align:center } .downloadspage #ListPage.archive table th:first-child {text-align:center } #ListPage.archive th { width:auto } #StripedTable .NamedCell {width:70%; } #StripedTable .FirstCell {width:70%; } #StripedTable .ViewCell {width:10%; border-right:1px solid #cccccc; } #StripedTable .AltFormat {width:10%; min-width:78px; } #StripedTable { font-size:80%; width:100%; border:1px solid #cccccc; margin-bottom:10px; } #StripedTable th { text-align:left; font-weight:bold; padding:2px 5px 2px 5px; border-bottom:1px solid #eeeeee } #StripedTable tr:nth-child(even) { background-color:#eeeeee} #StripedTable tr:nth-child(odd) { background-color:#ffffff} #StripedTable td { text-align:center; white-space:nowrap; border-bottom:1px solid #eeeeee } #StripedTable td:first-child { text-align:left; padding:2px 2px 2px 5px; white-space:normal } #ListPage #StripedTable { border:none; font-size:100% } #StripedTable tr:target {background-color: #D99999; -webkit-transition: all 1s linear;} .formhead { font-weight: bold; font-size: 110%; margin-top: 0px; margin-bottom: 0px; margin-left: 6px; padding-top: 4px; padding-right: 4px; padding-bottom: 2px } .formsubhead {font-weight: bold; margin-top: 0px; margin-bottom: 0px; margin-left: 6px; padding-top: 4px; padding-right: 4px; padding-bottom: 2px } .formtext { font-size: 10px; margin-top: 0px; padding: 0px 2px 0px 8px } .formtextnowrap { font-size: 10px; margin-top: 0px; padding: 0px 2px 0px 4px } .sidelinks { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px } .title { color: #800000; font-weight: bold; font-size: 105%; margin-top: 2px; margin-bottom: 0px; margin-left: 0px; padding-top:5px; padding-bottom: 0px; padding-left: 0px } .smalltext { font-size: 85%; margin-top: 1; margin-bottom: 5; margin-left: 3px; line-height: 123% } .smaller { font-size: 80%; } .tabletext { font-size: 85% } .text { font-size: 85%; margin-top: 0px; margin-bottom: 10px; margin-left: 2em; padding-top: 0px; padding-bottom: 0px } .toctable { padding: 5px; margin-left: 10px } .center {text-align:center;} p.indent { margin-left: 25px } span.indent { margin-left: 25px } p.glossary { margin-bottom: 10px; } #questionnaire div.indent { margin: 0px 0px 10px 25px; } #questionnaire div.answer { margin: 0px 0px 5px 0px; padding: 5px; border: 1px solid #eeeeee; font-size: 90%} #questionnaire p, ol, ul { margin: 0px; padding-bottom: 5px} #questionnaire div.answer div.img { padding: 5px 5px 10px 5px; text-align: center; font-weight: bold;} #questionnaire h3, h4 { margin: 0px; } #questionnaire h3.ltgreenbackground, h3.dkgreenbackground, h4.ltgreenbackground { padding: 2px 5px 2px 5px; } #questionnaire div.ltgreybackground { font-style:italic; padding: 2px 5px 2px 5px; font-size: 90%} /*Because IE doesn't want to play nice*/ \html div.#questionnaire ol/* */, ul/* */ { margin-left: 30px; padding-bottom: 5px} .TOC { margin: 0px; padding: 0px; } .subTOC { margin: 0px; padding: 0px 0px 0px 20px; } .purplebold { color: #660033; font-weight: bold; } .rightbox { border: 2px solid #cccccc; margin-bottom: 10px; margin-top: 10px; margin-left: 10px; padding: 5px; float: right; width: 200px; text-align: center; clear:right } .compatiblebox { border: 2px solid #cccccc; margin-bottom: 10px; margin-top: 10px; margin-left: 10px; padding: 5px; float: right; } #FloatRightBox { margin-bottom: 10px; margin-left: 10px; width: 175px; float: right; } #BlackBoxText { clear:both; text-align:left; border: #000000 3px solid; padding:5px; } #RedBoxText { clear:both; text-align:left; border: #990000 3px solid; padding:5px; } #GreyBoxText { text-align:left; border: #cccccc 3px solid; font-size: 85%; } #GreyBoxText td { padding: 3px; } #GreyBoxText th { padding: 3px; } div.backtop { margin-bottom:2px; clear:both } .backtop a { font-weight: bold; text-transform:uppercase; font-size: 80%; text-decoration: none; padding: 0px 2px 0px 2px; clear:right; background-color: #ffffff; color: #A6918F; } .backtop a:hover { background-color: #E9E9C8; color: #800000; } #Graphic { background:url('/about/images/sm_consensus.jpg'); height:233px; width:300px; } #graphictable { width:330px; } .BlackBox { border: #000000 1px solid; } #BlackBox { border: #000000 1px solid; padding: 5px; } div #TableWithRules { clear:both } #TableWithRules table {border-collapse: collapse; } #TableWithRules td { padding: 3px 5px 3px 5px; align:top; } #TableWithRules td p { margin-top:0px; margin-bottom:5px } #TableWithRules tr.header {border:1px solid #E6E6E6; } #TableWithRules th {align:top; font-size:100%; color: #33332C; font-weight: bold; text-align: center; background-color: #ffffcc } #TableWithRules th.heading { background-color:#ffffff; border:none; align:top; font-size:120%; color: #800000; font-weight: bold; padding-top:12px; padding-bottom:15px; text-align: center; margin-bottom: 10px; margin-top: 5px; } #TableWithRules .spacer {border: none; border-top:1px solid #E9E9C8} #TableWithRules .indent {padding: 0px 3px 0px 12px} #TableWithRules .head {font-weight:bold} #TableWithRules.white td {border: 1px solid #ffffff;} #TableWithRules.white th {border: 1px solid #ffffff;} #TableWithRules.calendar td { font-size:80%; vertical-align: top; padding: .5em; } #TableWithRules .calDate { white-space: nowrap; } #TableWithRules.definitions td { border-top:1px solid #eeeeee } #TableWithRules.definitions th { border-bottom:1px solid #eeeeee } #TableWithRules.definitions ul, ol { padding-left:0px; margin-left:0px; } #TableWithRules.definitions li { padding-bottom:5px } #Detail th { padding-left:5px; padding-right:5px; background-color:#E6E6E6; color:#800000; border:1px solid #eeeeee; text-align:left; } #Detail td { padding-left:5px; padding-right:5px; border:1px solid #eeeeee; } #Detail .head { font-weight:bold; text-decoration:underline; } #Detail .subhead { font-weight:bold; color:#800000; padding-top:5px} #Detail table { margin-bottom:5px} //#Detail tbody.Submissions::before {content: ''; display: block; height: 10px;} //#Detail tbody.Contributions::before {content: ''; display: block; height: 10px;} //#Detail tbody.Modifications::before {content: ''; display: block; height: 10px;border:none;} //#Detail tbody.Previous_Entry_Names::before {content: ''; display: block; height: 10px;} #Detail th.title { background-color:#70705A; color:#E6E6E6; padding-bottom:2px; padding-top:2px; text-align:left} #Detail .indent { padding-left:10px;} #TableAlternativeFormats {text-align:center; width:20%; min-width:160px; float:right; background-color:#eeeeee; border:1px solid #cccccc; border-bottom:none;} /*Start Individual Definitions*/ #CAPECDefinition { font-size:medium;} #CAPECDefinition p { font-size:medium; } #CAPECDefinition .status {color: #33332C; padding:2px 5px 2px 5px; vertical-align:top; font-weight:none; font-size:80%; } #CAPECDefinition .title { color: #000000; background-color: #EEEEEE; border-bottom:1px solid #A3A38C; border-top:2px solid #000000; font-weight: bold; padding:3px 5px 3px 5px; margin:0px; vertical-align:top; text-align: center; margin-bottom:10px;} #CAPECDefinition .heading { color: #33332C; background-color: #DCDCC5; border-bottom:1px solid #E9E9C8; font-size:100%; font-weight:bold; padding:1px 5px 1px 5px; margin:0px; vertical-align:top; } #CAPECDefinition .subheading {color:#33332C; font-weight:bold; text-decoration:underline; padding-top:5px} #relevant_table .reltable { color:#000000; font-weight:bold; } .tax_title { color:#000000; font-weight:bold; padding-bottom:4px;} #CAPECDefinition .optheading {color:#33332C; font-weight:bold; padding-top:2px } #CAPECDefinition .indent { padding-left:10px;} #CAPECDefinition .detail { padding:5px 5px 5px 0px; vertical-align:top;} #CAPECDefinition .detail p { margin:5px 0px 5px 0px; } #CAPECDefinition .detail .box_definition p { margin:0px 0px 0px 0px;} #CAPECDefinition .tabledetail { padding:0px 0px 10px 0px; vertical-align:top; margin-top:5px;} /*font-size additionally defined in TableWithRules*/ #CAPECDefinition .tabledetail p { margin:5px 0px 5px 0px; } #CAPECDefinition .tabledetail table { border-left:1px solid #eeeeee; border-top:1px solid #eeeeee; } #CAPECDefinition .tabledetail table th { white-space:nowrap; } #CAPECDefinition .tabledetail th { color:#800000; background-color:#E6E6E6; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding-left:5px; padding-right:5px; text-align:left; } #CAPECDefinition .tabledetail th.darker{ color:#3b3b3b; font-size:90%} #CAPECDefinition .tabledetail th.title { background-color:#70705A; color:#E9E9C8; padding-bottom:2px; padding-top:2px; text-align:left} #CAPECDefinition .tabledetail table td { border-right:1px solid #eeeeee; } #CAPECDefinition .tabledetail td { border-bottom:1px solid #eeeeee; padding-left:5px; padding-right:5px; vertical-align:middle;} //#CAPECDefinition .tabledetail tr.parentchild + tr:not(.parentchild){ border-top:3px solid #FF0000 !important; } #CAPECDefinition .tabledetail tr.parentchild + tr:not(.parentchild) td{ border-top:3px solid #cccccc; padding-top:2px; } #CAPECDefinition .tabledetail td.spacer { height:20px; border:none; border-top:1px solid #E9E9C8} #CAPECDefinition .tabledetail td.tspacer { height:20px; border:none;} .dashline {width:100%; height:1px; border-top:1px dashed #e9e9c8; padding:5px; } #CAPECDefinition #Grouped th { color:#32498D; border-bottom:1px dashed #e9e9c8; padding:5px 5px 5px 0px; text-align:left } #CAPECDefinition #Grouped td { border-bottom:1px dashed #e9e9c8; vertical-align:top; padding:5px 5px 5px 0px; text-align:left} #CAPECDefinition #Grouped tr:last-child td { border-bottom:none; } #CAPECDefinition #Grouped tr:last-child th { border-bottom:none; } //#CAPECDefinition #Grouped p { margin:0px; padding:0px} /*End Individual Definitions*/ #BoardTable th { text-align: left; font-weight:bold; padding: 5px; background-color: #cccccc; align:top; } #BoardTable td { padding: 0px 5px 0px 5px; align:top; } #BoardTable .indent {padding: 0px 3px 0px 12px; font-size: 90%} #TableWithOutRules th { text-align: left; font-weight:bold; padding: 0px 3px 0px 3px; align:top;} #TableWithOutRules td { padding: 0px 3px 0px 12px; font-size:90%; align:top;} #TableWithOutRules a:hover { color: #990000; } .ListTable td { color: #cccccc; font-size: 75%; align:top;} .ListTable th { font-weight: bold; text-align: left; background-color: #cccccc; align:top;} #StripedTable td { padding: 1px; align: top; } div#Compatibility { margin-top:10px; } #Compatibility .lastupdated { background-color:#eeeeee; padding:2px 5px 2px 5px; font-size:70%; text-align:right; border:1px solid #ccc; border-top:none; } #Compatibility p { margin:0px 5px 0px 5px; font-size:100%; } /* Added by debj on 2-12-2013 */ #Compatibility table.organization, #Compatibility table.product { width: 100%; border-collapse: collapse; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } #Compatibility .organization th.date { color: #000; font-weight: normal; font-size: 80%; text-align: right; white-space: nowrap; } #Compatibility td p { margin: .5em auto; } #Compatibility a img { border: 0; } #Compatibility td a img { float: right; } #Compatibility div.backtop { border-top: 16px solid #eee; padding-top: .5em; } #Compatibility .organization th { font-size: 110%; color: #800000; font-weight: bold; padding: .3em; text-align: left; margin-top: 0px; margin-bottom:0px; background-color: #eeeeee; border-top: 1px solid #ccc; } #Compatibility .organization td { vertical-align:middle; padding: .5em; } #Compatibility table.organization { padding:5em; border-top: 1px solid #ccc; } #Compatibility .product td { padding:0em 2em 0em 2em; } #Compatibility table.product { vertical-align:middle; border-top: 1px solid #ccc; } div#Compatible { border:1px solid #000000 } #Compatible thead { font-weight: bold; padding: 2px 3px 2px 3px; text-align: center; font-weight: bold; vertical-align:top; color: #ffffff; background-color: #000000 } #Compatible thead a { color:#ffffff; text-decoration:none } #Compatible thead a:hover { color:#990000; text-decoration:none } #Compatible td { padding: 1px 5px 1px 5px; border-bottom:1px solid #eeeeee; } #ScrollingFrame { max-height: 350px; overflow: auto; } .introtext { line-height: 133%; color: #00000; font-weight: bold; margin-top: 15px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 8px; font-size: 90%; } td.introtextli { font-size:small; color: #666658; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; padding-left:50px; } .introtext a { color: #800000 } p.introtext , td.introtext { font-size: .8em; } /* Added 2-6-2014 */ .HighlightBar{ background-color: #800000; color: #ffffff; font-weight: bold; padding:5px 10px; min-height:1.5em; max-height:1.5em; height:24px;} .SideBar tr td{ font-size:90%; } .SideBar tr th{ font-size:100%; } .SideBar tr th div{ min-height:1.5em; max-height:1.5em; } table .SideBar { border:1px solid #cccccc; } .SideBar span.tool:hover span.tip { width: 260px; } td.gsc-search-button { border:2px solid #ffffff; padding-left:5px } td .SideBar .gsc-search-button { display:none;} #HighlightTable .HighlightGroup{ margin-bottom:4px; } .TitleRed { color: #800000; text-align:center; margin-top:5px; margin-bottom:15px; } /* Start - Left Side Menu */ #LeftSideBar { font-size: 80%; } #LeftSideBar a { color: #800000; text-decoration: none; } #LeftSideBar th { background-color: #33332C; font-weight: bold; padding: 2px 5px 2px 5px; margin: 0px; text-align:left; } #LeftSideBar td#menuitem { background-color: #F1F1DC; border-left: 1px solid #A3A38C; border-right: 1px solid #A3A38C; padding: 5px 5px 0px 5px; } #LeftSideBar td#spacer { background-color: #F1F1DC; border-left: 1px solid #A3A38C; border-right: 1px solid #A3A38C; height:5px; width:100%; font-size:1px; } #LeftSideBar td.bottom { background-color: #F1F1DC; border-bottom: 1px solid #A3A38C; } #LeftSideBar td a { color: #454534; } #LeftSideBar td a:hover { text-decoration:underline; color: #800000; } #LeftSideBar th a { color: #ffffff; } #LeftSideBar th a:hover { text-decoration:underline; color: #ffffcc; } /* End - Left Side Menu */ /* Start - Side Column */ #SideColumn { float:right; font-size: 80%; margin:10px } #SideColumn th { font-weight: bold; text-align:center; background-color: #E6E6E6; border-left: 1px solid #800000; border-right: 1px solid #800000; border-top: 1px solid #800000; padding: 5px 5px 0px 5px; } #SideColumn td#contents { background-color: #E6E6E6; border-left: 1px solid #800000; border-right: 1px solid #800000; padding: 5px 5px 0px 5px; } #SideColumn ul { margin-left:20px; } #SideColumn ol { margin-left:20px; } #SideColumn td#spacer { background-color: #E6E6E6; border-left: 1px solid #800000; border-right: 1px solid #800000; height:5px; width:100%; font-size:1px; } #SideColumn td.bottom { background-color: #E6E6E6; border-bottom: 1px solid #800000; } #SideColumn td a:visited { color: #800000; } #SideColumn td a:link { color: #800000; } #SideColumn td a:hover { text-decoration:underline; color: #800000; } #SideColumn #graphictable { float:none } /* End - Side Column */ /* Start - Example Code */ .capecid { font-size:small; font-style:italic; } .Primary { color:#000000 } .Primary a { color:#000000 } .Secondary { font-style:italic; color:#000000; } .Secondary a { font-style:italic; color:#000000; } .filtered_out .Primary a { color:lightgray } .filtered_out .Primary a span{ color:lightgray } .filtered_out { color: lightgray; } span.filtered_out img{ filter: grayscale(1) sepia(.4); } #included { visibility:collapse; font-size:0px; } #ExampleCode .top { background-color: #efefef; border: 1px solid #DDE2F5; font-size:90% padding: 10px; z-index:1; position:relative; top: -5px; left: -5px; } #ExampleCode .CodeHead { background-color: #ffffff; border: 1px solid #BAC5E3; font-size:90% padding: 2px 5px 2px 5px; z-index:1; position:relative; top: -5px; left: -5px; } #ExampleCode .CodeHead div { padding:0px; margin:0px; color:#33332C } #ExampleCode i { padding-top:2px; padding-bottom:2px; color:#666666 } div.informative{ background-color: #EFEFEF; border: 1px solid #DDE2F5; padding: 10px; font-size:90%} div.bad { background-color: #FFCCCC; border: 1px solid #DDE2F5; padding: 10px; font-size:90%} div.good { background-color: #CCCCFF; border: 1px solid #DDE2F5; padding: 10px; font-size:90%} div.mitigation { color: #0000FF; border: 1px solid #DDE2F5; padding: 10px; font-size:90%} div.attack { color: #aa0000; border: 1px solid #DDE2F5; padding: 10px; font-size:90%} div.result { background-color: #ffffcc; border: 1px solid #DDE2F5; padding: 10px; font-size:90%} .List p { background-image:url(/images/bullet.gif); background-position:0px 5px; background-repeat:no-repeat; padding-left:1em } #ExampleCode .shadow { margin:10px 20px 5px 15px; background-color:#cccccc; z-index:2; position:relative; } /* End - Example Code */ /* Start - Drop Shadow Text Defs */ .bottomShadow { display:none; } .bottomShadow2 { display:none; } /* Google button customizations */ td.gsc-search-button .gsc-search-button-v2 { background-color:#800000; background-image:none; border-color:#747474; } /* End - Drop Shadow Text Defs */ div.mainpage button {height:25px;border-radius:12px;width: 250px;} div.mainpage .SideBar button {height:20px;border-radius:10px;width: 220px;margin:0px 0px 15px 0px;} #PageContents { color: #666658; text-align: center; font-size: 85%; background-color:#ffffff; margin-bottom: 20px; margin-top: 10px; padding:2px; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee } #PageContents a { color:#666658; text-decoration: none; font-weight: bold; padding:2px } #PageContents a:hover { text-decoration: none; color: #800000; background-color: #E9E9C8 } #PageContents #CommunityLinks a img { height:50px;margin:auto;vertical-align:middle; } #PageContents #CommunityLinks a:hover { text-decoration: none; color: #800000; background-color: transparent } div.usagepage img.header { max-height:60px;vertical-align:middle;} div.usagepage img.wide { max-width:200px;} div.usagepage h4.header { vertical-align:middle; display:inline-block;} div.usagepage hr.line { margin-top:20px;margin-bottom:15px;border-top:2px solid #800000;width:100%;} /* div.usagepage p.indent { clear:left;} */ div.usagepage p.smaller { clear:none;} div.usagepage span.thumbnail img {width:450px;float:right;border-left:0;margin-left:10px;margin-right:auto;display:block;} div.usagepage span.thumbnail:after {content:"(Click to enlarge)";float:right;clear:right;margin-right:150px; display:block;font-size:80%} div.listpage button {height:25px;border-radius:12px;width: 380px; } div.listpage button:hover {background-color:#cccccc;} div.listpage div.buttonlist {text-align: center; margin-top:20px;} div.listpage div.buttonlist p{margin-top:5px; margin-bottom:5px;} div#CAPECDefinition div.buttonlist p{margin-top:5px; margin-bottom:5px;margin-left:20px;margin-right:20px;} div#CAPECDefinition button {height:25px;border-radius:12px;width: 160px; margin-left:20px;margin-right:20px;} div.newspage #PageContents a.newspage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.archivepage #PageContents a.archivepage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.calendarpage #PageContents a.calendarpage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.newsletterpage #PageContents a.newsletterpage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.listpage #PageContents a.listpage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.archivepage #PageContents a.archivepage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.downloadspage #PageContents a.downloadspage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.reportspage #PageContents a.reportspage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.aboutpage #PageContents a.aboutpage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.boardpage #PageContents a.boardpage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.documentspage #PageContents a.documentspage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.usecasespage #PageContents a.usecasespage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.resourcespage #PageContents a.resourcespage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.glossarypage #PageContents a.glossarypage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.faqspage #PageContents a.faqspage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.newtocapecpage #PageContents a.newtocapecpage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.communitypage #PageContents a.communitypage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.citationspage #PageContents a.citationspage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.discussionlistpage #PageContents a.discussionlistpage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.relatedactivitiespage #PageContents a.relatedactivitiespage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.usagepage #PageContents a.usagepage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} div.searchpage #PageContents a.searchpage { color:#000000; pointer-events: none; cursor: default; background-color:#ffffff} /*--Home page: right column --*/ /*start*/ #RightFrontPage a { color: #800000; text-decoration: none; } #RightFrontPage td a { color: #454534; } #RightFrontPage td a:hover { text-decoration:underline; color: #800000; } #RightFrontPage th a { color: #ffffff; } #RightFrontPage th a:hover { text-decoration:underline; color: #ffffcc; } /*end*/ #RightFrontPage li { padding-top:2px; padding-bottom:2px; } #RightFrontPage { width: 250px; text-align: left; font-size: 70%; white-space: normal; margin: 0px 10px 10px 10px; padding: 0px 4px 8px 4px; text-align: left; line-height: 120%; text-decoration:none; } #RightFrontPage h2 { font-size: .9em; color: #800000; background-color: #E9E9C8; padding: .3em .5em; border-top: 1px solid #A3A38C; border-bottom: 1px solid #A3A38C; margin: .3em 0 .5em 0; text-align: center; } /*#RightFrontPage a { text-decoration: none; }*/ #RightFrontPage h2 a { color: #800000; } #RightFrontPage a:hover { text-decoration: none; } #RightFrontPage p { font-size: .9em; margin: 0 .2em;} #RightFrontPage p.more { font-weight: bold; text-align: right; margin-bottom: 1em; } #RightPane #RightFrontPage ul { margin-top: .5em; margin-left: 1em; } #RightPane #RightFrontPage li { margin: .5em auto; } #RightPane ul.statusReport { margin-top: .1em; margin-left: 2em; } #RightPane .statusReport li { margin: .1em auto; } /*--Home page: right column --*/ /*--OLD right column styles. You can remove these but I though you might want to compare them: #RightSideBar { width:200px; font-size: 80%; text-align: left; margin-bottom:5px; } #RightSideBar p { padding: 0px;} #RightSideBar td { vertical-align: top; padding: 0px 3px 2px 3px; } #RightSideBar th { background-color: #ffffcc; color: #33332C; font-weight: bold; vertical-align: top; padding: 0px 3px 2px 3px; border-top:1px solid #E9E9C8; border-bottom: 1px solid #E9E9C8} #RightSideBar th a { color: #ffffff; text-decoration:none; } #RightSideBar th a:hover { color: #800000; text-decoration:none; } #RightSideBar .head {font-weight: bold;} #RightSideBar th.head {font-weight: bold; background-color: #F1F1DC; color: #600000; } #RightSideBar.archive th.head {background-color: #eeeeee; color: #800000; } #RightSideBar .indent {padding: 0px 3px 2px 12px} #RightSideBar td a { text-decoration: none; color: #000000 } #RightSideBar.archive td a { color: #666666 } #RightSideBar td a:hover { text-decoration:underline; color:#6C1D1F } --*/ /*--NEW right column styles 3-7-2014: --*/ .RightSideBar { width: 165px; font-size: 80%; text-align: left; background-color: #F1F1DC; border: 1px solid #706c60; margin-bottom: 15px; } .RightSideBar p.head { color: #ffffff; background-color: #000000; font-weight: bold; font-size: .85em; padding: 3px 4px; margin: 0; } .RightSideBar .head a { color: #ffffff;} .RightSideBar p.head2 { font-weight: bold; margin-left: .4em; } .RightSideBar .head2 a { color: #706c60;} .RightSideBar a { color: #706c60; text-decoration: none; } .RightSideBar a:hover { color: #800000; text-decoration: underline; } .RightSideBar p { font-size: .75em; margin: 0px; line-height: 120%; margin: .5em .5em .5em 1.2em; } /*--End NEW right column styles: --*/ #RightSideContents { margin-bottom: 15px; } /* On 3-7-2014 removed border: 1px solid #eeeeee */ #RightSideContents.archive { border: 1px solid #cccccc } #TableWithRulesRight { font-size: 80% } #TableWithRulesRight table {border-collapse: collapse; border: 1px solid #8A9F8A } #TableWithRulesRight td {border: 1px solid #8A9F8A; text-align: left} #TableWithRulesRight th {border: 1px solid #8A9F8A; background-color: #8A9F8A; color: #ffffff; font-size: 120% } #TableWithRulesRight a:hover {color: #990000} #DownloadTable table {padding: 2px; } #DownloadTable td.ruleabove {border-top-width: 1px; border-top-style: solid; border-top-color: #999999;} #DownloadTable th.ruleabove {border-top-width: 1px; border-top-style: solid; border-top-color: #999999;} #DownloadTable tr.background {background-color: #E6E6E6;} #DownloadTable td.background {background-color: #E6E6E6;} #DownloadTable td {padding: 10px 20px 8px 0px; line-height: 111%; font-weight: normal; margin-top: 20px; margin-bottom: 0px; text-align: left} #line { line-height:0px; width: 100%; margin-top:5px; margin-bottom:5px; border-top: 1px solid #800000; height: 0px; font-size:1px} .line { border-top: 1px solid #A3A38C; } div.button a { width:150px; text-align:center; padding:3px; font-weight:bold } div.button a:link { background-color:#6C1D1F; color:#000000 } div.button a:visited { background-color:#6C1D1F; color:#000000 } div.button a:hover { background-color:#000000; color:#ffffff } #noscript { visibility:collapse; visibility:hidden; font-size:0px; height:0px; width:0px } .nav #noscript a:hover { background-color: #E9E9C8; color:#800000; text-decoration:none } .nav #noscript a { background-color: none; text-decoration:underline; color:#666658; } #script { visibility:visible; } #script a:hover { background-color: #E9E9C8; color:#800000; text-decoration:none; } #script a { background-color: none; text-decoration:underline; color:#666658; } .Footer { font-size: 60%; margin:0px; padding-top:3px; padding-bottom:3px;} .Footer p{ margin: .5em auto;} #footerlinks {display:flex; align-items:center; justify-content:center;} #footerlinks a{padding:0px 4px;} #footbar { font-size: 60%; color: #33332c; white-space:nowrap; padding-top:10px; padding-bottom:5px; padding-left:30px;} .footlogo {padding:5px 10px; } .tablehead { font-size:120%; color: #000000; font-weight: bold; padding-bottom:15px; text-align: center; margin-bottom: 5px; border-bottom:3px double #A3A38C;} h3.tablehead { font-size: 1.2em; color: #000000; text-align: center; border-bottom: 5px double #A3A38C; padding-bottom: .3em; margin: .5em auto; } .smalltext { font-size: 85%; margin-top: 1px; margin-bottom: 5px; margin-left: 3px; line-height: 129% } .allcaps { text-transform: uppercase;} #Contentpane { padding: 15px 16px 0px 16px; word-wrap: break-word; } .redtablecell { background-color: #660033; font-size: 85%; font-weight: bold; color: #ffffff; } .redtablecell a { color: #ffffff; text-decoration:none} .redtablecell a:hover { color: #ffffff; text-decoration:underline} .goldtablecell { background-color: #ffcc00; font-size: 85%; font-weight: bold; } .columnlist { line-height: 111%; padding-left: 8px; padding-bottom: 14px;} .smallhead {color: #990000; font-size: medium; font-weight: bold; margin-bottom: 0px; padding-bottom: 0px;} .bold-nospaceafter { font-weight: bold; margin-bottom: 0px; padding-bottom: 0px;} .text-nospacebefore { padding-top: 0px; margin-top: 0px;} #SortTable table {border-collapse: collapse; border: 1px solid #666666;} #SortTable td {border: 1px solid #666666;} #SortTable th {border: 1px solid #666666; text-transform: uppercase; background-color: #E6E6E6;} #SortTable a {color: #000000} #SortTable th.selected {background-color: #555555; color: #eeeeee} /*-- collapsing tree defs --*/ div.nav { padding-left: 20px; color:#000000; } .nav div { padding-left: 20px; } .nav a { padding-left: 3px; padding-top: 3px; text-decoration:none; } /*--/collapsing tree defs --*/ .collapseblock {display:none} .expandblock {display:inline} .group { margin-left:20px; padding-left:0px; border-left:2px solid #70705A; } .group:before { content: "\2014"; color:#70705A; } div.defsummary { margin-left:20px; padding-left:15px; border-left:2px dotted #cccccc; font-size:75%; color:#333333; font-size:75%; background-color:#ffffcc; border-bottom:1px dotted #cccccc; border-right:1px dotted #cccccc; display:none} div.path { margin-left:20px; padding-left:15px; border-left:2px dotted #cccccc; background-color:#eeeeee; font-size:75%; color:#666666; font-size:75%; border-top:1px dotted #cccccc; border-right:1px dotted #cccccc; display:none} .thisName { font-size:75%; font-style:italic; font-weight:normal; } .hideIt .thisName { display:none } .hideIt:hover .thisName { display:inline } .hideIt:hover .thisId { font-weight:bold } .hideIt .thisId { font-weight:normal } .thisId { font-weight:bold } .inherited {color:#ccccee} .inherited a {color:#ccccee} .composite div {border-left:3px double #A3A38C;} .composite div { border-left:3px double #ffff99;} .chain div {border-left:3px double #A3A38C;} .chain div { border-left:3px double #ffff99;} /*-- collapsing tree defs --*/ div .foreign { color:#33332C; } div .foreign a { color:#33332C; } div .foreign a:hover { color: #800000; } /*Type*/ div#Status { float:right; font-size:80%} img.icon { padding-left:5px; padding-right:3px } div.Deprecated { color:#666666 } div.Deprecated a:link { color:#666666 } div.Deprecated a:visited { color:#666666 } div.Deprecated a:hover { color:#800000 } #TableWithRules div.Deprecated th {color: #70705A; font-weight: bold; text-align: center; background-color: #cccccc } /*--/collapsing tree defs --*/ /* start tooltips */ span.section.tool { float: left; padding-right:5px; } span.tool { position: relative; /* this is key */ cursor: help; } span.tool span.tip { display: none; /* so is this */ } span.tool:hover span.tip { display: block; z-index: 100; position: absolute; top: 6px; width: 450px; white-space:normal; line-height: 1.2em; padding: 3px; border: 1px solid #32498D; background-color: #eeeeee; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #32498D; text-align: left; } .left span.tool:hover span.tip { right: 2.5em; white-space:wrap; text-align: right; } .right span.tool:hover span.tip { left: 2.5em; text-align: left; } div #summary.closed { max-height:200px; overflow:auto; clear:right;} div #summary.open { clear:right} #summary #CAPECDefinition { background-color: #ffffdd; padding:5px; border-collapse:collapse} #summary #CAPECDefinition .detail p { margin:3px 0px 3px 0px;} #summary #CAPECDefinition .tabledetail table { border-left:1px solid #E9E9C8; border-top:1px solid #33332C } #summary #CAPECDefinition .tabledetail th { color:#ffffff; background-color:#A3A38C; border-right:1px solid #33332C; border-bottom:1px solid #33332C } #summary #CAPECDefinition .tabledetail td { border-right:1px solid #E9E9C8; border-bottom:1px solid #E9E9C8; } /* end tooltips */ /* start tabs */ #navPyra { margin: 0; padding: 0 0 6px 10px; } #navPyra li { margin: 0; padding: 0; display: inline; list-style-type: none; } #navPyra a:link, #navPyra a:visited { font-size: 75%; line-height: 14px; font-weight: bold; padding: 0 12px 6px 12px; text-decoration: none; color: #82826C; } #navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover { color: #33332C; background: url(/images/pyramid.gif) no-repeat bottom center; margin-bottom:1px; } /* end tabs */ /* more/less */ a#arrow { padding-right:15px; text-decoration: none; font-size: 75%; line-height: 14px; font-weight: bold; } a#arrow.more { background: url(/images/more.gif) no-repeat center right; } a#arrow.less { background: url(/images/less.gif) no-repeat center right; } a#arrow:link, a#arrow:visited { color: #82826C; } a#arrow:hover { color: #33332C; } /* end more/less */ /*--RoundCorners--*/ #Box { margin-bottom:20px } #Box p { margin-bottom:0px; } div#Gradient #Box { background-color:#E9E9C8; background-image: url(/images/layout/gradient.jpg); background-repeat: repeat-x repeat-y; font-size:90%;!important} #Box #contents { font-size:80% } #Box #contents li { font-size:100% } #IntroText { font-weight: bold; font-size: 90%;!important; padding-bottom:25px; color: #706c60; } #IntroText p {font-size: .85em; line-height: 140%; padding: 3px 0px 3px 0px; margin: 3px 0px 3px 0px; } #IntroText a { color:#706c60 } #IntroText a:hover { color:#6C1D1F; } #IntroText table { font-weight:bold; font-size:120%; padding-left:0px} #IntroText.roundbox { font-weight:bold; font-size:120%; } #IntroText.roundbox th { color:#454534; } #IntroText.roundbox td.line { padding-left:10px; margin:0px 0px 4px 5px; padding-right:10px } #IntroText th { font-weight:bold; text-align:center; padding-bottom:10px; color: #66003f; } #IntroText td { width:50%; font-size:.85em; text-align:left; border-top:none; } #Box td.line div{ padding-left:15px; border-left:2px dotted #64746B; color:#33332C; font-size:.85em; font-weight:normal; } /*--/RoundCorners--*/ /*--Glossary Terms--*/ .gterm {border-bottom:1px dashed #e9e9c8; color:#32498D; cursor:help;} .gterm:hover {color:#BAC5E3; } /*--/Glossary Terms--*/ /* start dataTables */ #dataTables .css_right { float: right; } #dataTables .clear { clear: both; } #dataTables .css_left { float: left; } #dataTables .dataTables_wrapper { position: relative; min-height: 302px; clear: both; _height: 302px; zoom: 1; /* Feeling sorry for IE */ } #dataTables .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; } #dataTables .dataTables_length { width: 40%; float: left; color: #70705A; margin-bottom:3px;} #dataTables .dataTables_filter { width: 50%; float: right; text-align: right; color: #70705A; margin-bottom:3px;} #dataTables .dataTables_info { width: 60%; float: left; color: #70705A; font-style:italic; font-size:85%; margin-top:3px;} #dataTables .dataTables_paginate { width: 44px; * width: 50px; float: right; text-align: right; color: #70705A; margin-top:3px;} /* Pagination nested */ #dataTables .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; width: 19px; margin-left: 3px; float: left; } #dataTables .paginate_disabled_previous { background-image: url('/images/datatables/back_disabled.jpg'); } #dataTables .paginate_enabled_previous { background-image: url('/images/datatables/back_enabled.jpg'); } #dataTables .paginate_disabled_next { background-image: url('/images/datatables/forward_disabled.jpg'); } #dataTables .paginate_enabled_next { background-image: url('/images/datatables/forward_enabled.jpg'); } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables display */ #dataTables table.display { margin: 0 auto; clear: both; width: 100%; /* Note Firefox 3.5 and before have a bug with border-collapse * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) * border-spacing: 0; is one possible option. Conditional-css.com is * useful for this kind of thing * * Further note IE 6/7 has problems when calculating widths with border width. * It subtracts one px relative to the other browsers from the first column, and * adds one to the end... * * If you want that effect I'd suggest setting a border-top/left on th/td's and * then filling in the gaps with other borders. */ } #dataTables table.display thead th { padding: 3px 18px 3px 10px; border-bottom: 1px solid black; font-weight: bold; cursor: pointer; * cursor: hand; border-top: 1px solid #aaaaaa; } #dataTables table.display tfoot th { padding: 3px 18px 3px 10px; border-top: 1px solid black; font-weight: bold; border-bottom: 1px solid #aaaaaa; } #dataTables table.display tr.heading2 td { border-bottom: 1px solid #aaa; font-size: 85% } #dataTables table.display td { padding: 3px 10px; } #dataTables table.display td.center { text-align: center; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables sorting */ #dataTables .sorting_asc { background: url('/images/datatables/sort_asc.png') no-repeat center right; } #dataTables .sorting_desc { background: url('/images/datatables/sort_desc.png') no-repeat center right; } #dataTables .sorting { background: url('/images/datatables/sort_both.png') no-repeat center right; } #dataTables .sorting_asc_disabled { background: url('/images/datatables/sort_asc_disabled.png') no-repeat center right; } #dataTables .sorting_desc_disabled { background: url('/images/datatables/sort_desc_disabled.png') no-repeat center right; } #dataTables .sorting.spacer { background:none; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables row classes */ #dataTables table.display tr.odd { background-color: #ddffdd; } #dataTables table.display tr.even { background-color: #eeffee; } #dataTables tr.odd { background-color: #E2E4FF; } #dataTables tr.even { background-color: white; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Misc */ #dataTables .dataTables_scroll { clear: both; } #dataTables .dataTables_scrollBody { *margin-top: -1px; } #dataTables .top, #dataTables .bottom { padding: 15px; background-color: #F5F5F5; border: 1px solid #CCCCCC; } #dataTables .top .dataTables_info { float: none; } #dataTables .clear { clear: both; } #dataTables .dataTables_empty { text-align: center; } #dataTables tfoot input { margin: 0.5em 0; width: 100%; color: #444; } #dataTables tfoot input.search_init { color: #999; } #dataTables td.group { background-color: #d1cfd0; border-bottom: 2px solid #A19B9E; border-top: 2px solid #A19B9E; } #dataTables td.details { background-color: #d1cfd0; border: 2px solid #A19B9E; } #dataTables .example_alt_pagination div.dataTables_info { width: 40%; } #dataTables .paging_full_numbers { width: 400px; height: 22px; line-height: 22px; } #dataTables .paging_full_numbers span.paginate_button, #dataTables .paging_full_numbers span.paginate_active { border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 2px 5px; margin: 0 3px; cursor: pointer; *cursor: hand; } #dataTables .paging_full_numbers span.paginate_button { background-color: #ddd; } #dataTables .paging_full_numbers span.paginate_button:hover { background-color: #ccc; } #dataTables .paging_full_numbers span.paginate_active { background-color: #99B3FF; } #dataTables table.display tr.even.row_selected td { background-color: #B0BED9; } #dataTables table.display tr.odd.row_selected td { background-color: #9FAFD1; } /* * Sorting classes for columns */ /* For the standard odd/even */ #dataTables tr.odd td.sorting_1 { background-color: #D3D6FF; } #dataTables tr.odd td.sorting_2 { background-color: #DADCFF; } #dataTables tr.odd td.sorting_3 { background-color: #E0E2FF; } #dataTables tr.even td.sorting_1 { background-color: #EAEBFF; } #dataTables tr.even td.sorting_2 { background-color: #F2F3FF; } #dataTables tr.even td.sorting_3 { background-color: #F9F9FF; } /* For the Conditional-CSS grading rows */ /* Colour calculations (based off the main row colours) Level 1: dd > c4 ee > d5 Level 2: dd > d1 ee > e2 */ #dataTables tr.odd.gradeA td.sorting_1 { background-color: #c4ffc4; } #dataTables tr.odd.gradeA td.sorting_2 { background-color: #d1ffd1; } #dataTables tr.odd.gradeA td.sorting_3 { background-color: #d1ffd1; } #dataTables tr.even.gradeA td.sorting_1 { background-color: #d5ffd5; } #dataTables tr.even.gradeA td.sorting_2 { background-color: #e2ffe2; } #dataTables tr.even.gradeA td.sorting_3 { background-color: #e2ffe2; } #dataTables tr.odd.gradeC td.sorting_1 { background-color: #c4c4ff; } #dataTables tr.odd.gradeC td.sorting_2 { background-color: #d1d1ff; } #dataTables tr.odd.gradeC td.sorting_3 { background-color: #d1d1ff; } #dataTables tr.even.gradeC td.sorting_1 { background-color: #d5d5ff; } #dataTables tr.even.gradeC td.sorting_2 { background-color: #e2e2ff; } #dataTables tr.even.gradeC td.sorting_3 { background-color: #e2e2ff; } #dataTables tr.odd.gradeX td.sorting_1 { background-color: #ffc4c4; } #dataTables tr.odd.gradeX td.sorting_2 { background-color: #ffd1d1; } #dataTables tr.odd.gradeX td.sorting_3 { background-color: #ffd1d1; } #dataTables tr.even.gradeX td.sorting_1 { background-color: #ffd5d5; } #dataTables tr.even.gradeX td.sorting_2 { background-color: #ffe2e2; } #dataTables tr.even.gradeX td.sorting_3 { background-color: #ffe2e2; } #dataTables tr.odd.gradeU td.sorting_1 { background-color: #c4c4c4; } #dataTables tr.odd.gradeU td.sorting_2 { background-color: #d1d1d1; } #dataTables tr.odd.gradeU td.sorting_3 { background-color: #d1d1d1; } #dataTables tr.even.gradeU td.sorting_1 { background-color: #d5d5d5; } #dataTables tr.even.gradeU td.sorting_2 { background-color: #e2e2e2; } #dataTables tr.even.gradeU td.sorting_3 { background-color: #e2e2e2; } /* * Row highlighting example */ #dataTables .ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { background-color: #ECFFB3; } #dataTables .ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { background-color: #E6FF99; } #dataTables .ex_highlight_row #example tr.even:hover { background-color: #ECFFB3; } #dataTables .ex_highlight_row #example tr.even:hover td.sorting_1 { background-color: #DDFF75; } #dataTables .ex_highlight_row #example tr.even:hover td.sorting_2 { background-color: #E7FF9E; } #dataTables .ex_highlight_row #example tr.even:hover td.sorting_3 { background-color: #E2FF89; } #dataTables .ex_highlight_row #example tr.odd:hover { background-color: #E6FF99; } #dataTables .ex_highlight_row #example tr.odd:hover td.sorting_1 { background-color: #D6FF5C; } #dataTables .ex_highlight_row #example tr.odd:hover td.sorting_2 { background-color: #E0FF84; } #dataTables .ex_highlight_row #example tr.odd:hover td.sorting_3 { background-color: #DBFF70; } /* * KeyTable */ #dataTables table.KeyTable td { border: 3px solid transparent; } #dataTables table.KeyTable td.focus { border: 3px solid #3366FF; } #dataTables table.display tr.gradeA { background-color: #eeffee; } #dataTables table.display tr.gradeC { background-color: #ddddff; } #dataTables table.display tr.gradeX { background-color: #ffdddd; } #dataTables table.display tr.gradeU { background-color: #ddd; } #dataTables div.box { height: 100px; padding: 10px; overflow: auto; border: 1px solid #8080FF; background-color: #E5E5FF; } /* end dataTables */ /*------------scrolling defs ---------------------*/ div#Scroll { clear: both; border: 1px solid #000000; } div.scrollingPane { padding: 5px 10px 0px 5px; margin:0px; overflow: auto; min-width:390px; max-height: 350px; height: expression(document.getElementById("Scroll").scrollHeight > 350? "350px": "auto" ); /* if 100%, IE 6.x scrollbar obscures last column. If 97%, leaves space when no scroll present.*/ /* conflicts with browserheight script - breaks in I.E. width: expression((Math.min(parseInt(document.body.clientWidth)-384, document.body.clientWidth))); */ } #SkinSelector input {position:relative; vertical-align:bottom; top:2px} #More_Message { display:none} .finish { background-color: yellow; color: red; font-weight: bold }