﻿body
{
    padding: 0;
    margin: 0;
    background-color:#3a3a3a;
    font-family: "verdana", "sans-serif";
    font-size: 12px;
    line-height: 20px;
}

a img
{
    border:none;
}

a img:hover
{
    border:none;
}

li.fontstyle
{
    font-size: 10px; color: #222222; line-height: 15px;
}

li#tallerli
{
    line-height:47px;
}

input.bigbutton 
{
    width:120px;height:37px; font-family:"Arial Black"; color:#FE8E14; font-size:14pt; font-style:italic; 
}

ul 
{
    list-style:none; padding-left:0px; margin:0px; 
}

ul li
{
    margin-bottom:6px;
}

#browsersupport ul li
{
    float:left;
    padding: 0 10px;
}

#browsersupport img
{
    vertical-align:middle;
}

#browsersupport
{
    margin:0;
    padding:0;
    padding-left:6px;
    height:55px;
    width:260px;
    z-index:1;
    position:absolute;
    top:-80px;
}

div.divinput 
{
    font-size: 11px; color: #222222; padding:10px; line-height: 14px; font-family: "verdana" , "sans-serif"; 
    margin:5px; margin-bottom:10px; background-color:#f0f0f0; text-align:left; 
}

div.menudiv
{
    float:left; 
    height:25px;
    padding-top:10px;
}

div#DWTcontainer
{
    margin:0 auto;
	padding:3px 0 2px 0;
	border:0;
	background-color:#ffffff;
	position:relative;
}
.divcontrol
{
    width:580px; height:600px;
}

.divcontrolthumbnail
{
    width:90px; height:560px;
}
div#dwtcontrolContainer  
{
    margin: 0 0 0 22px;
	padding: 0;
	width:600px; height:600px;
}
div#DWTemessageContainer
{
    margin: 0 0 0 22px;
	position: relative;
}

div.dwtcontrolThumbnail
{
    padding:5px; padding-top:10px; text-align:center; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: 580px; 
	z-index: 1; background-color: #f0f0f0; width:100px;
}

div#ScanWrapper 
{
	margin:0; 
	width:320px; 
	padding:0;
	text-align:left;
}

div#Crop {
	padding:5px; padding-top:10px; text-align:center; border-collapse:collapse;border:3px solid #cE5E04; position: absolute;
	z-index: 1; background-color: #f0f0f0;
}
div#ImgSizeEditor 
{
    padding-top:10px; text-align:left; border-collapse:collapse;border:3px solid #cE5E04; position: absolute;
	z-index: 1; background-color: #f0f0f0;
}

div#MoreEditMethods
{
    padding:5px; padding-top:10px; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: auto;
	z-index: 1; background-color: #f0f0f0; width:250px;  text-align:left;
}

div#divCapabilityNegotiation
{
    padding:5px; padding-top:10px; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: auto; 
	z-index: 2; background-color: #f0f0f0; width:auto;
}

div#divRotateConfig
{
    padding:5px; padding-top:10px; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: 100px; 
	z-index: 2; background-color: #f0f0f0; width:200px;
}

div#divSetImageLayout
{
    padding:5px; padding-top:10px; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: 75px; 
	z-index: 2; background-color: #f0f0f0; width:350px;
}

div#divHighlight
{
    padding:5px; padding-top:10px; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: 110px; 
	z-index: 2; background-color: #f0f0f0; width:280px;
}

