@charset "utf-8";
/****************************************************************************
* 																			*
* This CSS contains	content styles in middle content area					*
* ---------------------------												*
* Author:			Calvin Yau (calvin.yau@heathwallace.com)				*
* Version:			1.4														*
* Updated:			24 Aug 2009												*
* 																			*
* **************************************************************************/
/* style copied from RTA */
.headerlangformatting { direction: rtl; }
/* Generic styles for formatting row and column */
div.nolRow { height:1%; }
div.nolRow:after { visibility:hidden; display:block; content:"."; clear:both; height:0; }
div.nolCol00 { float:left; width:366px; }
div.nolCol01 { float:left; width:244px; }
div.nolCol02 { float:left; width:732px; }
div.nolCol03 { float:left; width:170px; }
div.nolCol04 { float:left; width:562px; }
div.nolCol05 { float:left; width:280px; }
div.nolCol06 { float:left; width:180px; }
div.nolCol07 { float:left; width:265px; }
div.nolCol08 { float:left; width:450px; }
div.nolCol09 { float:left; width:215px; }
div.nolCol10 { float:left; width:960px; }
div.nolCol11 { float:left; width:726px; }
div.nolCol12 { float:left; width:245px; }
div.nolCol13 { float:left; width:235px; }
div.nolCol14 { float:left; width:715px; }
div.nolCol16 { float:left; width:362px; }
div.nolCol17 { float:left; width:353px; }
div.nolCol18 { float:left; width:165px; }
div.nolCol19 { float:left; width:470px; }
div.nolCol20 { float:left; width:49.9%; }
div.nolCol22 { float:left; width:80px; } /* For our Form */
div.nolCol23 { float:left; width:652px; } /* For our Form */
div.nolCol24 { float:left; width:455px; } /* For Login Form */
div.nolCol25 { float:left; width:200px; } /* For Login Form */
div.nolNav05 { padding:16px 0 0 10px; }

div.nolCol26 { float:left; width:132px; }
div.nolCol27 { float:left; width:224px; } /* For Login Form */

div.nolCol27 table tr td { font-size:80%;}

div.nolCol28 { float:left; }
div.nolCol28 span {font-size:80%;}

div.nolCol1001 { float:left; width:792px; } /*DEPLOYMENT 2*/
div.nolCol1002 { float:left; width:340px; } /*DEPLOYMENT 2*/
div.nolCol1003 { float:left; width:620px; } /*DEPLOYMENT 2*/
div.nolCol1004 { float:left; width:300px; } /*DEPLOYMENT 2*/
div.nolCol1005 { float:left; width:200px; } /*DEPLOYMENT 2*/
div.nolCol1006 { float:left; width:200px; } /*DEPLOYMENT 2*/
div.nolCol1007 { float:left; width:320px; } /*DEPLOYMENT 2*/

div.nolCol1008 { float:left; width:180px; }
div.nolCol1009 {float:left;  width:160px; }

div.nolCol29 { float:left; width:48%; }
div.nolCol30 { float:left; width:4%; }

div.nolCol31 { float:left; width:10%; }
div.nolCol32 { float:left; width:85%; }

div.nolCol33 { float:left; width:40%; }
div.nolCol34 { float:left; }
div.nolCol35 { float:left; width:55%; }




/****** for our form ********/
div.nolCol21 { float:left; width:100%; }


