body {
margin: 0px;
	/* Old font */
	background-color: #333333;
  /*font-family:'Droid Sans';
		font-size: 13px;
	*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  /*line-height: 1.42857143;*/
	line-height: 15px;
  color: #333;
}

.navbar-fixed {
top: 0;
		 z-index: 100;
position: fixed;
width: 798px;
}

#nav_bar {
	background-image: url(../images_template/header_bg_min.jpg);
border: 0;
				margin-bottom: 0;
height: 50px;
}


table.linkcontainer td{
	background-color: #000000;
filter:alpha(opacity=70);
opacity: .7;
				 -moz-opacity: .7;
}

table.body_content {
padding: 0px;
margin: 0px;        
				background-image: url(../images_template/bg_content.jpg);
				background-repeat: repeat;
}  

p { text-align: justify;}

h2 { font-size: 16px; }

h3 { font-size: 15px; }

img { border: none; }

a.supportBadges {
	margin-right:5px;
opacity:0.7;
}

a.supportBadges:hover {
opacity:1;
}

div.mathdisplay table.equation img[align="bottom"] { 
	line-height:auto;
height:auto; 
}

div.mathdisplay table.equation img[align="middle"] { 
	line-height:auto;
height:auto; 
}

p {
	text-align: justify;
}

hr{
	border-top: dashed white 1px;
	border-bottom: 0px;
}

hr.black{
	border-top: dotted black 1px;
	border-bottom: 0px;
}


ul {
	list-style-type: none;
	padding-left: 17px;
margin: 5px;
}

li { 
display: block;
				 padding-left: 17px;
				 background-image: url(../images/bullet1.png);
				 background-repeat: no-repeat;
				 background-position: left top;
				 vertical-align: middle;

}



li.withlogo { 
display: block;
				 padding-left: 17px;
				 background-image: url(../images/bullet1.png);
				 background-repeat: no-repeat;
				 background-position: left center;
				 vertical-align: top;
}




img.logo  {
	vertical-align: middle;
}

ul li.white { 
	background-image: none;
	list-style-type: circle;
color: #FFFFFF;           
}

td.logo_left {
width: 15%;        
}

td.logo_right {
width: 15%;      
}



td.logo_area{
	background-image: url(../images_template/cmb.jpg);
	background-repeat: no-repeat;	
	background-position: center;	
height: 100px;
				font-size: 18px;
				text-align: center;	
				font-style: italic;
color: #FFFFFF;
			 border-top-width: 0px;
			 border-right-width: 0px;
			 border-bottom-width: 0px;
			 border-left-width: 0px;
			 border-top-style: solid;
			 border-right-style: solid;
			 border-bottom-style: solid;
			 border-left-style: solid;
			 border-top-color: #FFFFFF;
			 border-right-color: #FFFFFF;
			 border-bottom-color: #FFFFFF;
			 border-left-color: #FFFFFF;
}
td.middle_spacer {
width: 798px;
			 background-color: #1F1F1F;
}
td.shadow_right {

-moz-box-shadow: inset 30px 0px 15px -20px #000000;
-webkit-box-shadow: inset 30px 0px 15px -20px #000000;
-o-box-shadow: inset 30px 0px 15px -20px #000000;
box-shadow: inset 30px 0px 15px -20px #000000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=90, Strength=15);

}
td.shadow_left {

-moz-box-shadow: inset -30px 0px 15px -20px #000000;
-webkit-box-shadow: inset -30px 0px 15px -20px #000000;
-o-box-shadow: inset -30px 0px 15px -20px #000000;
box-shadow: inset -30px 0px 15px -20px #000000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=180, Strength=15);

}

td.body_content {
	font-size: 13px; 
padding: 5px;
margin: Opx;
				background-image: url(../images_template/bg_content.jpg);
				background-repeat: repeat;
}


td.code_box{
	background-color: #333333;
height: 50px;
color: #CCCCCC;
padding: 5px;
}

td.below_header{
	background-color: #1F1F1F;
height: 50px;
color: #CCCCCC;
padding: 5px;
}


td.main_content_box {
	background-color : #FFFFFF;
	vertical-align: middle;
}      

td.horizontal_column {
	background-image: url(../images_template/header2_bg.jpg);
	border-top-width: 15px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
height: 150px;
display: table-cell;
				 vertical-align: top;
}

td.bottom_link_container {
	background-color: #000000;
	text-align: center;
color: #FFFFFF;
padding: 5px;
}

