/*
 * colors: http://www.htmlgoodies.com/tutorials/colors/article.php/3478961
 */

/* -- CSS reset http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */
/* Don't forget to set a foreground and background color on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	text-align: inherit;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

body 
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:verdana;
	/* needed for IE, http://www.andybudd.com/archives/2004/02/css_crib_sheet_3_centering_a_div/index.php */
	text-align:center;
	line-height:1.2;
	text-align:left;


	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #352f28;

}

p, ul, ol, td, li {
	font-family: inherit;
	font-size: inherit;
}


p {
	margin-top: 0px;
	margin-bottom: 10px;
}



div#container {
	width:100%;
}

div#all {
	width:870px;
	margin:0 auto;
	padding-top:15px;
}
  
div#main-image 
{
	margin-top:10px;
	margin-bottom:1px;
	background-image:url(images/logo-mid-back.jpg);
	background-repeat:repeat-x;
}

/* narrow block on front page with all main content in */
div#front-page 
{
	width:600px;
}


      
h1 {
	font-size: 18px;
	color: black;
	margin-top: 20px;
	margin-bottom: 10px;
	clear: both;
	text-transform:capitalize;
	width:100%;
	border-bottom:1px solid silver;
}

h2 {
	width:100%;
	font-size: 13px;
	color: #090909;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 8px;
	padding-bottom:6px;
	text-transform:capitalize;
	border-bottom:1px solid silver;
	clear:both;
}

h3 {
	clear: both;
	font-size: 13px;
	color: #181818;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
	text-transform:capitalize;
}
h4 {
	font-size: 13px;
	color: #404040;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
}

li
{
	padding-bottom:0.7em;
}

li p 
{
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}
          

ul.multiplatformsupport 
{
	list-style:square;
	text-align:left;
	padding-left:0px;
}

ul.multiplatformsupport li
{
	margin-left:20px;
}

ul
{
	list-style-type: disc;
	list-style-image: url(images/list-item--bullet.png);
	list-style-position: outside;
	text-align:left;
	padding-left:0;
	margin:0;
	margin-right:100px;
	margin-bottom:10px;
}

ul li
{
	margin-left:20px;
}

div#sidebar {
	border-left:1px solid silver;
	position:absolute;
	top:140px;
	margin-left:650px;
	margin-top:70px;
	width:200px;
	padding-right:5px;
	padding-left:15px;
}        

        
div.section {
	padding-bottom:35px;
	margin-bottom:35px;
	clear:both;
}
  
div.section h2 
{
	color:orange;
	font-weight:normal;
}   

span.customer-style2 
{
	font-weight:bolder;
}

div.copyright 
{
	margin-top:30px;
	padding:10px;
	border-top:1px solid silver;
	text-align:center;
	font-size:10px;
}

p.copy 
{
	font-size:10px;
	color:#323232;
}

div.menu {
	position:absolute;
	top:270px;
	margin-left:15px;
	margin-top:40px;
	width:40px;
}  


         

table.pricetable 
{
	margin-bottom:30px;
}

table.pricetable td
{
	margin-bottom:30px;
	padding:5px;
	padding-right:10px;
}

table.pricetable tr.header td 
{
	background-color:Black;
	color:White;
	vertical-align:top;
}

table.pricetable tr.header td.col1 
{
	border-left:1px solid black;
}

table.pricetable tr.header td.col2, table.pricetable tr.header td.col3, table.pricetable tr.header td.col4
{
	border-left:1px solid white;
}

table.pricetable tr.product td
{
	border:1px solid black;
	border-left:1px solid black;
}

table.pricetable td.col4
{
	text-align:right;
}


p.ql a 
{
	text-decoration:none;
	color:#093;
}

p.ql a:hover
{
	text-decoration:underline;
}

/*
  release notes in .net and java pages
*/

table.release-note-table td
{
	border-top:1pt solid #777777;
	padding:5px;
	vertical-align:top;
}

table.release-note-table td.version 
{
	width:80px;
}

table.downloads td
{
	padding:5px;
	vertical-align:top;
	padding-bottom:30px;
}

table.downloads td.dotnetversion
{
	width:100px;
	border-right:none;
}

table.downloads td.description
{
	border-right:none;
}

table.downloads td.icon
{
	border-left:none;
	padding-left:40px;
}

table.latest-rel 
{
	border:1px solid silver; 
	border-collapse:separate;
}

table.latest-rel td
{
	padding:4px; 
	border:4px solid white; 
	background-color:green; 
	font-weight:normal;
	color:white;
}

