/*----------------------------
	WebCMS ©2011 by Olivier Toscano
	contact	:	info@webcms.lu
	url		:	webcms.lu
	society	:	WebCMS S.àr.l.
------------------------------*/
@charset "utf-8";

span.accessGranted { color:green; }
span.accessDenied { color:red; }

.hide { visibility:hidden; display:none; }
.hidden { display:none; }
.show { visibility:visible; display:block; }
/*------------------*/

img.setImageLeft { float: left; margin: 0 20px 20px 0; }
img.setImageRight { float: right; margin: 0 0 20px 20px; }

/* clear after cell_content DIV */
.cell_content:after { content: " "; display: block; clear: both; }

/* formulaire qui apparait au premier plan */
div#extraForm { position:absolute; top:200px; left:40%; z-index:1000; display:block; width:400px; padding:8px; margin:0; border:none; background:none; }
	div#extraForm h4 { padding:4px 6px; margin:0 0 5px 0; background-color:#e4edf7; border:thin solid #d8d8d8; -moz-border-radius:4px; }
	div#extraForm p#close { position:absolute; top:0; right:15px; z-index:2; }
		div#extraForm p#close a { color:black; }
	div#extraForm textarea { width:100%; }

/* popme wrapper */
div#popme { position:absolute; top:50px; left:50px; z-index:1000; display:none; width:600px; padding:8px; margin:0; text-align:left; color:#333; border:1px solid #808080; background-color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
	div#popme input[type=text], div#popme textarea { color:#333; background-color:#fefefe; border:1px solid #dadada; border-color:#dadada #dadada #e3e3e3 #e3e3e3; }
	div#popme h4 { padding:4px 6px; margin:0 0 5px 0; font-size:1.2em; background-color: transparent; border-bottom:1px solid #808080; }
	div#popme h5 { padding:4px 6px; margin:0 0 5px 0; font-size:1.5em; background-color: transparent; border: none; }
	div#popme p { font-size: 1em; font-style: normal; font-family: Arial; line-height: 1em; margin: 11px 0; padding:0; }
	div#popme p#close { position:absolute; top:0; right:15px; z-index:2; }
		div#popme p#close a { color:black; }
	div#popme div.formTools input { color:#fff; border:none; }

	.btn_save { border:none; display:inline; min-width:100px; height:34px; color:#fff; background: transparent url(../css/imgBase/btn107.png) repeat-x 0 0; }

	div#popme div.formTools input.btnSave { display:inline; width:76px; height:22px; color:#fff; border:none; background: green url(img/glossy.png) repeat-x 0 0; }
	div#popme div.formTools input.btnCancel { display:inline; width:62px; height:22px; color:#fff; border:none; background: red url(img/glossy.png) repeat-x 0 0; }
	div#popme div.formTools input.btnLocate { display:inline; width:71px; height:22px; color:#fff; border:none; background: orange url(img/glossy.png) repeat-x 0 0; }
	div#popme input.btnContact { width:102px; height:22px; color:#fff; border:none; background: grey url(img/glossy.png) repeat-x 0 0; }

/* jBox */
.jBox { font-size: 9pt; font-family: Arial; }
.jBox h4,
.jBox h5 { text-align: left; color: #333; font-family: Arial; padding:4px 6px; margin:0 0 5px 0; background-color: transparent; }
.jBox h4 { font-size:1.2em; border-bottom:1px solid #808080; }
.jBox h5 { font-size:1.5em; border: none; }
.jBox .jBoxWrapper { text-align: left; }
.jBox p { font-size: 1em; font-style: normal; font-family: Arial; line-height: 1em; margin: 11px 0; padding:0; }

.jBox div.formTools input { color: #fff; border:none; }
.jBox input[type=text],
.jBox textarea { color:#333; background-color:#fefefe; border:1px solid #dadada; border-color:#dadada #dadada #e3e3e3 #e3e3e3; }

.jBox div.formTools input[type=button],
.jBox div.formTools input[type=submit] { display:inline-block; color: #fff; border:none; border-radius: 2px; padding: 4px 8px; text-transform:none; font-weight: normal; }
.jBox div.formTools input.btnSave { width:auto; height:22px; background: green url(img/glossy.png) repeat-x 0 0; }
.jBox div.formTools input.btnCancel { width:auto; height:22px; background: red url(img/glossy.png) repeat-x 0 0; }
.jBox div.formTools input.btnLocate,
.jBox div.formTools input.btnNext,
.jBox div.formTools input.btnBack { width:71px; height:22px; background: orange url(img/glossy.png) repeat-x 0 0; }
.jBox input.btnContact { width:102px; height:22px; background: grey url(img/glossy.png) repeat-x 0 0; }
.jBox div.formTools input.hidden { display: none; }
.jBoxClose a { display: block; width: 28px; height: 28px; background: transparent url(img/close.png) no-repeat 0 0; }

.jBox div.formTools input.btnSave,
.jBox div.formTools input.btnCancel,
.jBox div.formTools input.btnLocate,
.jBox div.formTools input.btnNext,
.jBox div.formTools input.btnBack { font: normal 1em Arial; }

.jBox div.formTools input.btnSave:hover,
.jBox div.formTools input.btnCancel:hover,
.jBox div.formTools input.btnLocate:hover,
.jBox div.formTools input.btnNext:hover,
.jBox div.formTools input.btnBack:hover { cursor: pointer; background-image: url(img/glossy_black.png); }

/* designToolsBox */
.designToolsBox {}
.designToolsBox h4,
.designToolsBox h5 { text-align: left; color: #333; font-family: Arial; padding:4px 6px; margin:0 0 5px 0; background-color: transparent; }
.designToolsBox h4 { font-size:1.2em; border-bottom:1px solid #808080; }
.designToolsBox h5 { font-size:1.5em; border: none; }
.designToolsBox .designToolsBoxWrapper { text-align: left; }
.designToolsBox p { font-size: 1em; font-style: normal; font-family: Arial; line-height: 1em; margin: 11px 0; padding:0; }

.designToolsBox div.formTools input { color: #fff; border:none; }
.designToolsBox input[type=text],
.designToolsBox textarea { color:#333; background-color:#fefefe; border:1px solid #dadada; border-color:#dadada #dadada #e3e3e3 #e3e3e3; }

.designToolsBox div.formTools input[type=button],
.designToolsBox div.formTools input[type=submit] { display:inline; color: #fff; border:none; -moz-border-radius: 2px; padding:0; text-transform:none; font-weight: normal; }
.designToolsBox div.formTools input.btnSave { width:76px; height:22px; background: green url(img/glossy.png) repeat-x 0 0; }
.designToolsBox div.formTools input.btnCancel { width:62px; height:22px; background: red url(img/glossy.png) repeat-x 0 0; }
.designToolsBox div.formTools input.btnLocate,
.designToolsBox div.formTools input.btnNext,
.designToolsBox div.formTools input.btnBack { width:71px; height:22px; background: orange url(img/glossy.png) repeat-x 0 0; }
.designToolsBox input.btnContact { width:102px; height:22px; background: grey url(img/glossy.png) repeat-x 0 0; }
.designToolsBox div.formTools input.hidden { display: none; }
.designToolsBoxClose a { display: block; width: 28px; height: 28px; background: transparent url(img/close.png) no-repeat 0 0; }


/* ui-message */
div#get-premium { position: fixed; top:50px; left:50px; z-index:9999; display:none; width:400px; padding:8px; margin:0; text-align:left; -moz-border-radius:4px; opacity:0.95; color:#333; border:1px solid #808080; background-color:#fff; }

/* overlay */
div.overlay { position:absolute; top:0; left:0; z-index:2; background-color:#000; width:100%; opacity:0.4; }
/*div.overlay { position:absolute; top:0; left:0; z-index:20 !important; background-color:#000; width:100%; opacity:0.4; }*/

/* web site Tabs */
div.webSiteTabs {}
div.webSiteTabs h3 { margin:4px 6px; padding:0; }
div.webSiteTabs p { margin:0; padding:2px; }

/* ombre portee pour l'extraForm */
div#extraForm div.ex-wrapper { position:relative; padding:6px; margin:0; border:1px solid #666; background-color:#fff; }
div#extraForm div.ex-shadows { position:absolute; z-index:110; display:block; }
div#extraForm div.ex-top { top:0; left:60px; width:100%; height:30px; background: transparent url(../img/ex-top-shadow.png) repeat-x 0 0; }
div#extraForm div.ex-left { top:60px; left:0; width:30px; height:100%; background: transparent url(../img/ex-left-shadow.png) repeat-y 0 0; }
div#extraForm div.ex-bottom { bottom:0; left:60px; width:100%; height:30px; background: transparent url(../img/ex-bottom-shadow.png) repeat-x 0 0; }
div#extraForm div.ex-right { top:60px; right:0; width:30px; height:100%; background: transparent url(../img/ex-right-shadow.png) repeat-y 0 0; }
div#extraForm div.ex-top-left { top:0; left:0; width:60px; height:60px; background: transparent url(../img/ex-topleft-shadow.png) no-repeat 0 0; }
div#extraForm div.ex-bottom-left { bottom:0; left:0; width:60px; height:60px; background: transparent url(../img/ex-bottomleft-shadow.png) no-repeat 0 0;}
div#extraForm div.ex-top-right { top:0; right:0; width:60px; height:60px; background: transparent url(../img/ex-topright-shadow.png) no-repeat 0 0; }
div#extraForm div.ex-bottom-right { bottom:0; right:0; width:60px; height:60px; background: transparent url(../img/ex-bottomright-shadow.png) no-repeat 0 0; }

/* WebCMS */
div#waiting { visibility:hidden; color:green; background-color:#eee; border:1px solid #e1e0e0; padding:10px; text-align:center; font:normal 18px Verdana; }
div#results { padding:10px; border:1px solid #333; }

/* table highlight : respect de la cascade ! important ! */
.row_even { background-color: #ececec; }
.row_odd { background-color: #e3e3e3; }
.row_yellow { background-color: #fff15b; }
.row_red { background-color: #ff5b5b; }
.row_green { background-color: #6aff5b; }
.rowHover { background-color: #d3d3d3; }

.over { background-color: #edf3f9; }

/* status actif / non actif */
a.tick_on { text-decoration:none; cursor:pointer; display:block; width:100%; height:16px; background:transparent url(../img/tick.png) no-repeat top center; }
a.tick_off { text-decoration:none; cursor:pointer; display:block; width:100%; height:16px; background:transparent url(../img/tick_off.png) no-repeat top center; }

/* done add or update */
div#ui-message { position:fixed; top:0; left:40%; z-index:1000; display:none; width:300px; height:42px; padding:4px; text-align:center; }

/* tools */
div.tools { margin-bottom:4px; }
	div.tools a { display:block; float:left; padding:4px 8px; margin-left:4px; text-align:center; border:1px solid #d8d8d8; background-color:#edf3f9; -moz-border-radius:4px; }
	div.tools a:hover { border:1px solid #999; background-color:#d8d8d8; color:#333; text-decoration:none; }


/* UI message dialog box */
.uiMsgWrapper {
	background-color: #fefefe;
	border: 1px solid #444; border-radius: 5px;
	padding: 10px;
	transisiotn: all .3s ease;
}