/*demo styles*/
		
		body {font-size: 62.5%; font-family:"Verdana",sans-serif; margin-top: 0; }
		fieldset { border:0; font-size: 18px; margin-bottom: 5px;}
		label,select,.ui-select-menu { margin-right: 10px;}
		
		select { width: 180px; }
		
		
/*		#contents { visibility: hidden;}*/

		#pageWaitingTrust { position: absolute; top: 200px; text-align: center; width: 95%}
		
		/*select with custom icons*/
		body a.customicons { height: 2.8em;}
		body .customicons li a, body a.customicons span.ui-selectmenu-status { line-height: 2em; padding-left: 30px !important; }
		body .video .ui-selectmenu-item-icon, body .podcast .ui-selectmenu-item-icon, body .rss .ui-selectmenu-item-icon { height: 24px; width: 24px; }
		body .video .ui-selectmenu-item-icon { background: url(sample_icons/24-video-square.png) 0 0 no-repeat; }
		body .podcast .ui-selectmenu-item-icon { background: url(sample_icons/24-podcast-square.png) 0 0 no-repeat; }
		body .rss .ui-selectmenu-item-icon { background: url(sample_icons/24-rss-square.png) 0 0 no-repeat; }
		
		.menu  {font-size: 12px; color:orange; font-weight: bold; margin-right: 220px; }
		.menu a {text-decoration: none; color:#6696C6;}
		.menu a:hover {color:black; }
		.menu span{text-decoration: underline; }
		.menu a span{text-decoration: underline; color:orange;  }
		
		
		.mb {font-family: 'Trebuchet MS'; vertical-align: top; font-size: 28px; font-weight: bold;}
		
		div.home-option {padding-top: 20px;  width: 500px;  vertical-align: middle;}
		
		div.home-option-hover {padding-top: 20px;  cursor: pointer;  background-color: #ebffff; width:  500px;  vertical-align: middle;}
		
		div.home-option-text {font-size: 30px; font-family: 'Trebuchet MS'; font-weight: bold;}
		
		/*div.home-option-hover  img {vertical-align: middle; }*/
		
		div.compatibility-block {display: inline-block; text-align: center;}
		table.compatibility-table { margin-left: 20px; margin-right: 20px; float: left; margin-top: 30px;}
		table.compatibility-table *{font-family: 'Trebuchet MS'; vertical-align: middle; font-size: 28px; font-weight: bold; text-align: center;}

		span.compatibility-plus {font-size: 36px;}		
		/*
		table.compatibility-table span.compatibility-plus {font-size: 42px;}		
		table.compatibility-table span{font-size: 12px;}
		*/
		/*img.compatibility-image{float: left; padding-right: 70px; }*/
		td.step-1-diagram{text-align: right; }
		td.step-1-extract { text-align: right; width: 210px; }
		td.step-1-extract img { vertical-align: top; }
		div.compatibility-content{ padding-left: 100px; vertical-align: middle; text-align: center;}
		

		
		span.compatibility-office {font-size: 18px;}
		
		span.compatibility-java-version{font-size: 18px; color: #ea2d2e; vertical-align: middle;}
		
		span.compatibility-xml-word {font-size: 12px; padding-top: 0px; display: block;}
		
		td.step-3-diagram{text-align: left;}
		td.step-3-extract {text-align: left; width: 210px;}
		td.step-3-extract img { vertical-align: top; }
		
		td.arrow-down { text-align: left; width: 100px; height: 100px; background: url('../images/arrow-down-right.png') no-repeat 0 0 ; font-family: 'Trebuchet MS'; vertical-align: top; font-size: 28px; font-weight: bold;}
		td.arrow-up {text-align: right;  width: 100px; height: 100px; background: url('../images/arrow-up-right.png') no-repeat  0 0; font-family: 'Trebuchet MS'; vertical-align: top; font-size: 28px; font-weight: bold;}
		
		td.google-diagram{ text-align: center;}
		.kb-left{position: relative; left:-50px; font-family: 'Trebuchet MS'; vertical-align: top; font-size: 28px; font-weight: bold;}
		.kb-right{position: relative; left: 100px; font-family: 'Trebuchet MS'; vertical-align: top; font-size: 28px; font-weight: bold;}
		
		 
		
		.step-number {text-align: center; font-family: 'Trebuchet MS'; vertical-align: bottom; font-size: 48px; font-weight: bold;}
		td.step-number-2{width: 120px; text-align: center; font-family: 'Trebuchet MS'; vertical-align: middle; font-size: 48px; font-weight: bold;}
		div.growlUI {  height: 280px; }
		
		
		div.growlUI h1,div.growlUI h2 { color: white; padding: 5px 5px 5px 75px; text-align: left; margin-left: 200px; }
		div.growlUI h2 { vertical-align: bottom;  font-size: medium; } 
		
		
		
		
		div.growlUISmall {  height: 160px; }
		
		
		div.growlUISmall h1, div.growlUISmall h2 { color: white; padding: 5px 5px 5px 75px; text-align: left; margin-left: 80px; }
		div.growlUISmall h2 { vertical-align: bottom;  font-size: medium; margin-left: 80px;}
		
		.java-inline-header { color: black; text-align: center; vertical-align: top;  padding-top: 20px;  font-size: 14px; }
		.java-inline-body{font-size: medium; text-align: left; }
		.java-inline-note{ text-align: center; font-size: 36px; font-weight: bold; font-family:"Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;}
		
		.java-inline-note a {text-decoration: none; color: #F3492C;}
		.java-inline-note a:hover  {text-decoration: none; color: #6696C6;}
		
		/* -------------- MY STYLE BELOW ---------------*/
		
		.doc-name { font-family:"Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:20px; font-weight:normal; letter-spacing:-.04em; margin-bottom: 10px;  text-align: center;}

		
		
		div.abs-title {vertical-align: bottom; position: absolute; margin-left: 28%; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; width: 800px; }
	
	
		.title {  text-align: center; font-family:"Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:70px;  font-weight:bold; letter-spacing:-.04em;  line-height: 35px; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}
		.title span{line-height: 35px; }
		.title img{margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
		.beta{font-style:italic; color:#6696C6; font-size: 20px; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}
		
		.doc-bubble{ background: url('../images/elipse_black.png') no-repeat center;  width:265px; height: 160px; text-align: right; cursor: pointer;}
		.bubble {background: url('../images/elipse_black.png') no-repeat center; height: 160px;}
		#defaultLangDiv{vertical-align: middle; position: absolute; right: 10px; text-align: right; width: 200px; top: -15px;}
		#contents-start{position: relative; top: 65px; margin-top: 0px; padding-top: 0px; margin-left: 160px;} 
		#contents-translate{position: relative; top: 50px; } 
		
		.doc-ext-list { font-weight:bold; text-align: left; margin-left: 0px; font-family:"Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif; color:black; font-size:18px; }
		
		.java-note{ padding-top: 30px; font-size: 24px; font-family:"Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif; }
		.java-note a {text-decoration: none; color: orange;}
		.java-note a:hover  {text-decoration: none; color: #6696C6;}
		
		ul.ui-selectmenu-menu-popup li a{font-size: 18px;}	
		ul.ui-selectmenu-menu-dropdown li a{font-size: 18px;}	
		
		img.invisible{height: 0px; width: 0px; visibility: hidden; display:none;}
		#preloadDiv{height: 0px; width: 0px; visibility: hidden;  display:none;}
		
		#docImg{ cursor: pointer; background: url('../images/Document-Blank-256x256.png') no-repeat center; width: 256px; height: 256px; }
		
		
		img.doc-screen-img{padding: 2px;}
		img.doc-screen-img-on{ border: 2px solid black;}
		
		table.screens-table tr{cursor: pointer;}
		
		
		.about-text{border: 3px solid black; padding:  5px;}
		.about-text h2{font-size: 20px; line-height: 22px; font-family:"Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif; color:#6696C6;}
		.about-text p{font-size: 12px; line-height: 14px; font-family:"Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif; }
		.about-text span{position: relative; top: -30px; line-height: 0px; font-family: 'Trebuchet MS'; font-size: 40px; font-weight: bold; }
		
		
		.about-text1{position: absolute; top: 330px; left: 50px; width: 20%; background: #ffffc0;  }
		.about-text1 span{position: relative; left: 12%; }
		
		.about-text2{position: absolute; top: 450px;  width: 20%;  right: 120px;  background: #ebffff;  }
		.about-text2 span{position: relative; left: 12%; }
		.about-text3{position: absolute; top: 200px; right: 10px; width: 20%;  background: #ffffc0;  }
		
		h1.welcome-text{font-size: 22px; font-weight: bold; text-align: center;}		
		h1.welcome-text i {font-size: 26px; color: #6696C6; }
		h1.welcome-text img {vertical-align: middle; }
		
		div.welcome-text {text-align: left; font-size: 18px;  width: 700px; border: 4px solid black; background-color: #ebffff; margin-left: auto;	margin-right: auto;	padding-top: 10px; margin-top: 0px;}
		h2.welcome-text  { font-size: 18px; line-height: 12px; font-weight: normal; }
		h2.welcome-text span {font-weight: bold; font-style:oblique; font-size: 20px; text-decoration: underline;}
		h2.welcome-text img{position: relative; top: 10px;}
		
		
		div.privacy-note{text-align: center;}
		div.social{position: absolute; top: 15px; left: 15px; 	  }
		
		div.social a {text-decoration: none; font-size: 12px; color: #6696c6;}
		div.social a img {border: 1px solid gray;}
		
		
		
		div.social ul {  float: left;  width: 220px;  margin: 0;  padding: 0;  list-style: none;}
 
		div.social li {  float: left;  width: 22px;  margin: 0;  padding: 0;} 
		
		div.donate{position: absolute; top: 55px; left: 20px; text-align: center; border: 1px solid black; padding: 1px;}
		div.donate b{font-style:italic; color:#6696C6; font-size: 10px;}
		
		div.ad-left-top {position: absolute; top: 155px; left: 22px;}
		
		
		div.navigation{padding-top: 1px; }
		div.navigation a{ margin-left: 0px; margin-right: 0px; color: black; text-decoration: none; font-size: 14px; font-weight: bold; padding: 0px 20px 0px 20px; }		
		div.navigation a:hover { line-height: 35px; color: white; background:  url('../images/blue_sub_left.png') no-repeat left bottom ; text-decoration: none; font-size: 14px; font-weight: bold; padding: 0px 0px 0px 20px;  } 
		div.navigation a:hover span{ line-height: 35px; background: url('../images/blue_sub_right.png') right bottom no-repeat; padding: 0px 20px 8px 0px; margin: 0px; } 
		
		a.menu-on {color: white; background:  url('../images/blue_sub_left.png') left bottom no-repeat; text-decoration: none; font-size: 14px;  font-weight: bold; padding: 5px 0px 8px 20px; } 
		a.menu-on span {	background: url('../images/blue_sub_right.png') right bottom no-repeat; padding: 5px 20px 8px 0px; margin: 0px; } 

		img.google-translate {border: none;}
		
		div.main-content{position: relative; top: 130px; } 
		
		div.contact-block{ margin-left: auto;	margin-right: auto;	width: 700px;}
		
		div.contact-block h2{line-height: 22px;  font-size: 16px; }
		
		
		h2.java-warning{ font-size: 24px; font-family:"Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif; }
	
		/*#doc-support{color: red; text-decoration: line-through;}*/
		a.warning-bubble{position: relative; left: -15px; z-index:100; display: none; text-decoration: none;}
		a.warning-bubble img{border: 0; position: absolute; top: -30px; left: 10px;}
		a.warning-bubble span{display: none; }
		/*a.warning-bubble:hover span{width: 400px; color: white; display: inline; position: absolute; left: 60px; top: -60px; border: 6px solid black; background: #6696C6; padding: 10px;}*/
		a.warning-bubble:hover span{width: 400px; color: black; display: inline; position: absolute; left: 60px; top: -60px; border: 6px solid black; background: grey; background-image: url('../images/warning_grey.png'); background-repeat: no-repeat; background-position: right bottom; padding: 10px;}
		
		
		/*#contents-browser-not-supported table{margin-left: auto; margin-right: auto;  width: 400px;}*/
		#contents-browser-not-supported {margin-top: 40px; padding-right:20%; width: 98%; margin-left: 200px; }
		span.ie6-not-supported {margin-top: 20px; text-align: center; font-family:"Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:32px;  font-weight:bold;}
		
		img.ie6-not-supported {float:left;  }
		img.download-browser{border: 0;}
		
		table.browser-table{width: 50%; margin-left: 100px;  width: 300px; }
		table.browser-table tr td{width: 255px; height: 110px;}
		
		.better-browser{font-family:"Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:20px; }
		.better-browser a{text-decoration: none;}
		
div.tab, div.tab a{border:0; margin:0; padding:0; list-style:none;}
div.tab {height:29px; padding-left:20px;  vertical-align: top; width: 100%; float: left;  display:block; }
div.tab a {float:left; margin-right:10px; width: 50px auto; min-width: 50px; display:inline;}
	
		/*
ul.tab, ul.tab li{border:0; margin:0; padding:0; list-style:none;}
ul.tab {height:29px; padding-left:20px;  vertical-align: top; width: 100%; float: left;  }
ul.tab li {float:left; margin-right:10px; width: 10px; display:inline;}
*/	

.tab a{font-size: 12px; font-weight: bold; width: 50px auto;}
.tab a:link, .tab a:visited{
	background:url(../images/tab-round_white.png) right 0px no-repeat;
	color:#666666;
	display:block;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-decoration:none;
}
.tab a span{
	background:url(../images/tab-round_white.png) left 0px no-repeat;
	display:block;
	height:30px;
	margin-right:14px;
	padding-left:14px;
}
.tab a:hover{
	
	background:url(../images/tab-round_blue.png) right 0px no-repeat;
	display:block;
	color: #ffffff;
}
.tab a:hover span{
	background:url(../images/tab-round_blue.png) left 0px no-repeat;
	display:block;
	color: #ffffff;
}

/* -------------------------------- */
/* 	ACTIVE ELEMENTS					*/
.active a:link, .active a:visited, .active a:visited, .active a:hover{
	background:url(../images/tab-round_blue.png) right 0px no-repeat;
	color: #ffffff;
	cursor: default;
} 
.active a span, .active a:hover span{
	background:url(../images/tab-round_blue.png) left 0px no-repeat;
	color: #ffffff;
	cursor: default;
}




.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn.red { background: red; }
.btn.yellow{ background: yellow; }

.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(../images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }


.btn-start-applet {text-align: center; font-size: 24px; width: 280px; padding-top: 30px; margin-left: auto;	margin-right: auto;	} 
.btn-send-message {text-align: center; font-size: 14px; width: 280px; padding-top: 30px; border: 1px solid black;	} 

iframe.translator-iframe {
border: 0;
width:100%;
overflow: hidden;

height: 1400px;
}

.translate-another {width: 370px; padding: 15px; margin-left: auto; margin-right: auto; border: 6px solid black; cursor: pointer;}

h1.tutorial{font-size: 32px; }
.tutorial-table{ font-size: 22px; vertical-align: top;}
.tutorial-table img{border: 4px solid black; margin-bottom: 70px;}

th.compatibility-header-word{background: #9abafb;}
th.compatibility-header-powerpoint{background: #ffa686;}
th.compatibility-header-excel{background: #9ED177;}
th.compatibility-header-text{background: #e3e7e9;}
th.compatibility-header-pdf{background: #f60300;}

div.pdf-wait-warning b{font-weight: bold; font-size: 28px;}
div.pdf-wait-warning{width: 300px;}
div.pdf-wait-warning img{float: right;}


div.human-translation{width: 410px; margin-left: auto; margin-right: auto; border: 6px solid black; cursor: pointer; background:url(../images/certified_human_translations.png) left 0px no-repeat;}

div.human-translation-body{ font-size: 14px; width: 230px; padding: 15px 0 15px 0;}
div.human-translation-header{ font-size: 16px;}
		h1.translate-services-text{font-size: 22px; font-weight: bold; text-align: center;}		

		div.translate-services-text {text-align: left; font-size: 16px;  width: 700px; border: 4px solid black; background-color: #ebffff; margin-left: auto;	margin-right: auto;	padding: 10px 10px 10px 10px; margin-top: 0px;}
		h2.translate-services-text  { font-size: 18px; line-height: 12px; font-weight: normal; }