div#tblLoadImage
{
    padding:5px; padding-top:10px; text-align:left; border-collapse:collapse; border:3px solid #cE5E04; position: absolute; height: 170px; 
	z-index: 1; background-color: #fefefe; width:280px
}
div#AddTextDiv 
{
    padding:5px; padding-top:10px; text-align:center; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: 170px; 
	z-index: 1; background-color: #f0f0f0; width:300px
}
div#SetTextFontDiv 
{
    padding:5px; padding-top:10px; text-align:center; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: 250px; 
	z-index: 1; background-color: #f0f0f0; width:300px
}
a:link {
	color: #222222; line-height: 18px; text-decoration: underline
}
a:visited {
	color: #222222; line-height: 18px; text-decoration: underline
}
a:active {
	color: #666666; line-height: 18px; text-decoration: underline
}
a:hover {
	color: #ff3300; line-height: 18px; text-decoration: underline
}
a.menu:link {
	color: #222222; line-height: 18px; text-decoration: none
}
a.menu:visited {
	color: #222222; line-height: 18px; text-decoration: none
}
a.menu:active {
	color: #222222; line-height: 18px; text-decoration: none
}
a.menu:hover {
	color: #222222; line-height: 18px; text-decoration: none
}
a.white:link {
	color: #d9d9d9; line-height: 18px; text-decoration: underline
}
a.white:visited {
	color: #d9d9d9; line-height: 18px; text-decoration: underline
}
a.white:active {
	color: #d9d9d9; line-height: 18px; text-decoration: underline
}
a.white:hover {
	color: #d9d9d9; line-height: 18px; text-decoration: none
}
a.gray:link {
	color: #222222; line-height: 18px; text-decoration: none
}
a.gray:visited {
	color: #222222; line-height: 18px; text-decoration: none
}
a.gray:active {
	color: #222222; line-height: 18px; text-decoration: none
}
a.gray:hover {
	color: #222222; line-height: 18px; text-decoration: underline
}
a.grayunder:link {
	color: #454545; line-height: 18px; text-decoration: underline
}
a.grayunder:visited {
	color: #454545; line-height: 18px; text-decoration: underline
}
a.grayunder:active {
	color: #454545; line-height: 18px; text-decoration: underline
}
a.grayunder:hover {
	color: #454545; line-height: 18px; text-decoration: none
}
.tableborder {
	border-right: #cdcdcd 1px solid; border-top: #cdcdcd 1px solid; border-left: #cdcdcd 1px solid; border-bottom: #cdcdcd 1px solid
}
.tableborderbottom {
	border-bottom: #cdcdcd 1px solid
}
.fontgray12B {
	font-weight: bold; color: #555555
}
.fontyellow12B {
	font-weight: bold; color: #3a3a3a
}
.titlepagetd {
	vertical-align: middle; height: 30px
}
.subtitletd {
	vertical-align: bottom; height: 30px
}
.titlepage {
	font-weight: bold; font-size: 14px; color: #fe8e14
}
.subtitle {
	font-weight: 600; font-size: 11px; vertical-align: bottom; color: #fe8e14; FONT-FAMILY: Verdana; height: 20px; TEXT-ALIGN: left
}
.menuout {
	padding-bottom: 5px; color: #ffffff; background-color: #fe8e14
}
.menuover {
	color: #ffffff; background-color: #5f6062
}
.menu_top_over {
	padding-left: 30px; font-size: 11px; background: url(../images/menutop1.jpg) no-repeat 50% bottom; width: 151px; color: #353535; padding-top: 9px; FONT-FAMILY: "verdana"; height: 48px
}
.menu_top_out {
	padding-left: 30px; font-size: 11px; background: url(../images/menutop.jpg) no-repeat 50% bottom; width: 151px; color: #353535; padding-top: 9px; FONT-FAMILY: "verdana"; height: 48px
}
.menu_over {
	padding-left: 30px; font-size: 11px; background: url(../images/menuover.jpg) no-repeat 50% bottom; width: 151px; color: #353535; FONT-FAMILY: "verdana"; height: 33px
}
.menu_out {
	padding-left: 30px; font-size: 11px; background: url(../images/menuout.jpg) no-repeat 50% bottom; width: 151px; color: #353535; FONT-FAMILY: "verdana"; height: 33px
}
.menu_blank {
	background: url(../images/menublank.jpg) no-repeat 50% bottom; width: 151px; color: #353535; height: 33px
}
.body_Narrow_width {
	width: 964px;
}
.body_Broad_width {
	width: 984px;
}
input{
    font:normal 11px verdana;
}

input.invalid {
	background-color: #FF9;
	border: 2px red inset;
}

a.menucolor:link
{
    font-weight: bold; font-family: Arial; font-size: 12px; margin-right: 5px;
    color: #FFFFFF;
    text-decoration: none;
}
a.menucolor:visited
{
    font-weight: bold; font-family: Arial; font-size: 12px; margin-right: 5px;
    color: #FFFFFF;
    text-decoration: none;
}
a.menucolor:hover
{
    font-weight: bold; font-family: Arial; font-size: 12px; margin-right: 5px;
    color: #FE8E14;
    text-decoration: none;
}
a.menucolor:active
{
    font-weight: bold; font-family: Arial; font-size: 12px; margin-right: 5px;
    color: #FFFFFF;
    text-decoration: none;
}

a.fontcolor:link
{
    color: #000000;
    text-decoration: none;
    line-height:14px;
}
a.fontcolor:visited
{
    color: #000000;
    text-decoration: none;
    line-height:14px;
}
a.fontcolor:hover
{
    color: #000000;
    text-decoration: none;
    line-height:14px;
}
a.fontcolor:active
{
    color: #000000;
    text-decoration: none;
    line-height:14px;
}

div#tblLoadImage2
{
    padding:5px; padding-top:10px; text-align:left; border-collapse:collapse; border:3px solid #cE5E04; position: absolute; height: 330px; 
	z-index: 1; background-color: #fefefe; width:300px
}

