* {
	box-sizing:			border-box;
	-moz-box-sizing:	border-box;
	-khtml-box-sizing:	border-box;
	-ie-box-sizing:	border-box;
	margin:				0;
	padding:			0;
}

.extjs, .extjs * {
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
	-khtml-box-sizing:	content-box;
	-ie-box-sizing:		content-box;
}

form li {
	margin-left: 15px;
}

body {
	background-image: url(../images/skin/background_global.jpg);
	background-repeat: repeat-x;
	background-color: #9b9b9d;
	background-position: center 0;
	text-align: 		center;
}

a, a:hover, a:visited {
	color: black;
}

.btl-modal, .x-layer, .x-combo-list, .x-tip {
	text-align: left;
}

.btl-modal-content {
	padding: 5px;
}

.btl-loadingMessage {
	z-index: 10000;
}

.x-btn em {
	padding: 6px 3px !important;
}

.hidden {
	visibility: hidden;
} 	

label.disabled {
	color: #BBBBBB;
}

.block {
	display: block;
}

div#container {
	position: 	relative;
	width:		972px;
	min-height:750px;
	height:auto !important;
	height:750px; /* IE6 */	
	background:	white;
	text-align:	left;
	margin:		0 auto;
	padding:	10px;
}

div#content-main {
	position: 	relative;
	width:		968px;
	background:	white;
	text-align:	left;
}

div#column-container{
	position: 	relative;
	margin-top: 3px;
	width: 100%;
	text-align:	left;
	margin-bottom: 10px;
}

div#columnLeft {
	width: 232px;
	text-align:	left;
}

div#columnCenter {
	width: 543px;
	text-align:	left;
	padding-right: 10px;
}

div#columnRight {
  	width: 177px;
	text-align:	left;
}


div#loggedIn {
	height:		25px;
	position:	absolute;
	right: 		0;
	z-index: 	100;
	padding: 	5px 6px;
}

span#logout {
	float: right;
}

span#logout a {
	text-decoration: none;
}

span#logout a:hover {
	text-decoration: underline;
}

/*
*	Login form
*/
#loginForm label {
	display:		block;
	margin-top: 	6px;
}

div#login {
}

div#login-header {
	width:			100%;
	padding:		2px 6px;
	margin-bottom:	2px;
	font-size:		13px;
	font-weight:	bold;
}

div#login-form {
	width:			100%;
	height:			100%;
}

div.form-controls {
	margin-top: 	6px;
	float: none;
}

/*
*	End login form
*/

body, p, td, th, a {
	font-family: 	arial, helvetica, sans-serif;
	font-size: 		12px;
}

.x-window-mc, .x-window-tl .x-window-header, .x-tab-strip span.x-tab-strip-text, .x-panel-header, .x-form-field {
	font-size: 12px !important;
}

.x-btn button {
	font-size: 12px !important;
}

.x-btn button.tabButton {
    font-size: 15px !important;
}

.x-btn button.tabButton-error {
    font-weight: bold !important;
	color: red !important;
}

.x-window {
	text-align: left;
}

h1 {
	font-size: 		20px;
	font-weight:	bold;
	margin-bottom:	0.6em;
}

h2 {
	font-size: 		18px;
	font-weight: 	bold;
	margin-bottom:	0.6em;
}

p {
	font-size:		12px;
	margin-bottom:	1em;
}

/*
	Backbase elements
*/
.block-user-input-layer {
	background-color: 	#000;
	position: 			absolute;
	top: 				0;
	left: 				0;
	opacity: 			0.4;
}

.ie .block-user-input-layer {
	filter: alpha(opacity=40);
}

.error {
	color: red;
}

.melding {
    color: green;
}

.icon-information {
	background-image: url(/images/icons/information.png);
}

.icon-new {
	background-image: url(/images/icons/page_add.png);
}

.icon-new-picture {
	background-image: url(/images/icons/picture_add.png);
}

.icon-new-folder {
	background-image: url(/images/icons/folder_add.png);
}

.icon-delete {
	background-image: url(/images/icons/page_delete.png);
}

.icon-save {
	background-image: url(/images/icons/page_save.png);
}

div.notifications div.header {
	font-weight: bold;
	margin-bottom: 1em;
}

div.notifications div.link {
	cursor: pointer;
}
} 

div.notifications div.header {
	font-weight:	bold;
	margin-bottom:	1em;
}

div.notifications div.link {
	cursor: pointer;
}

/* 
*	Steps 
*/

#navigation-steps{
	font-size: 16px;
	margin-bottom: 10px;
	width: 242px;
}

#navigation-steps span.header{
	display: block;
	height: 37px;
	line-height: 37px;
	margin-left: 10px;
}

#navigation-steps ul{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

ul#steps li a {
	text-decoration: none;
}

#steps li {
	margin: 0;
	margin-bottom: 4px;
	height: 51px;
	font-size: 16px;
}

#steps li span.id {
	float: left;
	display: block;
	width: 29px;
	height: 51px;
	font-size: 21px;
	line-height: 51px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#steps li span.name{
	display: block;
	margin-left: 39px;
	font-size: 16px;
}

#steps li span.description {
	margin-top: 3px;
	display: block;
	margin-left: 45px;
	font-size: 12px;
	line-height: 13px;
}

/* 
*	End steps 
*/

.inline-title-small h1 {
	font-size: 15px
}

#column-right label, #columnCenter label, .x-window form label {
	display:block;
	padding-top: 6px;
}

div#home-column-left {
	width: 342px;
	float: left;
}

div#home-column-right {
	width: 360px;
	position: relative;
	float: right;
}

#column-right label {
	display:block;
	padding-top:6px;
}

.textarea-small {
	width: 330px!important;
	height: 50px!important;
}

.text,
.select 
{
	width: 330px!important;
}

