/* Main Panel
**********************/

div.MP_SW_Left {
	position:absolute; top:0px; left:0px; width:20px;
	background:url('MainPanel/MP/sw_left.png') repeat-y  0 0 white;
}

div.MP_SW_LeftTop {
	position:absolute; top:0px; left:0px; width:20px; height:20px;
	background:url('MainPanel/MP/sw_ltop.png') no-repeat  0 0 white;
}

div.MP_SW_Right {
	position:absolute; top:0px; right:0px; width:20px;
	background:url('MainPanel/MP/sw_right.png') repeat-y  0 0 white;
}

div.MP_SW_RightTop {
	position:absolute; top:0px; right:0px; width:20px; height:20px;
	background:url('MainPanel/MP/sw_rtop.png') no-repeat  0 0 white;
}

div.MP_SW_RightBot {
	position:absolute; bottom:0px; right:0px; width:20px; height:20px;
	background:url('MainPanel/MP/sw_rbot.png') no-repeat  0 0 white;
}

div.MP_SW_LeftBot {
	position:absolute; bottom:0px; left:0px; width:20px; height:20px;
	background:url('MainPanel/MP/sw_lbot.png') no-repeat  0 0 white;
}

div.MP_HD_left {
	height:50px; position:absolute; top:0px;  left:-10px; width:20px;
	background:url('MainPanel/MP/hd_left_red.png') no-repeat 0 0 white;
}

div.MP_HD_left.green {
	background:url('MainPanel/MP/hd_left_green.png') no-repeat 0 0 white;
}

div.MP_HD_right {
	height:50px; position:absolute; top:0px;  right:-10px; width:20px;
	background:url('MainPanel/MP/hd_right_red.png') no-repeat 0 0 white;
}

div.MP_HD_right.green {
	background:url('MainPanel/MP/hd_right_green.png') no-repeat 0 0 white;
}

div.MP_HD_mid {
	height:50px; position:relative; margin-top:-10px;  margin-left:10px;
	background:url('MainPanel/MP/hd_mid_red.png') repeat-x 0 0 white;
	font-size:12px; font-weight:bold; font-family:arial;
	line-height:50px; color:white; text-align:center;
	text-shadow: 1px 1px 0px  #135382;
}

div.MP_HD_mid.green {
	background:url('MainPanel/MP/hd_mid_green.png') repeat-x 0 0 white;
	text-shadow: 1px 1px 0px  #438743;
}

div.MP_TB_mid {
	height:50px; position:relative; margin-left:20px;
	background:url('MainPanel/MP/tb_mid.png') repeat-x 0 0 white;
}

div.MP_TB_left {
	height:50px; position:absolute; top:0px;  left:-10px; width:20px;
	background:url('MainPanel/MP/tb_left.png') no-repeat 0 0 white;
}

div.MP_TB_right {
	height:50px; position:absolute; top:0px;  right:-10px; width:20px;
	background:url('MainPanel/MP/tb_right.png') no-repeat 0 0 white;
}

div.MP_TB_ARDD {
	width:30px; height:20px; background:url('MainPanel/MP/arrdd.png') no-repeat 0 0 ;
	position:absolute; left:20px; top:6px;
}

div.MP_TB_ARDD_TXT {
	position:absolute; left:60px; top:2px;
	line-height:20px;
}

div.MP_TB_ARDD_TXT_R {
	position:absolute; right:30px; top:2px;
	line-height:20px;
}

/* Left Panel
**********************/
div.left_panel {
	position:relative; width:300px;
}

/* NEW!
**********************/

div.LP_Header {

	width:320px; height:50px; margin-top:-10px; margin-left:-10px;
	background:url('MainPanel/LP/header2.png') no-repeat 0 0 transparent;
	font-size:12px; font-weight:bold; font-family:arial;
	line-height:50px; color:white; text-align:center;
	text-shadow: 1px 1px 0px  #438743;
}

div.LP_Header_dw {
	width:16px; height:8px;  position:absolute; left:142px; top:37px;
	background:url('MainPanel/LP/arr_dw.png') no-repeat 0 0 transparent; cursor:pointer;
}