/* Button style 00 */
a.button00 { display: block; height: 1%; float: left; background: #0d2390 url("../images/content/button00a.gif") left top no-repeat; color:#FFF; font-size: 75%; font-weight: bold; text-decoration: none; line-height: 1em; }
a.button00:hover { text-decoration: none; }
a.button00:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height:0; }
a.button00 span { display: block; cursor: pointer; }
a.button00 span { background:url("../images/content/button00b.gif") right top no-repeat; }
a.button00 span span { background:url("../images/content/button00c.gif") right bottom no-repeat; }
a.button00 span span span { background:url("../images/content/button00d.gif") left bottom no-repeat; padding: 5px 11px 6px 12px; }
a.button00BgWhite { background-image: url("../images/content/button00a-fff.gif"); }
a.button00BgWhite span { background-image: url("../images/content/button00b-fff.gif"); }
a.button00BgWhite span span { background-image: url("../images/content/button00c-fff.gif"); }
a.button00BgWhite span span span { background-image: url("../images/content/button00d-fff.gif"); }
a.button00BgLightBlue { background-image: url("../images/content/button00a-f4f4f4.gif"); }
a.button00BgLightBlue span { background-image: url("../images/content/button00b-f4f4f4.gif"); }
a.button00BgLightBlue span span { background-image: url("../images/content/button00c-f4f4f4.gif"); }
a.button00BgLightBlue span span span { background-image: url("../images/content/button00d-f4f4f4.gif"); }
/* Button style 01 */
a.button01 { display: block; height: 1%; float: left; background: #0d2390 url("../images/content/button01a.gif") left top no-repeat; color:#FFF; font-size: 62.5%; text-decoration: none; line-height: 1em; }
a.button01:hover { text-decoration: none; }
a.button01:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height:0; }
a.button01 span { display: block; }
a.button01 span { background:url("../images/content/button01b.gif") right top no-repeat; }
a.button01 span span { background:url("../images/content/button01c.gif") right bottom no-repeat; }
a.button01 span span span { background:url("../images/content/button01d.gif") left bottom no-repeat; padding: 5px 9px 6px 10px; }

/* Button style 02 */
a.button02 { display: block; height: 1%; float: left; background: #0d2390 url("../images/content/button01a.gif") left top no-repeat; color:#FFF; font-size: 75%; font-weight: bold; text-decoration: none; line-height: 1em; }
a.button02:hover { text-decoration: none; }
a.button02:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height:0; }
a.button02 span { display: block; }
a.button02 span { background:url("../images/content/button01b.gif") right top no-repeat; }
a.button02 span span { background:url("../images/content/button01c.gif") right bottom no-repeat; }
a.button02 span span span { background:url("../images/content/button01d.gif") left bottom no-repeat; padding: 5px 9px 6px 10px; }


/* Button style 03 - fix width button */
a.button03 { display: block; height: 1%; float: left; background: #0d2390 url("../images/content/button01a.gif") left top no-repeat; color:#FFF; font-size: 75%; font-weight: bold; text-decoration: none; line-height: 1.3em; }
a.button03:hover { text-decoration: none; cursor: pointer;}
a.button03:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height:0; }
a.button03 span { display: block; }
a.button03 span { background:url("../images/content/button01b.gif") right top no-repeat; }
a.button03 span span { background:url("../images/content/button01c.gif") right bottom no-repeat; }
a.button03 span span span { background:url("../images/content/button01d.gif") left bottom no-repeat; padding: 5px 5px 6px 5px; text-align:center; width:150px;}

