body,td,th,input,textarea {
    font-size: 10px;
    font-family: Verdana,Arial, Helvetica, sans-serif;
	color:#333333;
}
body{padding:0px;
    margin:0px;
	background-color: #999999;
}

#mainBody{
    width:960px;
    min-height:600px;
    border-left:1px solid #000000;
    border-top:1px solid #000000;
    border-bottom:3px outset #999999;
    border-right:3px outset #999999;
    position:absolute;
    left:50%;
    top:20px;
    margin-left:-630px;
    background: #ffffff url(/_lib/res.img/admin/cntSpacerSilver.png) repeat-y;
    background-position:160px;
}

* html #mainBody{
  height:600px;
}

#login{
    background:url(../_img/admLogin.jpg) no-repeat;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-201px;
    margin-top: -180px;
    height:202px;
    width:403px;
    border-right:1px outset #666666;
    border-bottom:1px outset #666666;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding:10px;
    border-radius:10px;
    font-size:1.4em;
}

#login div.footer{
    position:absolute;
    bottom:-15px;
    left:0px;
}
#login form label{color:#EFEFEF;font-weight:normal;text-shadow:1px 1px 2px #000;}
#login form input	{background: rgb(235,241,246); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(235,241,246,1) 0%, rgba(242,242,242,1) 50%, rgba(230,230,230,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(242,242,242,1)), color-stop(51%,rgba(230,230,230,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(242,242,242,1) 50%,rgba(230,230,230,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(242,242,242,1) 50%,rgba(230,230,230,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(242,242,242,1) 50%,rgba(230,230,230,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(235,241,246,1) 0%,rgba(242,242,242,1) 50%,rgba(230,230,230,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
#login div.footer a{color:#666666;text-decoration:none;}
#login div.footer{font-size:0.5em;}
#login h1{color:#EFEFEF;font-size:1.5em;font-weight:normal;padding-top:3px;text-shadow:2px 2px 5px #000;}
#login #infoLine{height:35px;position:relative;left:-10px;font-size:0.8em;}
#login #infoLine .info{width:411px;position:absolute;left:0px;}
#login #infoLine .error{width:411px;position:absolute;left:0px;}
#login #infoLine .warning{width:411px;;position:absolute;left:0px;}
#login #infoLine .success{width:411px;position:absolute;left:0px;}
#content{
  position:relative;
  margin:0px;
  margin-left:160px;
  width:775px;
  padding-left:25px;
  min-height:600px;;
  height: 700px;
  height:auto;
}

/* Navigation */
div#navBox{
	position:absolute;
	left:0px;
	top:0px;
	width:16em;
	border:0px solid #ccc;
}
ul.nav{position:relative;margin:0px;padding:0px;list-style:none;}
ul.nav li{
    line-height:31px;
}

ul.nav li.line{
    height:5px;
    line-height:5px;
	background:#666;
}


* ul.nav li a{width:100%;height:100%;}


ul.nav li a{
    position:relative;
    line-height:31px;
    display:block;
    text-decoration:none;
    color:black;
    background:url(../../_lib/res.img/admin/bgNav.png) repeat-x;
    font-weight:bold;
    padding-left:5px;
	width:auto;
}

ul.nav li a:hover,ul.nav li a.hover{
    background:url(../../_lib/res.img/admin/bgNavAct.png) repeat-x;
}

ul.subNav{
    list-style-image:url(../../_lib/res.img/icons/listArrow.png);
    list-style-position:outside;
	margin:0px;padding:0px;position:relative;
    margin-top:15px;
    margin-left:25px;
	display:none;
	clear:both;
	background:none;
}
ul.subNav li{padding-bottom:10px;background:none;line-height:20px;height:auto;}
ul.subNav li a{text-decoration:none;font-weight:bold;background:none;line-height:20px;height:auto;}
ul.subNav a{color:#000099;}
ul.subNav li a:hover,ul.subNav li a.Act{color:#cc6600;background:none;}

/* --- Navigation end --- */

/** Textformat diverses **/
h1{
    margin:0px;
    margin-top:18px;
    padding:0px;
    padding-bottom:10px;
    font-size:12px;
    font-weight:bold;
    color:#004a90;
}

h2{
  background:#999999;
  color:white;
  font-size:10px;
  margin:0px;
  padding:0px;
  padding-left:5px;
  line-height:16px;
  height:16px;
}

.groupTitle h2{margin-right:8px;}


#infoLine .info,#infoLine .warning,#infoLine .error,#infoLine .success{
    position:relative;
    padding:2px;
    border:none;
    font-weight:bold;
    line-height:27px;
    height:27px;
    left:-11px;
    padding-left:10px;
    width:776px;
}
#infoLine .info{ background:#c4dafa;color:black;}
#infoLine .warning{ background:#ffff99;color:black;}
#infoLine .error{ background:#fac4c4;color:red;}
#infoLine .success{ background:#d3fac4;color:black;}
#infoLine img{float:left;padding-top:4px;}

div.hideItem{
    display:none;
}
div.showItem{
    display:block;
    position:relative;
}

#searchForm{
  position:relative;
  background:#EFEFEF;
  height:35px;
  padding-top:10px;
  padding-left:10px;
  margin-left:-11px;
  width:100%;
  clear:both;
}

