body {background-color: #D4D0AB; font-family:  Verdana, Trebuchet, Helvetica, Tahoma; font-size: 9pt} 
/* body {background-color: #fffaf0; font-family:  Verdana, Trebuchet, Helvetica, Tahoma; font-size: 9pt} */

/* ****************************************************************************************************
                                                 Ramki                                               
****************************************************************************************************  */
/*.menu {
	position: absolute; left: 10px; top: 10px;
	display: block;     
	width: 150px;	
	padding: 5px 5px 5px 5px;	  
	height: auto;
	overflow: hidden; 
}

.news {
	position: absolute; left: 800px; top: 10px;
	display: block;     
	width: 150px;					   
	padding: 5px 5px 5px 5px;
}			 

.body {
	position: absolute; left: 170px; top: 10px;
	display: block;     
	width: 620px;
	padding: 5px 5px 5px 5px;
}			 							 
	   
.counter {
	position: absolute; left: 10px; top: 740px;
}


.body .inside {
	background-color: white; 
	width: 600px;
	display: block;     
	padding-left: 10px;
	padding-right: 10px; 
	padding-top: 10px;
	padding-bottom: 10px;  
}


.left_top {
	background: url(../image/left_top.png) repeat; 
	position: absolute; top: 0px; left: 0px;
	height: 5px;
	width: 5px;
}

.menu .top {
	background: url(../image/top.png) repeat; 
	position: absolute; top: 0px; left: 5px; right: 5px;
	height: 5px;   
	width: auto;
}															 

.menu .topi {
 	position: absolute;	top: 0px; left: 5px; right: 5px;
	width: 100%;
	height: 5px;
}

.menu .right_top, .news .right_top, .body .right_top {
	background: url(../image/right_top.png) repeat; 
	position: absolute; top: 0px; right: 0px;
	height: 5px;
	width: 5px;
}

.menu .right_topi {
	position: absolute; top: 0px; right: 0px;
	height: 5px;
	width: 5px;
}

.menu .left, .news .left, .body .left {
	background: url(../image/left.png) repeat; 
	position: absolute; left: 0px; top:5px; bottom:5px;
	width: 5px;
	height:1000px;
}

.menu .lefti,  {
	position: absolute; left: 0px; top:5px;
	width: 5px; 
	height: 80%;
}

.menu .right, .news .right, .body .right {
	background: url(../image/right.png) repeat; 
	position: absolute; right: 0px; top: 5px; bottom:5px;
	width: 5px; 
}		   

.menu .left_bottom, .news .left_bottom, .body .left_bottom {
	background: url(../image/left_bottom.png) repeat; 
	position: absolute; bottom: 0px; left: 0px;
	height: 5px;
	width: 5px;
}

.menu .bottom, .news .bottom, .body .bottom {
	background: url(../image/bottom.png) repeat; 
	position: absolute; bottom: 0px; left: 5px; right: 5px;
	height: 5px; 
}

.menu .right_bottom, .news .right_bottom, .body .right_bottom {
	background: url(../image/right_bottom.png) repeat; 
	position: absolute; bottom: 0px; right: 0px;
	height: 5px;
	width: 5px;
}						*/
		   
.counter {
	position: absolute; left: 10px; top: 740px;
}
		
.stat4u {
	position: absolute; left: 10px; top: 790px;
}

div.google_top {
  position: relative; 
  left: 106px;
  padding-bottom: 5px;
}
div.google_right {
  padding-top: 5px;
}
div.google_inner {
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
}

/* ****************************************************************************************************
                                                 sdmenu                                               
****************************************************************************************************  */

.sdmenu {width: 150px; 
	font-family: Trebuchet,Verdana;     
	font-size: 12px;     
	padding-bottom: 0px;   
	position: relative; left: 0px; top: 0px;
/*	background: #eee url(../image/bottom.png) no-repeat  right bottom;     */
	color: #FFF;}

.sdmenu .title, .sdmenu .titlehidden {
	display: block;     
	padding: 5px 0;     
	font-weight: bold;     
	color: white;     
	background: #FFF url(../image/title4.gif) repeat-x;
}

.sdmenu .title {
	border-bottom: 1px solid #DDD;
}

.sdmenu .arrow {
	margin-left: 10px;     
	margin-right: 7px;
}

.sdmenu .titlehidden {
	border-bottom: none;
}

.sdmenu .submenu {
	overflow: hidden;
}

.sdmenu .submenu a {
	padding: 5px 0;     
	padding-left:10px; 
	background: #EEE;     
	display: block;     
	border-bottom: 1px solid #DDD;     
	color: #500;     
	text-decoration: none;
}

.sdmenu .submenu a:hover {
	background : #500 url(../image/linkarrow.gif) no-repeat right center;     
	color: #FFF;
}
			

/* ****************************************************************************************************
                                                 sdnews                                               
**************************************************************************************************** */
.sdnews {width: 150px;
    font-family: Trebuchet,Verdana;     
	font-size: 12px;     
	position: relative; left: 0px; top: 0px;
	padding-bottom: 0px;     
/*	background: #eee url(../image/bottom.png) no-repeat  right bottom;     */
	color: #FFF;
}

.sdnews .title, .sdnews .titlehidden {display: block;     padding: 5px 0;     font-weight: bold;     color: white;     background: #FFF url(../image/title2.gif) repeat-x;}

.sdnews .title {border-bottom: 1px solid #DDD;}

.sdnews .arrow {margin-left: 10px;     margin-right: 7px;}

.sdnews .titlehidden {border-bottom: none;}

.sdnews .subnews {overflow: hidden;}

.sdnews .subnews a {padding: 5px 0;     padding-left:10px; background: #EEE;     display: block;     border-bottom: 1px solid #DDD;     color: #008;     text-decoration: none;}

.sdnews .subnews a:hover {background : #008 url(../image/linkarrow.gif) no-repeat right center;     color: #FFF;}
			 

/* ****************************************************************************************************
                                                 Body                                               
**************************************************************************************************** */

table {margin-left:0pt; margin-right:0pt; text-indent:0pt; margin-left:0pt; margin-right:0pt; table-layout: fixed}

table.inner_body {margin-left:0pt; margin-right:0pt; text-indent:0pt; margin-left:0pt; margin-right:0pt}

td.menu {color: red; vertical-align: top; width: 160px; margin-right:0px; margin-left:0px; table-layout: fixed}

td.body {width: 600px; background-color: white; padding-left: 10px; padding-right:10px; padding-top:10px; padding-bottom:10px; vertical-align: top; table-layout: fixed}

td.left {background: url(../image/left.png) repeat; width: 5px; padding-right:0px; margin-right:0px}

td.right {background: url(../image/right.png) repeat; width: 5px; padding-right:0px; margin-right:0px}

td.top {background: url(../image/top.png) repeat; height: 5px; padding-right:0px; margin-right:0px}

td.bottom {background: url(../image/bottom.png) repeat; height: 5px; padding-right:0px; margin-right:0px}

td.bottom2 {background: url(../image/bottom.png) repeat; width: 140px; height: 5px; padding-right:0px; margin-right:0px}

td.left_top {background: url(../image/left_top.png) repeat; height: 5px; width: 5px; padding-right:0px; margin-right:0px}

td.right_top {background: url(../image/right_top.png) repeat; height: 5px; width: 5px; padding-right:0px; margin-right:0px}

td.left_bottom {background: url(../image/left_bottom.png) repeat; height: 5px; width: 5px; padding-right:0px; margin-right:0px}

td.right_bottom {background: url(../image/right_bottom.png) repeat; height: 5px; width: 5px; padding-right:0px; margin-right:0px}
			
			 
/* ****************************************************************************************************
                                                 Text                                               
**************************************************************************************************** */

p {font-size: 9pt; margin-top: 6px; margin-bottom: 6px;}

h1 {font-size: 18pt; font-weight: bold; margin-bottom: 30px; margin-top: 10px; color: red}

h2 {font-size: 12pt; font-weight: bold; margin-top: 30px; margin-bottom: 15px}

h3 {font-size: 10pt; font-weight: bold; margin-bottom: 0px}

ul {font-size: 9pt; margin-top:0px}

ol {font-size: 9pt; margin-top:0px}

hr {color: white; height: 2px; padding-top:0px}

em {color: brown; font-style: normal}

a.intext {color: blue; text-decoration: none}

img.expand {border: 0px; width: 9px; height: 9px;}


/* ******************** Code examples ******************** */
pre {font-size: 9pt; font-family: courier; border: 1px solid #000000; background-color: #f0f0f0; margin: 20px 10px 20px 10px; padding: 10px 10px 10px 10px}
									 

/* ******************** Technical details ******************** */
table.tech_det {border-collapse: collapse; font-size: 9pt; margin: 20px 10px 20px 10px; border: 1px solid #000000}
thead.tech_det {font-weight: normal; text-align: center; background-color: gray; color: white}

td.tech_det_command {text-align: center; padding-left: 10px; padding-right: 10px}
td.tech_det_desc {text-align: left; padding-left: 5px; padding-right: 5px}

/* ******************** Components, Dictionaries ******************** */
table.dictionaries {border: 1px solid #000000; border-collapse: collapse; font-size: 9pt; margin-bottom: 10px; margin-left: 0pt; margin-top: 10px;}

table.components {border-collapse: collapse; border: 1px solid #000000; font-size: 9pt; margin-bottom: 10px; margin-left: 0pt;}

tr.components_header {background-color: gray; color: white;}

tr.components_data {background-color: white; color: black}

tr.components_footer {background-color: gray; color: white}

tr.dictionaries_header {background-color: gray; color: white;}

tr.dictionaries_subheader {background: #D3D3D3; color: black; font-weight: bold}

tr.dictionaries_data {background-color: white; color: black; font-size:9pt}

tr.dictionaries_footer {background-color: gray; color: white}

td.dictionaries_subheader {font-weight:bold}
	  

/* ******************** Donations ******************** */
table.donate {margin-top:20px; width: 510px}
		 

/* ******************** FAQ ******************** */

div.faq {background: white; font-size: 9pt; height: auto; left: 0px; top: 0px; visibility: visible; z-index: auto; margin-bottom:10px}

div.faq div.faq_q {font-size: 9pt; margin-left: 15px; text-indent: -15px}

div.faq div.faq_a {margin-left: 15px; background: #f0f0f0; position: absolute; visibility: hidden}

div.more {background: white; height: auto; layer-background-color: white; left: 0px; position: absolute; top: 0px; visibility: hidden; width: 500px; z-index: auto; font-size:10pt; margin-top:10px;}

a.faq {color: blue; text-decoration: none; cursor: pointer}

a.faq:active {color: blue}

					 
/* ******************** Screenshots ******************** */
table.screenshots {width:590px;}

tr.screenshots {padding-bottom:140px}

td.screenshots {width:280px; vertical-align:top; padding-bottom:30px}
td.screenshots_google {padding-bottom:30px}

img.screenshots {width:300px}
				   
img.screen {margin-top: 15px; margin-bottom: 15px;}

/* ******************** Donations ******************** */
div.donations_full {
	background: white;
	border: solid 1pt;
	height: 14pt;
	margin-bottom:5pt;
	position:relative;
}

div.donations_data {
  border-right: black solid 1pt;
  color: white;
  text-align: left; 
	font-family: Arial; 
	font-size: 11pt; 
	font-weight: bold; 
	height: 14pt;
	padding-left:10pt;
}

div.donations_fill {
  border-right: black solid 1pt;
  color: black;
  text-align: left; 
	font-family: Arial; 
	font-size: 11pt; 
	font-weight: bold; 
	height: 14pt;
	padding-left:5pt;
	position:absolute; top:0pt;
}