/*
 * The body#htmlbody is for the eSellerate webstore for which we
 * run in quirks mode. Therefore we have to redefine some elements
 * for tables (for which some styles are reset in this mode).
 */

/*  Basic rules 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* * {
	padding: 0;
	margin: 0;
	border: 0;
	} */

body, body#htmlbody table {
	background: #F5F5F5;
	text-align: center;
	font-family: arial, verdana;
	font-size: 10px;
	color: #666666;
	line-height: 1.5em;
	}


/*  Basic Typography
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
		
h1, h2, h3, h4, h5, h6 {
	margin: 0 0;
	color: #555555;
	font-size: 12px;
	}

	h2 {
		color: #0277A3;
		font-size: 20px;
		margin-top: 1em;
		padding-bottom: .5em;
		border-bottom: 1px solid #DDDDDD;
		}

		#contentIntro h2 {
			color: #FFFFFF;
			position: absolute;
			bottom: 18px;
			padding-bottom: 0;
			left: 1em;
			border: none;
			}

		body#home h2 {
			display: none;
			}

		h3 {
			color: #0277A3;
			font-size: 16px;
			padding-top: 1em;
			padding-bottom: .5em;
			border-bottom: 1px solid #DDDDDD;
			clear: left;
			}
		
			h4 {
				color: #394852;
				font-size: 14px;
				padding-top: .5em;
				padding-bottom: .5em;
				}
				
				h5 {
					color: black;
					font-size: 12px;
					padding-top: .5em;
					padding-bottom: .5em;
					}
			
p, li, pre {
	line-height: 1.5em;
	margin: 1em 0;
	text-align: left;
	font-family: arial, verdana;
	font-size: 10px;
	color: #666666;
	}

ul {
	margin: 1em 0;
	padding: 0 0 0 1.5em;
	}

li {
	padding: 0;
	margin: 0.5em 0pt;
	}

em {
	color: #666666;
	font-style: normal;
	font-weight: bold;
	}

a:link, a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #8ABE3F;
	color: #8ABE3F;
	outline: none;
	}
	
	:focus {
	  -moz-outline-style: none;
		}
	
		a:hover, a:active {
			border-bottom: 1px solid #999999;
			color: #999999;
			}

.note {
	border: 1px solid #DDDDDD;	
	border-left: 3px solid #D5192A;	
	background: #FFFFFF;
	padding: .1em 1em;
	padding-left: 1em;
	padding-right: 1em;
	margin: 1em 0;
	}

.banner a {
	border: none;
	width: 203px;
	height: 75px;
	display: block;
	text-indent: -999em;
	background: #74afcb url("../images/web/buynow.gif") no-repeat 0px 0px;
	}

	.banner a:hover {
		border: none;
		background: #cce0e9 url("../images/web/buynow.gif") no-repeat 0px 0px;
		}

/*  Basic Layout 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

#wrapWebsite {
	width: 960px;
	padding: 0 30px;
	margin: 15px auto;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	text-align: left;
	}

body#htmlbody #wrapWebsite table {
    text-align: left;
    }

#sectionHeader {
	text-align: left;
	padding: 15px 0;
	position: relative;
	width: 960px;
	}
	
	.companyTitle {
		display: block;
		}
	
		.companyTitle a {
			width: 200px;
			height: 70px;
			text-indent: -999em;
			display: block;
			background: url("../images/web/logo.jpg") no-repeat 0px 0px;
			border: none;
			}

	.companySlogan {
		display: none;
		}

#sectionContent {
	position: relative;
	clear: left;
	}

#contentIntro {
		height: 100px;
		background: url("../images/web/banner.jpg") no-repeat;		
		border-top: 4px solid #8ABE3F;
		}

		#contentIntro p {
			text-indent: -999em;
			}

		#contentIntro a.download_large {
			position: absolute;
			bottom: 30px;
			right: 30px;
			display: none;
			}

	body#home #contentIntro {
		height: 300px;
		background: url("../images/web/banner_home.jpg") no-repeat;
		}

	#contentMain {
		padding: 15px 0;
		margin-bottom: 1em;
		float: left;
		background: #FFFFFF url("../images/web/contentMain-bg.jpg") no-repeat top left;
		border: 1px solid #DDDDDD;
		border-top: 0;
		}

	.contentLeft {		
		display: inline;
		float: left;
		width: 650px;
		margin-left: 15px;
		}

	.contentRight {
		display: inline;
		float: right;
		width: 243px;
		margin-left: 35px;
		margin-right: 15px;
		}

	body#home .contentLeft {
		width: 456px;
		}

	body#home .contentRight {
		width: 456px;
		}

#sectionFooter {
	position: relative;
	clear: left;
	font-size: 11px;
	margin-bottom: 1em;
	text-align: center;
	}

	#sectionFooter p {
		margin: 0 15px 0 0;
		text-align: center;
		display: inline;
		color: #999999;
		}

	#footerNavigation {
		list-style: none;
		margin: 0;
		display: inline;
		}
		
		#footerNavigation li {
			display: inline;
			padding-left: 3px;
			}
			
			#footerNavigation li a {
				display: inline;
				}
				
				#footerNavigation li a:hover {
					
					}

/*  Basic Layout Navigation
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

#sectionNavigation {
	display: block;
	float: left;
	width: 960px;
	background: #394852 url("../images/web/round-corner.gif") no-repeat top right;
	}
	
	#sectionNavigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		background: url("../images/web/round-corner-l.gif") no-repeat top left;
		}
		
		#sectionNavigation ul li {
			float: left;
			padding: 0;
			margin: 0;
			}
			
			#sectionNavigation ul li a {
				font-size: 12px;
				font-weight: bold;
				padding: .5em 1em .5em 1em;
				float: left;
				color: #FFFFFF;
				border-bottom: none;
				}
				
				#sectionNavigation ul li a:hover {
					background: #495963;
					}
				#sectionNavigation ul li a.active {
					background: #8ABE3F;
					}

				#sectionNavigation ul li.home a:hover {
					background: #495963 url("../images/web/round-corner-l.gif") no-repeat top left;
					}

				#sectionNavigation ul li.home a.active {
					background: #8ABE3F url("../images/web/round-corner-l_hov.gif") no-repeat top left;
					}

	#navigationSecondary {
		margin: 0 0 1em 0;
		padding: 0;
		list-style: none;
		border: 1px solid #DDDDDD;
		border-top: none;
		border-bottom: none;
		}

		#navigationSecondary li {
			padding: 0;
			margin: 0;
			border-bottom: 1px solid #DDDDDD;
			}

			#navigationSecondary li a {
				background: #FFFFFF;
				display: block;
				padding: .5em .5em;
				border: none;
				font-weight: bold;
				font-size: 11px;
				}

				#navigationSecondary li a:hover,
				#navigationSecondary li a.active {
					background: #F7F7F7;
					display: block;
					padding: .5em .5em;
					border: none;
					color: #999999;
					}

		#navigationSecondary li ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}

			#navigationSecondary li ul li {
				border-bottom: none;
				border-top: 1px solid #DDDDDD;
				}

				#navigationSecondary li ul li a,
				#navigationSecondary li ul li a.active,
				#navigationSecondary li ul li a:hover {
					font-size: 10px;
					padding-left: 2em;
					}

					#navigationSecondary li ul li a.active {
						color: #999999;
						background: #F7F7F7;
						}

/*  Tables
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

table.overview {
		empty-cells: hide;
		width: 100%;
		line-height: 1.5em;
		margin: 1em 0;
		}
	
table.overview th {
		background: #dddddd;
		border: 1px solid #FFFFFF;
		border-top: none;
		border-left: none;
		padding: .5em 1em;
		}
	
table.overview thead th {
		text-align: center;
		}
	
table.overview td {
		background: #eeeeee;
		border: 1px solid #FFFFFF;
		border-top: none;
		border-left: none;
		padding: .5em 1em;
		text-align: center;
		}
	
table.definitions {
		border-collapse: collapse;
		empty-cells: hide;
		width: 100%;
		margin: 1em 0;
		}
	
table.definitions thead th {
		padding: .5em 1em;
		background: #dddddd;
		border: 1px solid #FFFFFF;
		border-top: none;
		border-left: none;
		}

table.definitions tbody th {
		padding: .5em 1em;
		background: #dddddd;
		border: 1px solid #FFFFFF;
		border-top: none;
		border-left: none;
                text-align: left;
		}
	
table.definitions tbody td {
		padding: .5em 1em;
		vertical-align: top;
		background: #EEEEEE;
		border: 1px solid #FFFFFF;
		border-top: none;
		border-left: none;
		}

table.definitions tbody tr.deprecated td {
		color: #cccccc;
		}

table.definitions tbody tr.deprecated li {
		color: #cccccc;
		}


table.overview tr.comment td {
	background: #F9F9F9;
	}

/*  Code
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.code {
	background: #eee;
	}

.codeHeader {
	text-align: right;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	padding: .5em 1em;
	background: #ddd;
	}

pre {
	padding: 1em;
        font-family: monospace;
	}