body {
	padding: 0;
	margin: 0;
	font: 11px/14px "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif;
	background: #fafafa url(../img/bg.gif) 0 0 repeat-x;
	color: #333;
}

a { 
	color: #2d68a4;
	text-decoration: none;
}
a:hover {
	color: #b80e0e;
	text-decoration: none;
}

a.biglink {
	font-weight: bold;
	font-size: 1.1em;
}
a.medlink {
	font-weight: bold;
	font-size: 1.0em;
}
a.bigger {
	font-weight: bold;
	font-size: 1.0em;
}


form {
	margin: 0;
	padding: 0;
}
input, select, textarea {
	font: 11px/16px "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
input.textfield,
input[type="text"], 
input[type="file"],
input[type="password"], 
textarea {
	background: #fff url(../img/input-bg.gif) 0 0 repeat-x;
	padding-left: 3px;
	border-top: 1px solid #888;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #888;
}
select {
  border-top: 1px solid #888;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #888;
  margin: 0;
  padding: 1px;
  x.padding-left: 4px;    
		
}
input.align-right {
	text-align: right;	
}
input.ac {
	background: #f4f2e3 url(../img/input-ac-bg.gif) 0 0 repeat-x;
}

form br.clear {
	clear: both;
}
input.process {
	border-left:2px solid #eee;
	border-top:2px solid #eee;
	border-right:2px solid #777;
	border-bottom:2px solid #777;
	font-size: 11px;
	padding : 2px 5px;
	text-decoration: none;
	background: #eee;
	font-weight: bold;
}
input.goback {
	border-left:2px solid #eee;
	border-top:2px solid #eee;
	border-right:2px solid #777;
	border-bottom:2px solid #777;
	font-size: 11px;
	padding : 2px 5px;
	text-decoration: none;
	background: #eee;
	font-weight: normal;
}
input.search {
	/* background: url(../img/icons/search.png) right -6px no-repeat; */
}
input.filtersearch,
select.filtersearch {
	width: 120px;
}

form label {
	display: block;
	float: left;
	width: 350px;
	height: 40px;
	margin: 0 10px 2px 0;
	padding: 0;
}
form label.block {
	background: #777;
	height: 20px;
	padding: 5px;
}
form label.important-block {
	display: block;
	width: 100%;
	background: #b80e0e;
	color: #fff;
	font-weight: bold;
	padding: 5px;
}
form label.block span {
	color: #fff;
	font-weight: bold;
}

form label.textarea {
	display: block;
	float: left;
	width: 400px;
	height: 140px;
	margin: 0 10px 2px 0;
	padding: 0;
}
form li .textarea,
form label.textarea textarea {
	display: block;
	float: left;
	clear: both;
	width: 400px;
	height: 110px;
}
form fieldset label {
	display: block;
	line-height: 20px;
	color: #444;
}
form fieldset label span {
	display: block;
	float: left;
	width: 300px;
	line-height: 20px;
	font-weight: bold;
	color: #444;
}
form label input[readonly] { 
	background: #eee;
}
fieldset {
	padding: 10px;
	margin: 0 0 20px 0 ;
	border: 1px solid #f1f1f1;
	background: #fafafa;
}
fieldset.trans {
	display: block;
	padding: 10px;
	margin: 0 0 20px 0 ;
	border: none;
	background: none;
}

select.large,
input.large {
	font-size: 14px;
	border-top: 1px solid #888;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #888;
}

select.invalid,
textarea.invalid,
input.invalid {
	background: #f7e6e6 url(../img/input-invalid-bg.gif) 0 0 repeat-x;
}
div.output {
	font-size: 14px;
	color: #111;
}
textarea.large {
	font-size: 12px;
	border-top: 1px solid #888;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #888;
}
span.large {
	font-size: 12px;
	font-weight: bold;
}
span.legend {
	font-weight: bold;
}

h1, h2, h3, h4 {
	font-family: "Helvetica Neue", "Lucida Grande", Arial, Helvetica, sans-serif !important;
}
h1 {
	margin: 0;
	padding: 0 0 5px;
	font-size: 1.4em;
}
h2, h4, h5 {
	clear: both;
	line-height: 18px;
	margin: 0;
	padding: 0 0 5px;
	font-size: 1.2em;
}
h3 {
	line-height: 16px;
	margin: 0;
	padding: 0 0 5px;
	font-size: 1em;
	font-weight: normal;
}
p {
	margin: 5px 0 5px 0;
}
.slim {
	padding: 0;
	margin: 0;
}
h2.green { color: #309c1e; }
h2.blue { color: #2d68a4; }
h2.red { color: #b80e0e; }
span.yellow { color: #e0b315; }
span.red { color: #b80e0e; }
span.green { color: #309c1e; }
span.statusgreen { color: #015f03; }
span.lightgray { color: #666; }
span.lightgrey { color: #666; }
span.icon { float: left; width: 18px; height: 16px; text-indent: -9999px; }
span.home 		{ background: url(../img/icons/home.png) 0 0 no-repeat; }
span.shipping 	{ background: url(../img/icons/product.png) 0 0 no-repeat; }
span.mail 		{ background: url(../img/icons/mail.png) 0 0 no-repeat; }

.status-6 { color: #888; }
.status-7 { color: #015f03; }
.status-8 { color: #6b240e; }
.status { display: block; width: 70px; padding: 0; line-height: 18px; color: #fff; font-weight: bold; text-align: center; font-size: 10px; background-position: 0 1px; background-repeat: no-repeat; }
.s-red { background-image: url(../img/status-red.png); }
.s-green { background-image: url(../img/status-green.png); }
.s-grey { background-image: url(../img/status-grey.png); }
.s-orange { background-image: url(../img/status-orange.png); }
.s-blue { background-image: url(../img/status-blue.png); }
.s-black { background-image: url(../img/status-black.png); }

.flag {display: block; width: 20px; text-indent: -9990px;}
.f-green { background: url(../img/icons/flag-green.png) 0 0 no-repeat; }
.f-orange { background: url(../img/icons/flag-yellow.png) 0 0 no-repeat; }
.f-red { background: url(../img/icons/flag-red.png) 0 0 no-repeat; }


.alias {display: block; width: 20px; text-indent: -9990px; background: url(../img/icons/arrow-r.png) 0 0 no-repeat;}

.folder {
	display: inline;
	background: url(../img/icons/folder-plus.png) 0 3px no-repeat;
	padding: 5px 5px 5px 20px;
	line-height: 18px;
}
.plus {
	display: inline;
	background: url(../img/icons/plus.png) 0 3px no-repeat;
	padding: 5px 5px 5px 20px;
	line-height: 18px;
}
.refresh {
	display: inline;
	background: url(../img/icons/refresh.png) 0 3px no-repeat;
	padding: 5px 5px 5px 20px;
	line-height: 18px;
}
span.delete {
	display: inline;
	background: url(../img/icons/delete.png) 0 3px no-repeat;
	padding: 5px 5px 5px 20px;
	line-height: 18px;
}

label.search { display: block; float: left; padding: 0 0 3px 25px; line-height: 24px; background: url(../img/icons/look.png) 0 5px no-repeat;}
#search-indicator{ float: right; padding: 4px 0 0 10px; }
.subline {
	color: #777;
}
.dropdown {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	cursor: pointer;
	background: url(../img/icons/down.png) 0 1px no-repeat;
	padding: 0 0 0 22px;
}

.fl-left {
	float: left;
}
.fl-right {
	float: right;
}

#header {
	display: block;
	margin: 0;
	padding: 0;
	height: 89px;
	width: 100%;
	background: #1b1b1b;
	color: #fff;
}

#header-top {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 60px;
}
a#logo {
	display: block;
	float: left;
	margin: 5px 0 5px 30px;
	width: 200px;
	height: 47px;	
	background: url(../img/logo-ivx.png) 0 0 no-repeat;
	text-indent: -9999px;
	text-decoration: none;
}
#navbar {
	display: block;
	float: left;
	margin: 0;
	padding: 0 40px 0 30px;
	height: 60px;
	color: #d1d3d5;
}
#search-box {
	display: block;
	float: left;
	margin: 0;
	padding: 5px 30px 0 20px;
	height: 30px;
	width: 330px;
	color: #444;
	background: #efefef;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-left: 1px solid #fff;
}
#navigation {
	display: block;
	float: left;
	width: 200px;
	padding: 0 0 0 5px;
}
#container {
	clear: both;
	display: block;
	width: 100%;
	min-height: 400px;
	margin: 0;
	padding: 15px 0 0 0;
	background:url(../img/bg.gif) 0 0 repeat-x #fafafa;
	overflow: hidden;
}
#wrapper {
	display: block;
	padding: 20px 30px;
}
#content {
	display: block;
	width: 100%;
	float: right;
	margin: 0 0 0 -210px;
	padding: 0;
}
#content-wrapper {
	display: block;
	margin: 0 10px 0 210px;
	padding: 0;
	border: 1px solid #ccc;
	background: #ffffff; 
}
.content-padded {
  display: block;
  margin: 0;
  padding: 15px;
}

#popup {
	display: block;
	padding: 15px;
}
#popup-wrapper {
	display: block;
}



#chatwindow {
	display: block;
	background: #eee;
	height: 170px;
	border-bottom: 3px solid #222;
}
#chatwindow-inner {
	padding: 10px 40px 20px 40px;	
}
#chatwindow-inner div {
	margin: 0 auto;	
}
#chatwindow-inner .spinner-big {
	background: url(../img/spinner-big-eee.gif) 0 0 no-repeat;
	width: 240px;
	padding: 0 30px 0 65px;
}
#operator {
	width: 300px;
	padding: 0 30px 0 0;
}
.operator-img {
	float: left;
	width: 65px;
	height: 70px;
}
.operator-img img { border: 4px solid #fff; }
.operator-cred {
	float: right;
	width: 225px;
	height: 70px;
}
.actions {
	display: block;
	clear: both;
	padding: 0 30px 0 75px;	
}
#chatwindow .fl-left {
	width: 130px;	
}
#chatwindow .fl-right {
	width: 360px;	
}
#chatwindow #conversation {
	width: 500px;
}
#messages {
	background: #fff url(../img/input-bg.gif) 0 0 repeat-x;
	width: 350px;
	height: 130px;	
	padding: 0 3px;
	margin: 0;
	border-top: 1px solid #888;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #888;
	overflow: scroll;
}
#messagelog {
	list-style: none;
	margin: 0;
	padding: 0 10px 0 5px;	
}
#messagelog li {
	display: block;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #eee;
}
#messagelog li span.user {
	display: block;
	float: left;
	color: #555;
}
#messagelog li span.time {
	display: block;
	float: right;
	color: #999;
}
#messagelog li span.message {
	display: block;
	clear: both;
}
#chatscreen #fld-text,
#chatwindow #fld-text {
	margin: 3px 0;
	width: 354px;
}