div.LP_Header_dw.ihover {
	background-position:-16px 0px;
}

div.LP_Header2 {
	font-size:12px;font-family:arial; width:300px; text-align:left;
	color:#6fb32a; height:20px; line-height:20px;
	border-bottom:1px solid #6fb32a;
	margin-bottom:5px;
	font-size:12px;	font-family:Arial;
}


div.LP_Calendar48 {
	width:50px; height:50px; background: url('MainPanel/LP/calendar48.png') no-repeat;
	position:absolute; top:50px; left:15px;
}

div.LP_TR_Title{
	position:absolute; top:18px; width:70px; left:40px;
	text-align:left; color:#3399ff; font-size:10px;
}

div.LP_Trash {
	width:90px; height:50px; background: url('MainPanel/LP/a_t_d.png') no-repeat 0px -100px;
	position:absolute; left:10px; top:0px; cursor:pointer;
}
div.LP_Trash_Act { background-position:-90px -100px; }
div.LP_Trash_Over { background-position:-90px -100px;  }


div.LP_Archive {
	width:90px; height:50px; background: url('MainPanel/LP/a_t_d.png') no-repeat 0px 0px;
	position:absolute;  top:0px; right:10px; cursor:pointer;
}
div.LP_Archive_Act { background-position:-90px 0px; }
div.LP_Archive_Over { background-position:-90px 0px; }



div.LP_Docs {
	width:90px; height:50px;  background: url('MainPanel/LP/a_t_d.png') no-repeat 0px -50px;
	position:absolute;  top:0px; left:105px; cursor:pointer;
}

div.LP_Docs_Act { background-position:-90px -50px; }
div.LP_Docs_Over { background-position:-90px -50px; }





div.LPfilter_body {
	left:0px; width:250px;  overflow:hidden;
	background: url('MainPanel/leftpanel/body.png') repeat-y 0 0 ;
}

div.left_panel_top {
	width: 250px; height:44px;
	position:absolute; top:0px; left:0px;
	background:  url('MainPanel/leftpanel/top1.png') no-repeat 0 0 transparent;
}

div.left_panel_top2 {
	width: 250px; height:9px;
	position:absolute; top:0px; left:0px;
	background:  url('MainPanel/leftpanel/top2.png') no-repeat 0 0 transparent;
}

div.left_panel_bot {
	width: 250px; height:8px;
	position:absolute; bottom:0px; left:0px;
	background:  url('MainPanel/leftpanel/bot1.png') no-repeat 0 0 transparent;
}


div.left_panel_under_top {
	height:22px; width:230px; position:absolute; top:54px; left:10px;
}

div.left_panel_icon_group {
	height:22px; width:22px; cursor:pointer;
	position:absolute; right:20px; top:0px;
	background: url('MainPanel/leftpanel/i_group.png') no-repeat 0 0 ;
}

div.left_panel_icon_status {
	height:22px; width:22px; cursor:pointer;
	position:absolute; right:60px; top:0px;
	background: url('MainPanel/leftpanel/i_group.png') no-repeat 0 0 ;
}

div.left_panel_icon_label {
	height:22px; width:22px; cursor:pointer;
	position:absolute; right:100px; top:0px;
	background: url('MainPanel/leftpanel/i_group.png') no-repeat 0 0 ;
}

div.left_panel_icon_close {
	height:22px; width:22px; cursor:pointer;
	position:absolute; left:0px; top:0px;
	background: url('MainPanel/leftpanel/i_close.png') no-repeat 0 0 ;
}


div.left_panel_group {
	width:230px; height:30px;  position:relative; cursor:pointer;
	background: url('MainPanel/leftpanel/group2.png') repeat-x 0 0 ;
}

div.left_panel_group_color {
	width:3px; height:13px; background-color:black; top:9px; left:6px;
	position:absolute; font:0;
}


div.left_panel_group_ov {
	width:230px; height:30px;  position:relative; cursor:pointer;
	background: url('MainPanel/leftpanel/group2_ov.png') repeat-x 0 0 ;
}

div.left_panel_group_selected {
	width:230px; height:30px;  
	background: url('MainPanel/leftpanel/group2_ov.png') repeat-x 0 0 ;
	position:relative; cursor:pointer;
	
}



