/* CSS Document */

/* fill the page vertically */

html, body {
	height: 100%;
	font-size: 12px;
	
}


/* MENU STYLES */

#headingBox .header{
	float: left;
	padding: 10px 0 0 20px;
	font-size: 18px;
	color: #333333;
	font-weight: normal;
}
		
#headingBox a {
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}
#headingBox a:hover {
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}

strong {
	font-weight: bold;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.nav{
	height: 23px;
	z-index: 1;
	padding-left: 12px;
	overflow: visible;
	background: #ccc;
}

.nav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.nav ul li{
	position: relative;
	display: inline;
	float: left;
	font-size: 10px;
}

/*Top level menu link items style*/
.nav ul li a{
	display: block;
	width: auto; /*Width of top level menu link items*/
	padding: 5px 8px 0 8px;
	text-decoration: none;
	color: #666666;
	height: 18px;
}
	
/*1st sub level menu*/
.nav ul li ul{
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.nav ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.nav ul li ul li ul{ 
	left: 159px; /* no need to change, as true value set by script */
	top: 0;
	border-left: 1px #FFFFFF solid;
}

/* Sub level menu links style */
.nav ul li ul li a{
	display: block;
	width: 180px; /*width of sub menu levels*/
	color: #fff;
	background: #999999;
	text-decoration: none;
	padding: 1px 5px;
	height: 18px;
	border-bottom: 1px #CCCCCC solid;
	padding-top: 5px;
}

/* Sub level menu placeholder style */
.nav ul li ul li span{
	display: block;
	width: 180px; /*width of sub menu levels*/
	color: #fff;
	background: #999999;
	text-decoration: none;
	padding: 1px 5px;
	height: 18px;
	border-bottom: 1px #CCCCCC solid;
	padding-top: 5px;
}

.nav ul li a:hover {
	background-color: #333333;
	color: white;
	text-decoration: none;
}

.nav ul li span:hover {
	background-color: #333333;
	color: white;
}
/*Background image for top level menu list links */

.nav .mainfoldericon{
	background: transparent;
}

	

/*Background image for subsequent level menu list links */
.nav .subfoldericon{
	background: #999999 url(/images/arrow-right.gif) no-repeat center right;
	color: #FFFFFF;
	margin: 0;
}


.subnav{
	height: 22px;
	z-index: 1;
	padding-left: 12px;
	overflow: visible;
	border-bottom: 1px solid #ccc;
}

.subnav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.subnav ul li{
	display: inline;
	float: left;
	font-size: 10px;
}

/*Top level menu link items style*/
.subnav ul li a{
	display: block;
	width: auto; /*Width of top level menu link items*/
	padding: 5px 8px 0 8px;
	text-decoration: none;
	color: #666666;
	height: 18px;
}

.subnav ul li a:hover {
	background-color: #cccccc;
	color: #666666;
	text-decoration: none;
}

.subnav ul li span:hover {
	background-color: #cccccc;
	color: #666666;
}
/*Background image for top level menu list links */

.subnav .mainfoldericon{
	background: transparent;
}

	

/*Background image for subsequent level menu list links */
.subnav .subfoldericon{
	background: #999999 url('/images/arrow-right.gif') no-repeat center right;
	color: #FFFFFF;
	margin: 0;
}


* html p#iepara { /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

#navTable {
	padding: 2px 2px 2px 2px;
	margin: 0;
	margin-left: 10px;
	margin-top: 10px;
	border: none;
	font-size: 10px;
	width: 65%;
	background-color: transparent;
	z-index: 0;
}

#navTable span {
	margin-right: 6px;
}
#navTable a {
	margin-right: 6px;
}

/* Holly Hack for IE \*/
* html .nav ul li { float: left; height: 1%;}
* html .nav ul li a {float: left;}
* html .nav ul li ul li { float: left;}
/* End */

/*BODY LAYOUT STYLES */