#login #header {
	height: 40px;
	border-bottom: 4px solid #1c2124;
}
#header-inner {
	padding: 15px 25px;
}
#header-inner h1 {
	float: left;
	font-size: 14px;
}
#header-inner ul {
	float: right;
	margin: 0;
	padding: 0;
}
#header-inner li {
	list-style: none;
	float: left;
	margin: 0 20px;
	padding: 0;
}
#header-inner li a {
	color: #fff;
}
#header-inner li a.hl {
	color: #a0cf1e;
}
#login-box { 
	width: 600px; 
	margin: 100px auto; 
	padding: 0;
}
#login-head {
	display: block;
	padding: 15px 25px;
	background: #a0cf1e;
	border-top: 1px solid #b9e347;
	color: #fff;
}
#login-inner {
	background: #fff;
	height: 200px;
	padding: 30px;
}
#login-inner h2 {
	font-size: 16px;
}
#login label span {
	display: block;
	float: none;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
#login-footer {
	padding: 20px 5px;
}





#navbar h1 {
	display: block;
	float: left;
	clear: both;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
}
#acc-links {
	display: block;
	float: right;
	padding: 5px 20px 0 0;
	color: #d1d3d5;
}
#acc-links a {
	font-size: 10px;
	color: #ffffff;
}

