/*
Version 1.0 - CSS by Matt Hansbury, color palette revised by Debra Jacobson on 9-18-2012

DkBlue: #3366CC
LtBlue: #6699FF
DkPurple: #3333CC

DkGrey:  #dddddd
LtGrey:  #EEEEEE

Red:   #330000 #Use sparingly

*/

body  { font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; margin:0px; padding-right:2px;}

a { color: #666666 } /* was #6699FF */
a:link.title { color:#000000;
}
a:hover { color: #666666 } /* was #3333CC */
a image { border: none; }

.dkgreybackground { background-color:#dddddd }
.ltgreybackground { background-color:#EEEEEE }
.bluebold { color:#ed1c24; font-weight:bold }

/* Use Red for emergencies only */
.redbold { color:#ed1c24; font-weight:bold }
.red { color:#ed1c24; }

.menu   { font-size: 80%; margin-top: 0px; margin-bottom: 0px; margin-left: 2px; padding-top: 0px; padding-bottom: 3px }
.menuhead     { color: #3366CC; font-weight: bold; font-size: 80%; margin-top: 2px; margin-bottom: 0px; margin-left: 3px; padding-bottom: 0px }
.definition  { color: #3366CC; font-weight: bold; font-size: 80%; line-height: 110%; margin-left: 4px }
.note { font-size: 85%; font-style:italic }

h2 { color: #ed1c24; margin: 10px 0px 20px 0px; font-size: 1.5em; }
h3 { color: #000000; margin-top: 5px; margin-bottom: 5px; font-size: 1.3em; }
h3.releaseNotes { color: #ed1c24; text-align: center; }
h4 { color: #666666; margin-top: 5px; margin-bottom: 5px; font-size: 1em; }
h5 { color: #ed1c24; }

a.backtop { font-weight: bold; text-transform:uppercase; font-size: 80%; text-decoration: none; padding: 1px 2px 1px 2px; }
a.backtop:link { color: #dddddd; }
a.backtop:visited { color: #dddddd; }
a.backtop:hover { color: #990000; }

.yesprint { display:none }
.ltgrey { background-color: #dddddd }

/*--Banner Layout--*/
#MastHead { width:100%; height:96px; border-bottom:0px solid #3366CC; padding-top:10px;} /* was height:65px; */
#MastHead a { padding:0px; border-collapse:collapse; margin:0px }
	/*--breadcrumbs--*/
	#HeaderBar { background-color:#CCCCCC; padding:0px; vertical-align:middle; box-shadow: 0px 2px 5px #999999; }
	#HeaderBar .contents {  background-repeat:no-repeat; position:relative; left:10px;  height:25px; padding:2px 2px 0px 2px; color: #ffffff; font-size: 80%; font-weight: bold; padding-top:5px }
	#HeaderBar a { color:#ffffff; text-decoration:none }
	#HeaderBar a:hover { color:#3333CC; }
	/*--/breadcrumbs--*/
/*--/Banner Layout--*/

/*--PaneLayout--*/
#MainPane {}
#LeftPane { padding-top:5px; padding-left:10px; }
#RightPane { padding:5px 10px 5px 10px }
#Contentpane { padding: 0px 16px 0px 16px; }
/*--/PaneLayout--*/

/*--Footer Layout--*/
p.footer { font-size: 60%; margin:0px; padding-top:3px; padding-bottom:3px;}
#footbar { font-size: 60%; color: #666666; white-space:nowrap; padding-top:10px; padding-bottom:5px}
.footlogo { margin: 5px 10px 5px 10px; }
/*--/Footer Layout--*/

/*--Left Menu--*/
#LeftSideBar { width: 145px; background-color: #eeeeee; border: 1px solid #666666; box-shadow: 5px 5px 5px #999999; margin-top: 6px;margin-left: 10px; }
#LeftSideBar a { color: #000000; text-decoration: none; }
#LeftSideBar a:hover { text-decoration: underline; }
#LeftSideBar p.navhead { 
	background-color: #666666; 
	font-weight: bold; 
	padding: 2px 5px 2px 5px; 
	margin: 0px; 
	font-size: .8em; 
	color:#ffffff
}
#LeftSideBar p.navhead a { color: #ffffff; }
#LeftSideBar p { font-size: .75em; margin: .5em; }
.title   { color: #000000; font-weight: bold; font-size: 105%; margin-top: 2px; margin-bottom: 0px; margin-left: 0px; padding-top:5px; padding-bottom: 0px; padding-left: 0px; } 

p.title1 { color: #000000; font-weight: bold; font-size: 105%; margin-top: 2px; margin-bottom: 0px; margin-left: 0px; padding-top:5px; padding-bottom: 0px; padding-left: 0px;} 



/*--/Left Menu--*/

/*--Right Menu--*/
#RightSideContents { margin-bottom: 15px; border: 1px solid #666666 }
#RightSideContents.archive {}

#RightFrontPage { width:250px; text-align:left; font-size: 80%; white-space:normal; background-color:#eeeeee; padding:5px; border:1px solid #dddddd; box-shadow: 5px 5px 5px #999999;}
#RightFrontPage li { padding-top:2px; padding-bottom:2px;}
#RightFrontPage ol { margin-left:30px}
#RightFrontPage a:link { color:#3366CC; text-decoration:none; }
#RightFrontPage a:visited { color:#3366CC; text-decoration:none; }
#RightFrontPage a:hover { color:#3366CC; text-decoration:underline; }

#RightSideBar { width: 150px; border: 1px solid #666666; box-shadow: 5px 5px 5px #999999; margin-top: 6px; margin-right: 10px; }
#RightSideBar a { color: #000000; text-decoration: none; }
#RightSideBar a:hover { text-decoration: underline; }
#RightSideBar p.navhead { font-weight: bold; color: #ffffff; background-color: #666666; margin: 0; padding: .3em; }
#RightSideBar p.navhead2 { font-weight: bold; margin: .5em .3em; }
#RightSideBar p.navhead3 { font-weight: bold; color: #666666; background-color: #eeeeee; border-top:1px solid #666666; border-bottom: 1px solid #666666; margin: 0; padding: .5em .3em; }
#RightSideBar p { font-size: .75em; margin: 0; margin: .5em .5em .5em 1em; }
/*--/Right Menu--*/

/*--RoundCorners--*/
#RoundGradientBox {
	/* fallback */ background-color: #dddddd; 	background: url('/images/layout/gradient.jpg') repeat-x repeat-y;
/* Firefox 3.6+ */ /* Safari 4-5, Chrome 1-9 */ 
	/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
	/* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ 	-moz-border-radius: 15px;
		border-radius: 15px;
		-moz-box-shadow: 15px 5px 5px black;
		-webkit-box-shadow: 5px 5px 5px black;
		box-shadow: 5px 5px 5px black;
		border:1px solid #dddddd;
	
		padding:20px;
		margin-bottom:40px
}
#RoundGradientBox td div.line { padding-left:15px; border-left:2px dotted #ed1c24; color:#ed1c24; font-size:.85em }

#IntroText { font-weight: bold; font-size: 90%;!important; color: #ed1c24; }
#IntroText p {font-size: .85em; line-height: 140%; padding: 3px 0px 3px 0px; margin: 3px 0px 3px 0px; }
#IntroText a { color:#666666 }
#IntroText a:hover { color:#000000; }

#IntroText table { font-weight:bold; font-size:120%; padding-left:0px;}
#IntroText.roundbox { font-weight:bold; font-size:120%; }
#IntroText.roundbox th { color:#ed1c24; }
#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: #ed1c24;  }
#IntroText td { width:50%; font-size:.85em; text-align:left; border-top:none; }
/*--/RoundCorners--*/

/*--Tables--*/
	/*ListTable
	Tables used for creating white tables with just a line to delineate each row.
	Ex: Downloads Table (set class="ltgreybackground" for current version)
	*/
table  #ListTable, table  .ListTable { border-collapse: collapse; width: 100%; margin-top: 0; margin-bottom: 2em; }
#ListTable caption , .ListTable caption { 
	font-weight:bold; 
	/* border-top:1px solid #3333CC; 
	border-bottom:3px double #3333CC; */
	background-color:#dddddd;
	padding:2px 5px 2px 5px;
}
#ListTable caption  a, .ListTable caption a { color: #666; }
#ListTable th, .ListTable th {
	text-align: left;
	padding:2px 5px 2px 5px;
	border-bottom:1px solid #EEEEEE;
	vertical-align: top;
	font-size: .9em;
}
#ListTable th div.note, .ListTable th div.note {
	font-weight: normal;
}

#ListTable td, .ListTable td {
	padding:2px 5px 2px 5px; 
	border-bottom:1px solid #EEEEEE;
	vertical-align: top;
	font-size: .9em;
}
td.allFiles { font-weight: bold; }
/*td.releaseLink { width: 10%; text-align: center; wrap: nowrap; }
td.zip { width: 10%; text-align: center; } */
td.releaseLink { width: 10%; text-align: center; wrap: nowrap; }
	/*ZebraTable
	Tables with alternating white/grey rows.
	*/
#ZebraTable {}
#ZebraTable th {
	font-weight:bold; 
	color:#666666; 
	border-top:1px solid #666666; 
	border-bottom:3px double #666666; 
	background-color:#dddddd
}

#ZebraTable td {
	padding:2px 5px 2px 5px; 
}
#ZebraTable tr:nth-child(odd) {background: #eeeeee}

	/*InfoTable
	Tables used for text/reading documents.
	*/

#InfoTable {}
#InfoTable table {
	border-collapse:collapse;
}
#InfoTable thead td {
	background-color: #dddddd; 
	font-weight: bold; 
	padding: 2px 5px 2px 5px; 
	margin: 0px; 
	text-align:center;
	color:#6699FF;
	border-top:1px solid #6699FF;
	border-bottom:1px solid #6699FF;
}
#InfoTable thead td:first-child {
	border-left:1px solid #6699FF;	
}
#InfoTable thead td:last-child {
	border-right:1px solid #6699FF;	
}
#InfoTable td {
	margin:0px;
	padding: 5px; 
	border-left:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
#InfoTable td:last-child {
	border-right:1px solid #dddddd;
}
#InfoTable ul { margin:0px; }


	/*DataTable
	Tables used for large quantities of raw data.
	Ex: definition pages
	*/
#DataTable {}

/*--/Tables--*/

/*--Page-Specific--*/

/*--/Page-Specific--*/

/*--Javascript Dependent--*/
.collapseblock {display:none}
.expandblock {display:block}
/*--/Javascript Dependent--*/

/*--Editting--*/
.finish { background-color: #FFFF66; color: red; font-weight: bold }
/*--/Editting--*/

/*--TOC--*/
#PageContents { color: #DDE2F5; text-align: center; font-size: 85%; background-color:#ffffff; margin-bottom: 10px; margin-top: 10px; padding:2px; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee }
#PageContents a { color:#666666; text-decoration: none; font-weight: bold; padding:2px }
#PageContents a:hover { text-decoration: none; color: #666666; background-color: #DDDDDD;  }
/*--TOC--*/

.text { font-size: 85%; margin-top: 0px; margin-bottom: 6px; margin-left: 2em; padding-top: 0px; padding-bottom: 0px }
#Contentpane p { font-size: 85%; }
#Contentpane ul { margin-top: 0px; margin-bottom: 6px; margin-left: 4em; padding-left: 0; }
#Contentpane ul ul { margin-top: .5em; margin-bottom: .5em; }
#Contentpane li { font-size: 85%; }
#Contentpane li li { font-size: 100%; }

/*--This h3 style is used on News and Events pages only --*/
h3.tablehead { font-size: 1em; color: #666666; text-align: center; border-bottom: 3px double #aaa; padding-bottom: .3em; margin: .5em auto; }

.tablehead { font-size:120%; color: #666666; font-weight: bold; padding-top:12px; padding-bottom:15px; text-align: center; margin-bottom: 5px; border-bottom:3px double #DDE2F5; white-space:normal}
.tablehead_blue { font-size:120%; color: #32498D; font-weight: bold; padding-top:7px; padding-bottom:10px; text-align: center; margin-bottom: 10px; margin-top: 5px; border-top:1px solid #BAC5E3; border-bottom:1px solid #BAC5E3; background-color: #DDE2F5 }
.tablehead_fp { background-color: #6699FF; border:1px solid #3333CC; color: #ffffff;	font-weight: bold; padding-bottom:2px; text-align: center; margin: 0px;}

.heading { font-size:120%; color: #ed1c24; font-weight: bold; padding-top:10px; padding-bottom:10px; text-align: center; }
tr.header { background-color:#666666; color:#ffffff; margin-bottom:5px; }

/*--Home page: right column --*/
div.newsheadlines { background-color: #eee; margin: 10px; padding: 0px 4px 8px 4px; border:1px solid #ddd; }
.newsheadlines h2 { font-size: .9em; color: #fff; background-color: #666; padding: .2em .5em; border:1px solid #000; margin: .3em 0 .5em 0; }
.newsheadlines a { text-decoration: none; }
.newsheadlines h2 a { color: #fff; }
.newsheadlines a:hover { text-decoration: underline; }
#Contentpane .newsheadlines ul { margin-top: .5em; margin-left: 1em; }
#Contentpane .newsheadlines li { margin: .5em auto; }
.newsheadlines p { font-size: .8em; margin: 0 .2em;}
.newsheadlines p.more { font-weight: bold; text-align: right; margin-bottom: 1em; }
#Contentpane ul.statusReport { margin-top: .1em; margin-left: 2em; }
#Contentpane .statusReport li { font-size: .8em; margin: .1em auto; }
/*--Home page: right column --*/

/*--Calendar pages--*/
table.altRows { width: 100%; border: 0; border-collapse: collapse; border-bottom: 1px solid #ccc; margin-bottom: 2em; }
.altRows caption { font-size: 120%; padding: .5em; color: #ed1c24; font-weight: bold; }
.altRows th { font-size: 80%; padding: .5em; color: #ffffff; background-color: #666666; }
.altRows td { font-size: 80%; padding: .5em; vertical-align: top; }
td.calDate { white-space: nowrap; }
/*--Calendar pages--*/

/*--Documents page--*/
div.textIndent p { margin: .5em auto .5em 2em; }
/*--Documents page--*/

/*--These styles are not used yet amd they may never be used -- Examples pages--*/
table.example { width: 100%; border-collapse: collapse; margin-bottom: 1em; }
#Contentpane .example p, #Contentpane  .example li   { font-size: 100%; }
p.beforelist  { margin-bottom: .5em; }
#Contentpane  .example ul, #Contentpane  .example ol  { margin-top: .5em; margin-bottom: 1.5em; }
#Contentpane  .example ol  ol { list-style-type: lower-alpha; }
#Contentpane  .example ol  ol  ol { list-style-type: lower-roman; }
#Contentpane  .example ol  ol  ol ol { list-style-type: decimal; }
#Contentpane  .example li p { margin: .5em auto; }
.example th { font-size: .8em; vertical-align: top; padding: .5em; text-align: left; }
.example td { font-size: .8em; vertical-align: top; padding: 0 .5em; }
.example td table { width: 100%; border-collapse: collapse; }
.example td  td { font-size: 100%; padding: .5em; }
#Contentpane  td.download { padding-right: 15px; }
.example td img { border: 0; }
.example pre { border: 1px solid #000; padding: 15px; }
div.snippet { margin: 1em auto; }
/*--Examples page--*/


#RightFrontPage .tablehead_fp a:link { color:#ffffff; text-decoration:none }
#RightFrontPage .tablehead_fp a:visited { color:#ffffff; text-decoration:none }
#RightFrontPage .tablehead_fp a:hover { text-decoration:underline }

/*--Indented Text--*/

.indentedtext {text-indent:25px;}

/*--Indented Bullet--*/

.indentedbullet {text-indent:75px;}

/*--XML Content--*/
#xmlContainer, .xmlContainer {
 width:90%;
 white-space: pre-wrap;      /* CSS3 */       
 white-space: -moz-pre-wrap; /* Firefox */        
 white-space: -pre-wrap;     /* Opera <7 */       
 white-space: -o-pre-wrap;   /* Opera 7 */        
 word-wrap: break-word; 
 font-family: 'Courier New', Courier, monospace;
 font-size: .8em;
}

/* The following styles are used for /language/archive/index.html and /language/archive/usecases.html pages */
table.archive { width: 100%; border-collapse: collapse; font-size: 85%; margin-bottom: 1.5em; }
.archive  th, .archive  td { text-align: left; padding: .5em; border: 1px solid #000; vertical-align: top; }
#Contentpane p.note { font-style: italic; font-size: .8em; }
td.zip { text-align: right; }

/* The following styles are used for /language/versionX.X/ pages */

dl { font-size: 85%; line-height: 150%; }
dt { font-weight: bold; color: #000; margin-bottom: .2em; }
dd { margin-top: .2em;  margin-bottom: 1em; }

table.releases { width: 100%; border-collapse: collapse; font-size: 85%; margin-bottom: 1.5em; }
.releases  caption { font-weight: bold; color: #000; text-align: left; padding-bottom: .5em; }
.releases  td { text-align: center; padding: .5em; border: 1px solid #000; font-weight:normal; }
.releases  th { text-align: center; padding: .5em; border: 1px solid #000; font-weight:normal; }
.releases  th.name, .releases  td.name { text-align: left; font-weight:bold; }


/* FAQ and version1.0 pages: The following styles and script are for lists with alternating gray-shaded rows */
.row0 {
background-color: #eeeeee;
}
.row1 {
background-color: #ffffff;
}
#Contentpane ul.altRows { list-style-type: none; margin-left: 0; padding-left: 0; border-bottom: 2px solid #eee; }
#Contentpane .altRows  li { margin: 0; padding: .5em; }