/* .X-project Globals */
/* .-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* .-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* .-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* .reset */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	vertical-align: baseline;
	background: transparent;
	color: #333;
}
ul { list-style: none; }
blockquote, q { }
ins { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
del { text-decoration: line-through; }
* { margin: 0; }
html, body { height: 100%; }
/*
#poweredby { display: block; width: 98px; height: 36px; background: url(/_iface/reader2010/poweredBy.gif) 		no-repeat; position: absolute; top: 0;    left: 10px; z-index: 1001; margin: 0 auto; }
#poweredby { display: block; width: 98px; height: 36px; background: url(/_iface/reader2010/poweredByBottom.gif) no-repeat; position: absolute; bottom: 0; right: 10px; z-index: 1001; margin: 0 auto; }*/
#poweredby { display: block; width: 36px; height: 98px; background: url(/_iface/reader2010/poweredByLeft.gif)   no-repeat; position: absolute; bottom: 10px; left: 0;  z-index: 1001; margin: 0 auto; }
/*
#poweredby { display: block; width: 36px; height: 98px; background: url(/_iface/reader2010/poweredByRight.gif)  no-repeat; position: absolute; top: 10px; right: 0; z-index: 1001; margin: 0 auto; }
*/

/* .basic style */
body { background: #f8f8f8 url(/_iface/front/bg.gif) repeat; color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 11px; }
h1, h2, h3, h4, h5, h6 { font-family: Geneva, Arial, Helvetica, sans-serif; color: #000; font-weight: normal; }
p, ul, ol, h1, h2, h3, h4, h5, h6, blockquote { line-height: 1.6em; }

h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; font-weight: bold; }

input, textarea, select { 
	font-size: 11px; 
	padding: 5px; 
	margin: 0 0 2px 0; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	border: 1px solid #e3e3e3;
	
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}



/* ------------------------------------------------------------------------------------ */

div#wrapper { width: 936px; margin: 0 auto; }
div#top { height: 132px; background: #fff url(/_iface/reader2010/top.jpg) top center no-repeat; }
div#top div.title { width: 936px; margin: 0 auto; padding-top: 50px; font-size: 40px; }
div#topShade { height: 7px; background: url(/_iface/reader2010/topShade.jpg) repeat-x; }

p.leadingtext { font-size: 14px; padding: 20px 20px 0 0; }
body.liteWin p.leadingtext { padding: 20px 20px 30px 0; }


/* Comparison Tabls */
div#comparisonTable { display: block; width: 936px; }
div#comparisonTable div.mid { display: block; background: url(/_iface/reader2010/table_midBG.jpg) repeat-y; }
div#comparisonTable div.top div.readerLiteDownload { float: right; width: 240px; margin-top: 30px; }
div#comparisonTable div.item { display: block; border-bottom: 1px dotted #e5e5e5; clear: both; }
div#comparisonTable div.item .name p { padding: 10px 10px 10px 20px; font-size: 12px; }
div#comparisonTable div.item .yes, div#comparisonTable div.item .no { width: 240px; float: left; height: 41px; }
div#comparisonTable div.item .yes { background: url(/_iface/reader2010/tick_green.jpg) center center no-repeat; }

body.both div#comparisonTable div.top div.readerDownload 			{ float: right; width: 255px; margin-top: 30px; }
body.readerOnly div#comparisonTable div.top div.readerDownload 		{ float: right; width: 255px; margin-top: 0px; }

body.both div#comparisonTable div.top 			{ display: block; height: 100px; background: url(/_iface/reader2010/table_start.jpg) no-repeat; }
body.readerOnly div#comparisonTable div.top		{ display: block; height: 74px; background: url(/_iface/reader2010/readerOnly/table_start.jpg) no-repeat; }

div#comparisonTable div.end 					{ display: block; height: 116px; }
body.both div#comparisonTable div.end 			{ background: url(/_iface/reader2010/table_end.jpg) no-repeat; }
body.readerOnly div#comparisonTable div.end		{ background: url(/_iface/reader2010/readerOnly/table_end.jpg) no-repeat; }

div#comparisonTable div.item .name 					{ display: block; float: left; }
body.both div#comparisonTable div.item .name 		{ width: 442px; }
body.readerOnly div#comparisonTable div.item .name 	{ width: 682px; }

div#comparisonTable .spacer						{ display: block; float: left; height: 90px; }
body.both div#comparisonTable .spacer 			{ width: 442px; }
body.readerOnly div#comparisonTable .spacer 	{ width: 685px; }

div#comparisonTable a.download 					{ display: block; float: left; height: 90px; text-decoration: none; background: url(/_iface/reader2010/dl_to_hdd.jpg) 10px 20px no-repeat; }
body.both div#comparisonTable a.download 		{ width: 240px; }
body.readerOnly div#comparisonTable a.download 	{ width: 235px; }
div#comparisonTable a.download p.large { padding: 20px 10px 3px 70px !important; font-size: 24px; line-height: normal; }
div#comparisonTable a.download p.small { padding: 0px 10px 3px 72px; color: #666 }

div#comparisonTable div.downloadAREA					{ display: block; float: left; height: 90px; text-decoration: none; background: url(/_iface/reader2010/dl_to_hdd.jpg) 10px 20px no-repeat; }
body.both div#comparisonTable div.downloadAREA 			{ width: 240px; }
body.readerOnly div#comparisonTable div.downloadAREA 	{ width: 235px; }
div#comparisonTable div.downloadAREA div.links 	{ padding: 0px 10px 3px 62px; }
div#comparisonTable div.downloadAREA div.links a { padding: 5px 10px; display: block; float: left; }
div#comparisonTable div.downloadAREA p.large { padding: 20px 10px 3px 70px !important; font-size: 24px; line-height: normal; }
div#comparisonTable div.downloadAREA p.small { padding: 0px 10px 3px 72px; color: #666 }

div#comparisonTable a.downloadManual					{ display: block; float: left; height: 90px; text-decoration: none; background: url(/_iface/reader2010/pdfDL.gif) 10px 20px no-repeat; }
body.both div#comparisonTable a.downloadManual			{ width: 240px; }
body.readerOnly div#comparisonTable a.downloadManual	{ width: 235px; }
div#comparisonTable a.downloadManual p.large			{ padding: 20px 10px 3px 70px !important; font-size: 24px; line-height: normal; }
div#comparisonTable a.downloadManual p.small			{ padding: 0px 10px 3px 72px; color: #666 }



/* jTip */
#JT_arrow_left { background-image: url(/reader2010/_resource/jTip_images/arrow_left.gif); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; left: -12px; height: 23px; width: 10px; top: -3px; }
#JT_arrow_right { background-image: url(/reader2010/_resource/jTip_images/arrow_right.gif); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; height: 23px; width: 11px; top: -2px; }
#JT { position: absolute; z-index:100; border: 2px solid #ccc; background-color: #fff; }
#JT_copy { padding:10px 10px 10px 10px; color: #333; }
#JT_close_left { background-color: #ccc; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; }
#JT_close_right { background-color: #ccc; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; }
#JT_copy p { margin:3px 0; }
#JT_copy img { padding: 1px; border: 1px solid #ccc; }

span.whatisthis { float: right; }
.whatisthis a, .whatisthis a:active, .whatisthis a:visited { background-color: #090; font-weight: bold; padding: 1px 2px; margin-left: 5px; color: #fff; text-decoration: none; }
.whatisthis a:hover { color: #600; text-decoration: none; }
.JT_loader { background-image: url(/reader2010/_resource/jTip_images/loader.gif); background-repeat: no-repeat; background-position: center center; width:100%; height:12px; }
.jTip { cursor: help; }


/* Client has no java */
body.nojavadetected p.leadingtext { padding: 20px; }

body.nojavadetected {}
body.nojavadetected div.step { display: block; padding: 0 20px 20px 20px; margin-bottom: 10px; border-bottom: 1px dotted #e5e5e5; clear: both; }
body.nojavadetected div.step .image { display: block; background-image: url(/_iface/reader2010/sprite_steps.jpg); background-repeat: no-repeat; width: 40px; height: 40px; float: left; margin-top: 3px; }

body.nojavadetected div.step h2, body.nojavadetected div.step p { padding-left: 60px; }
body.nojavadetected div.stepOne .image		{ background-position: 0 0; }
body.nojavadetected div.stepTwo .image		{ background-position: 0 -40px; }
body.nojavadetected div.stepThree .image	{ background-position: 0 -80px; }
body.nojavadetected div.stepFour .image		{ background-position: 0 -120px; }
body.nojavadetected div.stepFive .image		{ background-position: 0 -160px; }
body.nojavadetected div.stepSix .image		{ background-position: 0 -200px; }


a.button_launch { display: block; width: 290px; height: 44px; background: url(/_iface/reader2010/sprite_launchButton.gif) 0 -44px no-repeat; text-decoration: none; text-align: center; overflow: hidden !important; }
a.button_launch:link, a.button_launch:visited { background-position: 0 -44px !important; }
a.button_launch:hover, a.button_launch:active { background-position: 0 0 !important; }

a.button_launch span { display: block; color: #fff; font-size: 22px; padding: 6px 0 0 0; }


ol.noJavaInstalled { display: block; margin: 10px 0 20px 10px; list-style: decimal inside; }
ol.noJavaInstalled li {  }


div#right { width: 400px; margin-left: 50px; float: right; background: #fff; margin-top: -7px; }
div#right .section { border-left: 1px solid #e5e5e5; padding: 20px 0 20px 20px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
div#right .infoSection { background: url(/_iface/reader2010/infoIcon.gif) 20px 20px no-repeat;  }
div#right .helpSection { background: url(/_iface/reader2010/helpIcon.gif) 20px 20px no-repeat;  }
div#right .section h2 { margin-left: 70px; font-size: 20px; }
div#right .section p { margin-left: 70px; margin-right: 20px; }



/* .general classes - used everywhere */
.right { float: right; }
.left { float: left; }
img.right { padding-left: 20px; }
img.left { padding-right: 20px; }
.clear, clearBoth { clear: both; }
.png { behavior: url(/resource/x/ie6pngfix/iepngfix.htc); }
.dotSeparatorBlack, .dotSeparatorRed { display: block; margin-bottom: 40px; margin-top: 20px; background: url(/_iface/sprites/sprite_dots_6x6.gif) repeat-x; height: 6px; background-position: 0 0; clear: both; }
.dotSeparatorBlack { background-position: 0 0; }
.dotSeparatorRed { background-position: 0 -6px; }

td span.required { color: #900; }

a.requestACall { display: block; background: #900; color: #fff !important; text-align: center; font-size: 14px; padding: 8px; text-decoration: none; }
a.requestACall:hover { background: #F00; }

/* Padding for elements */
.padding20 			{ padding: 20px; }
.padding20_left 	{ padding-left: 20px; }
.padding20_right 	{ padding-right: 20px; }
.padding20_top 		{ padding-top: 20px; }
.padding20_bottom 	{ padding-bottom: 20px; }

.padding30 			{ padding: 30px; }
.padding30_left 	{ padding-left: 30px; }
.padding30_right 	{ padding-right: 30px; }
.padding30_top 		{ padding-top: 30px; }
.padding30_bottom 	{ padding-bottom: 30px; }

.padding40 			{ padding: 40px; }
.padding40_left 	{ padding-left: 40px; }
.padding40_right 	{ padding-right: 40px; }
.padding40_top 		{ padding-top: 40px; }
.padding40_bottom 	{ padding-bottom: 40px; }