span.download 
{
	color:White;
	font-weight:bold;
}

table.latest-rel a
{
	color:White;
}


table.latest-rel a
{
	text-decoration:none;
}

table.latest-rel a:hover
{
	text-decoration:underline;
}

span.smaller 
{
	font-size:smaller;
}


/*
   table of faqs
*/


div.faq-question 
{
	color:blue;
	text-decoration:none;
	margin-top:30px;
}

div.faq-question a:visited
{
	color:#191919;
	text-decoration:none;
}

div.faq-question a:hover
{
	color:#191919;
	text-decoration:none;
}

div.faq-answer p
{
	color:#191919;
	text-decoration:none;
}

div.faq-answer img
{
	margin:15px 0px 15px 0px;
}

/*
   xsl 1.1 compliance
*/

table.compliance-table
{
	margin-bottom:15px;
	width:85%;
}

table.compliance-table td
{
	border-bottom:1pt solid black;
	padding:5px;
}

table.compliance-table td.name
{
	width:280px;
	border-right:1pt solid black;
}

table td.header
{
	color:white;
	background-color:black;
	border-right:1pt solid white;
}


div.code
{
	margin:15px 0px 15px 0px;
	font-family:arial;
	background-color:#ccddcc;
	padding:6px 6px 6px 6px;
	border:1pt double black;
}

div.example-xml 
{
	background-color:#cccccc;
	margin-bottom:10px;
	overflow:visible;
}

p.insert-xml-download 
{
	text-align:right;
	font-size:smaller;
}

p.tech-author 
{
	margin-bottom:20px;
}

/*
		google search
*/

div#search  
{
	position:absolute;
	border:none;
	padding:0;
	top:0px;
	margin-left:600px;
	margin-top:40px;
	width:220px;
}  

div#search p 
{
	color:white;
}

table.menuback 
{
	padding:0;
	margin:0;
	width:100%;
	background-color:black;
	color:white;
	text-align:left;
}

table.menuback tr.tr2 
{
	border-bottom:1px solid white;
}


table.menu td, table.submenu td 
{
	padding:10px 15px 10px 15px;
	border-left:1px solid #ccddcc;
	text-align:left;
	color:white;
	font-size:.9em;
}
	
table.menu td
{
	font-weight:bold;
}

table.menu td a
{
	color:white;
	text-decoration:none;
}

table.menu td a:hover
{
	color:inherit;
}

table.submenu td 
{
	font-weight:normal;
	font-size:0.8em;
	padding:8px 15px 8px 15px;
}

table.submenu td a
{
	color:#dddddd;
	text-decoration:none;
}

table.submenu td a:hover
{
	color:inherit;
}

table.contact-table 
{
	margin-top:20px;
}

table.contact-table table.inner td
{
	padding:0;
	margin:0;
}
	

table.contact-table td 
{
	padding:6px 6px 6px 6px;
}

table.contact-table td.col1 
{
	width:135px;
	border-right:1pt solid black;
	padding:6px 6px 6px 0px;
}

table.arabic-simple 
{
	margin-bottom:1.0em;
}

table.arabic-simple td 
{
	padding:8px;
	border-bottom:1pt solid black;
	border-left:1pt solid black;
	border-right:1pt solid black;
	border-top:1pt solid black;
	text-align:center;
	vertical-align:top;
}

table.arabic-simple td img 
{
	width:80px;
}

/* http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */
a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

p.features 
{
	clear:left;
	margin-top:30px;
}

img.features 
{
	width:70px;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}


span.major {
	font-size:larger;
	font-weight:bold;
	font-family:Segoe UI,Tahoma;
}          

table.edition-table 
{
	margin-bottom:30px;
}

table.edition-table  td
{
	margin-bottom:30px;
	padding:5px;
	padding-right:10px;
}

table.edition-table tr.header td 
{
	background-color:black;
	color:White;
	vertical-align:top;
}



table.edition-table tr.feature .col3, .col4
{
	background-color:#f1f1f1;
}

table.edition-table tr.feature td
{
	vertical-align:top;
}

table.edition-table tr.header td.col1 
{
	border-left:1px solid black;
	width:150px;
}

table.edition-table .col3, .col4
{
	width:100px;
}

table.edition-table .col2, .col3, .col4
{
	border-left:1px solid white;
}


table.edition-table .col3, .col4
{
	text-align:center;
}

table.edition-table tr.feature td
{
	border:1px solid black;
	border-left:1px solid black;
}

table.edition-table tr.feature td img 
{
	padding-top:15px;
}

img.creation 
{
	width:610px;
}