div.left_panel_group_title {
	position:absolute; left:15px; top:0px; line-height:32px;
	color:white;font-family: Arial; font-size: 12px;
}

div.left_panel_group_title_sw {
	position:absolute; left:16px; top:1px; line-height:32px;
	color:#999999;font-family: Arial; font-size: 12px;
}


div.left_panel_group_count_sw {
	position:absolute; right:14px; top:1px; line-height:32px;
	color:white;font-family: Arial; font-size: 12px;
}

div.left_panel_group_count {
	position:absolute; right:15px; top:0px; line-height:32px;
	color:#666666;font-family: Arial; font-size: 12px;
}


div.left_panel_arrow {
	position:absolute; top:0px; right:10px; width:24px; height: 24px; cursor:pointer;
}

div.left_panel_arrow_left {
	background: url('MainPanelrightpanel/ar_l.png') no-repeat 0 0 ;
}

div.left_panel_arrow_right {
	background: url('MainPanelrightpanel/ar_r.png') no-repeat 0 0 ;
}

div.mid_panel {

	position:absolute; right:400px; top:0px; width:10px; height:100%;
	background-color:red;
}

/* Right Panel
**********************/


div.RP_Header {

	width:320px; height:50px; margin-top:-10px; margin-left:-10px;
	background:url('MainPanel/RP/header.png') no-repeat 0 0 transparent;
	font-size:12px; font-weight:bold; font-family:arial;
	line-height:50px; color:white; text-align:center;
	text-shadow: 1px 1px 0px  #6a148b;

}


div.RP_Header_{
	width: 280px; text-align:center;
	font-size:12px; font-weight:bold; font-family:arial;
	overflow:hidden; -o-text-overflow: ellipsis; text-overflow:ellipsis; white-space:nowrap;
	padding-left:20px;
}

div.RP_WD_Header {

	width:320px; height:50px; margin-top:-10px; margin-left:-10px;
	background:url('MainPanel/RP/header.png') no-repeat 0 0 transparent;
	font-size:12px; font-weight:bold; font-family:arial;
	line-height:50px; color:white; text-align:center;
}

div.right_panel {
	position:relative; width:300px;
}





div.right_panel_arrow {
	position:absolute; top:3px; left:4px; width:36px; height: 36px; cursor:pointer;
	background : url('MainPanelrightpanel/rar_l.png') no-repeat 0 0 transparent;
}

div.right_panel_arrow_ov {
	background : url('MainPanelrightpanel/rar_l_ov.png') no-repeat 0 0 transparent;
}

div.right_panel_arrow2 {
	position:absolute; top:3px; left:4px; width:36px; height: 36px; cursor:pointer;
	background : url('MainPanelrightpanel/rar_r.png') no-repeat 0 0 transparent;
}

div.right_panel_arrow2_ov {
	background : url('MainPanelrightpanel/rar_r_ov.png') no-repeat 0 0 transparent;
}

div.right_panel_arrow3 {
	position:absolute; top:3px; right:4px; width:36px; height: 36px; cursor:pointer;
	background : url('MainPanelrightpanel/move.png') no-repeat 0 0 transparent;
}

div.right_panel_fader {
	position:absolute; top:0px; left:0px; bottom:0px; right:0px; height:100%; width:100%;
	background-color:black;
	/* background : url('MainPanelrightpanel/loading_black.gif') no-repeat center center black;*/
}

div.fader_load {
	background : url('MainPanelrightpanel/loading_black.gif') no-repeat center center black;
}

div.right_panel_loading {
	width:100%; height:150px; background-color:white;

}



/* Right Panel STatus bar
**********************/

div.right_panel_sbar_arrow {
	position:absolute; top:0px; right:0px;
	width:20px; height:20px; cursor:pointer;
}

div.right_panel_sbar_but {
	width:20px; height:20px; cursor:pointer; margin-left:10px; float:right;
}


div.right_panel_sbar_holder {
	height:20px; top:0px; right:8px;
	position:absolute; 
}

div.right_panel_sbar {
	position:absolute; top:0px; right:-5px; width:300px;
	height:20px; cursor:pointer; float:right; 
}

