/*
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}

.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 }


<a href="http://www.baidu.com/">°Ù¶È</a>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https'){
   bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
  }
  else{
  bp.src = 'http://push.zhanzhang.baidu.com/push.js';
  }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>