@import url("./mode_dependent.css");

.topLogo{
	float: left;
	top: 5px;
	width: 150px;
}
.topSearchBox{
        float: right;
	top: 5px;
	right:10px;
	/* width:150px; */
}
.bottomLinks{
        padding: 100px;
	bottom: 5px;
	width:800px;
        font-size: 8pt;
        text-align: center;
        /* position: absolute; */
        bottom: 3px;
}

.copyrightText{
        font-size: 6pt;
        text-align: center;
}

.whiteHeader { 
	background: white repeat-x;
}

.title{
    
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	height: 100px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	/* border-bottom: 2px solid #336F89; */
	width: 100%;
	color: black;
}

.header_comment{	
	color: #af0;	
}
a.header_comment:link{
	color: #af0;
}
a.header_comment:hover{
	color: #df3;
}
a.header_comment:visited{
	color: #0f3;
}
a.header_comment:active{
	color: #df3;
}
.comment{	
	color: #190;	
}
a.comment:link{
	color: #190;
}
a.comment:hover{
	color: #3c2;
}
a.comment:visited{
	color: #170;
}
a.comment:active{
	color: #190;
}

a img{
        border: none;
}

body {
	font-family: helvetica, sans-serif;
	/*background-repeat: repeat-y;*/
	color: #5F5F5F;
	font-size: 13px;
}
p.version {
	margin-left: 0;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
#logo {
	position: absolute;
	margin-left: 10px;
	margin-top: 0px;
}

img.style {
	margin-top: 20px;
	margin-bottom: 20px;

}

td {
	font-family:helvetica, sans-serif; 
	font-size: 10pt;
}


.code {
	font-family: "Lucida Sans Unicode",sans-serif;
	font-size: 10px;
}

dt	{
	margin-top: 18px;
	}

dd 	{
	margin-left: 14px
	}

pre {
	padding: 0;
	margin: 0;
	background: #f0f0f0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	line-height: 20px; /*--Height of each line of code--*/
	width: 1000px;
	overflow: auto;
	/*--If the Code exceeds the width, a scrolling is available--*/
	overflow-Y: hidden; /*--Hides vertical scroll created by IE--*/
}

pre code {
	font-family: "Lucida Sans Unicode",sans-serif;
	font-size: 12px;
	margin: 0 0 0 40px; /*--Left Margin--*/
	padding: 6px 0;
	display: block;
}

.content {
	width: 63%;
	margin-left: 260px;
}

.title {
	padding: 0 0 30px 0;
	text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	border-bottom: 1px solid #336F89;
	width: 100%;
	color: darkgreen;
}

.titlelogo {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 5px;
	width: 100%;
}

h1 {
	padding: 35px 0 5px 0;
	font-size: 24px;
       /* text-align: center; */
        text-indent: 100px;
	border-bottom: 1px solid #336F89;
	width: 100%;
	/* margin-left: 55px; */
	color: black;
}

h3 {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #6C9D59;
	padding-top: 14px;
}

h4 {
	font-size: 13px;
	font-weight: bold;
	color: #6C9D59;
	margin-top:14px;
	margin-bottom: 3px;
}
.nomargin {
	margin-top: 0px;
	margin-bottom: 0px;

	}


a {
	color: #0067AC;
	text-decoration: none;
	font-weight: bold;
}

li {
	margin-bottom: 6px
}

.trborder {
	border-BOTTOM: 1px solid #000000;
}

#breadcrumb a:hover {
	color: #0067AC;
	text-decoration: underline !important;
}

#breadcrumb {
	margin-top: -40px;
	margin-left: 56px;
	
}

#devcomment {
	font-weight: bold;
	color: #FF0000;
	text-transform: uppercase;
	display: inline;
}

#us {
	margin: 75px;
	padding: 10px;
}

/*content CSS*/
h2 {
	color: #6C9D59;
	font-size: 15px;
	padding-top: 20px;
	font-weight: bold;
}

ul {
	margin-bottom: 10px;
}

.alpha {
        list-style-type: lower-alpha;
}

#desc {
	margin-left: 55px;
}

#desc-indent {
	margin-left: 75px;
}

#pattern_name {
	color: #6C9D59;
	font-size: 20px;
	padding-top: 20px;
	font-weight: bold;
}

#pattern_status {
	color: #7E2217;
	font-size: 15px;
	padding-top: 20px;
	font-weight: bold;
}

.body {
	min-height: 400px;
	width: 100%;
	padding-top: 25px;
	margin-left: 55px;
}

.descimg {
	margin-left: 50px;
}

#desc img {
	margin-left: 50px;
}

.footer {
	height: 50px;
}

.fonttable,.fonttable TD,.fonttable TH {
	font-family: helvetica, sans-serif;
	color: #5F5F5F;
	font-size: 11px;
}

/*END content CSS */ /*navigation CSS*/
.glossymenu ul {
	padding-left: 0;
	list-style-type: none;
	margin-top: 30px;
}

.glossymenu a {
	display: block;
	padding: 7px 0 7px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.glossymenu {
	padding-top: 50px;
	border-bottom-width: 0;
	float: left;
	width: 235px;
	height: 100%;
	position: absolute;
	border-top: 1px solid white;
	margin-top: 100px;
}

.glossymenu a#active {
	color: white;
	font-size: 10px;
	font-weight: bold;
}

.glossymenu a#active:hover {
	color: #6C9D59
}

.glossymenu a.menuitem,.glossymenu a.submenuitem {
	background: none;
	font: 10px Verdana, Helvetica, sans-serif;
	color: #BCCED7;
	display: block;
	position: relative;
	/*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 7px 0;
	padding-left: 30px;
	text-decoration: none;
}

.glossymenu a.menuitem:visited,.glossymenu .menuitem:active {
	color: #BCCED7;
}

.glossymenu a.menuitem .statusicon {
	/*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	right: 215px;
	border: none;
}

.glossymenu a.submenuitem .statusicon {
	position: absolute;
	right: 190px;
	border: none;
}

.glossymenu a.menuitem:hover,.glossymenu a.submenuitem:hover {
	color: #6C9D59;
}

.glossymenu div.submenu,.glossymenu div.subsubmenu {
	/*DIV that contains each sub menu*/
	padding-left: 45px;
}

.glossymenu div.submenu ul,.glossymenu div.subsubmenu ul {
	/*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li,.glossymenu div.subsubmenu ul li {
	padding-top: 5px;
}

.glossymenu div.submenu ul li a {
	display: block;
	font: 10px Verdana, Helvetica, sans-serif;
	color: #BCCED7;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover {
	background: #EFEBEF;
	color: black;
}

.glossymenu a.submenuitem:visited,.glossymenu a.submenuitem:active {
	color: #BCCED7;
}

.glossymenu div.subsubmenu ul li a {
	display: block;
	font: 10px Verdana, Helvetica, sans-serif;
	color: #BCCED7;
	text-decoration: none;
	padding: 2px 0;
	margin-left: -10px;
}

.glossymenu div.subsubmenu ul li a:hover {
	background: #EFEBEF;
	color: black;
}

/* END javascript menu CSS */