div.right_panel_sbar_arrow#down {
	background : url('MainPanelrightpanel/arrd2.png') no-repeat 0 0 transparent;
}
div.right_panel_sbar_arrow#up {
	background : url('MainPanelrightpanel/arru2.png') no-repeat 0 0 transparent;
}

/* Right Panel Inner
**********************/



div.right_panel_inner_body {
	font-size:10px;
}

div.right_panel_icon_splitter {
	height:6px; background-color:#87a7bc;
	width:398px; clear:both;
	position:relative;
}

div.column_int_header {
	font-weight:normal; float:left; line-height:25px; color:#666;
	overflow:hidden; -o-text-overflow: ellipsis; text-overflow:ellipsis; white-space:nowrap;
	width:320px;
	position:absolute; top:2px; left:9px;
}

div.column_int_header_sw {
	font-weight:normal; float:left; line-height:25px; color:silver;
	overflow:hidden; -o-text-overflow: ellipsis; text-overflow:ellipsis; white-space:nowrap;
	width:320px;
	position:absolute; top:3px; left:10px;
}

div.right_panel_icon_splitter_ {
	position:absolute; top:93px; left:0px;
	height:4px; background-color:#b5ddf3;width:398px;
}

div.right_panel_icon_splitter2 {
	position:absolute; top:0px; right:80px;
	height:100px; background-color:#87a7bc; width:6px;
}

div.right_panel_icon_splitter2_ {
	position:absolute; top:0px; right:81px;
	height:100px; background-color:#b5ddf3; width:4px;
}


div.right_panel_icon_body {
	width:100px; height:60px;	float:left;
	position:relative; cursor:pointer;
	background:url('MainPanel/RP/icon100.png') no-repeat 0 0 ;
	/* ( 760 - (64 * 9) ) / 8 */
}

div.right_panel_icon_body_prim {
	width:57px; height:72px; margin-bottom:0px; margin-left:5px; margin-right:12px; float:left;
	margin-top:10px;
	position:relative; cursor:pointer;
	color:#00195e;
	/* ( 760 - (64 * 9) ) / 8 */
}

div.right_panel_icon_body_ov {
	color:#0043f0;
	background-position:-100px 0px;
}

div.right_panel_mslider{
	width:52px; height:52px;
	background:  url('MainPanelrightpanel/icons/holder_dark.png') no-repeat 0 0 transparent;
	position:relative; cursor:pointer;
	margin-bottom:5px; margin-top:5px; margin-left:5px;
}


div.right_panel_icon_body_icon {
	position:absolute; top:10px;left:6px;
}

div.right_panel_icon_body_txt {
	position:absolute; top:48px; left:10px; width:80px;
	text-align:center; font-size:10px; font-family:Verdana;
}

div.right_panel_icon_image {
	position:absolute; top:11px; left:34px; width:32px; height:32px;
}

div.info_panel_icon_image {
	position:absolute; top:14px; left:39px; width:24px; height:24px;
	background:url('MainPanel/MP/pr_pdf_mail.png') no-repeat 0 0;
}

div.info_panel_icon_image.pdf { background-position:-24px 0px; }
div.info_panel_icon_image.mail { background-position:-48px 0px; }

div.right_panel_icon_body_num1 {
	position:absolute; width:24px; height:22px; top:14px; left:8px;height:30px; line-height:30px;
	color:white; background:url('MainPanel/RP/number2.png') no-repeat 0 0;
}

div.right_panel_icon_body_num2 {
	position:absolute; width:24px; height:22px; top:14px; right:8px;height:30px; line-height:30px;
	color:white; background:url('MainPanel/RP/number1.png') no-repeat 0 0;

}

div.right_panel_icon_num_txt {
	width:20px; height:22px; line-height:22px;
	text-align:center; font-size:10px; font-family:arial;
}

div.right_panel_sbar_title {
	font-size:12px; font-family:arial;
}


div.right_panel_message {
	position:absolute; top:2px; right:28px; width:16px; height:16px;
	background:url('MainPanelrightpanel/message.png') no-repeat;
}

