/* library/css/css_web_marine.css
 *
 * Created by https://innavong.com/adm/template/
 * innavong/model/adm/template_model.php
 * on 01/01/2025 08:20:23
 *
 */
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	font-family: Arial;
	font-size: 11px;
	color: #1B019B;
	text-decoration:none;
}



/* AUTO */

.this_bg {color:#ffd700; background-color:#1B019B}
.this_bg a {color:#ffd700; float:left; }
.this_bg span {color:#ffd700; float:left; }

.is_ea_img {color:#249186; outline:3px solid #249186; outline-offset:-3px}
.is_ea_txtb {color:#40E0D0; background-color:#249186;}
.is_now_img {color:#EBE6E6; outline:3px solid #EBE6E6; outline-offset:-3px}
.is_now_txtb {color:#CCCCCC; background-color:#EBE6E6;}
.im_arine_img {color:#1B019B; outline:3px solid #1B019B; outline-offset:-3px}
.im_arine_txtb {color:#8066FF; background-color:#1B019B;}
.ic_orn_img {color:#FF8C00; outline:3px solid #FF8C00; outline-offset:-3px}
.ic_orn_txtb {color:#FFDE75; background-color:#FF8C00;}
.ic_hocolate_img {color:#5C2D13; outline:3px solid #5C2D13; outline-offset:-3px}
.ic_hocolate_txtb {color:#C86801; background-color:#5C2D13;}
.im_ourn_img {color:#000000; outline:3px solid #000000; outline-offset:-3px}
.im_ourn_txtb {color:#666666; background-color:#000000;}
.io_range_img {color:#FF6600; outline:3px solid #FF6600; outline-offset:-3px}
.io_range_txtb {color:#000000; background-color:#FF6600;}
.is_and_img {color:#C86801; outline:3px solid #C86801; outline-offset:-3px}
.is_and_txtb {color:#F7B670; background-color:#C86801;}
.is_almon_img {color:#B34A3E; outline:3px solid #B34A3E; outline-offset:-3px}
.is_almon_txtb {color:#FA8072; background-color:#B34A3E;}
.il_ove_img {color:#C45165; outline:3px solid #C45165; outline-offset:-3px}
.il_ove_txtb {color:#FFC0CB; background-color:#C45165;}
.ip_rune_img {color:#6E0057; outline:3px solid #6E0057; outline-offset:-3px}
.ip_rune_txtb {color:#F500C0; background-color:#6E0057;}
.is_ino_img {color:#A40505; outline:3px solid #A40505; outline-offset:-3px}
.is_ino_txtb {color:#EE0707; background-color:#A40505;}
.il_eaf_img {color:#005C16; outline:3px solid #005C16; outline-offset:-3px}
.il_eaf_txtb {color:#00E235; background-color:#005C16;}
.datas_ea {color:#249186;outline: 3px solid #249186;outline-offset: -3px}
.datas_now {color:#EBE6E6;outline: 3px solid #EBE6E6;outline-offset: -3px}
.datam_arine {color:#1B019B;outline: 3px solid #1B019B;outline-offset: -3px}
.datac_orn {color:#FF8C00;outline: 3px solid #FF8C00;outline-offset: -3px}
.datac_hocolate {color:#5C2D13;outline: 3px solid #5C2D13;outline-offset: -3px}
.datam_ourn {color:#000000;outline: 3px solid #000000;outline-offset: -3px}
.datao_range {color:#FF6600;outline: 3px solid #FF6600;outline-offset: -3px}
.datas_and {color:#C86801;outline: 3px solid #C86801;outline-offset: -3px}
.datas_almon {color:#B34A3E;outline: 3px solid #B34A3E;outline-offset: -3px}
.datal_ove {color:#C45165;outline: 3px solid #C45165;outline-offset: -3px}
.datap_rune {color:#6E0057;outline: 3px solid #6E0057;outline-offset: -3px}
.datas_ino {color:#A40505;outline: 3px solid #A40505;outline-offset: -3px}
.datal_eaf {color:#005C16;outline: 3px solid #005C16;outline-offset: -3px}
.texts_ea {color:#249186;}
.texts_now {color:#EBE6E6;}
.textm_arine {color:#1B019B;}
.textc_orn {color:#FF8C00;}
.textc_hocolate {color:#5C2D13;}
.textm_ourn {color:#000000;}
.texto_range {color:#FF6600;}
.texts_and {color:#C86801;}
.texts_almon {color:#B34A3E;}
.textl_ove {color:#C45165;}
.textp_rune {color:#6E0057;}
.texts_ino {color:#A40505;}
.textl_eaf {color:#005C16;}

.gridname_text_s_ea { width: 114px; height: 25px; padding: 5px 0px; position: absolute; bottom: 0px; color: #40E0D0; background-color: #249186; opacity: 0.9;line-height:90%;overflow:auto;max-height:25px}
.gridname_text_s_now { width: 114px; height: 25px; padding: 5px 0px; position: absolute; bottom: 0px; color: #000000; background-color: #EBE6E6; opacity: 0.9;line-height:90%;overflow:auto;max-height:25px}
.gridname_text_m_arine { width: 114px; height: 25px; padding: 5px 0px; position: absolute; bottom: 0px; color: #ffd700; background-color: #1B019B; opacity: 0.9;line-height:90%;overflow:auto;max-height:25px}
.gridname_text_c_orn { width: 114px; height: 25px; padding: 5px 0px; position: absolute; bottom: 0px; color: #000000; background-color: #FF8C00; opacity: 0.9;line-height:90%;overflow:auto;max-height:25px}
.gridname_text_c_hocolate { width: 114px; height: 25px; padding: 5px 0px; position: absolute; bottom: 0px; color: #ffffff; background-color: #5C2D13; opacity: 0.9;line-height:90%;overflow:auto;max-height:25px}
.gridname_text_m_ourn { width: 114px; height: 25px; padding: 5px 0px; position: absolute; bottom: 0px; color: #ffffff; background-color: #000000; opacity: 0.9;line-height:90%;overflow:auto;max-height:25px}
.gridname_text_o_range { width: 114px; height: 25px; padding: 5px 0px; position: absolute; bottom: 0px; color: #000000; background-color: #FF6600; opacity: 0.9;line-height:90%;overflow:auto;max-height:25px}
.gridname_text_s_and { width: 114px; height: 25px; padding: 5px 0px; position: absolute; bottom: 0px; color: #000000; background-color: #C86801; opacity: 0.9;line-height:90%;overflow:auto;max-height:25px}
.gridname_text_s_almon { width: 114px; height: 25px; padding: 5px 0px; position: absolute; bottom: 0px; color: #FFC0CB; background-color: #B34A3E; opacity: 0.9;line-height:90%;overflow:auto;max-height:25px}
.gridname_text_l_ove { width: 114px; height: 25px; padding: 5px 0px; position: absolute; bottom: 0px; color: #FFC0CB; background-color: #C45165; opacity: 0.9;line-height:90%;overflow:auto;max-height:25px}
.gridname_text_p_rune { width: 114px; height: 25px; padding: 5px 0px; position: absolute; bottom: 0px; color: #ffffff; background-color: #6E0057; opacity: 0.9;line-height:90%;overflow:auto;max-height:25px}
.gridname_text_s_ino { width: 114px; height: 25px; padding: 5px 0px; position: absolute; bottom: 0px; color: #ffffff; background-color: #A40505; opacity: 0.9;line-height:90%;overflow:auto;max-height:25px}
.gridname_text_l_eaf { width: 114px; height: 25px; padding: 5px 0px; position: absolute; bottom: 0px; color: #00E235; background-color: #005C16; opacity: 0.9;line-height:90%;overflow:auto;max-height:25px}

/* end AUTO */


ul{list-style-type:none; margin:0px; padding:0px}
input[type="text"], textarea {
	font-size: 11px; 
	padding-right:3px;
	padding-left:3px;
	font-family:Arial;
	width:90%;
	float:left;
 }
select {
	font-size: 11px; 
	font-family:Arial;
	width:98%;
	float:left;
 }
FORM {display:inline; margin:0}
.td_list_move {width:16px; padding-left:5px}

a:hover {text-decoration:underline}
img:hover	{
		opacity:0.7;
		transition: 0.5s ease-out;
		cursor: pointer;
	}
.ui-autocomplete { max-height: 200px; overflow-y: auto; padding-right: 1px}

.clear_here	{clear:both}

.marine_link_ok:hover									{color:#1B019B; text-decoration:underline}
.marine_text												{color:#1B019B}
.marine_background										{color:#8066FF}

.tabulator_left											{padding-left:10px}

/* FORM */
/******************************************************************************/
.err_obj												{background-color:#F2D7D5}

#myColor, #color_text, #color_background				{width:40px; text-align:center}
#myDate, #pk_id											{width:60px; text-align:center}
#myWebsite												{width:100%; color:#666666; border:1px solid #666666}
#is_ok, #fltOk, #infltOk, #outfltOk, #infltIsWdc, #outfltIsWdc, #fltLevel, #fltIsWebsite, #is_website, #is_wdc, #fltIsWdc, #is_shown_inlist, #fltIsShownInlist, #is_events_date_birth, #is_events_date_death											{width:50px}
.fYesNo, .fNum											{width:50px}
#listSortType											{width:90px}
#legal_structure										{width:52px}
#name_title												{width:50px; float:left}
#fk_email_val 											{text-transform:lowercase}
#date_birth_day											{width:40px}
#date_birth_month										{width:80px}
#fk_country, #fk_telephon_country, #fk_address_country	{width:250px}
#fk_telephon_type, #fk_email_type						{width:80px}
#fk_address_type,#fk_url_type							{width:90px}
#fk_address_post_code, #post_code						{width:40px}
#fk_address_1											{margin-bottom:2px}
#my_account_inlist										{padding-top:15px; padding-bottom:10px}

/*NEW*/
/* MAIN */
/******************************************************************************/
#webheader										{width:100%; z-index:2; position:fixed}
#webheader_main									{width:100%; height:20px; background-color:#8066FF; padding:5px 0px 5px 0px}
#webheader_logo									{float:left}
#webheader_saying								{float:right; margin-top:3px; padding-right: 5px}
#webheader_info									{width:100%; color:#1B019B; height:16px; padding:5px 0px 5px 0px; background-color:#f2f2f2}
#webheader_website								{float:left; padding-left: 5px}
#webheader_breadcrumb							{float:left; padding-top: 1px}
#webheader_login								{float:right; padding-right: 5px}
#webheader_loginobj								{font-size:11px; text-align:left; border:1px #1B019B solid; padding-left:3px; width:50px; height:12px; padding-right: 5px}
#webheader_loginbtn								{font-size:11px; text-align:center; border:1px #1B019B solid; padding-left:3px; width:50px; height:16px; color:#FFFFFF; font-weight:bold; background-color:#1B019B; padding-right: 5px}
#webheader_loginbtn:hover						{font-size:11px; text-align:center; padding-left:3px; width:50px; height:16px; color:#1B019B; font-weight:bold; background-color:#FFFFFF}
#webheader_tab									{width:100%}
.webcontent										{width:100%; padding:80px 0px 20px 0px; text-align:left;float:left}
.webcontent.bg									{background-color:#1B019B;}
#webfooter										{width:100%; color:#1B019B; text-align:right; height:16px; padding:5px 5px 5px 0px; background-color:#f2f2f2; position: fixed; bottom:0px}


.gallery_main									{width: 100%; margin: 0px; text-align: center; float: left;height:100%}
.gallery										{width: 100%; margin: 0; padding: 0; border: 0; vertical-align: baseline; float: left;height:100%}
.gallery ul										{margin: 0 auto; position: relative;}
.gallery ul li									{vertical-align: top; margin: 0px 20px 20px 0px; display: inline-block;}
.gallery .img_ko								{opacity: 0.4}	

.txt.flt										{color:#666666}

.frm											{width:94%; height:auto; margin-bottom:2px; float:left; padding:0px 5px 0px 5px}
.frm.act										{text-align:right; float:right; margin-bottom:20px}
.frm.flt										{color:#666666; text-align:left; float:left}
.frm.flt.section								{width:98%; border-bottom:2px solid #666666; padding:10px 0px 0px 0px}
.frm.flt input[type="text"]						{color:#666666; border:1px solid #666666}
.frm.flt select									{color:blue; border:1px solid #666666}

.frm.trt										{color:#9f0000; background-color:#f3f3f3; padding-bottom:5px}
.frm.trt input[type="text"]						{color:#9f0000; border:1px solid #9f0000}
.frm.trt select									{color:#9f0000; border:1px solid #9f0000}
.frm.trt h2										{color:#FFFFFF; background-color:#9f0000; font-weight:bold; padding:5px 0px 5px 5px; margin:0px -5px 10px -5px}

.frm.add										{color:#1B019B; background-color:#f3f3f3; text-align:left; float:left}
.frm.add input[type="text"]						{color:#1B019B; border:1px solid #1B019B}
.frm.add select									{color:#1B019B; border:1px solid #1B019B}
.frm.add h2										{color:#FFFFFF; background-color:#1B019B; font-weight:bold; padding:5px 0px 5px 5px; margin:0px -5px 10px -5px}

.frm.upd										{color:#8066FF; background-color:#f3f3f3; text-align:left; float:left}
.frm.upd input[type="text"]						{color:#8066FF; border:1px solid #8066FF}
.frm.upd select									{color:#8066FF; border:1px solid #8066FF}
.frm.upd h2										{color:#FFFFFF; background-color:#8066FF; font-weight:bold; padding:5px 0px 5px 5px; margin:0px -5px 10px -5px}

.frmfltl										{color:#666666; border-left:2px solid #666666; padding-left:5px; margin-bottom:5px; float:left}
.frmfltb										{color:#666666; border-bottom:2px solid #666666; margin-bottom:5px; padding-top:10px; float:left}
.frmtrtl										{color:#9f0000; border-left:2px solid #9f0000; padding-left:5px; margin-bottom:5px; float:left}
.frmtrtb										{color:#9f0000; border-bottom:2px solid #9f0000; margin-bottom:5px; padding-top:10px; float:left}
.frmaddl										{color:#1B019B; border-left:2px solid #1B019B; padding-left:5px; margin-bottom:5px; float:left}
.frmaddb										{color:#1B019B; border-bottom:2px solid #1B019B; margin-bottom:5px; padding-top:10px; float:left}
.frmupdl										{color:#8066FF; border-left:2px solid #8066FF; padding-left:5px; margin-bottom:5px; float:left}
.frmupdb										{color:#8066FF; border-bottom:2px solid #8066FF; margin-bottom:5px; padding-top:10px; float:left}



/* BREADCRUMB */
/******************************************************************************/
.breadcrumba									{color:#1B019B}
.breadcrumbb									{color:#8066FF}
.breadcrumbc									{color:#666666}
.breadcrumbd									{color:#1B019B}

/* MENU */
/******************************************************************************/
.men_a {z-index:10; height:21px; list-style-type:none; margin:0; padding:0; float:left; position:relative}
.men_a li {font-size:12px; background-color:#fff; color:#1B019B; float:left; border:0; display:block}
.men_a li a:link, .men_a li a:visited {font-weight:bold; display:block; height:1%; color:#1B019B; background-color:#8066FF; padding:4px 8px; text-decoration:none}
.men_a li:hover a, .men_a a#current {color:#fff; background-color:#1B019B}
.men_a .men_b {display:none; list-style-type: none; margin:0; padding:0; border:0; position:absolute; color:#FFFFFF; background-color:#8066FF}
.men_a .men_b li {float:none; margin:0; padding:0; border:0; color:#fff; background-color:#8066FF}
.men_a .men_b li a:link, .men_a .men_b li a:visited {color:#fff; font-weight:normal; display:block; background-color:#8066FF; margin:0; text-decoration:none; border-bottom:1px solid #1B019B; border-right:1px solid #1B019B; border-left:1px solid #1B019B}
.men_a .men_b li a:hover {background-image:none; color:#fff; text-decoration:none; background-color:#CBCDD1}
.men_a li:hover > .men_b {display:block}


/* TAB */
/******************************************************************************/
#tab { padding: 0;height:22px}
#tab_list { margin: 0px; padding: 0px; display: block}
#tab_list li { padding: 0; list-style: none; float: left}
#tab_list li.list { padding-right: 1px}
#tab a.nav { margin: 0px; display: block; padding: 3px 6px; text-decoration: none; background-color: #8066FF; border-bottom: 1px solid #1B019B; border-right: 1px solid #1B019B; color: #fff}
#tab a.nav:hover, #tab a#current { padding: 3px 6px; background-color: #1B019B; border-right: 1px solid #8066FF; border-bottom: 1px solid #8066FF; color: #FFFFFF}
#tab a#current {font-weight : bold}


.gcalevtslr										{width:1%; min-height:75px; height:auto; float:left}
.gcalevt										{width:14%; float:left}
/* GRID CALENDAR */
.gcalevtgrid									{width:99%; height:auto; float:left; color:#ffffff; text-align:center; position:relative; padding:1px 0px 1px 0px; margin:0px}
.gcalevtgrid a									{color:#ffffff}
.gcalevtgrid.tit								{min-height:25px; max-height:25px;line-height: 90%; padding-top:5px; overflow:auto;}
.gcalevtgrid.tit.bgaa							{background-color:#1B019B}
.gcalevtgrid.tit.bgbb							{background-color:#8066FF; opacity:0.5}
.gcalevtgrid.tit.bgtd							{background-color:#0039dd}
.gcalevtgrid.tit.bgbh							{background-color:#959595}
.gcalevtgrid.con								{min-height:40px; max-height:40px;line-height: 90%;padding-top:5px; overflow:auto;}
.gcalevtgrid.con.bgaa							{background-color:#8066FF}
.gcalevtgrid.con.bgbb							{background-color:#1B019B; opacity:0.5}
.gcalevtgrid.con.bgtd							{background-color:#9caddd}
.gcalevtgrid.con.bgbh							{background-color:#bdbdbd}
/* end GRID CALENDAR */

.txt.marine_add									{color:#1B019B}
.txt.marine_upd									{color:#8066FF}




/* LIST ***********************************************************************/
TABLE.list										{border:1px #000000 solid; background-color:#F9F4FF; padding:1px; border-spacing:1px; margin-bottom:5px}
TD.list_title									{color:#ffffff; background-color:#666666; font-weight:bold; padding:5px}
.list_title_link								{color:#ffffff; font-weight:bold; float:left}
.list_title_linkno								{color:#ffffff; font-weight:normal; float:left}
.list_bgcolor_1 								{background-color: #EFEFEF}
.list_bgcolor_1:hover							{background-color: #F0E8DF}
.list_bgcolor_2 								{background-color: #FFFFFF}
.list_bgcolor_2:hover							{background-color: #F0E8DF}

.list_goto_d									{width:98%; float:left}
.list_goto										{width:98%; float:left; padding:0px 0px 5px 0px}
.list_goto_label								{float:left}
.list_goto_div									{float:right}
.list_goto_div a								{float:left}
.list_goto_div label							{background-color:#1B019B; color:#ffffff; float:left; padding:0px 2px 0px 2px}
.list_goto_middot								{width:11px; height:11px; float:left; font-weight:bold; text-align:center}
.list_goto_icon									{width:11px; height:11px; background-position:top left; background-repeat:no-repeat; display:block; float:left}
.list_goto_icon.ll_0							{background-image:url(../../library/img/list/ll_0.png)}
.list_goto_icon.l_0								{background-image:url(../../library/img/list/l_0.png)}
.list_goto_icon.ll_1							{background-color:#8066FF; background-image:url(../../library/img/list/ll_1.png)}
.list_goto_icon.l_1								{background-color:#8066FF; background-image:url(../../library/img/list/l_1.png)}
.list_goto_icon.rr_0							{background-image:url(../../library/img/list/rr_0.png)}
.list_goto_icon.r_0								{background-image:url(../../library/img/list/r_0.png)}
.list_goto_icon.rr_1							{background-color:#1B019B; background-image:url(../../library/img/list/rr_1.png)}
.list_goto_icon.r_1								{background-color:#1B019B; background-image:url(../../library/img/list/r_1.png)}

.list_icon_order								{width:7px; height:7px; margin-top:4px; padding-right: 2px; background-position:top left; background-repeat:no-repeat; display:inline-block; float:left}
.list_icon_order.asc							{background-image:url(../../library/img/list/order_asc.png)}
.list_icon_order.desc							{background-image:url(../../library/img/list/order_desc.png)}

.saying_code									{width:110px; height:30px; float:left}
.saying_saint									{width:200px; height:30px; float:left}
.saying_name									{float:left; height:30px}

/*end NEW*/

.agendaMonthPrevious							{width:33%; text-align:left; margin-bottom:10px; float:left}
.agendaMonthThis								{width:34%; text-align:center; margin-bottom:10px; float:left; font-weight:bold; color:#1B019B}
.agendaMonthNext								{width:33%; text-align:right; margin-bottom:10px; float:left}

#a_overflow_user_note							{width:228px; height:300px; overflow:auto; float:left; margin-top:-5px}


/* ICON */
/******************************************************************************/
.icon_star										{width:11px; height:12px; background-image:url(../../library/img/misc/star_yellow.png);	background-position:top left; background-repeat:no-repeat; display:block; float:left;  margin-left:0px; margin-top:0px;padding-right:1px}
.icon_star_blue									{width:11px; height:12px; background-image:url(../../library/img/misc/star_blue.png);	background-position:top left; background-repeat:no-repeat; display:block; float:left;  margin-left:0px; margin-top:0px;padding-right:1px}
.icon_star_black								{width:11px; height:12px; background-image:url(../../library/img/misc/star_black.png);	background-position:top left; background-repeat:no-repeat; display:block; float:left;  margin-left:0px; margin-top:0px;padding-right:1px}
.icon_star_white								{width:11px; height:12px; background-image:url(../../library/img/misc/star_white.png);	background-position:top left; background-repeat:no-repeat; display:block; float:left;  margin-left:0px; margin-top:0px;padding-right:1px}

.iicon_a_bg										{width:18px; height:18px; background-image:url(../../library/img/misc/background_icon_a.png); padding-right:5px}
.iicon											{background-position:top left; background-repeat:no-repeat; display:block; float:left; margin-top:-1px}
.iicon_a										{width:16px; height:16px; margin-left:1px; margin-top:1px}
.iicon_all_eraser								{background-image:url(../../library/img/icon/all_eraser.png); cursor: pointer}
.iicon_all_help									{background-image:url(../../library/img/icon/all_helptip.png); float:right; cursor: pointer}
.iicon_all_move_top								{background-image:url(../../library/img/icon/all_move_top.png)}
.iicon_all_move_top_white						{background-image:url(../../library/img/icon/all_move_top_white.png)}
.iicon_checked_ko								{background-image:url(../../library/img/icon/checked_ko.png)}
.iicon_checked_ok								{background-image:url(../../library/img/icon/checked_ok.png)}
.iicon_company_delete							{background-image:url(../../library/img/icon/company_delete.png)}
.iicon_company_insert							{background-image:url(../../library/img/icon/company_insert.png)}
.iicon_data_delete								{background-image:url(../../library/img/icon/data_delete.png)}
.iicon_data_edit								{background-image:url(../../library/img/icon/data_edit.png);}
.iicon_data_move_down							{background-image:url(../../library/img/icon/data_move_down.png); padding-left:5px}
.iicon_data_move_empty							{background-image:url(../../library/img/misc/pix.png); padding-left:5px}
.iicon_data_move_left							{background-image:url(../../library/img/icon/data_move_left.png);}
.iicon_data_move_right							{background-image:url(../../library/img/icon/data_move_right.png);}
.iicon_data_move_up								{background-image:url(../../library/img/icon/data_move_up.png); padding-left:5px}
.iicon_data_ok									{background-image:url(../../library/img/icon/checked_ok.png);}
.iicon_data_optimize							{background-image:url(../../library/img/icon/data_optimize.png);}
.iicon_data_picture								{background-image:url(../../library/img/icon/data_picture.png)}
.iicon_data_save								{background-image:url(../../library/img/icon/data_save.png); float:right; cursor: pointer}
.iicon_download									{background-image:url(../../library/img/icon/data_download.png)}
.iicon_event_delete								{background-image:url(../../library/img/icon/event_delete.png)}
.iicon_event_insert								{background-image:url(../../library/img/icon/event_insert.png)}
.iicon_person_delete							{background-image:url(../../library/img/icon/person_delete.png)}
.iicon_person_edit								{background-image:url(../../library/img/icon/person_edit.png)}
.iicon_person_insert							{background-image:url(../../library/img/icon/person_insert.png)}
.iicon_profession_delete						{background-image:url(../../library/img/icon/profession_delete.png)}
.iicon_profession_insert						{background-image:url(../../library/img/icon/profession_insert.png)}
.iicon_search_ok								{background-image:url(../../library/img/icon/search_ok.png); float:right; cursor: pointer}
.iicon_data_music_lyrics						{background-image:url(../../library/img/icon/data_music_lyrics.png); cursor: pointer}

.input-onclick									{float:left}
.input-onclick_icon_save						{width:16px; height:16px; background-image:url(../../library/img/icon/data_save.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.input-onclick_icon_checked_ko					{width:16px; height:16px; background-image:url(../../library/img/icon/checked_ko.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.input-onclick_input							{color:#1B019B; border:1px solid #1B019B; margin-right:5px; float:left}
.input-onclick_input select						{color:#1B019B; border:1px solid #1B019B; margin-right:5px; float:left}

/* TREE */
/******************************************************************************/
.marine_tree_div_content							{width:100%; border:1px solid #1B019B; padding:35px 5px 5px 5px; text-align:left}
.marine_tree_div_content h2						{width:100%; background-color:#1B019B; color:#FFFFFF; font-weight:bold; padding:5px; margin:-35px -5px -10px -5px; float:left}

.tree_div_1 									{width:100%; background-color: #EFEFEF; padding-left:5px}
.tree_div_1:hover								{background-color: #F0E8DF}
.tree_div_2 									{width:100%; background-color: #FFFFFF; padding-left:5px}
.tree_div_2:hover								{background-color: #F0E8DF}
.marine_tree_level_a								{color:#1B019B; padding-left:5px; height:21px; margin-top:3px; margin-bottom:-5px; float:left}
.marine_tree_level_b								{color:#8066FF; padding-left:5px; height:21px; margin-top:3px; margin-bottom:-5px; float:left}
.marine_tree_level_c								{color:#666666; padding-left:5px; height:21px; margin-top:3px; margin-bottom:-5px; float:left}
.icon_tree_c									{width:9px; height:21px; background-image:url(../../library/img/tree/text_c.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.icon_tree_i									{width:12px; height:21px; background-image:url(../../library/img/tree/text_i.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.icon_tree_l									{width:12px; height:21px; background-image:url(../../library/img/tree/text_l.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.icon_tree_m									{width:9px; height:21px; background-image:url(../../library/img/tree/text_m.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.icon_tree_n									{width:9px; height:21px; background-image:url(../../library/img/tree/text_n.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.icon_tree_t									{width:12px; height:21px; background-image:url(../../library/img/tree/text_t.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.icon_tree_x									{width:12px; height:21px; background-image:url(../../library/img/misc/pix.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.icon_tree_mmf3_c								{width:9px; height:21px;  background-image:url(../../library/img/tree/mmf3_c.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.icon_tree_mmf3_i								{width:12px; height:21px; background-image:url(../../library/img/tree/mmf3_i.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.icon_tree_mmf3_l								{width:12px; height:21px; background-image:url(../../library/img/tree/mmf3_l.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.icon_tree_mmf3_m								{width:9px; height:21px;  background-image:url(../../library/img/tree/mmf3_m.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.icon_tree_mmf3_n								{width:9px; height:21px;  background-image:url(../../library/img/tree/mmf3_n.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.icon_tree_mmf3_t								{width:12px; height:21px; background-image:url(../../library/img/tree/mmf3_t.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.tree_menu_content								{width:100%; border:1px solid #1B019B; padding:5px}
.tree_menu_name									{width:45%; float:left; margin-bottom:-5px}
.tree_menu_code									{width:18%; float:left; margin-bottom:-5px}
.tree_menu_url									{width:18%; float:left; margin-bottom:-5px}
.tree_menu_delete								{width:5%; float:left; padding-left:30px}
.tree_menu_move									{width:5%; float:left}
.tree_menu_rights								{width:40%; float:left; margin-bottom:-5px}
.tree_menu_icon_star							{width:11px; height:12px; background-image:url(../../library/img/misc/star.png); background-position:top left; background-repeat:no-repeat; display:block; float:left; padding-right:5px; margin-left:5px; padding-top:5px}

.tree_move_empty								{width:15px; height:15px; background-image:url(../../library/img/misc/pix.png); background-position:top left; background-repeat:no-repeat; display:block; float:left; margin-left:5px; margin-top:3px}
.tree_a_move_up									{background-color:#1B019B; width:15px; height:15px; background-image:url(../../library/img/tree/move_up.png); background-position:top left; background-repeat:no-repeat; display:block; float:left; margin-left:5px; margin-top:3px}
.tree_a_move_down								{background-color:#1B019B; width:15px; height:15px; background-image:url(../../library/img/tree/move_down.png); background-position:top left; background-repeat:no-repeat; display:block; float:left; margin-left:5px; margin-top:3px}
.tree_b_move_up									{background-color:#8066FF; width:15px; height:15px; background-image:url(../../library/img/tree/move_up.png); background-position:top left; background-repeat:no-repeat; display:block; float:left; margin-left:5px; margin-top:3px}
.tree_b_move_down								{background-color:#8066FF; width:15px; height:15px; background-image:url(../../library/img/tree/move_down.png); background-position:top left; background-repeat:no-repeat; display:block; float:left; margin-left:5px; margin-top:3px}
.tree_c_move_up									{background-color:#666666; width:15px; height:15px; background-image:url(../../library/img/tree/move_up.png); background-position:top left; background-repeat:no-repeat; display:block; float:left; margin-left:5px; margin-top:3px}
.tree_c_move_down								{background-color:#666666; width:15px; height:15px; background-image:url(../../library/img/tree/move_down.png); background-position:top left; background-repeat:no-repeat; display:block; float:left; margin-left:5px; margin-top:3px}



/* GRID */
/******************************************************************************/
.grid_photo_m									{float:left}
.grid_photo_m_a									{float:left; padding:0px 10px 10px 0px}

.grid_postit									{float:left; width:159px; height:155px; text-align:left; padding-right:30px; padding-left:15px; padding-top:50px; background-image:url(../../library/img/misc/postit.png); background-position:top left; background-repeat:no-repeat}
.grid_sitemap 									{float:left; width:200px; text-align:left; padding-top:5px}
.grid_sitemap div								{width:173px}
.tree_grid_sitemap 								{float:left; width:350px; text-align:left; padding-top:5px}
.marine_tree_grid_sitemap_div					{width:330px; border:1px solid #1B019B; padding:35px 5px 5px 5px; text-align:left}
.marine_tree_grid_sitemap_div h2					{width:330px; background-color:#1B019B; color:#FFFFFF; font-weight:bold; padding:5px; margin:-35px -5px -10px -5px; float:left}
.grid_logo										{list-style-type: none; margin: 0; padding: 0}
.grid_logo li									{float:left; width:110px; height:50px; text-align:left; padding-top:3px; padding-left:3px}

.grid_postit_user_note							{list-style-type: none; margin: 0; padding: 0;  }
	.grid_postit_user_note li					{float:left; width:160px; min-height:160px; max-height:250px; text-align:left; padding-right:30px; padding-left:15px; padding-top:50px; background-image:url(../../library/img/misc/postit.png); background-position:top left; background-repeat:no-repeat}
	.grid_postit_user_note div					{width:100%; float:left}
	.grid_postit_user_note .action				{padding-right:10px; width:16px; height:16px; background-image:url(../../library/img/icon/data_delete.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
	.grid_postit_user_note p					{color:#000000; width:160px; height:100px; overflow:auto; text-align:left; float:left}
	.grid_postit_user_note .signature			{color:#666666; width:160px; height:20px; font-style:italic; float:left; text-align:right}
	.grid_postit_user_note .recipients			{color:#1B019B; width:160px; min-height:20px; height:auto; float:left; text-align:left; padding-top:30px}
	.grid_postit_user_note .recipients_name		{color:#1B019B; float:left; padding-right:10px; margin-top:2px}

.grid_a_list									{width:213px; height:30px; text-align:left; border:1px solid #8066FF; background-color:#1B019B; margin:0px 10px 10px 0px; padding:10px; float:left}
	.grid_a_list	h2							{color:#F3F3F3; height:30px; font-size:11px; font-weight:bold; float:left}
	.grid_a_list	.myPhoto					{width:33px; float:left }
	.grid_a_list	.myContent					{width:180px; height:30px; text-align:left; float:left }

.grid_dir_inlist								{width:1068px; min-height:114px; height:auto; text-align:left; border:1px solid #8066FF; background-color:#1B019B; margin-bottom:10px; padding:10px; float:left}
	.grid_dir_inlist a							{color:#F3F3F3; float:left}
	.grid_dir_inlist img						{float:left; margin-bottom:5px; margin-right:5px}
	.grid_dir_inlist small						{color:#F3F3F3; font-size:9px}
	.grid_dir_inlist span						{color:#8066FF}
	.grid_dir_inlist h1							{color:#F3F3F3; font-size:16px; font-weight:bold}

.grid_dir_inlist_a								{width:114px; min-height:114px; height:auto; float:left}
	.grid_dir_inlist_a .section_photo			{width:114px}
	.grid_dir_inlist_a .section_flag			{width:20px}
	.grid_dir_inlist_a .section_link			{width:114px}
.grid_dir_inlist_b								{width:660px; min-height:114px; height:auto; float:left}
	.grid_dir_inlist_b dt						{color:#8066FF}
	.grid_dir_inlist_b dd						{color:#F3F3F3; padding-left:10px}
	.grid_dir_inlist_b .section_name			{width:660px; height:20px; color:#8066FF; float:left; margin-left:5px}
	.grid_dir_inlist_b .section_name_more		{width:660px; color:#8066FF; float:left; margin-left:5px}
	.grid_dir_inlist_b .section_date			{width:660px; color:#8066FF; float:left; margin-left:5px}
	.grid_dir_inlist_b .section_telephon		{width:115px; min-height:20px; color:#8066FF; float:left; margin-left:5px}
	.grid_dir_inlist_b .section_email			{width:220px; min-height:20px; color:#8066FF; float:left; margin-left:5px}
	.grid_dir_inlist_b .section_address			{width:285px; min-height:20px; color:#8066FF; float:left; margin-left:5px}

.grid_dir_inlist_c								{width:290px; min-height:114px; height:auto; float:right}
	.grid_dir_inlist_c .group_photo				{width:29px; min-height:29px; height:auto; float:left; margin-left:5px}
	.grid_dir_inlist_c .group_name				{width:251px;min-height:29px; height:auto; float:left; margin-left:5px; white-space:nowrap}
	.grid_dir_inlist_c .group_name dt			{width:228px;color:#F3F3F3}
	.grid_dir_inlist_c .group_name a			{width:228px;color:#F3F3F3}
	.grid_dir_inlist_c .group_name dd			{width:228px;color:#8066FF; font-size:9px;padding-left:10px}
	.grid_dir_inlist_c label					{width:240px; color:#8066FF; min-height:29px; float:left; margin-left:5px}

.grid_dir_photo									{color: #8066FF; border:1px solid #8066FF; background-color:#1B019B; padding:10px 7px 10px 10px; float:left}
	.grid_dir_photo img							{float:left; margin-bottom:5px; margin-right:5px}
	.grid_dir_photo .section_first				{width:348px; min-height:239px; height:auto; float:left; margin-right:3px}
	.grid_dir_photo .section_other				{width:357px; min-height:114px; height:auto; float:left; margin-bottom:3px}

.grid_tree										{width:324px; min-height:10px; text-align:left; float:left; border:1px solid #000000; padding:3px; margin-right:5px; margin-bottom:5px}
.grid_tree_large								{width:600px; min-height:10px; text-align:left; float:left; border:1px solid #000000; padding:3px; margin-right:5px; margin-bottom:5px}
.grid_tree_c									{width:9px; height:21px; background-image:url(../../library/img/tree/text_c.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.grid_tree_i									{width:12px; height:21px; background-image:url(../../library/img/tree/text_i.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.grid_tree_l									{width:12px; height:21px; background-image:url(../../library/img/tree/text_l.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.grid_tree_m									{width:9px; height:21px; background-image:url(../../library/img/tree/text_m.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.grid_tree_n									{width:9px; height:21px; background-image:url(../../library/img/tree/text_n.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.grid_tree_t									{width:12px; height:21px; background-image:url(../../library/img/tree/text_t.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.grid_tree_x									{width:12px; height:21px; background-image:url(../../library/img/misc/pix.png); background-position:top left; background-repeat:no-repeat; display:block; float:left}
.grid_tree_name									{display:block; float:left; padding-top:3px; padding-left:3px}

.grid_doc										{list-style-type: none; margin: 0; padding: 0;  }
	.grid_doc li								{width:335px; min-height:120px; text-align:left; float:left}
	.grid_doc_content							{color: #8066FF; width:311px; min-height:65px; height:auto; padding:40px 10px 10px 10px; border:1px solid #8066FF; text-align:left; float:left}
	.grid_doc_content h2						{width:321px; background-color:#8066FF; color:#FFFFFF; font-weight:bold; padding:5px; margin:-40px -10px 0px -10px; text-align:center}
	.grid_doc_content p							{color: #8066FF; min-height:65px; overflow:auto; margin-top:5px}
	.grid_doc_content a							{color: #8066FF}

.grid_gal_background							{width:1090px; background-color:#1B019B; float:left}
.grid_gal_img									{border: 1px solid #cccccc; border-bottom:1px solid #666666; border-right:1px solid #666666}
.grid_gal_portrait								{margin-right:10px; margin-bottom:10px; border: 1px solid #cccccc; border-bottom:1px solid #666666; border-right:1px solid #666666; float:left}
	.grid_gal_l									{padding:30px 0px 0px 30px; float:left}
	.grid_gal_r									{padding:30px 28px 0px 0px; float:right}
.grid_gal_photo									{color: #8066FF; border:1px solid #8066FF; background-color:#1B019B; padding:10px 0px 10px 10px; float:left}
	.grid_gal_photo img							{float:left; margin-bottom:17px; margin-right:17px}

/*width: calc( 100% / 3 );*/


	//.grid_all										{width:100%; color:#8066FF; background-color:#1B019B; float:left}
	.grid_all										{width:100%; background-color:#1B019B; float:left}
	.grid_all h1									{color:#F3F3F3; font-size:16px; font-weight:bold}
	.grid_all h2									{width:100%; float:left; border-bottom:#F3F3F3 2px solid; color:#F3F3F3; padding-top:10px; margin-bottom:5px}
	.grid_all p										{color:#8066FF; float:left}
	.grid_all a										{color:#F3F3F3}
	.grid_all .text									{color:#F3F3F3}
	.grid_all small									{color:#F3F3F3; font-size:9px }
	.grid_all span									{color:#8066FF}
	.grid_all .ko									{color:#666666}
	.grid_all img									{float:left;}
	.grid_all dt									{color:#8066FF}
	.grid_all dd									{color:#F3F3F3; padding-left:10px}	
	.grid_all .section_photo						{width: 100%; margin: 0px; text-align: center; float: left;}
	.grid_all .section_photo .gallery				{width: 100%; margin: 0; padding: 0; border: 0; vertical-align: baseline; background-color:#ffffff;}
	.grid_all .section_photo img					{width: 100%}
	.grid_all .section_photo .gallery ul			{margin: 0 auto; position: relative;}
	.grid_all .section_photo .gallery ul li			{vertical-align: top; margin: 10px; display: inline-block;}
	.grid_all .section_photo .gallery .img_ko		{opacity: 0.4}	
	.grid_all .section_data							{height:auto; padding:10px}
	.grid_all .section_info							{min-height:20px; color:#8066FF; padding-right:5px; display:inline-block;}	
	.grid_all .section_data_link					{width:460px; height:20px; float:left}	
	.grid_all .my_data_link							{color:#8066FF}	
	.grid_all .section_family .group_photo			{width:29px; min-height:29px; height:auto; float:left; margin-left:5px}
	.grid_all .section_family .group_name			{min-height:29px; height:auto; float:left; margin-left:5px; white-space:nowrap}
	.grid_all .section_family .group_name dt		{width:223px;color:#F3F3F3}
	.grid_all .section_family .group_name dd		{font-size:9px;color:#8066FF;padding-left:10px}
	.grid_all .comment_note							{color:#000000; width:160px; height:100px; overflow:auto; text-align:left; float:left}
	.grid_all .comment_signature					{color:#666666; width:170px; height:20px; font-style:italic; float:left; text-align:right}
	.grid_all .section_group						{height:360px; overflow:auto}
	.grid_all .section_group .group_photo			{width:29px; min-height:29px; height:auto; float:left; margin-left:5px}
	.grid_all .section_group .group_name			{width:80%; min-height:29px; height:auto; float:left; margin-left:5px; white-space:nowrap}
	.grid_all .section_group .group_name dt			{width:223px;color:#F3F3F3}
	.grid_all .section_group .group_name dd			{font-size:9px;color:#8066FF;padding-left:10px}

	.grid_list										{width:320px; min-height:114px; text-align:left; border:1px solid #8066FF; background-color:#1B019B; margin:0px 5px 5px 0px; padding:10px; float:left}
	.grid_list h2									{width:100%; float:left; border-bottom:#F3F3F3 2px solid; color:#F3F3F3; padding-top:10px; margin-bottom:5px}
	.grid_list a									{color:#F3F3F3}
	.grid_list .text								{color:#F3F3F3}
	.grid_list .section_photo						{width:114px; margin-right:5px; float:left }
	.grid_list .section_photo_l						{padding-top:10px}
	.grid_list .section_data						{width:201px; min-height:114px; text-align:left; float:left}
	.grid_list .section_data .namea					{width:100%; height:55px; color:#F3F3F3; font-size:15px; font-weight:bold; float:left}
	.grid_list .section_data .namea a				{color:#F3F3F3; font-size:15px; font-weight:bold}
	.grid_list .section_data .namea a:hover			{color:#F3F3F3; font-size:15px; font-weight:bold; text-decoration:none}
	.grid_list .section_data .nameb					{width:100%; height:30px; color:#F3F3F3; font-size:15px; font-weight:bold; float:left}
	.grid_list .section_data .nameb	a				{color:#F3F3F3; font-size:15px; font-weight:bold}
	.grid_list .section_data .nameb	a:hover			{color:#F3F3F3; font-size:15px; font-weight:bold; text-decoration:none}
	.grid_list .section_data .namebb				{width:100%; height:25px; color:#F3F3F3; font-size:15px; font-weight:bold; float:left}
	.grid_list .section_data .data					{width:180px; min-height:17px; color:#F3F3F3; float:left}
	.grid_list .section_data .dataa					{width:110px; min-height:17px; color:#F3F3F3; float:left}
	.grid_list .section_data .datab					{width:70px; min-height:17px; color:#F3F3F3; float:left}
	.grid_list .section_data .datab .photo			{padding-right:2px; float:left;}
	.grid_list .section_data .action				{width:20px; height:65px; color:#F3F3F3; float:right}
	.grid_list .section_data .action .icon			{width:20px; height:22px; float:right}
	.grid_list dt									{color:#8066FF}
	.grid_list dd									{color:#F3F3F3; padding-left:10px}
	.grid_list small								{color:#F3F3F3; font-size:9px}
	.grid_list .more								{height:52px; color:#8066FF; font-size:9px; float:left}
	.grid_list span									{color:#8066FF}

	.grid_list_photo								{width:170px; min-height:114px; text-align:left; border:1px solid #8066FF; background-color:#1B019B; margin:0px 5px 5px 0px; padding:5px; float:left}
	.grid_list_photo a								{color:#F3F3F3}
	.grid_list_photo .action_l						{width:23px; height:65px; color:#F3F3F3 padding-right:5px; float:left}
	.grid_list_photo .action_l .icon				{width:20px; height:22px; float:right; float:left}
	.grid_list_photo .action_r						{width:23px; height:65px; color:#F3F3F3; padding-left:5px;float:left}
	.grid_list_photo .action_r .icon				{width:20px; height:22px; float:right; float:left}
	.grid_list_photo .section_photo					{width:114px; margin-right:5px; float:left }
	.grid_list_photo .text							{color:#F3F3F3}
	.grid_list_photo .data							{width:180px; min-height:17px; padding-top:5px;color:#F3F3F3; float:left}
	.grid_list_photo dt								{color:#8066FF}
	.grid_list_photo dd								{color:#F3F3F3; padding-left:10px}
	.grid_list_photo small							{color:#F3F3F3; font-size:9px}
	.grid_list_photo span									{color:#8066FF}
	
	.grid_todata									{width:100%; height:auto; margin-bottom:20px; padding:-10px 10px 10px 10px; text-align:left; float:left}
	.grid_todata div								{width:100%; text-align:right; float:left; padding-right: 5px; margin-bottom:10px;}
	.grid_todata span								{color:#8066FF}
	.grid_todata .date								{width:100%; color:#1B019B; text-align:left; border-bottom:2px solid #1B019B; float:left; margin-bottom:5px}
	.grid_todata .datemore							{width:100%; color:#8066FF; text-align:left; padding-left:10px; float:left; margin-bottom:5px}

.mmf_photo_l							{border:14px #ffffff solid}
.mmf_photo_m							{border:7px #ffffff solid}
.mmf_photo_m_a							{border:7px #ffffff solid;width:170px}
.mmf_photo_s							{border:2px #ffffff solid}
.datadone								{color:#318ce7;outline: 3px solid #318ce7;outline-offset: -3px}
.datagold								{color:#ffd700;outline: 3px solid #ffd700;outline-offset: -3px}
.textgold {background-color:#ffd700;color:#000000;padding:2px}
.dataphoto								{color:#ffffff;outline: 1px solid #ffffff;outline-offset: -1px}


.mmf_fun_cover_a						{float:left; margin-right:1px}
.mmf_fun_cover_b						{float:left; margin-right:5px}

.mmf_color								{border:1px #000000 solid}

.posnum									{padding:2px; border:1px solid #8066FF; border-radius: 50%; background-color:#ffffcc; color:#1B019B}
.posnum_save							{float:left; padding:5px; margin-left:5px; margin-bottom:5px; border:1px solid #000000; border-radius: 50%; background-color:#f3f3f3; color:#000000}
.hr_title							 	{width:100%; float:left; font-size: 14px; font-weight:bold; border-bottom:#1B019B 3px solid; color:#1B019B; padding-top:10px; margin-bottom:5px}
.hr_titlesub							 {width:100%; float:left; font-size: 12px; border-bottom:#1B019B 1px solid; color:#1B019B; padding-top:10px; margin-bottom:5px}
.vip_top							 	{width:100%; float:left; font-size: 12px; border-bottom:#8066FF 2px solid; color:#8066FF; padding-top:10px; margin-bottom:5px}
.vip_list_data							{border-left:#8066FF 2px solid; margin-left:5px; margin-bottom:5px; max-height:140px; overflow:auto}
.vip_list_text							{font-size: 12px;color:#8066FF;text-align:right; margin-top:5px}
.vip_list_data_blue						{border-left:#038cfc 2px solid; margin-left:5px; margin-bottom:5px; max-height:140px; overflow:auto}
.vip_list_text_blue						{font-size: 12px;color:#038cfc;text-align:right; margin-top:5px}


.gridname								{float: left; width: 114px; padding-right:5px; padding-bottom:5px}
.gridname_main							{float: left; width: 114px; position: relative; text-align: center;}
.gridname_text							{             width: 114px; height: 25px; padding: 5px 0px;  position: absolute; bottom: 0px; color: #ffffff; background-color: #399ae5; opacity: 0.9;line-height:90%;overflow:auto;max-height:25px}
.gridname_text_gold						{             width: 114px; height: 25px; padding: 5px 0px;  position: absolute; bottom: 0px; color: #666666; background-color: #ffd700; opacity: 0.9;line-height:90%;overflow:auto;max-height:25px}

.gridname_text_ko						{             width: 114px; height: 25px; padding: 5px 0px;  position: absolute; bottom: 0px; color: #ffffff; background-color: #BFBFBF; opacity: 0.8;line-height:90%;overflow:auto;max-height:25px}
.gridname_star  						{float: left; width: 100%;  height: 15px; padding-left:5px; display: flex; align-items: center; text-align: center; justify-content: center;}


.gridname .bg {
	height: 30px;
	line-height: 10px;
	text-align: center;
	bottom: -84px;
	padding: 0px;
	margin: 0px;
	z-index: 4; 
	opacity: 0.9;
	position: relative;
	background-color: #399ae5;
}
.gridname .bg span {
	font-size: 11px;
	color: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: absolute;
  text-align: center;
  width:100%
}


/* ANIMATION ******************************************************************/

.arotate {
	text-align: center;
	padding: 0;
	float: left;
	z-index: 3;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.arotate:hover{ 
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	transition: all 1s ease-in;
}
.atranslate {
	float: left;
}
.atranslate:hover {
	-webkit-transform: translate(50px, 0px);
	-moz-transform: translate(50px, 0px);
	-o-transform: translate(50px, 0px);
	transform: translate(50px, 0px);
	transition: all 1s ease-in;
}
.ashake {
	display:inline-block
}
.ashake {
	display:block;
	position:relative;
}
.ashake,
.ashake.inline {
	display:inline-block
}
@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.ashake:hover,
.ashake:focus {
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

.afloatimg {
  background-position: left top; 
  -webkit-animation-duration: 10s; 
  animation-duration: 10s; 
  -webkit-animation-fill-mode: both; 
  animation-fill-mode: both;
}

@-webkit-keyframes shake {
  0%, 100% {-webkit-transform: translateX(0);} 
  10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 
  20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} 
}

@keyframes shake { 
  0%, 100% {transform: translateX(0);} 
  10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 
  20%, 40%, 60%, 80% {transform: translateX(10px);} 
}

.afloat { 
  -webkit-animation-name: shake; 
  animation-name: shake; 
}
/* end ANIMATION **************************************************************/


/* AGENDA *********************************************************************/
/*
TABLE.agenda_ok_title_cadre				{color:#FFFFFF; border:1px #666666 solid; background-color:#666666}
TD.agenda_ok_title									{color:#F3F3F3; height:5px; font-weight:bold; padding-left:3px}
TABLE.agenda_ok_cadre							{border:1px #666666 solid; border-spacing:5px; padding:3px}
.agenda_ok_text									{color:#666666}
TABLE.agenda_ko_title_cadre				{color:#FFFFFF; border:1px #BDBDBD solid; background-color:#BDBDBD}
TD.agenda_ko_title									{color:#F3F3F3; height:5px; font-weight:bold; padding-left:3px}
TABLE.agenda_ko_cadre							{border:1px #BDBDBD solid; border-spacing:5px; padding:3px}
.agenda_ko_qst_text									{color:#BDBDBD}
TABLE.agenda_today_title_cadre				{color:#FFFFFF; border:1px #000000 solid; background-color:#000000}
TD.agenda_today_title									{color:#F3F3F3; height:5px; font-weight:bold; padding-left:3px}
TABLE.agenda_today_cadre							{border:1px #000000 solid; border-spacing:5px; padding:3px}
.agenda_today_text									{color:#000000}
*/