/*
=====================================
Generic
=====================================
*/
img {border:0;}
br.breaker {clear:both;}
div.fileDialog {display:none;}
table th, table td {vertical-align:top;}
.fLeft{ float:left; margin-right:2px; white-space:nowrap; }
.fRight{ float:right; margin-left:2px; white-space:nowrap; }
div.breaker{
/*Eftersom äckelIE inte fixar att ha BR som breaker*/
	clear:both !important;
	height:1px !important;
	border:0px !important;
	background:transparent !important;
}
/*
=====================================
MagicBox styles
=====================================
*/
.blackBox{
	background:transparent url(../Images/16px50percentblack.png);
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:left;
	z-index:10000;
}
.innerBlackBox{
	background:transparent url(../Images/16px50percentblack.png);
	position:absolute;
	float:left;
}
.magicBoxOuter{
	margin:10px;
}
.magicBoxInner{
	background:#FFFFFF;
	padding:10px;
	width:500px;
}
.magicBoxInner .top{
	height:0px;
	line-height:0px;
	font-size:0px;
}
.magicBoxInner .trc{
	float:right;
}
.magicBoxInner img.closeButton{
	float:right;
	cursor:pointer;
}
.magicBoxInner div.content{
	margin:0;
}
/*
=====================================
Message styles
=====================================
*/
h1.messagesHeader{
	font:18px/24px arial;
}
div.message{
	background:#ffffff;
	border-top:2px solid #f0f0f0;
	margin-top:5px;
	padding-top:5px;
	clear:both;
}
div.commands{
	float:right
}
div.sender{
	float:left;
	width:80%;
	margin:0 10px 0 0;
}
div.content{
	clear:both;
	margin-top:12px;
}
img.messageImage{
	float:left;
	margin-right:5px;
}
div.messageSent{
	font:9px arial;
	background:#ffffff;
}
div.messageHeader{
	font:14px/18px Arial;
	font-weight:normal;
	color:#6699cc;
}
p.messageText{
	font:14px/18px Arial;
	margin:0;
	display:block;
}
/*
=====================================
FormDiv
=====================================
*/
div.form{
}
div.form .maxWidth{
	width:100%;
}
div.form input{
	float:left;
}
div.form label{
}
div.form .buttons input{
	float:none;
}
div.form span.checkbox *{
	float:none;
}

.border, .searchborder{
	border:1px solid #e9e9e9;
	border-top:1px solid #cccccc;
	margin:0;
	padding:2px;
	background:#FFFFFF;
	float:none;
}
.border input, .border textarea, .searchborder input, .searchborder textarea{
	width:100%;
	float:none !important;
	border:0 none;
	padding:0;
	margin:0;
}
.border textarea{
	height:100px;
}
.searchborder{
	position:relative;
	padding:2px 18px 2px 2px;
}
.searchborder input.search{
}
.searchborder input.image{
	width:auto;
	position:absolute;
	top:1px;
	right:2px;
}

/*
=====================================
 NoteringsBoxar
=====================================
*/
div.note{
	border:1px solid #bcccfc;
	background:#eef6fe url(../Images/information.png) no-repeat 4px 4px;
	line-height:16px;
	padding:4px 4px 4px 25px;
	margin:5px 0;
}
div.error{
	border:1px solid #fcccbc;
	background:#fef6ee url(../Images/exclamation.png) no-repeat 4px 4px;
	line-height:16px;
	padding:4px 4px 4px 25px;
	margin:5px 0;
}
div.success{
	border:1px solid #a0eea0;
	background:#ddf6dd url(../Images/accept.png) no-repeat 4px 4px;
	line-height:16px;
	padding:4px 4px 4px 25px;
	margin:5px 0;
}

/*
=====================================
 Error
=====================================
*/
body#error {
	margin: 0;
	padding: 50px;
	font: 16px/20px Helvetica, Arial, Sans-Serif;
}
body#error h1 {
	font: bold 22px/26px Helvetica, Arial, Sans-Serif;
	margin: 0 0 10px 0;
}
div.exception {
	font: 11px/14px Courier New, Sans-Serif;
	border: 1px solid #FCCCBC;
	background: #FEF6EE;
	white-space: pre;
	overflow: scroll;
	padding: 4px;
}

/*
=====================================
 Viddboxar
=====================================
*/
div.percent80{
	width:80%;
	float:left;
}
div.percent65{
	width:65%;
	float:left;
}
div.percent35{
	width:35%;
	float:left;
}
div.percent66{
	width:66%;
	float:left;
}
div.percent50{
	width:50%;
	float:left;
}
.p40{
	width:40%;
	float:left;
}
.p40r{
	width:40%;
	float:right;
}
div.percent33{
	width:33%;
	float:left;
}
div.percent25{
	width:25%;
	float:left;
}
.p20{
	width:20%;
	float:left;
}
div.percent16{
	width:16%;
	float:left;
}
div.percent10{
	width:20%;
	float:left;
}
div.p30r{
	width:30%;
	float:right;
}
div.m2{
	margin-left:2px;
}
div.m5{
	margin-left:5px;
}
div.m2r{
	margin-right:2px;
}
div.m5r{
	margin-right:5px;
}
/*
=====================================
 Generell Style för grid
=====================================
*/
table.grid{
	width:100%;
}
table.grid tr th{
	white-space:nowrap;
}
table.grid tr td{
}
table.grid tr td.cellForm{
}
table.grid tr td.cellForm input,table.normalGrid tr td.cellForm select{
	width:100%;
}
table.grid tr.header{
}
table.grid tr.header td{
}
table.grid tr.header td.first{
}
table.grid tr.header td.last{
}
table.grid tr.pager{
}
table.grid tr.pager td{
	white-space:nowrap;
}
table.grid tr.alternatingItem{
}
table.grid tr.item{
}
table.grid tr.selectedItem{
}
table.grid tr.alternatingItem th{
}
table.grid tr.item th{
}
table.grid td.maxWidth {
	width:100%;
} 
table.grid td.icon {
	width:1px;
	margin:0px;
	padding:2px 0;
	vertical-align:top;
	padding-left:1px;
	padding-right:1px;
}
table.grid td.icon img{
}
/*
=====================================
 About styles
=====================================
*/
img.aboutLogo {
	float: right;
	margin-left: 20px;
}
p.about {
	margin: 20px 50px 30px 15px;
	float: left;
}

/*
=====================================
 Print styles
=====================================
*/

@media print {
	body {
		height: 100%;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	h1, h2, h3 {
		page-break-after: avoid;
	}
	td {
		font: 18px Arial, Sans-Serif;
	}
	hr {
		border-top: 0px; 
		border-right: 0px;
		border-left: 0px;
		border-bottom: 1px solid; 
	}
	*, .note, .important {
		color: #000000 !important;
	}
	div#right {
		width: 100%;
	}
	.dontPrint, div#pageHeader, div#pageMenu, div#pageFooter, div#left {
		display: none;
	}
}