/*
 *
 */
div.clearer {
	clear: both;
	height: 0;
	line-height: .01em;
	padding: 0;
	margin: 0;
}

/* header begin */
div.header_container {
	width: 100%;
	height: 110px;
	min-width: 730px;
	background: transparent none repeat scroll 0 0;
	position: absolute;
	top: 0;
}

div.header_content {
	height: 100px;
}

/* header end */ /* body start */
	/* provides a continer to center a child div in */
div.body_container {
	width: 100%;
}

/* centers in parent as long as parent is larger then child*/
div.body_content {
	margin: 0;
	padding-left: 25px;
}

div.body_content div {

}

div.navigationContainer {
	overflow: auto;
}

/* margin-left should be updated along with the relative position of */
div.contentContainer {
	background: none;
	border: none;
	/*
	width: 100%;
	height: 100%;*/
    height:auto;
	overflow-y: auto;
	overflow-x:auto;
	position:relative;


}


table.componentTabSetContainer {
	/*
	width: 100%;
	height: 100%;
	overflow: auto */
}

/* footer begin */
div.footer_container {
	float: left;
	width: 100%;
	height: 95px;
	min-width: 705px;
}

div.footer_content {
	height: 95px;
    width: auto;
}

div.footer_content div {
	float: left;
	padding-top: 60px;
	padding-left: 10px;
	color: white;
	width: 100%;
	text-align: center;
}

div.footer_content a,div.footer_content a:hover {
	/*color: orange;*/
	text-decoration: none;
}

div.footer_content a {

}

div.footer_content a:hover {
	text-decoration: underline;
}

/* footer end */
	/* controls the appearance of links throughout the application */
a:link,a:hover,a:visited,a:active {
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #00A9D2;
}

a:hover {
	text-decoration: underline;
}

a:visited { /*color: #104e5b;*/
}

.brlink,
a.brlink,
a:visited .brlink,
a:hover .brlink,
.brspace,
.brlast {
	vertical-align: middle;
	font-family:Arial,Helvetica,sans-serif;
	padding-top:4px;
}

.brlast {
	vertical-align: middle;
	padding-top:4px;
	color:#003395;
	font-family:Arial,Helvetica,sans-serif;
	font-weight: bolder;
}

.includeIframe {
	width: 100%;
	height: 100%;
	border: none;
	background-color: white;
	font-size: 11pt;
}

/*
------------- Navigation Tree
*/
.navigationTree {

}

.navigationTreeRow {
	white-space: nowrap;
	vertical-align: middle;
	padding: 0;
}

.navigationTreeRow a {
	text-decoration: none;
	color: #000000;
	cursor: pointer;
	padding: 0;
	padding-left: 3px;
	vertical-align: middle;
}

.navigationTreeRow a:hover {
	text-decoration: underline;
}

.navigationTreeRow img {
	border: 0;
	vertical-align: middle;
	background-repeat: repeat-y;
	padding: 0;
}

.navigationTreeRow>img {
	width: 16px;
}

.navigationTreeRow a img {
	/* vertical-align: top; - Bug in FF, when img has focus it is not highlighted with a box.*/
	background-repeat: repeat-y;
	border: 0;
	padding: 0;
}

.navigationTreeRow * div {
	padding: 0;
	vertical-align: middle;
}

/* node selection and rollover state. */
a.navNodeSelecttrue:hover,a.navNodeSelectfalse:hover {
	color: #318496;
	text-decoration: none;
	/*padding-left: 1px;*/
	/*background: #ffffff no-repeat left center;*/
}

a.navNodeSelecttrue:visited,a.navNodeSelectfalse:visited {
	/*color: #104e5b;*/

}

a.navNodeSelecttrue {
	/*font-weight: bold;*/
	/*padding-left: 1px;*/
	/*background: #ffffff no-repeat left center;*/
	border: #999999 1px solid;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 1px;
	padding-top: 1px;
	color: black;
	background-color: #fafad2! important;
}

a.navNodeSelectfalse {
	padding-left: 1px;
	background: #ffffff no-repeat left center;
}

a.navNodeFoldertrueExpandedfalse,a.navNodeFoldertrueExpandedfalse:hover
	{
	padding-left: 2px;
	background: #ffffff no-repeat left center;
}

a.navNodeFoldertrueExpandedtrue,a.navNodeFoldertrueExpandedtrue:hover {
	padding-left: 2px;
	background: #ffffff no-repeat left center;
}

/*
---------- end tree
*/ /* main styles for individual component examples */
.synopsisBox>span:first-child,div.firstChildTitle>span:first-child,div.firstChildTitle>div>span:first-child
	{
	font-weight: bold;
}

.title {
	color: yellow;
}

.exampleBox a,.synopsisBox a,.exampleBox a:visited,.synopsisBox a:visited,.exampleBox a:hover,.synopsisBox a:hover
	{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.exampleBox a,.synopsisBox a,.exampleBox a:visited,.synopsisBox a:visited
	{
	text-decoration: none;
}

.exampleBox a:hover,.synopsisBox a:hover {
	text-decoration: underline;
}

.exampleBox .iceMnuItm a:hover {
	text-decoration: none;
}

.centerBox {
	margin-right: auto;
	margin-left: auto;
}

table.verticalAlignTop td {
	vertical-align: top;
}

div.verticalAlignMdl {
	vertical-align: middle;
}