div.right_panel_message2 {
	position:absolute; top:2px; right:28px; width:16px; height:16px;
	background:url('MainPanelrightpanel/message2.png') no-repeat;
}

div.right_panel_message_txt {
	position:absolute; top:1px; right:50px; width:16px; height:16px; width:120px;
	text-align:right; font-family:Verdana; color:#0b4b6e; font-size:10px; font-weight:normal; text-align:right;

}

/** RPanel Icons */
div.right_panel_sbar_icon {
	width: 20px; height:20px; margin-left:3px; float:right; cursor:pointer;
}

div.right_panel_sbar_icon_add {		background:url('MainPanel/rightpanel/icons/add_.png'); }
div.right_panel_sbar_icon_edit {	background:url('MainPanel/rightpanel/icons/edit_.png'); }
div.right_panel_sbar_icon_search {	background:url('MainPanel/rightpanel/icons/search_.png'); }
div.right_panel_sbar_icon_detach {	background:url('MainPanel/rightpanel/icons/detach_.png'); }



/** Creator */

h1.iCreator {
	clear:both;
	width:380px; height:40px; margin-top:-10px; margin-left:-10px;
	background:url('MainPanel/MP/cheader.png') no-repeat 0 0 transparent;
	font-size:12px; font-family:arial; font-weight:normal;
	line-height:40px;
	text-align:left; text-indent:20px;
	margin-top:5px;
	margin-bottom:5px; color:#666;
}

h1.iCreator.long {
	width:1160px;
	background:url('MainPanel/MP/cheader1100.png') no-repeat 0 0 transparent;
}

h1.iCreator.medium {
	width:770px;
	background:url('MainPanel/MP/cheader770.png') no-repeat 0 0 transparent;
}

h1.iCreator.mycomp {
	color: #055697;
}

label.iCreator {
	float:left;
	width:120px;
	line-height:20px; display:block;
	font-size:12px; color:#666; font-family:arial;
	text-indent:15px;
}

.form__label {
	width: auto!important;
	padding-right: 15px;
}


div.iCreator {
	float:left; width:227px; line-height:20px;
	clear:right; margin-bottom:10px; position:relative;
	font-size:12px; color:#333; font-family:arial;
}

div.iCreatorBreak {
	clear:both;
	width:350px; margin-left:5px; margin-top:5px; border-top:1px solid #efefef; height:5px; margin-bottom:5px;
}

input.ic200,input.ic260,input.ic120, input.ic80 {
	height:16px;
	font-family:Verdana; font-size:10px;
}

input.ic80:read-only {
	background-color: #efefef;
}


button.iCreator {
	height: 22px;
}

input.ic200 { width:200px;}
input.ic260 { width:220px;}
input.ic170 { width:170px;}
input.ic120 { width:120px;}
input.ic80  { width:80px;}


input.noborders {
	border:1px solid white;
}


textarea.iCreator {
	width:330px;
	height:150px;
}

div.iCreatorCol1 {
	float:left; width:390px;
}

div.iCreatorCol2 {
	float:left; width:380px;
}

p.iCreator {
	width:280px; line-height:16px; margin:0px; margin-left:10px;
	clear:right; margin-bottom:10px; position:relative;
	font-size:12px; color:#333; font-family:arial; 
}

textarea.iCreator.smal {
	width:346px;	height:80px;
}

div.iCreator_Close {
	position:absolute; top:6px; right:20px;  width:10px; height:10px;
	background:url('MainPanel/MP/cr/close.png') no-repeat 0 0; cursor:pointer;
}

#createHylla{
	color: #5cb160; position: absolute; top: 6px; right: 20px;
	width: 10px; height: 10px; cursor: pointer;
}

div.iCreator_Close.ichover {
	background-position:-10px 0px;
}


div.iCreator_Edit {
	position:absolute; top:5px; right:5px;  width:12px; height:12px;
	background:url('MainPanel/MP/cr/Edit.png') no-repeat 0 0; cursor:pointer;
}

div.iCreator_Edit.ichover {
	background-position:-12px 0px;
}


div.iCreator_Star {
	position:absolute; top:2px; right:25px;  width:16px; height:16px;
	background:url('MainPanel/MP/cr/star.png') no-repeat 0 0; cursor:pointer;
}