body{
	background: #efefef url('/images/body_bg.jpg') 50% 0px repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

/* HOME PAGE STYLES */

div.round {
	background: #fff url('../images/round_area_bg.png') repeat-y top center;
	width: 630px;
	margin-bottom: 33px;
	margin-left: auto;
	margin-right: auto;
}
	#content div.round h2 {
		font-size: 16px;
		padding-left: 0px;
		margin: 0;
		text-align: center;
	}
		#content div.round li h2 {
			padding-left: 0;
		}
		
		#content div.round li h2 img {
			padding-right: 6px;
			vertical-align: middle;
		}

		#content div.round  h2 a  {
			font-size: 16px;
			font-weight: bold;
		}
	
	div.round span.bottom {
		background: transparent url('/images/round_bottom.png') no-repeat bottom center;
		display: block;
		clear: left;
		margin-top: 23px;
		height: 11px;
		margin: 0;
	}

	div.round span.top {
		display: block;
		height: 11px;
		background: transparent url('/images/round_top.png') no-repeat top center;
	}
	
	div.round p,
	div.round li {
		background-color: transparent;
		padding: 6px 10px 10px 16px;
		margin: 0;
		list-style-type: none;
	}
	
	div.round p.more {
		padding-top: 40px;
		clear: left;
	}
	div.round ul {
		margin: 0;
		padding: 16px 0 0 16px;
	}
	div.round table {
		margin: 0;
		padding: 16px;
	}
	
	div.round table {
		width: 95%;
	}

	div.round li { 
		display: block;
		float: left;
		padding: 0 10px 0 0; 
		height: 50px;
		width: 270px;
		font-weight: normal;
	}

		div.round.services li {
			width: 300px;
			height: auto;
			padding-bottom: 1em;
			padding-left: 0px;
			padding-right: 0px;
		}
	
		div.round table.news li {
			display: list-item;
			list-style-type: disc;
			height: auto;
			width: 100%;
			margin-left: 2em;
			margin-bottom: 1.5em;;
		}
	
	
	div.round img {
		border: none;
		vertical-align: middle;
	}

/* sloganfor top right coner */

span#slogan  {
	color: #FFFFFF;
	display: block;
	float: right;
	font-size: 18px;
	margin-top: 0px;
	padding-right: 16px;
	text-align: right;
}
/* common link syles */

#content a, 
#latestNews a,
#navTable a,
#extraContent a {
	color: #FF0000;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}
#content a:hover, #latestNews a:hover, #navTable a:hover {
	color: #B00000;
	text-decoration: underline;
	font-weight: normal;
}

#content a:visited, #latestNews a:visited, #navTable a:visited {
	color: #800000;
}

.clear{
	clear:both;
	height:1px;
	line-height:1px;
}

#content{
	background-color:#FFFFFF;
	color: #666666;
	padding: 0 0 2em 12px;
	font-size: 12px;
	margin-right: 180px;
	overflow: visible;
}

	div.compiler {
		padding-bottom: 2em;
		padding-top: 20px;
		clear: left;
	}
	
		
		#content div.compiler h2 a {
			font-size: inherit;
			font-weight: inherit;
		}

		
		div.compiler a img {
			float: left;
			border: 0;
			padding: 0 2em 1.5em 0;
		}
		
		#content div.compiler h2 {
			font-size: 16px;
			margin: 0 0 18px 0;
		}

		div.compiler h3 {
			clear: left;
		}


		div.compiler li {
			margin-left: 3em;
		}

		div.compiler p img {
			display: inline;
			vertical-align: top;
			padding: 0 1em 1.5em 0;
			float: left;
			clear: left;
			border: 0;
		}

		div.compiler table {
			border-collapse: collapse;
		}
		
		div.compiler table.processors {
			width: 70%;
		}

			div.compiler table.processors td {
				text-align: left;
			}
			
		div.compiler table th {
			background-color: #CCCBC6;
			text-align: left;
			padding: 0.5em;
		}
		
		div.compiler#picclite table td {
			border: 0;
			text-align: left;
			padding: 2px;
		}
		
		div.compiler#picclite table th {
			background-color: #fff;
		}

		div.compiler table td {
			border: 1px solid #CCCBC6;
			padding: 0.5em;
			text-align: center;
		}

			div.compiler table td.description {
				text-align: left;
			}

	#compilerHead {
		background-color: #000;
		display: block;
		width: 100%;
		float: left;
	}
	
		#compilerHead.OCG{
			background: url('/images/ocg_eye.jpg') right top no-repeat #000;
		}
		
	div.render {
		float: right;
		width: 275px;
		text-align: center;
		color: #ffffff;
	}
		
		div.render img {
			max-width: 275px;
			margin: 0px auto;
		}
		
		div.render #button {
			background: url('/images/button.jpg') center no-repeat;
			width: 200px;
			margin: auto;
			height: 50px;
			padding-top: 30px;
			}
		
		div.render #button-download {
			background: url('/images/button.jpg') center no-repeat;
			width: 200px;
			margin: auto;
			height: 50px;
			padding-top: 20px;
			}
						
			div.render #button a,
			div.render #button-download a {
				color: #ffffff;
				text-decoration: none;
				}
						
			div.render #button strong,
			div.render #button-download strong {
				font-size: 14px;
				font-weight: bold;
				}


	/* Product tab menu styles */
	ul.product_menu {
		background: #fff;
		list-style-type: none;
		padding: 3px 0;
		margin: 0;	
		clear: left;
		background-color: #ccc;
	}

	ul.product_menu li {
		display: inline;
		height: 100%;
		padding: 3px 1em;
		margin: 0;
	}
	
	ul.product_menu li.you_are_here {
		background-color: #fff;
	}

		#content ul.product_menu li a {
			color: #666;
			font-size: 10px;
			text-decoration: none;
		}
		
		#content ul.product_menu li.you_are_here a {
			color: #000;
			font-size: 10px;
			text-decoration: none;
		}
	