#acc-select {
	display: block;
	float: left;
	margin: 0;
	padding: 5px 30px 0 20px;
	height: 30px;
	width: 330px;
	color: #444;
	background: #efefef;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-left: 1px solid #fff;
}
#acc-select label {
	font-weight: bold;
}



#tabsheets {
	clear: both;
	display: block;
	margin: 0;
	padding: 0 20px 0 30px;
	height: 29px;
	background: #1b1b1b;
}
#tabsheets ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

#tabsheets ul li {
	list-style: none;
	display: block;
	float: left;
	margin: 0 3px 0 0;
	padding: 5px 0 3px 10px;
	background: #333333;
	border-top: 1px solid #4a4a4a;
	border-bottom: 2px solid #252525;
}
#tabsheets ul li.active {
	background: #efefef;
	border-top: 1px solid #ffffff;
	border-bottom: 2px solid #efefef;
}
#tabsheets ul li a {
	display: block;
	float: left;
	padding: 2px 10px 2px 22px;
	font: 11px/14px bold "Helvetica Neue", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #ddd;
	overflow: hidden;
}
#tabsheets ul li.active a {
	color: #444;
}
#tabsheets ul li.right {
	float: right;
}
#tabsheets ul li.account {
	float: right;
}
#tabsheets ul li.help {
	float: right;
}
#tabsheets ul li#tab-page 			a { background: url(../img/icons/page.png) 0 0 no-repeat; }
#tabsheets ul li#tab-order 			a { background: url(../img/icons/calc.png) 0 0 no-repeat; }
#tabsheets ul li#tab-newsitem 		a { background: url(../img/icons/calendar.png) 0 0 no-repeat; }
#tabsheets ul li#tab-product 		a { background: url(../img/icons/product.png) 0 0 no-repeat; }
#tabsheets ul li#tab-media	 		a { background: url(../img/icons/media.png) 0 0 no-repeat; }
#tabsheets ul li#tab-mailing 		a { background: url(../img/icons/mail.png) 0 0 no-repeat; }
#tabsheets ul li#tab-customer 		a { background: url(../img/icons/users.png) 0 0 no-repeat; }
#tabsheets ul li#tab-album 			a { background: url(../img/icons/video.png) 0 0 no-repeat; }
#tabsheets ul li#tab-system 		a { background: url(../img/icons/disk.png) 0 0 no-repeat; }
#tabsheets ul li#tab-generator 		a { background: url(../img/icons/code.png) 0 0 no-repeat; }

#navigation ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#navigation li a {
	display: block;
	margin: 0 10px 6px 10px;
	padding: 6px 20px;
	font-size: 11px;
	color: #444;
	font-family: "Helvetica Neue", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #dadada;
}
#navigation li ul { 
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
}
#navigation li ul li a {
	display: block;
	margin: 0 10px 0 10px;
	padding: 4px 0 3px 20px;
	height: 14px;
	font-size: 11px;
	line-height: 11px;
	color: #444;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	background: none;
	border-top: 1px solid #fff;
	border-right: 0;
	border-bottom: 1px solid #dadada;
	border-left: 0;
}
#navigation li ul li a:hover {
	color: #fff;
	background: #333;
	border-color: #000;
}

a.btn-close:hover {
	background-position: 0 -14px;
}
a.btn-close {
	display: block;
	float: right;
	width: 14px;
	height: 14px;
	margin: 6px 6px 0 0;
	line-height: 10px;
	font-size: 8px;
	background: url(../img/btn-close.gif) 0 0 no-repeat;
}
a.btn-close span {
	display: none;
}