.smalltext,
.smallselect 
{
	width: 131px;
}

.zendRadio dd label,
.zendRadio dd br 
{
	display:inline;
}

div#middelDiv {
	margin-top:10px;
}

a img {
	border: none;
}

ul.newsletterMenu {
 list-style:none;
}

ul.newsletterMenu  li {
  margin-left: 5px;
}

ul.newsletterMenu li {
	padding-top: 2px;
	padding-bottom: 2px;
}

div#profile-form div.form-fieldset{
	clear: both;
}

div#profile-form div.form-label{
	float: left;
	display: block;
	width: 200px;
}

div#profile-form div.form-input{
	float: left;
	display: block;
	width: 200px;
}

div#profile-form div.form-label label{
	width: 200px!important;
}

div#profile-form div.form-input input{
	width: 200px!important;
}
	
div#profile-form div.form-input select{
	width: 204px!important;
}

div#profile-form div.form-input div.onmaterial{
	width: 220px !important;
	display: block;
	margin-left: 10px;
}

div#profile-form div.form-input div.onmaterial input{
	width: 20px!important;
	float: left;
}

div#profile-form div.form-input div.onmaterial label{
	width: 180px!important;
	float: left;
}

div#profile-form div.form-error{
	clear: both;
}

div#profile-form div.form-controls{
	margin-top: 20px;
	padding-top: 10px;
	width: 450px;
	display: block;
}

.color-profile{
	margin-top: 10px;
	width: 150px;
	float: left;
	cursor: pointer;
}

.color-profile label{
	width: 140px;
	display: block;
}

.color-profile input{
	height: 50px;
	display: block;
	float:left;
}

.profile-colors div{
	margin: 2px;
	cursor: pointer;
}

.form-fieldset h2{
	padding-top: 10px;
}

.form-submit,
.form-cancel {
	display: inline;
	margin-right: 2px;
}

ul.newsletterMenu li a {
	text-decoration: none;
}

ul.newsletterMenu li a:hover {
	text-decoration: underline;
}

.hideDebug {
	width: 8px;
	height: 8px;
	padding: 0;
}

.hideDebug h1 {
	visibility: hidden;
}

.showDebug h1 {
	visibility: show;
}

.showDebug {
	width: 980px;
	height: auto;
	padding: 6px;
}

div#debugdiv {
	background: white;
	color: black;
	overflow-x: auto;
	margin: 10px auto;
	text-align:left;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

div#debugdiv pre {
	margin-bottom: 16px;
}

div.category-title{
	margin-bottom:	10px;
	padding-left:	10px;
	height:			25px;
	line-height:	25px;
	font-weight:	bold;
}

.category-group {
	width:			354px;
	float:			left;
	height:			100px;
	margin-bottom:	10px;
}

div.odd{
	margin-right: 6px;
}

div.even{
	margin-right: 0px;
}

.category-description ul {
    margin-left: 20px;
}

.category-description a:hover {
	text-decoration: underline;
}

#means-items ul li{
	margin-top: 30px;
	width: 33%;
	height: 120px;
	float: left;
	display: block;
	text-align: center;
}

#means-items ul li div.means-image{
	height: 100px;
	line-height: 100px;
	vertical-align:middle;
}

#means-items a {
	text-decoration: none;
}

div.layout-items{
	position: relative;
	display: block;
	height: 365px;
	padding: 5px;
	width: 234px;
}

div.layout-items li {
	height: 20px;
	margin: 0;
	padding: 0;
}

div.layout-items li div.item {
	position: relative;
}

div.layout-items li div.highlight {
	position: absolute;
	margin-top: 2px;
}

div.layout-items a {
	position: absolute;
	text-decoration: none;
	font-weight: bold;
	left: 10px;
	margin: 4px 0;
}

div.layout-items a:hover{
	text-decoration: underline;
}

div.layout-items a.disabled {
	color: #BBBBBB !important;
	cursor: default !important;
}

div.layout-items a.disabled:hover{
	text-decoration: none  !important;
}

div.layout-items div.preview {
	text-align: center;
}

div.layout-items div.previewtext {
	position: absolute;
	bottom: 10px;
	font-size: 11px;
}

.inner-column-3{
	float: left;
}

.inner-column-3 ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.inner-column-3#material-format {
	margin-left: 6px;
	margin-right: 6px;
}

.inner-column-3 h2 {
	display: block;
	padding: 4px 6px;
	margin-bottom: 6px;
}

#content-blocks label {
	padding: 0!important;
}

div#faq-content dt{
	width: 200px;
	padding-left: 10px;
	float: left;
	font-weight: bold;
}

div#faq-content dd{
	width: 502px;
	padding-left: 10px;
	float: left;
}

dd {
	padding: 0;
	margin: 0;
	width: auto;
	text-align: left;
	display: inline;
}

.tooltip{
	text-align: left;
	width: 180px;
}

img.button {
	margin-bottom: -3px; 
	cursor: pointer;
}

div.slideThumb {
	position: relative;
	float: left;
	width: 108px;
	height: 184px;
	padding: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
}

div.slideThumb img {
	margin-bottom: -3px;
}

.slideDeleteIcon {
	position: absolute; 
	right: 2px; 
	top: 2px;
	border: none;
}
div#addSlide {
	margin-bottom: 4px;
}

div#addSlide a {
	text-decoration: none;
}

div#addSlide a:hover {
	text-decoration: underline;
}

div#attention {
	height: 75px;
	padding: 8px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
    width: 300px;
}

div#attention a {
	font-size: 11px;
}

span.tab-move-module {
	cursor: pointer;
}

div.answer, div.answer * {
	font:11px tahoma,arial,helvetica,sans-serif !important;
}

label.x-form-cb-label {
	display: inline !important;
}