/*styles for page layout*/
body { margin:0; padding:0; background:black; color:White; font-size:16px;} 

#container
{
	line-height: 130%;
	font-family: Segoe UI;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 2em;
	padding-top:0;
	font-size: 14pt;
}

#breadcrumb
{
	font-family: Segoe UI;
	font-size: 14pt;
	padding-left: 0;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-top: 2em;
	border-bottom: 1px solid #CCCCCC;
}

#buffer
{
	font-family: Segoe UI;
	font-size: 14pt;
	padding-left: 0;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-top: 2em;
}

#backforward
{
	float:left;
	margin-right: 10px;
	padding-bottom: 1em;
	padding-right: 1em;
	border-right: 1px solid #CCCCCC;
}

/*styles for general formatting*/
td 		{ vertical-align: top; padding: 5px; margin: 5px; font-size: 14pt; font-family:Segoe UI; line-height: 130%; }
th		{ background-color:#2981BC; color:#FFFFFF; text-align: left; vertical-align: top; padding: 5px; margin: 5px; font-size: 14pt; font-family:Segoe UI; line-height: 130%; }
h1		{ font-size: 14pt; color:#2981BC; padding-top:1em }
h2      { font-size: 14pt }
h3		{ font-size: 14pt }
h4		{ font-size: 14pt; font-weight: bold; margin-top: 0; margin-bottom: 0 }
h6		{ font-size: 14pt; color: #808080; }
a       { color: #2981BC }

/*style for Home page and section pages*/
.noBulletList { list-style-type: none; padding: 5px; margin: 5px }
.separator { background-image: url('BlueLine.png'); background-repeat:repeat-x; padding:0; margin:0 }


/*style for one-off table in keyboard shortcuts*/
.thMid	{ background-color:#FFFFFF; width:50px; }

/*style for tables in roadmaps*/
.tdMid	{ width:20px; }

/*styles related to mini TOCs (or jump links) that appear at the very top of a tutorial or essentials topic, as well as the "Back to top" links that appear throughout that particular topic*/
.miniTOC { list-style-image:url('down_arrow.gif') }
.backtoTop { list-style-image:url('up_arrow.gif'); margin-left: 15px }

/*styles for tips, notes, and sidebar-type info, usually preceded with a visual marker or icon*/
.fig	{ color: #000000; font-style: italic; text-align: center }

/*style for the blue box-like wrapper for all inline button art images*/
.buttonart { vertical-align:text-bottom; border: 1px solid #2981BC;	padding: 2px }

/*style for ui labels*/
.ui { font-weight:bold }

/*styles for all the banners that appear within the user guide*/
.bannercontent { background-image: url('banner_content.png'); background-repeat:no-repeat; vertical-align: bottom; padding:0; margin:0 }
.bannerindex { background-image: url('banner_index.png'); background-repeat:no-repeat; vertical-align: bottom; padding:0; margin:0 }
.bannersearch { background-image: url('banner_search.png'); background-repeat:no-repeat; vertical-align: bottom; padding:0; margin:0 }
.bannerphotoscope { background-image: url('banner_photoscope.png'); background-repeat:repeat-x; background-position:left; padding:0; margin:0 }
.bannertable { padding:0; margin:0 }
.breadcrumb { border-bottom: 1px solid #CCCCCC }

/*for search*/
input.btn
{
   color:#2981BC;
   font-family:Segoe UI;
   font-size:100%;
   font-weight:bold;
}