#content #head-bar {
	display: block;
	margin: 0;
	height: 26px;
	background: #f3f3f3 ;
	border-bottom: 1px solid #dadada;
}
#content #head-bar span.title {
	float: left;
	font-size: 11px;
	margin: 6px 6px 0 20px;
	line-height: 12px;
	color: #555;
	font-weight: bold;
}
#content #head-menu {
	display: block;
	margin: 0;
	padding: 0 0 58px 0;
	background: #efefef;
	border-bottom: 1px solid #e9e9e9;
}
#content #head-menu ul {
	list-style: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#content #head-menu li {
	float: left;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e9e9e9;
}
#content #head-menu li:hover {
	background: #dadada;
	border-bottom: 1px solid #d6d6d6;
}
#content #head-menu li.active {
	background: #dadada;
	border-bottom: 1px solid #d6d6d6;
}
#content #head-menu li a {
	display: block;
	color: #444;
	text-decoration: none;
	width: 60px;
	height: 20px;
	padding: 38px 12px 0 12px;
	text-align: center;
}
#content #head-menu li#head-medium 		a { background: url(../img/icons/media32.png) 50% 5px no-repeat;}
#content #head-menu li#head-detail 		a { background: url(../img/icons/detail32.png) 50% 5px no-repeat;}
#content #head-menu li#head-campaign 	a { background: url(../img/icons/campaign32.png) 50% 5px no-repeat;}
#content #head-menu li#head-subscription a { background: url(../img/icons/campaign32.png) 50% 5px no-repeat;}
#content #head-menu li#head-members 	a { background: url(../img/icons/usersblue32.png) 50% 5px no-repeat;}
#content #head-menu li#head-users 		a { background: url(../img/icons/users32.png) 50% 5px no-repeat;}
#content #head-menu li#head-usersblue 	a { background: url(../img/icons/usersblue32.png) 50% 5px no-repeat;}
#content #head-menu li#head-transaction a { background: url(../img/icons/repository32.png) 50% 5px no-repeat;}
#content #head-menu li#head-clicks 		a { background: url(../img/icons/table32.png) 50% 5px no-repeat;}
#content #head-menu li#head-calc 		a { background: url(../img/icons/calc32.png) 50% 5px no-repeat;}
#content #head-menu li#head-folder 		a { background: url(../img/icons/folder32.png) 50% 5px no-repeat;}

#toolbar {
	display: block;
	background: #e7e7e7;
	margin: 0;
	padding: 0 15px;	
	height: 27px;
	border-bottom: 1px solid #bbb;
}
#toolbar li {
	display: block;
	float: left;
  background: #f8f8f8; 
  margin: 0 3px 0 0;
  padding: 5px 0 3px 10px;
  border-top: 1px solid #fff;
}
#toolbar li.fl-right {
	float: right;
}
#toolbar li a {
	display: block;
  padding: 2px 10px 2px 22px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
	font-weight: bold;
}
#toolbar li a:hover,
#toolbar li a:active {
}
#toolbar li#stab-close       a { background: url(../img/icons/close.png) 0 0 no-repeat; }
#toolbar li#stab-edit        a { background: url(../img/icons/edit.png) 0 0 no-repeat; }
#toolbar li#stab-delete        a { background: url(../img/icons/delete.png) 0 0 no-repeat; }
#toolbar li#stab-toinvoice        a { background: url(../img/icons/toinvoice.png) 0 0 no-repeat; }
#toolbar li#stab-print        a { background: url(../img/icons/print.png) 0 0 no-repeat; }
#toolbar li#stab-domain        a { background: url(../img/icons/domain.png) 0 0 no-repeat; }


