html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}
body { 
	height: 100%; background: #fff; font-family: Arial, Verdana, sans-serif; 
	text-align: center; font-size: 12px; 
	}
a, a:visited { color: #6176BB; text-decoration: none; }
a img, a:visited img { border: none;}
div.clearBottom { clear: both; }


/* === header - START  ======================================================== */
div.headerWrap {
	width: 1000px; height: 62px;
	margin: 0 auto; background: url(../images/bgrs/header_back11.png) left -65px no-repeat;
	position: relative; text-align: left;
	}
div.headerLogo { width: 210px; height: 24px; position: absolute; left: 24px; top: 20px; }	
div.msiEurekaLogo { width: 230px; height: 50px; position: absolute; left: 28px; top: 8px; }
div.contentPreviewTitleWrap { 
	width: 200px; position: absolute; left: 290px; top: 3px; color: #666; font-size: 23px; 
	}
div.welcomeUser { width: 500px; position: absolute; left: 290px; top: 40px; color: #444; font-size: 12px; }
/* === header - END ============================================================= */


/* === body - START  ============================================================ */
div.bodyWrap { width: 1000px; margin: 0 auto 10px auto; text-align: left; background: #fff; }
div.bodyLeft { float: left; margin: 0; padding: 5px 0; text-align: left; width: 186px; }
div.bodyCenter { float: left; margin: 11px 0 0 8px; text-align: left; width: 805px; }
	
/* --- recent document box on the left --- */
h3.recentDocumentsTitle {
	color: #AF4115;
	font-weight:;
	font-size: 12px;
	}

div.recentDocumentsList {
	min-height: 589px;
	border: 1px solid #ddd;
	}

div.recentDocumentsWrap {
	margin: 5px 0 0 3px;
	}
	
/* === body - END ============================================================= */

/* only page with the periodic table*/
div#shopContainerHome {
	float: left;
	width: 800px;
	height: 600px;
	margin: 0;
	line-height: 100%;
	position: relative;
	}

div.msiEurekaSubtitle {
	width: 400px;
	background:;
	position: absolute;
	left: 430px;
	top: 38px;
	font-size: 28px;
	color: #666;
	}

a.reflink, a.reflink:visited { color: #007000; }
a.reflink:hover { text-decoration: underline; }


div.docButtonsWrap {
	height: 35px;
	margin: 0 0 15px 0;
	background: #FFF2D8;
	position: relative;
	border: 1px solid #F3E5C8;
	}

div.docButtonsWrap h1 {
	margin: 0;
	padding: 3px 0 0 0; 
	color: #CA503B;
	font-size: 23px;
	text-align: center;
	}

ul.docOptionsNavi {
	list-style-type: none;
	padding: 10px 0 0 0;
	text-align: right;
	}

ul.docOptionsNavi li {
	display: inline;
	padding: 0 8px;
	}

ul.docOptionsNavi li a,
ul.docOptionsNavi li a:visited {
color: #003A7F;
	}

ul.docOptionsNavi li a img,
ul.docOptionsNavi li a:visited img {
	vertical-align: bottom;
	padding: 0 3px 0 0;	
	}

ul.docOptionsNavi li a:hover {
text-decoration: underline;
}

/*green button*/
div.leftSectionButtonsWrap { height: 77px; margin: 10px 2px 0 6px; border-bottom: 1px solid #fff;}
div.leftSectionButtonsWrap a,
div.leftSectionButtonsWrap a:visited {
	display: block;
	width: 228px;
	height: 37px;
	margin: 0 0 0 11px;
	padding: 0;
	background: url(../images/bgrs/button_back2_left.png) left top no-repeat;
	line-height: 37px;
	color: #333;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	float: left;
	}
		
div.leftSectionButtonsWrap a:hover {
	background: url(../images/bgrs/button_back2_left.png) left bottom no-repeat;
	}

div.leftSectionButtonsWrap a span,
div.leftSectionButtonsWrap a:visited span {
	display: block;
	height: 37px;
	margin: 0 0 0 15px;
	padding: 0 15px 0 0;
	background: url(../images/bgrs/button_back2_right.png) right top no-repeat;	
	text-align: center;
	}

div.leftSectionButtonsWrap a:hover span {
	background: url(../images/bgrs/button_back2_right.png) right bottom no-repeat;
	cursor: pointer;
	}
	
div.leftSections {
	margin: 0 2px 0 6px;
	background: #eee;
	border-bottom: 1px solid #fff;
	color: #333;
	}

div.leftSectionsInner {
	margin: 0;
	padding: 15px 6px;
	}


























/* === document styling - START =========================================================== */
div.docInfoWrap {
	padding: 20px 0 0 0;
	background: url(../images/bgrs/docmeta_back4.png) 6px top repeat-y;
	}

div.docInfoLeft {
	width: 258px;
	float: left;
	}

div.docInfoRight {
	width: 740px;
	margin: 0;
	padding: 0;
	float: left;
	background:;
	}

div.docInfoRightInner {	padding: 10px 0 30px 10px; }
	
h1.previewTitleRight {
	margin: 0 0 0 10px;
	padding: 6px 10px;
	background: #FFE1D3;
	color: #CA503B;
	font-size: 30px;
	}

div.docHeaderWrap {
	font-family: Verdana,Arial,sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
	}
	
div.docLogoWrap { padding: 0 0 0 10px; }
div.docUserLicense {
	margin: 7px 0 0 0;
	padding: 5px 10px;
	color: #444;
	font-family: Verdana,Arial,sans-serif;
	font-size: 11px;
	background: #EAF0FD;
	}


/* --- meta info ---*/
div#docMetaInfoDiv {
	margin: 0;
	padding: 10px;
	background: #f9f9f9;
	text-align: left;
  	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
  	}

div#docMetaInfoDiv dl {
  	text-align: left;
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 12px;
  	}
  
div#docMetaInfoDiv dl dt { 
  	width: 130px;
  	float: left;
  	font-weight: bold;
  	}

div#docMetaInfoDiv dd {
  	width: 555px;
  	float: left;
  	margin: 0;
  	}

