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

form li {
	margin-left: 15px;
}

body {
	background-color:	#D9D9D9;
	text-align: 		center;
}

.btl-modal {
	text-align: left;
}

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

.hidden {
	visibility: hidden;
} 	

label.disabled {
	color: #BBBBBB;
}

.block {
	display: block;
}

div#container {
	position: 	relative;
	width:		980px;
	background:	white;
	text-align:	left;
	margin:		0 auto;
	padding:	6px;
}

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#column-left {
	float:			left;
	margin-right:	-3px;
	position: 		relative;
	width: 			242px;
	text-align:	left;
}

div#column-right {
	position:       relative;
  width:			726px;
	padding: 		0 0 3px 12px;
	float:			right;
	position:		relative;
	text-align:	left;
}

div#navigation-global {
	clear:			both;
	width: 			100%;
	font-size:		11px;
}

div#navigation-global ul {
	background:	#E4E4E4;
	padding:	2px 6px;
}

div#navigation-global li, 
div#navigation-main li,
div#navigation-sub li 
{
	list-style:	none;
	display:	inline;
}

div#branding {
	margin-bottom:	6px;
	height: 		75px;
}

div#branding-name {
	font-size: 38px;
}

div#branding-tagline {
	font-size: 22px;
}

div#branding-logo {
	float: right;
	height: 80px;
}

div#navigation {
	position:	relative;
	width:		100%;
}

div#navigation-main {
	height: 		25px;
	margin-bottom:	1px;
	position:		relative;
}

div#navigation-sub {
	height: 		21px;
	margin-bottom:	3px;
	padding: 		4px 6px 0 6px;
}

div#navigation-main a,
div#navigation-sub a
{
	text-decoration: none;
}

div#navigation-main a:hover,
div#navigation-sub a:hover
{
	text-decoration: underline;
}


div#navigation-global a {
	font-size: 			11px;
	text-decoration:	none;
}

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

div#navigation-steps li {
	list-style: none;
}

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 {
	width:			242px;
	margin-bottom:	3px;
}

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

div#login-form {
	width:			100%;
	height:			100%;
	background:		#EAEAEA;
	padding: 		6px;
}

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;
}

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 
*/

div#campaign-planner {
	width: 360px;
}

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

div#campaign-planner h1 {
	padding:2px 10px;
}

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

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

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

.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;
 background-color: #e4e4e4; 
}

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

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

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;
}