#content #head-warning {
	display: block;
	margin: 0;
	padding: 25px;
	background: #fffae0;
	color: #786e51;
	border-top: 1px solid #ccc;
}
#content #validate-error {
	display: block;
	margin: 0;
	padding: 25px;
	background: #f7e6e6;
  border-top: 1px solid #ccc;
}
#login #validate-error {
	display: block;
	padding: 25px;
	background: #f7e6e6;
}
#content h1 {
	display: block;
	margin: 0;
	padding: 20px 25px;
	background: #e7e7e7;
}
#content h1.icon {
	padding: 20px 25px 25px 60px;
}
#content h1.warn 		  { background: #e7e7e7 url(../img/icons/warn32.png) 15px 10px no-repeat; }
#content h1.product		{ background: #e7e7e7 url(../img/icons/product32.png) 15px 10px no-repeat; }
#content h1.customer	{ background: #e7e7e7 url(../img/icons/users32.png) 15px 10px no-repeat; }
#content h1.category	{ background: #e7e7e7 url(../img/icons/table32.png) 15px 10px no-repeat; }
#content h1.settings 	{ background: #e7e7e7 url(../img/icons/settings32.png) 15px 10px no-repeat; }
#content h1.group	 	  { background: #e7e7e7 url(../img/icons/group32.png) 15px 10px no-repeat; }
#content h1.users 		{ background: #e7e7e7 url(../img/icons/users32.png) 15px 10px no-repeat; }
#content h1.usersblue { background: #e7e7e7 url(../img/icons/usersblue32.png) 15px 10px no-repeat; }
#content h1.user 		  { background: #e7e7e7 url(../img/icons/user32.png) 15px 10px no-repeat; }
#content h1.media 		{ background: #e7e7e7 url(../img/icons/media32.png) 15px 10px no-repeat; }
#content h1.world 		{ background: #e7e7e7 url(../img/icons/world32.png) 15px 10px no-repeat; }
#content h1.template	{ background: #e7e7e7 url(../img/icons/template32.png) 15px 10px no-repeat; }
#content h1.brand 		{ background: #e7e7e7 url(../img/icons/spray32.png) 15px 10px no-repeat; }
#content h1.order 		{ background: #e7e7e7 url(../img/icons/calc32.png) 15px 10px no-repeat; }
#content h1.page	 	  { background: #e7e7e7 url(../img/icons/page32.png) 15px 10px no-repeat; }
#content h1.table 		{ background: #e7e7e7 url(../img/icons/table32.png) 15px 10px no-repeat; }
#content h1.database 	{ background: #e7e7e7 url(../img/icons/database32.png) 15px 10px no-repeat; }
#content h1.code 		  { background: #e7e7e7 url(../img/icons/code32.png) 15px 10px no-repeat; }
#content h1.goal 		  { background: #e7e7e7 url(../img/icons/goal32.png) 15px 10px no-repeat; }
#content h1.lock 		  { background: #e7e7e7 url(../img/icons/lock32.png) 15px 10px no-repeat; }
#content h1.key 		  { background: #e7e7e7 url(../img/icons/key32.png) 15px 10px no-repeat; }
#content h1.burn 		  { background: #e7e7e7 url(../img/icons/burn32.png) 15px 10px no-repeat; }
#content h1.window 		{ background: #e7e7e7 url(../img/icons/window32.png) 15px 10px no-repeat; }
#content h1.disk 		  { background: #e7e7e7 url(../img/icons/disk32.png) 15px 10px no-repeat; }
#content h1.folder 		{ background: #e7e7e7 url(../img/icons/folder32.png) 15px 10px no-repeat; }
#content h1.box 		  { background: #e7e7e7 url(../img/icons/box32.png) 15px 10px no-repeat; }
#content h1.clock 		{ background: #e7e7e7 url(../img/icons/clock32.png) 15px 10px no-repeat; }
#content h1.help 		  { background: #e7e7e7 url(../img/icons/help32.png) 15px 10px no-repeat; }
#content h1.chat 		  { background: #e7e7e7 url(../img/icons/chat32.png) 15px 10px no-repeat; }
#content h1.form 		  { background: #e7e7e7 url(../img/icons/table32.png) 15px 10px no-repeat; }
#content h1.newsitem	{ background: #e7e7e7 url(../img/icons/calendar32.png) 15px 10px no-repeat; }
#content h1.domain		{ background: #e7e7e7 url(../img/icons/domain32.png) 15px 10px no-repeat; }
#content h1.calc      { background: #e7e7e7 url(../img/icons/calc32.png) 15px 10px no-repeat; }


h2.warn {
	padding: 0 25px;
	background: #f7e6e6 url(../img/icons/warn.png) 0 0 no-repeat;
}
#content h1.att {
	padding: 25px 25px 25px 60px;
	background: #eeeeee url(../img/icons/att32.png) 15px 15px no-repeat;
}
#content h1.info {
	padding: 25px 25px 25px 60px;
	background: #eeeeee url(../img/icons/info32.png) 15px 15px no-repeat;
}
#content h1.red {
	color: #b80e0e;
}
#content .text ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 5px;
}
#content .text li {
	background: url(../img/bullet.gif) 0 2px no-repeat;
	padding: 0 40px 5px 15px;
}
#validate-list,
#content #removal {
	list-style: none;
	margin: 0;
	padding: 10px;
	color: #b80e0e;
	font-weight: bold;
}
#validate-list li,
#content #removal li {
	background: url(../img/bullet.gif) 0 2px no-repeat;
	padding: 0 40px 5px 15px;
}

#content .data ul {
	list-style: none;
	display: block;
}
#content .data li {
	list-style: none;
	display: block;
	clear: both;
}
#content .data li span {
	display: block;
	float: left;
	font-weight: bold;
	width: 150px;
}

#optionmap {
	display: block;
	margin: 0;
	padding: 0 0 0 20px;	
}
#optionmap ul {
	display: block;
	margin: 0;
	padding: 0 0 100px 0;	
}
#optionmap li {
	list-style: none;
	float: left;
	height: 60px;
	width: 320px;
	margin: 0 30px 30px 0;
	padding: 0;
}
#optionmap li a {
	display: block;
	height: 60px;
	padding: 5px 5px 5px 55px;	
	color: #333;
}
#optionmap li a:hover {
	color: #b80e0e;	
}
#optionmap li.table 		{ background: url(../img/icons/table32.png) 0 50% no-repeat; }
#optionmap li.code 			{ background: url(../img/icons/code32.png) 0 50% no-repeat; }
#optionmap li.users 		{ background: url(../img/icons/users32.png) 0 50% no-repeat; }
#optionmap li.window 		{ background: url(../img/icons/window32.png) 0 50% no-repeat; }
#optionmap li.disk 			{ background: url(../img/icons/disk32.png) 0 50% no-repeat; }
#optionmap li.key 			{ background: url(../img/icons/key32.png) 0 50% no-repeat; }
#optionmap li.burn 			{ background: url(../img/icons/burn32.png) 0 50% no-repeat; }
#optionmap li.calc	 		{ background: url(../img/icons/calc32.png) 0 50% no-repeat; }
#optionmap li.folder 		{ background: url(../img/icons/folder32.png) 0 50% no-repeat; }
#optionmap li.box 			{ background: url(../img/icons/box32.png) 0 50% no-repeat; }
#optionmap li.clock 		{ background: url(../img/icons/clock32.png) 0 50% no-repeat; }
#optionmap li.settings 		{ background: url(../img/icons/settings32.png) 0 50% no-repeat; }
#optionmap li.chat	 		{ background: url(../img/icons/chat32.png) 0 50% no-repeat; }
#optionmap li.operator 		{ background: url(../img/icons/operator32.png) 0 50% no-repeat; }