div.docContent { margin: 0 5px 0 10px; }

div.docContent h1 {
	margin: 0;
	padding: 6px 0 6px 0;
	color: #881D3B;
	font-family: Arial,Verdana,sans-serif;
	font-size: 30px;
	font-weight: bold;
	}

div.docContent h2 {
	margin: 0;
	padding: 10px 0 7px 10px;
	font-family: Arial,Verdana,sans-serif;
	font-size: 17px;
	font-weight: bold;
 	}
	
p.author {
	margin: 0 0 20px 10px;
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 18px;
  	color: #444;
  	}

p.text {
	padding: 0 0 0 10px;
	}

ul.docIndex {
	list-style-type: none;
	margin: 0 10px;	
	}

ul.docIndex li { 
	display: inline;
	}

dl.extraInfo { margin: 20px 10px; }

dl.extraInfo dt,
dl.extraInfo dd {
	display: inline;
	}
	
dl.extraInfo dd {
	font-weight: bold;
	color: #222;
	}
	
/* === document styling - END =============== */
































































/* === hornavi3 - START ===================================================== */

.newTextSpan {
	color: red;
	font-weight: bold; 
        font-size: 12px;	
}

.tryTextSpan {
        color: #333; 
        font-size: 11px;  
}


ul.horNavi3UL {
	width: 600px;
	list-style: none;
	position: absolute;
	right: 15px;
	top: 8px;
	color: #bbb;
	}
	
ul.horNavi3UL li {
	display: inline;
	margin: 0;
	padding: 0;
	float: right;
	/*background: url(../images/msieureka/hornavi_back13.png) left -10px repeat-x;*/
	}

ul.horNavi3UL li a, ul.horNavi3UL li a:visited { 
	padding: 0 5px; 
	text-decoration: none;
	color: #555; 
	font-size: 11px;
	}
ul.horNavi3UL li a:hover { 
	text-decoration: underline; 
	color: #333;
	}
	
.newVersionMessage a {
        color: blue !important;
        padding-left: 0 !important;
}
	
/* === hornavi3 - END ========================================================= */



/* === footer - START ========================================================= */
div.footer {
  	height: 100px;
  	text-align: center;
  	clear: both;
  	}

div.footerInner {
 	width: 1000px;
  	height: 100px;
  	margin: 15px auto 0 auto !important;
  	padding: 5px 0 0 0;
  	color: #777;
  	border-top: 1px solid #ddd;
  	}

div.copyRights {
	width: 400px;
	padding: 0 5px 0 0;
	float: right;
	text-align: right;
	}

div.copyRights a, 
div.copyRights a:visited {
	text-decoration: none;
	color: #555;
	}

div.copyRights a:hover {
	text-decoration: underline;
	color: #881D3B;
	}
/* === footer - END ================================================== */







/* --- article options navi in the orange tab with "preview" title ------------- */

div.previewHeader {
	height: 35px;
	margin: 11px 0 0 10px;
	background: #FFEBCE;
	}

div.previewHeader div {
	width: 300px;
	margin: 3px 0 0 10px;
	float: left;
	color: #881D3B;
	font-size: 25px;	
	}

div.previewHeader ul {
	list-style-type: none;
	width: 400px;
	padding: 14px 25px 0 0;
	float: right;
	text-align: right;
	}

div.previewHeader ul li {
	display: inline;
	padding: 0 10px;
	}

div.previewHeader ul li a,
div.previewHeader ul li a:visited {
	color: #003A7F;
	}

div.previewHeader ul li a img,
div.previewHeader ul li a:visited img {
	vertical-align: bottom;
	padding: 0 3px 0 0;	
	}

div.previewHeader ul li a:hover {
	text-decoration: underline;
	}
	





a:hover {
	text-decoration: underline;
	}

span.systemNameLeft {
	font-weight: bold;
	}
	
/*blue button*/
a.downloadViewer, a.downloadViewer:visited {
	display: block;
	width: 236px;
	height: 37px;
	margin: 15px auto;
	padding: 0;
	background: url(../images/bgrs/button_back15_l.png) left top no-repeat;
	line-height: 37px;
	color: #1C3845;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	}
		
a.downloadViewer:hover {
	background: url(../images/bgrs/button_back15_l.png) left bottom no-repeat;
	}

a.downloadViewer span, a.downloadViewer:visited span {
	display: block;
	height: 100%;
	margin: 0 0 0 5px;
	padding: 0 5px 0 0;
	background: url(../images/bgrs/button_back15_r.png) right top no-repeat;	
	}

a.downloadViewer:hover span {
	background: url(../images/bgrs/button_back15_r.png) right bottom no-repeat;
	}

a.downloadViewer img,
a.downloadViewer:visited img { padding: 0 5px 0 0; vertical-align: -8px; }

input.licenseKeyWrap {
	width: 238px;
	height: 26px;
	margin: 3px 0 0 0;
	padding: 6px 0 0 0;
	border: 1px solid #E5DFCD;
	background: #FCF6E4;
	color: #B45F22;
	font-size: 11px;
	text-align: center;
	}

p.txtpara { margin: 0 0 20px 0; }