/* DIRECTION ---> */
/*  => BODY.std, BODY.DSC */
/*  => Name of .DSC_rightClick, .DSC_rightClick_bot, .SVM_rightClick*/
/*  => .DSC_mnu: always left: 0px; */
/* <--- DIRECTION */

/* TYPOGRAPHY */
@font-face 		{font-family: 'Opificio_regular'; font-weight: normal; font-style: normal; src: url('/fonts/Opificio_regular.eot'); src: local('☺'), url('/fonts/Opificio_regular.woff') format('woff'), url('/fonts/Opificio_regular.ttf') format('truetype'), url('/fonts/Opificio_regular.svg') format('svg');}
@font-face 		{font-family: 'Opificio_light'; font-weight: normal; font-style: normal; src: url('/fonts/Opificio_light.eot'); src: local('☺'), url('/fonts/Opificio_light.woff') format('woff'), url('/fonts/Opificio_light.ttf') format('truetype'), url('/fonts/Opificio_light.svg') format('svg');}

/* STANDARD */
BODY.std		{height: 100%; width: 100%; background-color: #FCFCFC; margin: 0px; font-family: Opificio_regular; direction: ltr;}
FORM			{margin: 0px;}
IMG			{border: 0px;}
SELECT.std		{background-color: #FFFFFF; font-size: 0.9em; border: 1px solid #BCCDF0; padding-left: 2px;}
UL				{
	list-style-type: square; list-style-position: outside; 
	/* list-style-image: url(../../images/li_blu.gif); */
	font-family: Opificio_regular; font-size: 0.9em; margin-top: 0px; margin-bottom: 0px;}
UL.fmtX			{list-style-type: square; list-style-position: outside; list-style-image: url(../../images/li_ylw.gif); font-family: Opificio_regular; font-size: 0.9em; margin-top: 0px; margin-bottom: 0px;}
H4			{margin-bottom: 0px;}
A.noDeco		{text-decoration: none;}
.std1			{font-family: Opificio_regular; font-size: 1.0em;}
.std11			{font-family: Opificio_regular; font-size: 1.1em;}
.std12			{font-family: Opificio_regular; font-size: 1.2em;}
.std, .std_r		{font-family: Opificio_regular; font-size: 0.9em;}
.std_fl			{float: left;}
.std_fr			{float: right;}
.std_r			{text-align: right;}
.std_b			{font-weight: bold;}
.std_small			{font-family: Opificio_regular; font-size: 0.8em;}
.Hdr, .HdrA		{font-family: Opificio_regular; font-size: 1.1em; font-weight: bold;}
.HdrA			{padding-top: 10px;}
.Hdr2			{font-family: Opificio_regular; font-size: 1.2em; font-weight: bold;}
.hand			{cursor: hand; cursor: pointer;}
.crsdft			{cursor: default;}
.info				{color: #0000FF;}
.warn			{color: #AA0000;}
.error			{background-color: #F3F47E;}
.blackgrey			{color: #151515;}
.grey				{color: #606060;}
.light				{color: #999999;}
.reference			{color: #5C65E0;}
.but			{cursor: pointer;
    border-radius: 1em;
    height: 2.4em;
    box-shadow: 2px 2px 20px 1px #606060;
    padding: 0.3em 1em 0.3em 1em;
    background-color: #cccccc;
    color: #303030;
    font-weight: 600;
    font-family: verdana;
    border: 1px solid;}	
.sbm				{margin-left: 15px}	
.right			{text-align: right;}
.left				{text-align: left;}
.center			{text-align: center;}
.nodsp			{display: none;}
.vtop				{vertical-align: top;}
.vmiddle			{vertical-align: middle;}
.nowrap			{white-space: nowrap;}
DIV.ExtShr		{text-align: right; font-size: 0.9em; line-height: 14px; color: #900000; font-weight: bold; float: right;}
IMG.ExtShr		{margin-top: 0px; margin-left: 5px; margin-right: 1px; float: right; width: 13px; height: 12px;}
.sup, .sub			{height: 0; line-height: 1; font-size: 0.9em; vertical-align: baseline; _vertical-align: bottom; position: relative; }
.sup				{bottom: 0.7ex;}
.sub				{top: 0.3ex;}
.Cite 			{font-size: 0.8em; font-family: Arial, Helvetica; text-align: left; color: #606060;}
IMG.opnicn		{margin-left: 20px; float: left; height: 20px;}
.hrz_line, .hrz_line_grey
				{height: 1px; line-height: 1px; border-bottom: 1px solid #151515; padding-top: 3px;}
.hrz_line_grey		{border-bottom: 1px solid #999999;}
.shw_var			{color: #151515; font-size: 12px; margin-top: 5px; margin-bottom: 5px; text-align: left; background-color: #FFFFC0; direction: ltr; font-family: Verdana;}

SELECT.lng		{position: relative; bottom: 0px; height: 15px; line-height: 15px; width: 100px; margin-right: 30px; margin-top: 12px; background-color: #FFFFFF; color: #151515; border: 0px; font-size: 0.8em; }
IMG.ac			{float: right; margin-top: 2px; margin-right: 2px;}
INPUT			{border: 1px solid #BCCDF0; padding-left: 3px; padding-right: 3px;}
INPUT.chkbox		{border: 1px solid #BCCDF0; margin-left: 0px; margin-right: 0px;}
INPUT.radio		{border: 1px solid #BCCDF0; margin-left: 0px; margin-right: 3px;}
SELECT			{border: 1px solid #BCCDF0;}
TEXTAREA			{border: 1px solid #BCCDF0;}

/* ====> background: rgba(244,247,252,0.70); */
.CNT_layer2		{background-color: #F4F7FC; filter: alpha(opacity=70); opacity: 0.70; visibility: hidden; position: absolute; left: 0px; top: 0px;}
.CNT_layerX		{visibility: hidden; position: absolute; left: 0px; top: 0px;}
.CNTall			{width: 100%; height: 0px; overflow: hidden; position: relative;}
.CNTall_wdg		{width: 100%; height: 100%; overflow: hidden; position: relative;}
.CNTall_tool		{width: 100%; position: relative;}
.CNTall_bg0		{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: -1;}
.CNTall_bg1		{padding-top: 0px; padding-left: 0px;}
.CNTall_bg2		{width: 100%; min-width: 100%; max-width: 100%; min-height: 100%;}
.CNTtop			{height: 0px;}
.CNTtop_tools		{height: 30px;}
.CNTbot			{clear: both; height: 0px; line-height: 0px; margin-bottom: 0px;}
.CNTnav			{width: 200px; height: 0px; overflow: hidden; float: left; border-right: 1px solid #999999; padding-left: 0px;}
.CNTnav_std		{width: 0px; height: 0px; overflow: hidden; float: left; background-color: #DDE4EB; border-right: 1px solid #999999; padding-left: 0px; filter: alpha(opacity=85); opacity: 0.85;}
.CNTnav_text		{width: 30%; height: 0px; float: left; padding-left: 0px;}
.CNTnav_text0		{position: relative; height: 70%; margin-top: 25px; border-right: 1px solid #CC0000; overflow: auto; padding-top: 25%; padding-right: 30px;}
.CNTnav_text01	{width: 100%; text-align: right; padding-right: 20px; font-weight: bold; font-size: 1.6em;}
.CNTnav_text02	{font-weightX: bold; width: 100%; text-align: right; margin-top: 20px; font-size: 1.2em; line-height: 25px;}
.CNTnav_lgin		{width: 200px; height: 0px; overflow: auto; float: left;}
.CNTnav_mpr		{width: 295px; height: 0px; overflow: hidden; float: left; color: #F6F5F0;}
.CNTinfo			{width: 0px; height: 0px; float: left; overflow: scroll; line-height: 25px; font-size: 1.2em;}
.CNTinfo_lgin		{width: 0px; height: 0px; float: left; overflow: scroll; line-height: 25px; font-size: 1.2em;}
.CNTinfo2			{padding-left: 5%; padding-right: 5%;}
.CNTinfo2_nav		{padding-left: 10px; padding-right: 10px;}
.CNTinfo2_mpr		{padding-left: 0px; padding-right: 0px;}
.CNTtxt			{padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}
H2.title			{font-weight: normal; margin-bottom: 3px; margin-top: 5px; font-size: 1.3em; letter-spacing: 2px; padding-left: 3px;}
DIV.title			{border-bottom: 1px solid #664800; padding-left: 2px; letter-spacing: 2px; margin-bottom: 5px;}
H2.title_base		{font-family: Opificio_light; font-weight: normal; margin-bottom: 20px;  font-size: 2.0em; letter-spacing: 2px;}
DIV.title_base		{border-bottom: 0px solid #151515; margin-top: 40px; margin-bottom: 20px; text-align: center;}
DIV.onlcode		{display: inline}
DIV.footer_index	{clear: both; position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; height: 25px; color: #F3F3F3; font-size: 0.9em;}
DIV.footer_text, DIV.footer_tools
				{clear: both; position: absolute; bottom: 0px; color: #151515; width: 100%; text-align: center; font-size: 0.9em; height: 25px;}
DIV.footer_0		{position: relative; top: 0px; left: 0px; height: 25px; width: 100%;}
DIV.footer_1		{text-align: center; position: absolute; top: 6px; left: 0px; height: 15px; width: 100%; font-size: 0.9em;}
DIV.copyr			{padding-top: 4px; padding-right: 10px; padding-left: 20px; font-size: 0.8em; float: right; font-family: Arial;}
DIV.timelcl		{color: #BAC9E8; padding-right: 10px; font-size: 0.8em; height: 18px; line-height: 18px; overflow: hidden;}
/* <<<<<<<< message */
.CNThelp			{visibility: hidden; position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; border: 1px solid #606060; background-color: #F6F5F0; background-size: 100% auto; background-repeat: no-repeat;}
.CNThelp0		{color: #EEEEEE; font-size: 1.0em; font-weight: 600; padding-right: 2px; padding-left: 7px; line-height: 18px; background-color: #404040; border-bottom: 0px solid #26448C;}
.CNThelp00		{height: 18px;}
.CNThelp_hdr 		{float: left;}
.CNThelp1		{height: 100%; width: 100%; overflow: auto; clear: both;}
.CNTwiki			{visibility: hidden; position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; border: 1px solid #606060; background-color: #F6F5F0; background-size: 100% auto; background-repeat: no-repeat;}
.CNTwiki0			{color: #EEEEEE; font-size: 1.0em; font-weight: 600; padding-right: 2px; padding-left: 7px; line-height: 18px;  background-color: #404040; border-bottom: 0px solid #26448C;}
.CNTwiki00		{height: 18px;}
.CNTwiki_hdr 		{float: left;}
.CNTwiki1			{height: 100%; width: 100%; overflow: auto; clear: both;}
.CNTodm			{visibility: hidden; position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; border: 1px solid #606060; background-color: #F6F5F0; background-size: 100% auto; background-repeat: no-repeat; overflow: hidden;}
.CNTodm0		{color: #EEEEEE; font-size: 1.0em; font-weight: 600; padding-right: 2px; padding-left: 7px; line-height: 19px; background-color: #404040; border-bottom: 0px solid #26448C;}
.CNTodm00		{height: 19px;}
.CNTodm_hdr 		{float: left;}
/*.CNTodm_bg		{filter: alpha(opacity=8); opacity: 0.08; width: 100%; min-width: 100%; max-width: 100%; min-height: 100%; position: absolute; top: 0%; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: -1;} */
.CNTodm1		{height: 100%; width: 100%; overflow: auto; clear: both;}
.CNTodminfo2		{padding-top: 5px; padding-left: 10px; padding-right: 10px;}
.CNTadr			{visibility: hidden; position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; border: 1px solid #E0E0E0; background-color: #F4F7FC; overflow: hidden;}
.CNTadr0			{color: #EEEEEE; font-size: 1.0em; font-weight: 600; padding-right: 2px; padding-left: 7px; line-height: 22px; background-color: #404040; border-bottom: 0px solid #26448C;}
.CNTadr00		{height: 22px;}
.CNTadr_hdr 		{float: left;}
.CNTadr1			{display: inline-block; height: 100%; width: 100%;  overflow: auto; clear: both;}
.CNTadr2			{display: none; height: 100%; width: 50%;  overflow: auto;}
.CNTbsk			{visibility: hidden; position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; border: 1px solid #606060; background-color: #F6F5F0; background-size: 100% auto; background-repeat: no-repeat;}
.CNTbsk0			{color: #EEEEEE; font-size: 1.0em; font-weight: 600; padding-right: 2px; padding-left: 7px; line-height: 18px; background-color: #404040; border-bottom: 0px solid #26448C; overflow: hidden;}
.CNTbsk00		{height: 18px;}
.CNTbsk_hdr 		{float: left;}
.CNTbsk1			{height: 100%; width: 100%; overflow: auto; clear: both;}

/* TEXT */
SPAN.t0c0			{width: 200px;}
SPAN.t0c1			{width: 100px;}

/* Address */
IMG.adrsel		{margin-left: 20px; float: left; height: 20px;}
IMG.adrrmv		{margin-left: 20px; float: left; height: 20px;}

/* Search */
DIV.srch0			{background-color: #9C9E9B; color: #EEEEEE; height: 24px; margin-top: 1px;}
FORM.srch0		{padding-left: 7px;}
INPUT.srch0		{height: 18px; width: 142px; font-size: 11px; color: #9C9E9B; padding-left: 2px;}
IMG.srch0			{margin-left: 5px; margin-top: 2px; width: 26px; height: 19px;}


/* Tasks */
DIV.tasks 			{position: absolute; left: 0px; top: 3px; height: 19px; width: 100%;}
SPAN.task_cnt0		{margin-left: 3px; font-size: 0.8em;}
SPAN.task_cnt1, SPAN.task_cnt1_focus, SPAN.task_cnt1_ylw
				{display: inline-block; height: 19px;}
SPAN.task_cnt1		{background-image: url('../../images/task_01.png'); background-repeat: repeat-x;}
SPAN.task_cnt1_focus
				{background-image: url('../../images/task_01_gry.png'); background-repeat: repeat-x;}
SPAN.task_cnt1_ylw
				{background-image: url('../../images/task_01_ylw.png'); background-repeat: repeat-x;}
SPAN.task_btn_l, SPAN.task_btn_l_focus, SPAN.task_btn_l_ylw
				{display: block; float: left; width: 2px; height: 19px;}
SPAN.task_btn_l	{background-image: url('../../images/task_00.png'); background-repeat: no-repeat;}
SPAN.task_btn_l_focus
				{background-image: url('../../images/task_00_gry.png'); background-repeat: no-repeat;}
SPAN.task_btn_l_ylw	{background-image: url('../../images/task_00_ylw.png'); background-repeat: no-repeat;}
SPAN.task_btn_r, SPAN.task_btn_r_focus, SPAN.task_btn_r_ylw
				{display: block; float: left; width: 2px; height: 19px;}
SPAN.task_btn_r	{background-image: url('../../images/task_02.png'); background-repeat: no-repeat;}
SPAN.task_btn_r_focus
				{background-image: url('../../images/task_02_gry.png'); background-repeat: no-repeat;}
SPAN.task_btn_r_ylw	{background-image: url('../../images/task_02_ylw.png'); background-repeat: no-repeat;}
SPAN.task_btn, SPAN.task_btn_focus, SPAN.task_btn_ylw
				{display: block; float: left; height: 19px; padding-top: 2px; padding-left: 10px; padding-right: 10px; text-align: left;}
SPAN.task_btn		{color: #BAC9E8;}
SPAN.task_btn_focus	{color: #424548;}
SPAN.task_btn_ylw	{color: #424548;}


/* Menu */
DIV.Mnu			{background-color: #00074C; width: 604px; height: 27px;}
DIV.Mnu_ina1, DIV.Mnu_act1
				{font-family: Opificio_regular; font-size: 12px; line-height: 27px; height: 27px; padding-left: 6px; padding-right: 6px; float: left;}
DIV.Mnu_ina0		{padding-left: 1px; float: left; margin-right: 5px;}
DIV.Mnu_ina1		{background-color: #00074C;}
A.Mnu_ina:link, A.Mnu_ina:hover, A.Mnu_ina:visited
				{text-decoration: none; color: #101010;}
DIV.Mnu_act0		{float: left; color: #FFFFFF; line-height: 27px; height: 27px; margin-right: 5px;}
DIV.Mnu_act1		{background-color: #A2020E; font-weight: bold;}
A.Mnu_act:link, A.Mnu_act:hover, A.Mnu_act:visited
				{text-decoration: none; color: #101010;}


/* Side Menu */
DIV.SMnuPlus_B0	{visibility: visible; width: 30px; height: 65px; position: absolute; bottom: 30px; left: 0px; text-align: center;}
DIV.SMnuPlus_B1	{background-image: url('../../images/SMnu_plus_0.png');}
DIV.SMnuPlus_B2	{visibility: hidden; -webkit-animation: SMnuPlus_B; animation: SMnuPlus_B; -webkit-animation-delay: 7s; animation-delay: 7s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
@-webkit-keyframes SMnuPlus_B
				{100% {visibility: visible;}}
@keyframes SMnuPlus_B
				{100% {visibility: visible;}}
DIV.SMnuPlus_C00	{display: inline-block; background: #F0F0F0; padding: 20px; font-family: Opificio_light; color: #393939; font-size: 14px; position: absolute; left: 100px; bottom: 70px; overflow: hidden; box-shadow: 8px 8px 8px #202020; line-height: 20px;}
DIV.SMnuPlus_C01	{-webkit-animation: SMnuPlus_C; animation: SMnuPlus_C; -webkit-animation-delay: 5s; animation-delay: 5s; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
@-webkit-keyframes SMnuPlus_C
				{0% {left: 100px; bottom: 70px;} 8% {left: 100px; bottom: 30px;} 100% {left: -100%; bottom: 30px;}}
@keyframes SMnuPlus_C
				{0% {left: 100px; bottom: 70px;} 8% {left: 100px; bottom: 30px;} 100% {left: -100%; bottom: 30px;}}
A.SMnuPlus_C:link, A.SMnuPlus_C:hover, A.SMnuPlus_C:visited
				{color: #393939;}
DIV.SMnu_hide		{background-image: url('../../images/SMnu_hide_0.png');}


/* Message */
DIV.Msg			{margin-top: 5px; margin-bottom: 5px;}
DIV.Msg_1		{line-height: 17px; font-size: 12px; padding-left: 5px; padding-right: 5px;}
IMG.Msg			{width: 16px; height: 16px; margin-right: 10px; margin-top: 1px;}


/* Navigation */
DIV.Nav			{width: 100%; font-size: 11px; margin-top: 5px;}
DIV.Nav_e			{margin-top: 10px; margin-bottom: 0px; padding-left: 10px; height: 18px; line-height: 18px; font-size: 12px; font-weight: bold; color: #5E7384;}
A.nav, A.nav_act	{text-decoration: none;}
A.nav:hover		{font-size: 1.3em; padding-right: 3px;}
A.nav_act			{font-size: 1.3em; padding-right: 3px; color: #E12D2D;}
/* A.Nav_act:link, A.Nav_act:hover, A.Nav_act:visited
				{font-weight: bold; color: #FFFFFF; text-decoration: none;} *
/* .Nav_act			{line-height: 18px; font-size: 1.0em; font-weight: normal; color: #FFFFFF;} */
/* .Nav_act0			{width: 100%;} */
DIV.Nav_act1		{margin-bottom: 1px; padding-left: 20px; background-color: #3875D7;}
A.Nav_ina:link, A.Nav_ina:hover, A.Nav_ina:visited
				{color: #151515; text-decoration: none;}
.Nav_ina			{line-height: 18px; font-size: 1.0em; color: #151515;}
.Nav_ina0			{width: 100%;}
DIV.Nav_ina1		{margin-bottom: 1px; padding-left: 20px;}
IMG.Nav_pm		{float: left; width: 10px; height: 16px;}

/* Drag 'n' Drop */
DIV.DnD_mrk		{position: absolute; left: 0px; top: 0px; height: 3px; width: 50px; overflow: hidden;}
DIV.DnD_mve		{position: absolute; left: 0px; top: 0px; overflow: auto; border: 1px solid #BBBBBB; padding: 5px; background-color: #FFFFFF; font-size: 12px; line-height: 12px;}