div.dialog {
	display: block; 
	border-top: 1px solid #ccc;  
	padding: 0; 
	margin: 0; 
}
div.dialog .inner {
	display: block; 
	background: #fff; 
	line-height: 18px; 
	padding: 0; 
	margin: 0;
	color: #555;
}

div.dialog .innerhead {display: block; background: #fafafa; padding: 10px; margin: 0;color: #555; cursor: pointer; height: 60px;}
div.dialog .innerhead:hover {background: #f2f2f2;}
div.dialog .details { display: block; float: left; }
div.dialog h2 { font-size: 16px; line-height: 26px; color: #2d68a4; margin: 0; padding: 0;}
div.dialog h2.tpl-image { background: url(../img/icons/image32.png) 0 0 no-repeat; padding: 5px 0 5px 40px;}
div.dialog h2.tpl-flash { background: url(../img/icons/tpl_fla.gif) 0 0 no-repeat; padding: 5px 0 5px 40px;}
div.dialog h2.tpl-text { background: url(../img/icons/page32.png) 0 0 no-repeat; padding: 5px 0 5px 40px;}
div.dialog p { margin: 0; padding: 0; }
div.dialog img.layout {display: block;  float: right;}
div.dialog .inner .tpl-img{ width: 100%; overflow: hidden; border: 1px solid #999999; background: #ececec; text-align: center; }
div.dialog .inner .tpl-img .noimg {display: block; margin: 0 auto; height: 200px; font-size: 28px; color: #fff; font-weight: bold; line-height: 200px; }


#productgallery {
	width: 100%;
	height: 180px;
}




#footer {
	display: block;
	width: 100%;
	float: right;
	margin: 0 10px 0 -210px;
	padding: 20px 0 5px 0;
	color: #666;
}
#footer-wrapper {
	display: block;
	margin: 0 0 0 220px;
	padding: 0;	
}
#footer ul {
	display: block;
	height: 15px;
	width: 600px;
	margin: 0 auto;
	padding: 0;	
}
#footer li {
	list-style: none;
	float: left;
	margin: 0 0 0 15px;
	padding: 0;	
}
#footer li a {
	color: #666;
}
#footer li a:hover {
	text-decoration: underline;	
}
#footer a.logo {
	display: block;
	background: url(../img/logo-inline.png) 0 0 no-repeat;
	height: 20px;
	width: 66px;
	margin: -3px 0 0 0;
	text-indent: -9999px;
}
#footer p {
	display: block;
	clear: both;	
	padding: 5px 0;
	text-align: center;
	color: #999;
	border-top: 1px dotted #999;
}


#ajx_result { clear: both; }

