/**
 * @author Laurent Dit-Zedde, <laurent.ditzedde@goa.com>
 * @package admin-manager
 * @subpackage www-root.skin.orange.css
 * @version $Id: admin_box.css 1442 2019-07-01 07:54:22Z lditzedde $
 */

.mail
{
	position:relative;
	width:650px;
	height:485px;
	border-bottom:1px solid #c0c0c0;
}

.mail-content
{
	position:absolute;
	top:100px;
	right:0px;
	width:440px;
	height:250px;
}

.mail-content .boxContent > div
{
	padding:20px;
	text-align:justify;
	border:1px solid #c0c0c0;
	background:white;
}

.mail-content h2
{
	padding:0px 0px 20px 20px;
	text-align:left;
	background:url(../img/arrows_page.png) no-repeat -114px 4px;
}

.box
{
	position:relative;
	border:0px solid black;
}

.box.bot
{
	margin-bottom:10px;
}

.boxTop
{
	position:relative;
	height:5px;
	border:0px solid black;
}

.boxBot
{
	position:relative;
	height:5px;
	border:0px solid black;
}

.boxMid
{
	position:relative;
	background:#e6e5e5;
	border:0px solid black;
}

.boxArrow
{
	z-index:1;
	position:relative;
	margin-left:12px;
	margin-bottom:-2px;
	width:10px;
	height:8px;
	background:url(../img/box_cborder.png) 0px -56px;
}

.boxContent
{
	position:relative;
	margin:0px 5px 0px 5px;
	background:none;
	border:0px solid red;
}

.boxContent .boxPadding
{
	padding:10px 5px 5px 5px;
	text-align:justify;
}

.boxContent .boxPadding .boxBorder
{
	padding:5px;
	border:1px solid #c0c0c0;
	background:white;
}

.boxVBorder
{
	position:absolute;
	height:5px;
	background-image:url(../img/box_vborder.png);
	border:0px solid blue;
}

.boxHBorder
{
	position:absolute;
	width:5px;
	background-image:url(../img/box_hborder.png);
	border:0px solid orange;
}

.boxCBorder
{
	position:absolute;
	width:5px;
	height:5px;
	background-image:url(../img/box_cborder.png);
	border:0px solid red;
}

.boxArea .boxVBorder
{
	background-image:url(../img/area_vborder.png);
}

.boxArea .boxHBorder
{
	background-image:url(../img/area_hborder.png);
}

.boxArea .boxCBorder
{
	background-image:url(../img/area_cborder.png);
}

.b_topLeft
{
	top:0px;
	left:0px;
	background-position:left top;
}

.b_topRight
{
	top:0px;
	right:0px;
	background-position:right top;
}

.b_topMid
{
	top:0px;
	left:5px;
	right:5px;
	background-position:left top;
}

.b_botLeft
{
	bottom:0px;
	left:0px;
	background-position:left -5px;
}
.b_botRight
{
	bottom:0px;
	right:0px;
	background-position:right -5px;
}

.b_botMid
{
	bottom:0px;
	left:5px;
	right:5px;
	background-position:left -5px;
}

.b_midLeft
{
	top:0px;
	left:0px;
	bottom:0px;
	background-position:left top;
}

.b_midRight
{
	top:0px;
	right:0px;
	bottom:0px;
	background-position:right top;
}

.s_topLeft
{
	top:0px;
	left:0px;
	background-position:left -10px;
}

.s_topRight
{
	top:0px;
	right:0px;
	background-position:right -10px;
}

.s_botLeft
{
	bottom:0px;
	left:0px;
	background-position:left -15px;
}
.s_botRight
{
	bottom:0px;
	right:0px;
	background-position:right -15px;
}

/******************************************/

.boxTitle
{
	position:relative;
	height:35px;
	border:0px solid black;
}

.boxTitleLeft
{
	float:left;
	width:5px;
	height:35px;
	background-image:url(../img/box_cborder.png);
	background-position:left -20px;
}