div.iCreator_Star.ichover {
	background-position:-16px 0px;
}

div.iCreator_Star.icon {
	background-position:-32px 0px;
}

div.iCreator_Edit2 {
	position:absolute; top:5px; right:5px;  width:10px; height:10px;
	background:url('MainPanel/MP/cr/edit2.png') no-repeat 0 0; cursor:pointer;
}

div.iCreator_Edit2.ichover {
	background-position:-10px 0px;
}


div.iCreator_Save {
	position:absolute; top:5px; right:5px;  width:12px; height:12px;
	background:url('MainPanel/MP/cr/save.png') no-repeat 0 0; cursor:pointer;
}

div.iCreator_Save.ichover {
	background-position:-12px 0px;
}

a.iCreator {
	color:#3399ff;
}

div.iCreator_Map {
	position:absolute; top:3px; right:5px;  width:16px; height:16px;
	background:url('MainPanel/MP/cr/map.png') no-repeat 0 0; cursor:pointer;
}

div.iCreator_Map.ichover {
	background-position:-16px 0px;
}

/** Info panel */

div.iInfoBreak300 {
	clear:both;
	width:300px; margin-top:5px; border-top:1px solid #efefef; height:5px; margin-bottom:5px;
}

div.iInfo {
	width:280px; height:20px; clear:both; margin-left:10px;
}

a.iInfoGrey {
	color:#ccc;
}


h1.rInfo {
	clear:both;
	width:320px; height:40px; margin-top:-10px; margin-left:-10px;
	background:url('MainPanel/RP/header2.png') no-repeat 0 0 transparent;
	font-size:12px; font-family:arial;
	line-height:40px; color:#666; text-align:left;
	margin-top:5px; font-weight:normal;
	margin-bottom:5px; text-indent:20px;
}

h1.rInfo.green {
	color : #50a250;
}

h1.rInfo.red {
	color:#666;  font-size:12px; text-align:center; text-indent:0;
	margin-top:-10px;
}


label.rInfo {
	float:left; width:110px; line-height:20px; display:block;
	font-size:12px; color:#999; font-family:arial;
	text-indent:12px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

label.rInfo.red {
	color: #ac3539;
}

div.rInfo {
	float:left; width:190px; line-height:20px;
	clear:right; margin-bottom:10px; position:relative;
	font-size:12px; color:#333; font-family:arial;
	text-indent:10px; position:relative;
}

p.rInfo {
	float:left; width:280px; line-height:16px; margin:0px; margin-left:10px;
	clear:right; margin-bottom:10px; position:relative;
	font-size:12px; color:#333; font-family:arial; 
}


div.rInfo_Timer {
	position:absolute; top:2px; right:5px;  width:16px; height:16px;
	background:url('MainPanel/MP/ir/timer2.png') no-repeat 0 0; cursor:pointer;
}

div.rInfo_Timer.ichover {
	background-position:-16px 0px;
}

table.rightTable {
	width:100%;
	border-collapse: collapse;
}

table.rightTable tr {
	height:20px;

	background-color: #fafafa;
}

table.rightTable th {
	text-align: left;
	border:1px solid silver;
	background-color: #666;
	padding:3px;
	font-weight: bold;
	color:#fff;
}
table.rightTable td {
	border:1px solid silver;
	padding:3px;
}

table.rightTable td.management-column a{
	margin:0 2px;
}


.wid80 { width: 80px!important; }
.wid120 { width: 120px!important; }
.wid170 { width: 170px!important; }
.wid260 { width: 260px!important; }
.wid200 { width: 200px!important; }

.h20 {  height:20px;  }
.h10 { height:10px; }

.mb10 {margin-bottom:10px;}

#right_panel_inside #put_right_html_here .tools-info-wrap {
	max-height:300px!important;
	overflow:auto!important;
}
.related-products-btn {
	margin-left: 10px;
}
.select-type-related-products {
	padding: 4px 0 3px 0;
	border: 1px solid silver;
	margin-right: 10px;
	float: left;
}
.search-product {
	display: none;
}
.default_filed {
	width: 220px;
}
.show-block.iCreator {
	display: block;
}