#searchForm input{border:1px solid #999999;}

#searchForm input.button{
    width:auto;
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    cursor:pointer;
}

#searchForm label{position:relative;float:left;width:50px;font-weight:bold;line-height:16px;}


#serviceItems{
    height:25px;
    height:30px;
    position:relative;
    
}

#serviceItems div.exportItem{
  top:5px;
  width:20px;
  height:25px;
  right:10px;
  position:absolute;
  display:none;
}



#pagingArea{
    clear:both;
    margin-top:5px;
    margin-bottom:5px;
}

#pagingArea a,#pagingArea a:hover,#pagingArea a.Activ{
    font-weight:bold;
    color:#990000;
    text-decoration:none;
}

#pagingArea a:hover,#pagingArea a.Activ{
    color:#000099;
}

/** Tabels **/
td.date{width:80px;}
td.action {width:125px;margin:0px;padding:0px;}

/** Forms **/
form{margin:0px;padding:0px;}
form p, p.list{margin:0px;padding:0px;clear:both;margin-bottom:5px;font-weight:bold;height:20px;line-height:20px;}
label, p.list label{width:100px;float:left;line-height:18px; font-weight:bold;}
form p label.medium{width:130px;}
form p label.large{width:250px;}
form p input{float:left;margin-right:15px;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
}
p.large{height:auto;}