.boxTitleRight
{
	float:right;
	width:5px;
	height:35px;
	background-image:url(../img/box_cborder.png);
	background-position:right -20px;
}

.boxTitleContent
{
	margin-left:5px;
	margin-right:5px;
	height:35px;
	background-image:url(../img/box_vborder.png);
	background-position:left -10px;
}

.boxTitleContent span
{
	display:inline-block;
	height:35px;
	line-height:35px;
	font-size:18px;
	font-weight:bold;
	color:gray;
}

.boxTitleContent img
{
	float:left;
	margin:7px 7px 0px 5px;
}

.boxTitleIcon
{
	position:relative;
	float:left;
	margin-top:7px;
	margin-right:5px;
	width:22px;
	height:22px;
	background:url(../img/btn_back.png) no-repeat 0px -46px;
}

.boxTitleIcon img
{
	float:left;
	margin-left:3px;
	margin-top:3px;
}

.box-title-btn
{
	position:relative;
	cursor:pointer;
	float:right;
	margin-left:1px;
	margin-top:7px;
	width:22px;
	height:22px;
	background:url(../img/btn_back.png) no-repeat 0px -46px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.box-title-btn em
{
	float:left;
	width:22px;
	height:22px;
}

.box-title-btn span
{
	position:absolute;
	display:none;
	cursor:default;
	z-index:1;
	top:-26px;
	left:-24px;
	width:70px;
	height:24px;
	line-height:16px;
	color:white;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	background:transparent url(../img/bubble.png) 0px 0px;
}

.box-title-btn span.bubble-right
{
	left:-44px;
	background:transparent url(../img/bubble.png) 0px -72px;
}

.box-title-btn:hover
{
	background-position:-22px -46px;
}

.box-title-btn:hover span
{
	display:block;
}

.box-title-btn:active
{
	background-position:-44px -46px;
}

/******************************************/

ul.boxTab
{
	position:relative;
	display:block;
	height:30px;
	list-style-type:none;
	background-image:url(../img/box_vborder.png);
	background-position:left -45px;
}

div.winContentMid > ul.boxTab
{
	padding: 0 5px;
	background:#F2F2F2;
	border-bottom: 1px solid #C0C0C0;
}

ul.boxTab.boxChild
{
	height:60px;
}

ul.boxTab li
{
	cursor:pointer;
	float:left;
	margin-top:5px;
	margin-right:1px;
	width:200px;
	height:25px;
	line-height:25px;
	color:white;
	font-weight:bold;
	background-image:url(../img/menu_section.png);
	background-position:left -162px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

ul.boxTab li.selected
{
	background-position:left -130px;
}

ul.boxTab li span
{
	display:block;
	padding-left:24px;
	background:url(../img/nav_icons.png) no-repeat 7px -55px;
	border:0px solid black;
}

ul.boxTab li img
{
	float:right;
	margin:5px 7px 0px 2px;
	padding:0px;
	width:16px;
	height:16px;
}

ul.boxTab li.selected > div span
{
	background:url(../img/nav_icons.png) no-repeat 7px 8px;
}

ul.boxTab li ul
{
	position:absolute;
	z-index:1;
	right:0px;
	left:0px;
	height:30px;
	list-style-type:none;
	background-image:url(../img/box_vborder.png);
	background-position:left -45px;
}

div.boxTabLeft
{
	float:left;
	width:5px;
	height:30px;
	background-image:url(../img/box_cborder.png);
	background-position:left -94px;
}

div.boxTabRight
{
	float:right;
	width:5px;
	height:30px;
	background-image:url(../img/box_cborder.png);
	background-position:right -94px;
}

ul.boxTab.table
{
	background:url(../img/table_border.png);
	background-position:left -59px;
}

ul.boxTab.table > div.boxTabLeft
{
	background-position:left -64px;
}

ul.boxTab.table > div.boxTabRight
{
	background-position:right -64px;
}

/******************************************/

.box2
{
	position:relative;
	height:100%;
}

.boxTop2
{
	position:absolute;
	top:0px;
	width:100%;
	height:5px;
	border:0px solid black;
}

.boxBot2
{
	position:absolute;
	bottom:0px;
	width:100%;
	height:5px;
	border:0px solid black;
}

.boxMid2
{
	position:absolute;
	top:5px;
	bottom:5px;
	width:100%;
	border:0px solid black;
}

.boxContent2
{
	position:relative;
	margin-left:5px;
	margin-right:5px;
	height:100%;
	background:#e6e5e5;
	border:1px solid black;
}

.spacer
{
	height:2px;
	background:white;
}

.spacer em
{
	display:block;
	height:1px;
	background:#c0c0c0;
}

.boxTransparent
{
	opacity:0.3;
	filter:alpha(opacity=30);
}

.boxOpaque
{
	opacity:1;
	filter:alpha(opacity=100);
}
/******************************************/
.winContent.resized
{
	right:0px;
	top:0px;
	bottom:0px;/*35px*/
	left:0px;
}

.box-resized
{
	position:relative;
	height:100%;
}

.box-resized > .boxTop
{
	position:absolute;
	top:0px;
	width:100%;
	height:5px;
	border:0px solid black;
}

.box-resized > .boxMid
{
	position:absolute;
	top:5px;
	bottom:40px;/*5px*/
	width:100%;
	border:0px solid black;
}

.box-resized > .boxContent
{
	position:relative;
	margin-left:5px;
	margin-right:5px;
	height:100%;
	background:#e6e5e5;
	border:1px solid black;
}

.box-resized > .boxBot
{
	position:absolute;
	bottom:35px;/*0px;*/
	width:100%;
	height:5px;
	border:0px solid black;
}

.winContentRight.scroll
{
	overflow:auto;
}

/* ////////////////////////////////////////////////////////////////////////// */
/* WINDOWS
/* ////////////////////////////////////////////////////////////////////////// */

.winInit
{
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
}

.winBack
{
	position:fixed;
	z-index:10;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:white url(../img/win_bg.png);/*#FFE3A3*/
	opacity:0.7;
	filter:alpha(opacity=70);
}

.winContent
{
	position:fixed;
	z-index:10;
	box-shadow: #CDCDCD 0 0 30px;
}

.winContent.noshadow
{
	box-shadow: none;
}

.winContent.winAbs
{
	position:absolute;
}

.winContent .boxTitle
{
	cursor:move;
}

.winRedirect,
.winRedirectService
{
	display:none;
}

.winContentMid
{
	/*padding:5px 10px 10px 10px;*/
	padding-bottom: 5px;
	background:white;
	border:1px solid #c1c1c1;
}

.winContentMid.scroll
{
	overflow:auto
}

.winContent.resizable .winContentMid
{
	max-height:510px;
}

.winContent.resizable.resized .winContentMid,
.winContent.resizable .winContentMid.resized
{
	max-height:none;
}

.winPadding
{
	/*padding:5px 10px 10px 10px;*/
	padding:10px;
}

.winLoading
{
	display:none;
	float:right;
	margin-top:2px;
	margin-right:5px;
}

.winContentLeft
{
	position:absolute;
	top:0px;
	left:0px;
	bottom:31px;
	width:65px;
	border:1px solid #c1c1c1;
}

.winContentRight
{
	margin-left:66px;
	padding:10px;
	background:white;
	border:1px solid #c1c1c1;
}

.winContentRight h3
{
	padding:12px 0px;
	font-size:18px;
	text-align:center;
	border:0px solid red;
}

.winContentRight hr
{
	margin:10px 0px;
	color:#c1c1c1;
	background-color:#c1c1c1;
	height:1px;
	border:none;
}

.winContentRight > div
{
	max-height:300px;
	overflow-y:auto;
}

.box-resized .winContentRight > div
{
	max-height:none;
	overflow-y:visible;
}

.winErrorLogo
{
	background:url(../img/win_error.png) no-repeat 10px 10px;
	background-color:#ffe5e5;
}

.winForbiddenLogo
{
	background:url(../img/win_forbidden.png) no-repeat 10px 10px;
	background-color:#ffe5e5;
}

.winOkLogo
{
	background:url(../img/win_ok.png) no-repeat 10px 10px;
	background-color:#e5ffec;
}

.winConfirmLogo
{
	background:url(../img/win_confirm.png) no-repeat 10px 10px;
	background-color:#e5efff;
}

.winWarningLogo
{
	background:url(../img/win_warning.png) no-repeat 10px 10px;
	background-color:#fff8bb;
}

.winErrorText div span
{
	color:red;
}

.winOkText div span
{
	color:green;
}

.winOkText div.winData
{
	display:inline-block;
	margin-right:10px;
	width:104px;
	border:1px solid #c0c0c0;
}

.winOkText div.winData.last
{
	margin-right:0px;
}

.winOkText div.winData div
{
	display:block;
	height:22px;
	line-height:22px;
	text-align:center;
	color:black;
}

.winOkText div.winData div.winDataTitle
{
	padding:0px;
	background:#eeeeee;
	border-bottom:1px solid #c0c0c0;
}

.winOkText div.winData div img
{
	margin-top:6px;
}

.winContentBot
{
	margin-top: -1px;
	padding:5px 5px 0px 0px;
	text-align:right;
	height:25px;
	background:#f2f2f2;
	border:1px solid #c1c1c1;
	/*border-top:none;*/
}

.winCloseTop
{
	position:relative;
	float:right;
	cursor:pointer;
	margin:7px 0 0 1px;
	width:22px;
	height:22px;
	background:url(../img/btn_back.png) no-repeat 0px -46px;
}

.winCloseTop:hover
{	
	background-position:-22px -46px;
}

.winCloseTop:active
{
	background-position:-44px -46px;
}

.winCloseTop > span
{
	position:absolute;
	top:5px;
	left:5px;
	width:12px;
	height:12px;
	background:url(../img/arrows.png) no-repeat -60px -60px;
}

.winCloseTop:hover > span
{
	background-position:-60px -36px;
}

.winResize
{
	position:relative;
	float:right;
	cursor:pointer;
	margin:7px 0 0 1px;
	width:22px;
	height:22px;
	background:url(../img/btn_back.png) no-repeat 0px -46px;
}

.winResize.disabled
{
	cursor:move;
	filter:alpha(opacity=50);
	opacity:0.5;
}

.winResize:hover
{	
	background-position:-22px -46px;
}

.winResize:active
{
	background-position:-44px -46px;
}

.winResize.disabled:hover,
.winResize.disabled:active
{
	background-position:0px -46px;
}

.winResize > span
{
	position:absolute;
	top:5px;
	left:5px;
	width:12px;
	height:12px;
	background:url(../img/arrows.png) no-repeat -36px -24px;
}

.winResize:hover > span
{
	background-position:-36px -12px;
}

.winResize.disabled:hover > span
{
	background-position:-36px -24px;
}

.winContent.resized .winResize > span
{
	background-position:-36px -60px;
}

.winContent.resized .winResize:hover > span
{
	background-position:-36px -48px;
}

div.winResizeCanvas
{
	position:absolute;
	z-index:999;
	background:transparent;
	border:1px dotted black;
}

.winRoll
{
	position:relative;
	float:right;
	cursor:pointer;
	margin:7px 0 0 1px;
	width:22px;
	height:22px;
	background:url(../img/btn_back.png) no-repeat 0px -46px;
}

.winRoll:hover
{	
	background-position:-22px -46px;
}

.winRoll > span
{
	position:absolute;
	top:5px;
	left:5px;
	width:12px;
	height:12px;
	background:url(../img/arrows.png) no-repeat -24px -60px;
}

.winRoll:hover > span
{
	background-position:-24px -48px;
}

.winContent.rollDown .winRoll > span
{
	background-position:-24px -24px;
}

.winContent.rollDown .winRoll:hover > span
{
	background-position:-24px -12px;
}

/* ////////////////////////////////////////////////////////////////////////// */
/* WINDOWS
/* ////////////////////////////////////////////////////////////////////////// */

.area
{
	position:relative;
	float:left;
	margin-bottom:20px;/*1px*/
	/*padding:10px 0px;*/
	/*display:inline-block;*/
	width:100%;
	border:0px solid black;
	/*background:red;*/
}

.area.left
{
	width:50%;
}

.area.left > div
{
	margin-right:10px;
}

.area.right
{
	width:50%;
}

.area.right > div
{
	margin-left:10px;
}

.area-title
{
	margin-bottom:10px;
	width:50%;
	/*height:25px;*/
	/*line-height:25px;*/
	/*width:276px;*/
	text-align:center;
	/*background:#dcdcdc;*/
	/*background:url(../img/box_vborder.png) left -46px;*/
	/*border:1px solid #c0c0c0;*/
}

.area-title.left
{
	float:left;
}

.area-title.left > span
{
	margin-right:10px;
}

.area-title.right
{
	float:right;
}

.area-title.right > span
{
	margin-left:10px;
}

.area-arrow
{
	position:absolute;
	left:50%;
	margin-top:112px;
	margin-left:-18px;
	width:16px;
	height:16px;
	background:url(../img/arrow_right.png);
}

.area-arrow.title
{
	margin-top:134px;
}

.areaMax
{
	position:absolute;
	bottom: 0;
	right: 0;
	margin-bottom: -17px;
	font-size: 8px;
}

.areaTop
{
	position:relative;
	height:5px;
	border:0px solid black;
}

.areaBot
{
	position:relative;
	height:5px;
	border:0px solid black;
}

.areaMid
{
	position:relative;
	border:0px solid black;
}

.areaContent
{
	position:relative;
	margin:0px 5px 0px 5px;
	background:white;
	border:0px solid red;
}

.areaVBorder
{
	position:absolute;
	height:5px;
	background-image:url(../img/area_vborder.png);
	border:0px solid blue;
}

.areaHBorder
{
	position:absolute;
	width:5px;
	background-image:url(../img/area_hborder.png);
	border:0px solid orange;
}

.areaCBorder
{
	position:absolute;
	width:5px;
	height:5px;
	background-image:url(../img/area_cborder.png);
	border:0px solid red;
}

.a_topLeft
{
	top:0px;
	left:0px;
	background-position:left top;
}

.a_topRight
{
	top:0px;
	right:0px;
	background-position:right top;
}

.a_topMid
{
	top:0px;
	left:5px;
	right:5px;
	background-position:left top;
}

.a_botLeft
{
	bottom:0px;
	left:0px;
	background-position:left -5px;
}
.a_botRight
{
	bottom:0px;
	right:0px;
	background-position:right -5px;
}

.a_botMid
{
	bottom:0px;
	left:5px;
	right:5px;
	background-position:left -5px;
}

.a_midLeft
{
	top:0px;
	left:0px;
	bottom:0px;
	background-position:left top;
}

.a_midRight
{
	top:0px;
	right:0px;
	bottom:0px;
	background-position:-5px top;
}

div.win-btn
{
	position:relative;
	float:left;
	margin-top:7px;
	margin-right:5px;
	width:22px;
	height:22px;
	background:url(../img/btn_back.png) no-repeat 0px -46px;
}

div.win-btn em
{
	float:left;
	width:22px;
	height:22px;
}

div#debug
{
	z-index:9999;
	position:fixed;
	left:0;
	top:0;
	padding:5px;
	background:white;
	border:1px solid gray;
}

div#debug > div
{
	padding:5px;
}