#menu { background:url(../Images/bg_menubar_black.png) repeat-x; height:38px;}
#menu ul { list-style:none; margin:0; padding:0; }
#menu a { text-decoration:none; display:block; white-space:nowrap; }
#menu .nohref { cursor:default; }
/* first level start */
.menubar_split, .menubar_split_last { background:#000; width:1px; height:36px; position: absolute; top:0; border: 1px solid #666; }
.menubar_split { left:0; }
.menubar_split_last { right:0; }
#menu .D_menu_item { float:left; width:110px; line-height:38px; color:#FFF; font:bold 13px/16px Helvetica; margin:0; padding:0; text-align:center; vertical-align:middle; }
#menu .D_menu_item { position:relative; z-index:1; }
#menu .D_menu_item a { line-height:20px; padding:8px 0; }
#menu .D_menu_item a:visited { background:none; }
#menu .D_menu_item a:hover { background-color:#FFF; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
/* first level end */

#menu a:link {
	color: #fff; text-decoration: none
}
#menu a:visited {
	color: #fff; text-decoration: none
}
#menu a:active {
	color: #666666; text-decoration: none
}
#menu a:hover {
	color: #ff3300; text-decoration: none; cursor:pointer;
}


.ks-overlay {
    position:absolute;
    left:-9999px;
    top:-9999px;
}
.ks-ext-close {
	padding: 0 20px;
	position: absolute;
	right: -5px;
	top: 5px;
}
.ks-ext-close,.ks-ext-close:link { color:#2222AA;text-decoration:none; cursor: pointer; }

.ks-ext-mask{
	background: #999;
	opacity: 0.7;
}

.D-dialog .ks-ext-close .ks-ext-close-x {
    height: 8px;
}

.D-dialog .ks-ext-close, .D-dialog .ks-ext-close:hover {
    background: none;
    border: none;
}

.D-dialog 
{
    margin:0;
	padding: 5px;
	width: 392px;
	border: 1px solid #E7E7E7;
	background-color:#F1F2F2;
}

.D-dialog .D-dialog-body 
{
	margin: 0;
	padding: 15px;
    width: 360px;
	height: 230px;
	background-color: #ffffff;
	border: 1px solid #E7E7E7;
}

.D-dialog .D-dialog-body-Mac 
{
	margin: 0;
	padding: 15px;
    width: 360px;
	height: 260px;
	background-color: #ffffff;
	border: 1px solid #E7E7E7;
}

.D-dialog .D-dialog-body-NotAllowed
{
	margin: 0;
	padding: 15px;
    width: 360px;
    color: #444;
    line-height: 1.8;
	background-color: #ffffff;
	border: 1px solid #E7E7E7;
}

.D-dialog .D-dialog-body-Scan
{
	margin: 0;
	padding: 15px;
    width: 380px;
	height: 250px;
	background-color: #ffffff;
	border: 1px solid #E7E7E7;
}


.D-dialog .D-dialog-body-Scan-sample
{
	margin: 0;
	padding: 15px;
    width: 380px;
	height: 230px;
	background-color: #ffffff;
	border: 1px solid #E7E7E7;
}

.D-dialog a {
	text-decoration: none;
}
		
.link{
	text-decoration:underline;
}


.box_title {
	color: #333;
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.box_title_scan {
	color: #333;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.box_scan_subtitle {
	color: #333;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
}

.box_scan_detail {
	color: #777777;
	margin-top:5px;
	margin-bottom:8px;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
}

.D-dialog ul {
	margin: 10px 0 10px 20px;
	list-style-type:disc;
}


.red {
	color: red;
	margin-left: 5px;
}

.button {
 background-image: url(../images/btn-down-install-plugin.gif);
 background-repeat: no-repeat;
 width: 215px;
 height: 34px;
 position: relative;
 margin: 20px auto 0;
 cursor: pointer;
}

.button:hover {
 background-position: 0 -34px;
}

.button:active {
 background-position: 0 -68px;
}



#PCollapse {
    list-style: none inside none;
    margin-left: 0;
    padding-left: 0;
}

.divType
{
	font-weight:bold;
	font-size:12px;
	height: 25px;
	cursor:pointer;
}

.mark_arrow {
    display: block;
    float: left;
    height: 12px;
    margin: 0px 2px 0 0;
    width: 12px;
}

.collapsed {
    background: url("../images/arrow.gif") no-repeat scroll 3px center transparent;
}

.expanded 
{
	background: url("../images/arrow-down.gif") no-repeat scroll 3px 4px transparent;
}

#div_SampleImage
{
	padding-left:15px;
}

#div_LoadLocalImage
{
	padding-left:15px;
	width: 260px;
}

#div_SampleImage ul
{
	padding-left:0;
	margin-left:0;
}

.divTableStyle
{
	border: solid 8px #ddd; 
}

/*Upgrade*/
#message
{
    font-family: Arial,Helvetica,sans-serif;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 105;
    text-align: center;
    font-weight: bold;
    font-size: 100%;
    padding: 10px 0px 10px 0px;
    
    color: #239210;
    background-color: #E0F0D6;
    border: 1px solid #54D33F;
    box-shadow: 0 0 10px #3A3A3A;
}

#MessageBody a {
 color: #6A9962;
 font-size: 14px;
}