td.bottom_page {
color: #FFFFFF;
			 text-align: center;
height: 90px;
				vertical-align: middle;
				background-image: url(../images_template/header2_bg.jpg);
				background-position: top;

}

td.bottom {
height: 100px;
}


td.horizontal_center {
	background-color: #FFFFFF;
	border-top-width: 15px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #333333;
	border-bottom-color: #000000;
	border-left-color: #333333;
height: 150px;
display: table-cell;
				 vertical-align: top;
				 background-image: url(../images_template/header_bg.jpg);
}
td.header_column {
height: 100px;
				vertical-align: middle;
color: #FFFFFF;
			 font-size: large;
			 background-image: url(../images_template/header2_bg.jpg);
			 background-position: top;
}
td.left_content {
width: 200px;
padding: 5px;
				 vertical-align: middle;
}

div.navigation a.main_link:active,a.main_link:visited,a.main_link:link{
	font-weight: bold;
	text-decoration: none;
display: block;
width: 100%;
color: #FFFFFF;
			 line-height: 50px;
}
div.navigation a.main_link:hover{
	background-color:#333333;
color: #FFFFFF;
}
a.bottom_link:active,a.bottom_link:visited,a.bottom_link:link{
	font-weight: bold;
	text-decoration: none;
color: #004478;  
			 vertical-align: top;
}

/* for removing border after clicking on anchor */
a.bottom_link:focus { 
	    outline: none; 
}

a.bottom_link_logo:active,a.bottom_link_logo:visited,a.bottom_link_logo:link{
	font-weight: bold;
	text-decoration: none;
color: #004478;  
			 vertical-align: middle;
}

a.bottom_link_logo:hover{
color: #CCCCCC;
			 vertical-align: middle;
}

a.bottom_link:hover{
color: #CCCCCC;
			 vertical-align: top;
}

a.lang:active,a.lang:visited,a.lang:link{
	font-weight: bold;
	text-decoration: none;
color: #004478;  
height:20px;
			 line-height:20px;
}

a.lang:hover{
color: #CCCCCC;
}

td.body_content a{
	font-weight: bold;
	text-decoration: none;
color: #004478;  
height:20px;
			 line-height:20px;
}

td.body_content a:hover{
color: #CCCCCC;
}


div.bottom_content{
color: #FFFFFF;
padding: 5px;
}
div.navigation {
height: 50px;
width: 133px; 
			 vertical-align: middle;
			 text-align: center;
			 border-right-width: 0px;
			 border-left-width: 0px;
margin: 0px;
border: 0px;
padding: Opx;
}

td.navigation {
height: 50px;
width: 133px; 
			 vertical-align: middle;
			 text-align: center;
			 border-right-width: 0px;
			 border-left-width: 0px;
}


img.scaled {
width: 100%;
}	

img.logo_left{
	background-image: url(../images_template/zope.jpeg);
}

img.logo_right{
	background-image: url(../images_template/xhtml.jpeg);
}

.search-box{ /*outer background*/
background:url(../images/search-box.gif) no-repeat top left;
					 vertical-align:bottom;
					 margin-top: 14px;
height: 26px;
padding: 5px 0 0 10px;
width: 165px;
}

input.search-field{ /*input field */
float: left;
border:0;
			 /*font-family:'Droid Sans';*/
       font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			 font-size: 12px;
padding: 3px 0px 0px 4px;
height:18px;
background: #ffffff url(../images/search-form.png) no-repeat top left;
width: 123px;
}

input.search-go { /*search icon */
float:left;
border:0;
margin:0;
padding:0;
				margin-left: 5px;
height: 21px;
width: 21px;
background: url(../images/search-icon.png) no-repeat top left;
cursor: pointer;
}

input.search-go:hover{ /*search icon hover "Does Not work in ie6" */
background:url(../images/search-icon.png) no-repeat bottom left;
}

#back-top {
position: fixed;
bottom: 0px;
				margin-right: 7%;
				margin-left: 93%;
				margin-bottom: 30px;

}

#back-top a {
width: 78px;
display: block;
				 text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			text-decoration: none;
color: #bbb;

			 /* transition */
			 -webkit-transition: 1s;
			 -moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #000;
}

/* arrow icon (span tag) */
#back-top span {
width: 78px;
height: 78px;
display: block;
				 margin-bottom: 7px;
background: #ddd url(../images/up-arrow.png) no-repeat center center;

						/* rounded corners */
						-webkit-border-radius: 15px;
						-moz-border-radius: 15px;
						border-radius: 15px;

						/* transition */
						-webkit-transition: 1s;
						-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}