/* tables */
table.details { width: 100%; border-top: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0;}
table.details td.head { border-right: 1px solid #ccc; width: 110px; margin: 0; padding: 8px 0 0 15px; font-weight: bold; background: #fafafa; vertical-align: top;}
table.details td { padding: 0; margin: 0; border: 0;}

table.sortableframe {width: 100%; font-size: 11px;clear: both; border-collapse: collapse; margin: 0; padding: 0;}
table.sortableframe th {height: 25px; background: #2d68a4; border-bottom: 2px solid #2d68a4; color: #ffffff;text-decoration: none; padding: 0 6px 0 6px;text-align: left; vertical-align: middle;}
table.sortableframe th.green {background: #389a2b; border-bottom: 2px solid #1f7813;}
table.sortableframe th.red {background: #b80e0e; border-bottom: 2px solid #8b0101;}
table.sortableframe th.aqua {background: #2b969a;}
table.sortableframe th.grey {background: #eeeeee; border: 1px solid #dcdcdc; color: #333;}
table.sortableframe th.orange {background: #ea8b10; }
table.sortableframe th .th-txt { display: block; height: 18px; padding: 6px 0 0 0; float: left;}
table.sortableframe th .th-btn { display: block; height: 18px; padding: 4px; float: right; }
table.sortableframe th .th-btn input { margin: 0; }

table.sortable {width: 100%; border: 0; border-collapse: collapse; margin: 0; padding: 0;}
table.sortable img {border: 0;}
table.sortable th {height: 27px;background: url(/afbeeldingen/thgray.gif) repeat-x #f1f1f1;border-top: 1px solid #fdfdfd;border-bottom: 1px solid #cacaca;color: #444;text-decoration: none; padding: 2px 5px 2px 5px;font-size: 11px; text-align: left;}
table.sortable th.right{text-align:right;}
table.sortable td.pagination {height: 36px;background: #f0f0f0;border-top: 1px solid #fafafa; color: #2d68a4;text-decoration: none;}
table.sortable td { padding: 3px 5px 1px 5px; border-bottom: 1px solid #dcdcdc; font-size:11px; line-height: 18px; vertical-align: top;}
table.sortable td.darkbg { background: #dcdcdc; }
table.sortable td.padded { padding: 5px 5px 3px 5px; }
table.sortable td a { color: #222; }
table.sortable td a:hover { color: #b80e0e; }
table.sortable td.bdrright { border-right: 1px solid #dcdcdc; }
table.sortable td.bdrleft { border-left: 1px solid #dcdcdc; }
table.sortable td.bdrright a,
table.sortable td.bdrleft a { color: #2d68a4; font-weight: bold; }
table.sortable td.accept { border-left: 1px solid #dcdcdc; text-align: center; }
table.sortable td.refuse { border-left: 1px solid #dcdcdc; text-align: center; }
table.sortable tr.error { background: #f5e6e6; }
table.sortable tr.disabled td { color: #bdbdbd; }
table.sortable tr.disabled td a { color: #bdbdbd; }
table.sortable tr.oneven td.nummer { background: #f1f1f1; white-space:nowrap;}
table.sortable tr.oneven { background: #f9f9f9;}
table.sortable tr.oneven:hover { background: #fbf9eb;}
table.sortable tr.oneven:hover td.nummer { background: #f5f2e1;}
table.sortable tr.over_oneven { background: #fbf9eb;}
table.sortable tr.even td.nummer { background: #f4f4f4; white-space:nowrap;}
table.sortable tr.even { background: #fefefe;}
table.sortable tr.over_even { background: #fcfaed;}
table.sortable tr.even:hover { background: #fcfaed;}
table.sortable tr.even:hover td.nummer { background: #f5f2e2;}
table.sortable a.sortheader {color: #2d42a4;text-decoration: none;}
table.sortable a.sortheader:hover {color: #2d42a4;text-decoration:underline;}
table.sortable span.sortarrow {color: #2d42a4;text-decoration: none;}
table.sortable td.code {font-family: "Courier New", Verdana; font-size: 11px;}
table.sortable td.nowrap { white-space: nowrap; }



div.attlog {
	display: block; 
	border: 1px solid #eee6bd;  
	padding: 1px; 
	margin: 0 0 10px 0; 
}
div.attlog .inner {
	display: block; 
	background: #fffae0; 
	line-height: 18px; 
	padding: 10px 15px; 
	margin: 0;
	color: #555;
}
div.attlog h2 {
	color: #786e51;
}
div.half {
	width: 50%;
}
div.third {
	width: 33%;
}
div.half .wrapper,
div.third .wrapper {
	padding: 10px;
}

.infoicon {
	background: url(../img/icons/info32.png) 0 2px no-repeat;
	padding: 0 0 0 50px;
}
.atticon {
	background: url(../img/icons/att32.png) 0 2px no-repeat;
	padding: 0 0 0 50px;
}


#filterbox {display: block; float: left; width: 100%; clear: both; background: #fefefe; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0;  }
#filterbox .inner{display: block; float: left; padding: 20px 15px;}
#filterbox .innerbox-left {display: block; float: left; padding: 0 20px 0 0;}
#filterbox .innerbox-right {display: block; float: right; padding: 0 0 0 20px;}
#filterbox h2 {font-size: 13px; margin: 0; padding: 0 0 3px 0; }

ul#filterlist { list-style: none; display: block; float: left; clear: both; margin: 0; padding: 0; color: #444; width: 100%; background: #fcfaed; border-top: 1px solid #efebce;}
ul#filterlist span.filtername{ font-weight: bold; }
ul#filterlist li { float: left; padding: 5px 5px 4px 5px; margin-right: 5px; }

#filteroptions {
	list-style: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#filteroptions li {
	display: block;
	float: left;
	width: 180px;
}
#filteroptions li span.title {
	font-weight: bold;
	line-height: 28px;
}
#filteroptions li ul {
	display: block;
	padding: 0; 
	margin: 0;
	font-size: 11px;
}
#filteroptions li ul li {
	display: block;
}
#filteroptions li ul li.expand {
	padding: 0 0 0 12px;
	background: url(../img/plus.gif) 0 4px no-repeat;
}
#filteroptions label {
	display: block;
	float: left;
	width: 180px;
	height: 24px;
	margin: 0;
	padding: 0;
}

#filteroptions label span {
	display: block;
	float: left;
	width: 50px;
	line-height: 24px;
	color: #444;
}
#filterbox .inner span.download a {color: green; text-decoration: none;}
#filterbox .inner span.download a:hover {text-decoration: underline;}
#filterbox .inner span.download {
	display: block;
	float: left;
	width: 150px;
	height: 30px;
	font-weight: bold;
}

#filterbox .inner a.column {
	display: block;
	float: left;
	background: url(/afbeeldingen/column.gif) 0 0 no-repeat;
	padding: 2px 0 2px 40px;
	height: 32px;
}



.controls {
	clear: both;
  background: #fff;
  height: 20px;
  padding: 10px 15px;
  border-top: 1px solid #ccc;
}
.controls span {
	float: left;
	padding: 0 10px 0 0;
	height: 20px;
	line-height: 26px;
	color: #ccc;
}


div.green {
	/*  background: #389a2b;*/
}
div.gray {
	background: #ccc;
}
div.bordered {
	display: block;
	width: 100%;
	padding: 5px;
	border: 1px solid #dadada;
	background: #fafafa;
}

pre.xml,
pre.javascript,
pre.html, 
pre.code {
    margin:0;
    padding:0;
}
code {
	display: block;
    border:3px double #fff;
	padding: 20px;
	background: #222;
	font-family: Consolas, 'andale mono', 'lucida console', 'courier new', monospace;
	color: #fff;
	overflow: scroll;
}

div.pagination {
	display: block;
	float:left;
	padding: 3px 3px 0 3px;
}
div.pagination ul {
	display: block;
	float:left; 
	list-style:none; 
	margin: 0 auto;
	padding: 0;
}
div.pagination ul li {
	display: block;
	float:left; 
	margin: 0 5px 3px 0; 
	padding:0 8px; 
	line-height:21px; 
	border:1px solid #dadada; 
	background: #fafafa; 
	height: 22px; 
	color: #999999;
}
div.pagination ul li.active {border-color: #333; color: #333; font-weight: bold;}
div.pagination ul li a {color: #333; text-decoration: none; white-space: nowrap;}


#flashwrapper {
	position:absolute;
	top:0px;
	left:35%;
	width:400px;
	height:90px;
	z-index:1000;
	padding: 0;
	border:1px solid #ece3b7;
	background: #fcf3c9;
}
#flashmsg {
	width:400px;
	height:30px;
	padding: 30px;
	color: #000;
}

#errorhandler {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 1000px;
	padding: 40px;
	z-index: 9999;
	background: #222;
	color: #eee;
}
#errorhandler h1 {
	display: block;
	padding: 20px 0;
	margin: 0;
	background: #222;
	color: #eee;
	font-size: 22px;
}
#errorhandler p {
	font-size: 14px;
	line-height: 20px;
}
p#errorblock {
	display: block;
    border: 1px solid #fff;
	padding: 20px;
	margin: 20px 0;
	background: #222;
	font-family: Consolas, 'andale mono', 'lucida console', 'courier new', monospace;
	color: #fff;
	font-size: 10px;
	line-height: 14px;
}

div.small-autocomplete {
  position: absolute;
  width: 350px !important;
  background: #fafafa;
  border-top: 1px solid #777;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #777;
  margin: 0;
  padding: 0;
  color: #111;
}
div.small-autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.small-autocomplete ul li.selected {
	margin: 0;
	background: #eeead5;
	color: #111;
}
div.small-autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px 5px;
  cursor: pointer;
  font-weight: bold;
  color: #111;
}
div.small-autocomplete ul a {
  color: #111;
	font-weight: bold;
	text-decoration: none;
}



/**
 * Offcourse we need css hacks
 *
 */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */




.cmsbutton{
	border-left:2px solid #eee;
	border-top:2px solid #eee;
	border-right:2px solid #777;
	border-bottom:2px solid #777;
	font-size: 11px;
	padding: 2px 5px;
	font-weight: bold;
	text-decoration: none;
	background: #eee;
}
input.create{
	color:#333;
	font-weight:bold;
}

input.swfbutton {
	padding: 6px;
	margin: 1px;
}
input.delete {
	color:#bd1616;
	font-weight:bold;
}
input.edit {
	color:#0a6ec2;
	font-weight:bold;
}
input.save{
	color:#0a6ec2;
	font-weight:bold;
	
}
input.cancel {
	color: #e25c03;
	font-weight:bold;
}


.lang-icon {
	float: left;
	display: block;
	text-indent: -9999px;
	width: 20px;
	height: 16px;
	margin-top: 4px;
}
.nl { background: url(../img/icons/countries/nl.png) 0 0 no-repeat; }
.en { background: url(../img/icons/countries/gb.png) 0 0 no-repeat; }
.de { background: url(../img/icons/countries/de.png) 0 0 no-repeat; }


.link-icon {
	float: left;
	display: block;
	text-indent: -999px;
	width: 20px;
	height: 16px;
	overflow: hidden;
}
.up { background: url(../img/icons/up.png) 0 0 no-repeat; }
.down { background: url(../img/icons/down.png) 0 0 no-repeat; }






fieldset.flash,
fieldset.nonflash {
	border: 0;
}


.progressWrapper {
	width: 357px;
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 4px;
	background-color: #eee;
	border: 1px solid #ccc;
	overflow: hidden;
}
div.red /* Error */{
	background-color: #eee;
}
div.green /* Current */ {
	background-color: #eee;
}
div.blue /* Complete */{
	background-color: #eee;
}

.progressName {
	font-weight: bold;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	line-height: 4px;
	width: 0%;
	height: 5px;
	background-color: red;
	margin: 2px 0;
}
.progressBarComplete {
	width: 100%;
	background-color: #000;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,
a.progressCancel:hover {
	font-size: 0px;
	display: block;
	height: 16px;
	width: 16px;
	
	background-image: url(/images/icons/kruisje.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
}
a.progressCancel:hover {
	background-position: 0px 0px;
}

#flashUI1 input {
	border-left:2px solid #eee;
	border-top:2px solid #eee;
	border-right:2px solid #777;
	border-bottom:2px solid #777;
	font-size: 11px;
	padding : 2px 5px;
	text-decoration: none;
	background: #eee;
	font-weight: bold;
}