body{margin:0;font-family:Helvetica;background:#FFF;color:#000;}
*{box-sizing:border-box;}
input,textarea{font-family:Helvetica;font-size: medium;}
input.small { width: 2em; }
table{border-collapse:collapse;border-spacing:0;}
form{margin: 0; padding: 0;}
select{font-family:Helvetica;font-size: medium;}
.center{text-align: center;}
a{text-decoration: none;color: rgb(0,64,127);}

/*** blue toolbar ***/
table.t_toolbar{
    width:100%;

	font-size:20px;

	height: 41px; /* pri obr buttonech to je 42 v Safari a na iPhone NE*/
	font-weight:bold;
	text-align:center;

	background:url(toolbar.png) #6d84a2 repeat-x;
	border: solid #2d3642;
	border-width: 0 0 1px;
	padding: 0 5px;
}
/*
table.t_toolbar + table.t_toolbar{
	border-top-width: 1px;
}
*/
	table.t_toolbar td{
        width: 0%;
        padding:5px 3px;
		line-height:20px;
	}

    table.t_toolbar th{
		width: 100%;
	}



	.button,
	.backbutton{
		-webkit-border-image:url(button.png) 0 5 0 5;
		-webkit-border-radius: 0;
		-webkit-margin: 5px;

		border-width: 0 5px;
		border-color: transparent;

		color:#FFF;

		text-shadow:rgba(0,0,0,0.6) 0 -1px 0;
		text-decoration:none;
		text-align:center;

		vertical-align: middle;

		font-weight:bold;
		font-size:medium!important;
	    line-height: 20px;

		white-space: nowrap;

		margin-right: 3px;
		background:none;

		padding: 6px 4px 6px;
	}

	.backbutton{
		-webkit-border-image:url(backbutton.png) 0 8 0 14;
		-webkit-border-radius:0;
		border-width:0 8px 0 14px;
	}
	.pager{
		-webkit-margin: 3px;
		width: 2em;
		text-indent:-6px;
		padding: 0px;
	}

	input.button,
	input.backbutton{
	    margin: 0;
	    padding: 5px 0px;
	}

	/* dodelat */
	.button_disabled{color:gray;}

	.ico_button{
		display: block;
		padding: 2px 0 3px 0;
	}

/*** Grey menu ***/
.grey{
	background-color: rgb(199,199,199);
	border: solid rgb(170,170,170);
	border-width: 1px 0;

	font-size: 20px;
	line-height: 38px;

	overflow: hidden;
	white-space: nowrap;
}
	.grey input[type=checkbox]{
		margin-left: 5px;
	}
	.grey strong{
		margin-left: 5px;
		color: #666;
        font-size: medium;
		text-shadow:rgba(255,255,255,0.6) 0 -1px 0;
	}
div.d_compose .button,
.grey .button{
	-webkit-border-image:url(buttongrey.png) 0 5 0 5;
}

/*** mail list ***/
.mail_item div{
	display: block;
	position: relative;

    font-size: medium;
	margin: 0;
	padding: 6px 0 6px 30px;
}
.mail_item div + div{
	border-top: 1px solid #D0D0D0;
}
.mail_item div.unread{
	background: url('unread.gif') 7px 31px no-repeat #FFFFFF;
}
.mail_item a{
	display: block;
	padding-right: 70px;
}
.mail_item input{
	position: absolute;
	margin: 0;
	padding: 0;
	top: 8px;
	left: 5px;
}
.mail_item strong{
	display: block;
	margin: 0 0 3px;
	padding: 0;

	color: #000;
	font-size: large;

	overflow: hidden;
    white-space: nowrap;

	text-overflow:ellipsis;
}
.mail_item span{
    display: block;
	font-size: small;
	overflow: hidden;
    white-space: nowrap;

	text-overflow:ellipsis;
}
.mail_item b,
.mail_item i{
	color: #696969;
	position: absolute;
	right: 5px;
    font-weight: lighter;

}
.mail_item b{
    top: 8px;
}
.mail_item i{
    bottom: 6px;
    font-size: small;
    font-style: normal;
}



/*** homepage ***/
div.guidepost a{
	display: block;
	padding: 0 30px 0 0;

	color: #000000;
    text-decoration: none;

    background: url(arrow.png) no-repeat 100% 50% transparent;

	font-size: large;
}
div.guidepost a + a{
    border-top: 1px solid #D0D0D0;
}
div.guidepost span{
	display: block;

	overflow: hidden;
    white-space: nowrap;

	line-height: 50px;
	height: 50px;
	text-indent: 45px;

	background-repeat: no-repeat;
	background-position: 5px 50%;
}
    div.guidepost span.folders{background-image: url(folders.png);}
    div.guidepost span.contacts{background-image: url(contacts.png);}
    div.guidepost span.emails{background-image: url(emails.png);}

/*** compose & repluy ***/
div.d_compose{
	padding: 5px;

	background-color: rgb(199,199,199);
	border: 1px solid rgb(170,170,170);
}
div.d_compose h3{
	font-size: medium;
	margin: 0;
	padding: 5px 0;
}

div.d_compose table{
	width: 100%;
}
div.d_compose table th{
	width: 0;
    text-align: left;
    padding: 0 5px 0 3px;
    white-space: nowrap;
}
div.d_compose table td{
	width: 100%;
	padding: 3px 0;
}

div.d_compose input,
div.d_compose textarea{
	width: 100%;
	border: none;
	margin: 0;
	padding: 3px 0 2px;
	font-size: large;
}


/*** contacts ***/
div.contact{
	padding: 4px 4px 0;
}
div.contact div{
	-webkit-border-radius:3px;
	border: 1px solid #2D3642;
	margin-bottom: 4px;

	background-color: #95A6BC;
}
div.contact h2{
	margin: 5px 5px 2px;
	padding: 0;
	font-size: large;

	color: #FFF;
	text-shadow:rgba(0,0,0,0.6) 0 -1px 0;
}
div.contact h3{
	margin: 0 5px 5px;
	padding: 0;
	font-size: small;

	color: #000;
}

div.contact p{
	-webkit-border-radius:3px;
	border: 1px solid #6D84A2;
	margin: 0 4px 4px;
 	background-color: #FFF;
}
div.contact p span + span{
	display: block;
	border-top: 1px dotted #666;
}

div.contact a {
	display: block;
	padding: 5px;
	background: url(arrow.png) no-repeat 100% 50% transparent;
}
/*div.contact a + a{}*/

div.contact_input label{
	display: block;
	padding: 10px 5px;
	white-space: nowrap;
	overflow: hidden;
	font-weight: normal;
}
div.contact_input p{
    position: relative;
}
div.contact_input span{
    display: block;
	padding-left: 40px;
}
div.contact_input input{
	position: absolute;
	margin-top: 11px;
	left: 5px;
}

/*** mail view ***/
#headers{
	background-color:#e0e0e0;
	border-bottom: 1px solid rgb(170,170,170);
	padding: 5px;
}
#headers table{
	width: 100%;
}
	#headers th{
		text-align: left;
	    white-space: nowrap;
	    width: 0;
	    padding: 0 10px 0 0;
	}
	#headers td{
		width: 100%;
	}
#headers h2{
	margin: 0;
	padding: 5px 0;
	font-size: large;
	display: block;

	overflow: hidden;
	text-overflow:ellipsis;
}
#body{
	padding: 5px;
	min-height: 150px;
	overflow: auto;
}
/*** footer ***/
div.footer{
	font-size: small;
	margin-top: 15px;
}

/* Error */
div.error{
	border: 1px solid red;
	background-color: #F0BDBD;
}
div.error th{
	text-align: left;
	padding: 5px;
	font-weight: normal;
}