#message span
{
    text-align: center;
    width: 95%;
    float: left;
}

#MessageBoy a:hover {
 text-decoration: underline;
}

.close-notify
{
    white-space: nowrap;
    float: right;
    margin-right: 10px;
    color: #fff;
    text-decoration: none;
    border: 2px #fff solid;
    padding-left: 3px;
    padding-right: 3px;
}
.close-notify a
{
    color: #fff;
}

.DWTPage{
	margin: 0 auto;
}

.DWTHeader{
	background-color: #3a3a3a;
	border: 0; 
	padding: 0;
}

.DWTTail{
	background-color:#ffffff; 
	border:0;
}


.Content_Left
{
	width:640px;
	padding:10px;
	min-height:800px;
}

.Content_Right
{
	top:0;
	position:absolute;
	margin-left:660px;
	width:322px;
}

/* crop / image change size */

.divCrop, .divImgSizeEditor{
	position: absolute;
	padding: 5px;
	margin:0;
	
	border:3px solid #cE5E04; 
	border-collapse:collapse;

	background-color: #f0f0f0;
	z-index: 9999;
}

.divCrop {
	text-align:right;
	height: 120px; 
	width: 260px
}
.divCrop ul, .divImgSizeEditor ul {
	padding:15px 0 0 0;
	margin:0;
}
.divCrop li{
	float:left;
	width: 110px;
	padding: 0 5px 8px 5px;
	margin:0;	
}
.divCrop div, .divImgSizeEditor div{
	margin: 5px 0 0 0;
	text-align:center;
}
.divCrop span, .divImgSizeEditor span{
	margin: 0 0 0 10px;
}

.divImgSizeEditor 
{
	text-align:left;
	padding: 0 0 0 20px;
	height: 140px; 
	width:300px
}


.divImgSizeEditors ul{
	padding:5px;
	margin:0;
}

/* ks-dialog */
.ks-dialog-hidden{
	visibility:hidden;
}

.ks-dialog, .ks-overlay{
	position:absolute;
	left:-9999px;
	top:-9999px;
	outline:none;
	z-index:9998;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.ks-overlay-hidden{
	visibility: hidden;
}
.ks-overlay-mask-hidden{
	display:none;
}
.ks-overlay-shown{
	visibility: visible;
}
.ks-overlay-mask-shown{
	display: block;
}
.ks-dialog, .ks-popup{
	background-color: #FBFBFB;
	border: 1px solid #ACB4BE;
}
.ks-overlay-mask, .ks-dialog-mask{
	background-color: #000;
	opacity: 0.3;
	z-index:9998;
}
.ks-dialog-focused, .ks-overlay-focused{
	z-index:9999;
}

/* guide class */

.DWTPage{
	margin: 0 auto;
}

.DWTHeader{
	background-color: #3a3a3a;
	border: 0; 
	padding: 0;
}

.DWTTail{
	background-color:#ffffff; 
	border:0;
}

.DWTBody
{
    margin: 0 auto;
	background-color: #FFF;
	border: 0;
	/*height:700px;*/
	/*clear:both;*/
	padding: 20px;
}

b, strong, h1, h2, h3, h4 {
	font-family: arial, helvetica, sans-serif;
}

.doc h1 {
	font-size: 22px;
	line-height: 30px;
	padding-bottom: 6px;
	border-bottom: 3px solid #EDEDF0;
	margin-bottom: 20px;
}

.doc h2 {
	margin: 15px 0 15px 20px;
	font-size: 18px;
}

.doc p {
	margin: 0 0 6px 35px;
}

.doc ul {
	margin: 10px 0 10px 55px;
	list-style-type: square;
}

.doc ul li {
	margin-bottom: 4px;
	color: #555555;
}


ul.items {
	margin: 15px 0 15px 35px;
	margin-top: 15px;
	margin-bottom: 15px;
}

ul.items li {
	border-left: 3px solid #FE8E14;
	list-style: none;
	background-color: #EEE;
	padding-left: 8px;
	margin-top: 10px;
	height: 30px;
	vertical-align: middle;
	line-height: 30px;
}