/* Container style 01 */
.nolContainerStyle01 { min-height: 332px; background: url(/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/1/en/1.0_title1img1) 10px 18px no-repeat; }
/* Container style 02 */
.nolContainerStyle02 { }
.nolContainerStyle02Ext01 { padding: 13px 0 0 30px; }
.nolContainerStyle02Ext02 { padding: 13px 0 0 20px; }
.nolContainerStyle02Wrapper01 { background: #f4f4f4 url(../images/content/nolContainerStyle02a.gif) left top no-repeat; }
.nolContainerStyle02Wrapper02 { background: url(../images/content/nolContainerStyle02b.gif) right top no-repeat; }
.nolContainerStyle02Wrapper03 { background: url(../images/content/nolContainerStyle02c.gif) right bottom no-repeat; }
.nolContainerStyle02Wrapper04 { background: url(../images/content/nolContainerStyle02d.gif) left bottom no-repeat; }
/* Content style 00 */
div.nolContentStyle00 { background:url("../images/content/nolContentStyle00.gif") 0 bottom repeat-x; margin:16px 11px 0 10px; padding:00px 0 0; }
div.nolContentStyle00 div.nolContentStyle00a { background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/2/en/2.0_title1img1") left bottom no-repeat; }
div.nolContentStyle00 div.nolContentStyle00b { background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/2/en/2.0_title1img2") 710px 0px no-repeat; min-height:218px; padding:0 200px 0 345px; }
div.nolContentStyle00 div.nolContentStyle00b h1 { padding-top: 42px; }
div.nolContentStyle00c { background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/3/en/3.0_title1img1") 0 bottom no-repeat; min-height:180px; }
div.nolContentStyle00 h1 { font-size:175%; color:#2b4c84; font-weight:normal; line-height:0.9em; padding:0 0 12px 0; }
div.nolContentStyle00 p { font-size:131.25%; color:#2b4c84; }
div.nolContentStyle00c h1 { padding:0 500px 12px 20px; }
div.nolContentStyle00c p { padding:0 500px 0 20px; }
/* Content style 01 */
div.nolContentStyle01 { padding:17px 10px 0 20px; }
/* Modified By Yan */
/*div.nolContentStyle01a { background:url("../images/content/nolContentStyle01a.jpg") 10px 18px no-repeat; padding:125px 10px 0 30px; }*/
/*div.nolContentStyle01a { background:url("../images/content/nolContentStyle01a.jpg") 10px 18px no-repeat; padding:125px 10px 0 30px; }*/
div.nolContentStyle01a { padding:17px 0px 0 30px; }
/* End of Modified By Yan */
div.nolContentStyle01b { padding:17px 10px 0 30px; }
div.nolContentStyle01 h2 { font-size:100%; color:#2b4c84; padding:0 0 5px; }
div.nolContentStyle01 h3 { font-size:81.25%; color:#212020; padding:15px 0 5px; }
div.nolContentStyle01 p, div.nolContentStyle01 li { font-size:75%; color:#212020; line-height:150%; }
div.nolContentStyle01 p { padding:0 0 5px; }
div.nolContentStyle01 p.nolContentStyle01d { padding-left: 8px; }
div.nolContentStyle01 p.nolContentStyle01e { padding-left: 20px; }
/* Modified By Yan */
/*div.nolContentStyle01 a { color:#2b4c84; font-weight:bold; }*/
/*div.nolContentStyle01 a { color:#2b4c84; font-weight:bold; }*/
div.nolContentStyle01 a { color:#2b4c84; font-weight:normal; }
/* End of Modified By Yan */
div.nolContentStyle01 li { background:url("../images/content/nolContentStyle01li.gif") 0 8px no-repeat; padding:0 0 0 8px; }
div.nolContentStyle01c li { background: none; padding:0; }
div.nolContentStyle01c ol { margin: 0; }
div.nolContentStyle01 img.imgStyle00 { float:left; margin:0 20px 0 0; }
/* Content style 02 */
div.nolContentStyle02 { background:url("../images/content/nolContentStyle02.gif") left bottom no-repeat; padding:0 6px 8px 0; height: 1%; }
/*div.nolContentStyle02 div.nolContentStyle02a { background:url("../images/content/nolContentStyle02.gif") 0 0 no-repeat; position:relative; padding:20px 47px 8px 24px; height:1%; }*/
div.nolContentStyle02 div.nolContentStyle02a:after { visibility:hidden; display:block; content:"."; clear:both; height:0; }
div.nolContentStyle02 h2 { font-size:100%; color:#212020; padding:20px 30px 5px 0; }
div.nolContentStyle02 p { font-size:75%; color:#212020; padding:0 50px 11px 0; line-height:150%; }
div.nolContentStyle02 p.nolContentStyle02b { padding:0 50px 4px 0; }
div.nolContentStyle02 p.nolContentStyle02c { padding:0 50px 0px 0; }
div.nolContentStyle02 p span { white-space: nowrap; }
div.nolContentStyle02 ul li { border-bottom: 1px solid #bfbfbf; padding: 4px 0 8px 0; font-size: 75%; line-height: 150%; }
div.nolContentStyle02 ul li.first { padding: 5px 0 8px 0; }
div.nolContentStyle02 ul li.last { border: none; padding: 7px 0 0px 0; }
div.nolContentStyle02 div.nolContentStyle02a { background: #FFFFFF url("../images/content/nolContentStyle02.gif") left 17px no-repeat; padding:17px 0 8px 24px; height:1%; position:relative; }
div.nolContentStyle02 div.decor00 { float: right; margin: -10px 10px 0 0; width:53px; height:51px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/2/en/2.0_img4") 0 0 no-repeat; }
div.nolContentStyle02 div.decor01 { float: right; margin: -10px 10px 0 0; width:75px; height:76px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/2/en/2.0_img5") 0 0 no-repeat; }
div.nolContentStyle02 div.decor02 { float: right; margin: -10px 10px 0 0; width:40px; height:70px; background:url("../images/content/share_mouse.png") 0 0 no-repeat; }
div.nolContentStyle02 div.decor03 { float: right; margin: -10px 12px 0 0; width:51px; height:61px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/share/en/contactus") 0 0 no-repeat; }
div.nolContentStyle02 div.decor04 { float: right; margin: -10px 10px 0 0; width:49px; height:75px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/2/en/2.2.0_img2") 0 0 no-repeat; }
div.nolContentStyle02 div.decor05 { float: right; margin: -10px 10px 0 0; width:57px; height:89px; background:url("../images/content/share_magnifier.png") 0 0 no-repeat; }
div.nolContentStyle02 div.decor06 { float: right; margin: -10px 20px 0 0; width:82px; height:63px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/2/en/2.1_img3") 0 0 no-repeat; }
div.nolContentStyle02 div.decor07 { float: right; margin: -10px -20px 0 0; width:82px; height:63px; background:url("../images/content/decor07.png") 0 0 no-repeat; }/*DEPLOYMENT 2 - NOTEPAD*/

div.nolContentStyle02 div.decor10 { float: right; margin: -10px 10px 0 0; width:53px; height:51px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/2/en/2.2.0_img4") 0 0 no-repeat; }
div.nolContentStyle02 div.decor11 { float: right; margin: -10px 10px 0 0; width:75px; height:76px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/2/en/2.4.4_img3") 0 0 no-repeat; }
div.nolContentStyle02 div.decor12 { float: right; margin: -10px 10px 0 0; width:49px; height:75px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/share/en/helptips") 0 0 no-repeat; }

div.nolContentStyle02 div.promo01 { float: right; margin: -10px 10px 0 0; width:40px; height:70px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/share/en/promo1") 0 0 no-repeat; }
div.nolContentStyle02 div.promo02 { float: right; margin: -10px 10px 0 0; width:40px; height:70px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/share/en/promo2") 0 0 no-repeat; }
div.nolContentStyle02 div.promo03 { float: right; margin: -10px 10px 0 0; width:40px; height:70px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/share/en/promo3") 0 0 no-repeat; }
div.nolContentStyle02 div.promo04 { float: right; margin: -10px 10px 0 0; width:40px; height:70px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/share/en/promo4") 0 0 no-repeat; }
div.nolContentStyle02 div.promo05 { float: right; margin: -10px 10px 0 0; width:40px; height:70px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/share/en/promo5") 0 0 no-repeat; }
div.nolContentStyle02 div.promo06 { float: right; margin: -10px 10px 0 0; width:40px; height:70px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/share/en/promo6") 0 0 no-repeat; }
div.nolContentStyle02 div.promo07 { float: right; margin: -10px 10px 0 0; width:40px; height:70px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/share/en/promo7") 0 0 no-repeat; }
div.nolContentStyle02 div.promo08 { float: right; margin: -10px 10px 0 0; width:40px; height:70px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/share/en/promo8") 0 0 no-repeat; }

div.nolContentStyle02 div.notice01 { float: right; margin: -10px 10px 0 0; width:57px; height:89px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/3/en/3.1.2_img2") 0 0 no-repeat; }
div.nolContentStyle02 div.notice02 { float: right; margin: -10px 10px 0 0; width:57px; height:89px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/3/en/3.1.3_img2") 0 0 no-repeat; }
div.nolContentStyle02 div.notice03 { float: right; margin: -10px 10px 0 0; width:57px; height:89px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/3/en/3.1.4_img2") 0 0 no-repeat; }
div.nolContentStyle02 div.notice04 { float: right; margin: -10px 10px 0 0; width:57px; height:89px; background:url("/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/3/en/3.1.5_img2") 0 0 no-repeat; }




div.nolContentStyle02 div.nolContentStyle02a ul { padding-right: 45px; }
/* Content style 03 */
div.nolContentStyle03 { padding: 10px 0 20px; }
div.nolContentStyle03, div.nolContentStyle03 div { height:1%; }
div.nolContentStyle03:after, div.nolContentStyle03 div:after { visibility:hidden; display:block; content:"."; clear:both; height:0; }
div.nolContentStyle03 div { float: right; padding-right: 17px; }
div.nolContentStyle03 ul { float:right; }
div.nolContentStyle03 ul li { float:left; margin:0 16px 0 0; }
div.nolContentStyle03 div strong { font-size:75%; display: block; float: left; padding: 5px 20px 0 0; }
/* Content style 04*/
div.nolContentStyle04 /* note - this contains columns */ { padding:0px 0 0 0; margin: 0 17px 10px 30px; background: #f4f4f4 url(/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/3/en/3.0_img6) left top no-repeat; }
div.nolContentStyle04Wrapper { background: #f4f4f4 url(/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/3/en/3.0_img7) left bottom no-repeat; }
div.nolContentStyle04 h2 { font-size:100%; color:#2b4c84; padding:17px 0 15px 20px; }
div.nolContentStyle04 h2 span { font-size:75%; color:#212020; font-weight:normal; }
div.nolContentStyle04 h3 { font-size:87.5%; color:#2b4c84; padding:10px 0 5px 0; }
div.nolContentStyle04 p { font-size:75%; color:#212020; line-height:150%; }
div.nolContentStyle04 a { color:#2b4c84; font-weight:bold; }
div.nolContentStyle04 div.nolContentStyle04a { padding:48px 0 12px 20px; background: url(/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/3/en/3.0_img6) 20px top no-repeat; }
div.nolContentStyle04 div.nolContentStyle04b { padding:48px 0 12px 20px; background: url(/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/3/en/3.0_img7) 20px top no-repeat; }
div.nolContentStyle04 div.nolContentStyle04c { padding:48px 0 12px 20px; background: url(/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/3/en/3.0_img9) 20px top no-repeat; }
div.nolContentStyle04 div.nolContentStyle04d { padding:48px 0 12px 20px; background: url(/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/3/en/3.0_img10) 20px top no-repeat; }

/** Added By Yan Chiu**/
div.nolContentStyle04 div.nolContentStyle04e { padding:48px 0 12px 20px; background: url(/RtaPortalEARToolSupport/ShowDoc/StaticContentRepository1/images/3/en/3.0_img8) 20px top no-repeat; }

div.nolContentStyle04 div.nolContentStyle04a img { float:right; margin:0 0 5px 5px; }
/* Content style 06 */

/****** for our form*****/
div.nolContentStyle06 { padding:16px 0 0px 0; }
div.nolContentStyle06 h1 { font-size:175%; color:#2b4c84; font-weight:normal; }
div.nolContentStyle06 h2 { font-size:131.25%; color:#2b4c84; font-weight:normal; }
div.nolContentStyle06 h3 { font-size:90%; color:#000000; font-weight:normal; margin-top:10px; }
div.nolContentStyle06 h3 ul li {display: inline; font-size:75%; }
div.nolContentStyle06 h3 ul li.selected { font-size:90%; color:#000000; font-weight:bold; margin-top:10px;}
/****** for our form*****/

/* Content style 07 */
div.nolContentStyle07 { padding:0 17px 0 0; }
div.nolContentStyle07Ext01 { padding: 0 17px 0 30px; }
div.nolContentStyle07a { height:1%; padding:20px 0 20px 20px; }
div.nolContentStyle07a:after { visibility:hidden; display:block; content:"."; clear:both; height:0; }
/*
div.nolContentStyle07a div.nolContentStyle07a1 { float:left; width:256px; background: url(../images/content/2.3.0_img01.jpg) top 10px no-repeat; padding: 90px 0 0 10px; }
div.nolContentStyle07Ext01 div.nolContentStyle07a div.nolContentStyle07a1 { width:221px; background: url(../images/content/3.2_img01.jpg) top left no-repeat; padding-top: 118px; }
div.nolContentStyle07a div.nolContentStyle07a2 { float:left; width:256px; background: url(../images/content/2.3.0_img02.jpg) top left no-repeat; padding: 90px 0 0 0; }
div.nolContentStyle07Ext01 div.nolContentStyle07a div.nolContentStyle07a2 { width:221px; background: url(../images/content/3.2_img02.jpg) top left no-repeat; padding-top: 118px; }
div.nolContentStyle07a div.nolContentStyle07a3 { float:left; width:256px; background: url(../images/content/2.3.0_img03.jpg) 20px 10px no-repeat; padding: 90px 0 0 10px; }
div.nolContentStyle07Ext01 div.nolContentStyle07a div.nolContentStyle07a3 { width:221px; background: url(../images/content/3.2_img03.jpg) top left no-repeat; padding-top: 118px; }

div.nolContentStyle07a div.nolContentStyle07a4 { float:left; width:256px; background: url(../images/content/2.3.0_img03.jpg) 10px left no-repeat; padding: 90px 0 0 0; }
div.nolContentStyle07Ext01 div.nolContentStyle07a div.nolContentStyle07a4 { width:221px; background: url(../images/content/3.2_img03.jpg) top left no-repeat; padding-top: 118px; }
*/