.frmFieldError{color:#990000;font-weight:bold;}

p.list{font-weight:normal;margin:0px;}

form p input.radio{float:none;margin-right:2px;margin-top:2px;}
label.inlineLabel	{width:auto;float:none;}
form p input.chkbox{float:left;margin-right:2px;border:0px solid;width:20px;}

form input, form select{width:250px;}
select{font-size:11px;}
input.radio{
    width:auto;
    border:none;
}

form p .info{font-weight:normal;color:#666;border-left:5px solid #09F;padding-left:5px;}


input.button:hover{width:auto;background-color:#CCCCCC;}

input.button{
    width:auto;
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    background:url(/_lib/res.img/admin/btbgBlue.png);
}
input.error{border:1px solid red;}

/** Buttons **/
div.action{position:absolute;right:2px;bottom:5px;}
td.action a,div.action a,span.action a,input.edit,input.delete,input.copy,input.createWordDoc,input.mailForm,input.mailFormOk,input.pdf,a.pdf,a.status,a.status_act{
    text-decoration:none;
	cursor:pointer;
	width:19px;	height:19px;
	padding:0px; margin:0px;
	margin-left:2px; margin-right:2px;
	margin-top:1px;margin-bottom:1px;
	float:left;
}

input.delete,input.edit,input.copy,input.createWordDoc,input.mailForm,input.mailFormOk,input.pdf,a.pdf{margin:0px;padding:0px;border:0px solid;margin-right:3px;}

td.action a.edit,input.edit{background:url(/_lib/res.img/admin/edit.png) no-repeat;}
td.action a.edit:hover,input.edit:hover{background:url(/_lib/res.img/admin/edit_f2.png) no-repeat;}
td.action a.delete,a.delete,input.delete{background:url(/_lib/res.img/admin/delete.png) no-repeat;}
td.action a.delete:hover,a.delete:hover,input.delete:hover{background:url(/_lib/res.img/admin/delete_f2.png) no-repeat;}
td.action a.active{background:url(/_lib/res.img/admin/activate.png) no-repeat;}
td.action a.passive{background:url(/_lib/res.img/admin/deactivate.png) no-repeat;}
td.action a.addTreeItem{background:url(/_lib/res.img/admin/addTree.png) no-repeat;}
td.action a.addTreeItem:hover{background:url(/_lib/res.img/admin/addTree_f2.png) no-repeat;}

td.action a.view{background:url(/_lib/res.img/admin/view.png) no-repeat;}
td.action a.view:hover{background:url(/_lib/res.img/admin/view_f2.png) no-repeat;}

td.action a.copy,input.copy{background:url(/_lib/res.img/admin/copy.png) no-repeat;}
td.action a.copy:hover,input.copy:hover{background:url(/_lib/res.img/admin/copy_f2.png) no-repeat;}

td.action a.status{background:url(/_lib/res.img/admin/status_pas.gif) no-repeat;}
td.action a.status_act{background:url(/_lib/res.img/admin/status_act.gif) no-repeat;}

td.action a.xls{background:#fff url(/_lib/res.img/icons/xls.png) 1px 2px no-repeat;border:1px solid #666;}


input.createWordDoc{background:url(/_lib/res.img/admin/wdoc.png) no-repeat;}
input.createWordDoc:hover{background:url(/_lib/res.img/admin/wdoc_f2.png) no-repeat;}

input.mailForm{background:url(/_lib/res.img/admin/mailForm_f2.png) no-repeat;}
input.mailForm:hover{background:url(/_lib/res.img/admin/mailForm.png) no-repeat;}
input.mailFormOk{background:url(/_lib/res.img/admin/mailForm_ok.png) no-repeat;}

input.pdf,a.pdf{background:url(/_lib/res.img/icons/pdf.png) no-repeat;}

input.exportItem{position:absolute;right:20px;top:5px;width:100px;height:20px;margin:0px;padding:0px;padding-left:25px;text-align:left;border:0px solid;background:url(/_lib/res.img/icons/xls.png) 2px 2px no-repeat;}

a.addItem{background:url(/_lib/res.img/admin/addItem.png) no-repeat;}


.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

div.fileItem{background:#efefef;border:1px solid #ccc;width:70px;padding:5px;height:100px;position:relative;}


/** Newsletter **/
#nlEditArea{
    background:#EFEFEF;
    position:relative;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    width:740px;
    min-height:410px;
    clear:both;
}

#stepNav{
    position:relative;
    height:18px;
}

table.spaw2 td{border:0px;}

#stepNav input.stepNav,#stepNav input.stepNavAct{
    border:none;
    height:18px;
    width:80px;
    background: url(/_lib/res.img/admin/btbgBlue.png) repeat-x;
    margin:0px;
    padding:0px;
    border-right:1px solid #333333;
	cursor:pointer;
}

#stepNav input.stepNavAct{
    font-weight:bold;
}

#testMail{height:25px;line-height:25px;font-weight:bold;background:url(bg_mailingInfoBar.png) repeat-x;padding-left:5px;margin-bottom:5px;margin-top:5px;}
#mailingProgress{background:#ffffff;border:1px solid #999999;padding:10px;height:380px;overflow:scroll;}


div#contextInfo{position:absolute;right:20px;top:40px;width:250px;padding:10px;background:#f1f1e7;border:0px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
div#contextInfo p{display:block;clear:both;}

div#attributes{clear:both;position:relative;height:60px;margin:0px;margin-top:5px;background:#eeeeee;}


input.exportBtn{position:absolute;width:16px;height:16px;right:20px;top:5px;}

ul#sortElements{clear:both;margin:0px;padding:0px;list-style:none;}
ul#sortElements li{clear:both;display:block;padding:5px;padding-bottom:10px;}



#dList,.dList{width:100%;margin-bottom:20px;clear:both;}
#dList thead th,.dList thead th{cursor:pointer;border-bottom:2px solid #666;text-align:left;padding-right:15px;padding-bottom:5px;}
#dList tr.odd,tr.odd {background-color: #F2F2F2;}
#dList tr.even,tr.even {background-color: white;}
#dList tbody tr.even:hover, #dList tbody tr.even td.highlighted {background-color: #c4dafa;}
#dList tbody tr.odd:hover, #dList tbody tr.odd td.highlighted {background-color: #c4dafa;}
#dList td.action{width:120px;}


div#topLinks		{position:absolute;right:-320px;top:0px;padding:10px;width:290px;background:#fff url(/_img/bg_pattern.png) repeat-x;border:1px outset #ccc;}
div#topLinks h3		{margin:0px;color:#CC0000;font-size:1.2em;letter-spacing:0.10em;margin-bottom:15px;margin-top:10px;}
div#topLinks p		{margin:0px;margin-bottom:5px;padding-bottom:2px;border-bottom:1px dotted #ccc;}
div#topLinks p label{display:inline-block;vertical-align:middle;float:none;line-height:normal;}	
div#topLinks hr		{margin:0px;margin-top:20px;margin-bottom:20px;height:3px;color:#ccc;background:#ccc;border:0px solid;}