/* 
Swedbank Master Stylesheets
Filename: handheld.css

REVISION HISTORY
Ver 1.0, 2008-06-24
- Initial release.

Copyright (C) Swedbank AB (publ) 2008.
All rights reserved.
*/

html {
	width: 100%;
}

/* <body> */
body {
	max-width: none;
	min-width: inherit;
	width: 100%
}
/* <header> */
#header {
	background: none;
	overflow: visible;
}
#header .logo {
	float: none;
	padding: 0 0 0 0.833em;
	width: auto;
}
#header .logo p {
	padding-left: 0;
}
#header ul.navigation {
	background: none;
	float: left;
	margin: 0.833em 0 0 0;
}
#header ul.navigation li {
	float: none;
}
#header li.logout {
	background: none;
}
#header ul.navigation li a { 
	border-color: transparent;
	border-style: none;
	border-width: 0;
	color: #222;
	text-decoration: underline;
}
#header ul.navigation li a:hover {
	text-decoration: none;
}
#header ul.navigation li.logout a {
	color: #ea5e0d;
}
#header ul.navigation li.first a {
	padding-left: 0.833em;
}
#header .user {
	padding: 0.167em 0.833em 0 0;
	clear: right;
}
#header .current-time {
	padding: 0.833em 1em 0 0;
}
#header .commitments {
	width: auto;
}
/* </header> */

/* <navigation> */
#nav{
	max-width: none;
}
#nav .main-nav {
	background: none;
	border-bottom-color: transparent;
	border-style: none;
	border-top-color: transparent;
	border-width: 0;
	clear: both;
}
#nav .main-nav ul {
	height: auto;
}
#nav .main-nav a{
	border-color: transparent;
	border-style: none;
	border-width: 0;
	clear: both;
	text-decoration: underline;
}
#nav .main-nav a:hover {
	text-decoration: none;
}
#nav .sub-nav {
	padding: 0.833em 0 0 0.833em;
	float: none;
	width: auto;
}
#nav .sub-nav ul li a,
#nav .sub-nav ul li span {
	margin: 0 0 0 0.417em;
	padding: 0 0.417em 0 0;
	text-decoration: underline;
}
#nav .sub-nav ul li a {
	text-decoration: underline;
}
#nav .sub-nav ul li a:hover {
	text-decoration: none;
}
/* </navigation> */

/* <content> */
#content {
	padding: 1em 0.833em 0 0;
}

/* <section> */
.section{
	margin: 0 0 0 0.833em;
}

/* <main> */
.section.main{
	background: none;
}
.section.main .header  {
	background: #dcdcdc left top repeat-x;
}
.section.main div.footer {
	background: none;
	border: #ccc 1px solid;
	border-top: none;
	min-height: 20px;
}
/* </main> */

/* <system> */
.section.system .header h3,
.section.system .header h4 {
	background-color: #f90;
	padding: 0.25em 0.833em 0.083em 0.833em;
}
.section.system div.footer {
	border: #f90 1px solid;
	border-top: none;
	background: none;
}
/* </system> */

/* <operation> */
.section.operation .header h3,
.section.operation .header h4 {
	background: #f90;
	padding: 0.25em 0.833em 0.083em 0.833em;
}
.section.operation div.footer {
	background: none;
	border: #f90 1px solid;
	border-top: none;
}
/* </operation> */

/* <reminder> */
.section.reminder .header h3,
.section.reminder .header h4{
	background: #f90;
	padding: 0.25em 0.833em 0.083em 0.833em;
}
.section.reminder div.footer{
	background: none;
	border: #f90 1px solid;
	border-top: none;
}
/* </reminder> */

/* <info> */
.section.info .header h3,
.section.info .header h4 {
	background: #222;
	padding: 0.25em 0.833em 0.083em 0.833em;
}
.section.info div.footer {
	background: none;
	border: #ccc 1px solid;
	border-top: none;
}
/* </info> */

/* <error> */
.section.error .header h3,
.section.error .header h4 {
	background: #c00;
	padding: 0.25em 0.833em 0.083em 0.833em;
}
.section.error div.footer {
	background: none;
	border: #c00 1px solid;
	border-top: none;
}
/* </error> */
/* </section> */

/* <forms & defenitions> */
#content .section .content dl {
	padding-left: 0;
	position: inherit;
	width: auto;
}
#content .section .content dl dt {
	float: none;
	margin-left: 0;
	padding: 0;
	width: auto;
}
#content .section .content dl dd {
	float: none;
}
/* </forms & definitions> */

/* <tables> */
.grid{
	width: 100%;
}
/* </grid> */
/* </content> */

/* <footer> */
/* </footer> */
/* </body>*/


/* <global classes> */
/* </global classes> */