#content h1{
	color: #333333;
	font-size: 18px;
	margin-top: 0;
}
#content h2{
	color: #333333;
	font-size:13px;
}

#content h3{
	font-size:13px;
}


	#content .footnotes {
		margin: 1.5em;
		margin-bottom:0;
		margin-top: 3em;
	}


	#content .footnotes,
	#content .footnotes h3,
	#content .footnotes a {
		font-size: 11px;
	}

div.downloads table {
	border-collapse: collapse;
	width: 800px;
}
div.downloads table th {
	background-color: #CCCBC6;
	text-align: left;
	padding: 0.5em;
}
div.downloads table td {
	border: 1px solid #CCCBC6;
	padding: 0.5em;
	text-align: center;
}
div.downloads table td.description {
		text-align: left;
}

#pageWrapper{
	margin:0 auto;
	margin-top: 20px;
	width: 1010px;
	background: url('/images/pageWrapper_bg.jpg') center 20px repeat-y;
}

#nonHeader {

}

#nonFooter {
	position: relative;
	min-height: 100%;
	width: 990px;
	margin: auto;
}

#shim {
	clear: both;
}

* html #nonFooter
{
	height: 100%;
}

#footer{
	display: block;
	background: url('/images/footer_bg.jpg') bottom center no-repeat;
	color:#CCCCCC;
	font-size:10px;
	height: 60px;
	margin: 0 auto;
	clear: both;
	width: 1010px;
}

	#footer .text{
		width: 900px;
		margin: 0 auto;
		padding-top: 40px;;
	}

#footer a{
	color:#CCCCCC;
	float:right;
	font-size:10px;
	text-decoration:none;
	padding-right: 3px;
}
	#footer p a {
		float: none;
	}

#footer a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}

#footer p {
	float:left;
	margin:0;
	padding:0 0 0 3px;
}

#image{
	float: right;
}


.pdf {
	background: url(/images/15px-icons-mini-file_pdf.gif) right no-repeat;
	padding-right: 15px;
}


hr {
	color: transparent;
	background-color: #333;
	height: 1px;
	width: 90%;

}

#extraContent{
	float:right;
	margin: 0;
	padding: 0 0 2em 0;
	width: 168px;
	border-left: 0px solid #666;
}

#extraContent .content{
	padding: 5px;
}

#extraContent .title{
	background-color: #ccc;
	color: #666;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 6px;
	text-align: left;
}

#testimonial {
}
	#testimonial .content{
		background: url(/images/testimonial_bg.png) no-repeat bottom right;
		height: 120px;
	}
		#testimonial .content p {
			padding-right: 40px;
			margin-top: 0;
		}
	
		#testimonial a {
			margin-left: 12px;
		}
		
		#testimonial .content a{
				color: #000;
				text-decoration: none;
				float: none;
				margin-left: 0;
		}
		
#headerBox{
	background: #fff;
	padding-bottom: 30px;
}

#header{
	margin-top: -101px;
}

	#header #logo{
		float:left;
	}

	#header #slogon{
		float:right;
	}
	#header #productSelect{
		color:#999999;
		font-size: 10px;
		font-weight: normal;
		padding-top: 18px;
		padding-right: 20px;
		float:right;		
	}
	#header #productSelect select{
		background: #333333;
		border:#CCCCCC solid 1px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		margin:2px 0;
		width:175px;		
	}
	#header h1{
		background: #FFFFFF;
		color: #333333;
		font-size:18px;
	}

		#latestNews .content{
			background-color:#EFEFEF;
			color:#999999;
		}
	
			#latestNews .content h1{
				color:#000;
				float: none;
				font-size:12px;
				font-weight:bold;
				margin:0;
				padding:0;
			}
	
			#latestNews .content p{
				margin: 0 0 1em 0;
			}
	
		#latestNews #topLeft{
			float:left;
		}
	
		#latestNews #topRight{
			float:right;
		}

div#esc {
	background-color: #efefef;
}	
	div#esc img {
		border: 0;
	}

div#extraContent #ocg img  {
	border: 0;
}

.partner {
	text-align: center;
	margin: 1em 0;
	padding-bottom: 1em;
}

	.partner img {
		margin-top: 1em;
		border: 0;
	}
	
	.partner p {
		padding: 0 5px;
	}

/* FORM STYLES  */

input {
	border: 1px #666666 solid;
	background: #FFFFFF;
	color: #000000;
	font-size: 10px;
}

.radio {
	border: 1px solid #FFFFFF; 
	background: #FFFFFF;
	color: #000000;
	font-size: 10px;
}

/* TABLE STYLING */

.rowHead {
	color: #FFFFFF;
	background-color:#333333;
	border: 0px solid #FFFFFF;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: white;
	padding: 5px;
	left: -1500px;
	border: 1px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

