/* common formats for main area */

body {
	padding: 6px 14px 14px;
    width: 93%;
}

h1 {
	font-size: 18px;
	border-bottom: 3px solid #800;
    padding: 6px 8px 7px 20px;
	margin: 0 0 8px 70px;
}

h2, h3 {
	margin: 26px 0 20px 0;
}
h4, h5, h6 {
	margin: 13px 0 10px 0;
}

h2 {
	font-size: 14px;
}
h3 {
	font-size: 13px;
}
h4, h5, h6 {
	font-size: 12px;
}


div#mainheader {
}

div#mainheader p.img {
	float: left; width: 70px; height: 70px;
}

div#mainbody {
	clear: left;
    padding-top: 12px;
}


div#mainheader ul.icons {
	padding-bottom: 20px;
}


.error, .message {
	margin-left: 70px;
}


/* general table */

table.allwidth {
	width: 100%;
}


/* special tables */

table.list {
	border: 1px solid #888;
}
table.list th, table.list td {
	border-top: 1px solid #888; border-left: 1px dotted #888; padding: 4px;
    vertical-align: top;
}
table.list th {
	white-space: nowrap;
}

table.list tr.grouptitle {
	background-color: white;
}


/* tabs */

ul.tabtitles {
}
ul.tabtitles li {
    margin: 0; padding: 6px 12px 8px;
    border-bottom: 1px solid #888; border-top: 1px solid transparent;
    white-space: nowrap;
}
ul.tabtitles a {
	font-weight: normal;
}
ul.tabtitles li.tabselected {
	font-weight: bold; border-top: 1px solid #888; border-left: 1px solid #888; border-right: 1px solid #888;
    border-bottom: none;
}

div.tabbody {
	clear: left; padding-top: 16px;
}


/* sorting */

div.sortcontainer {
	float: left; width: 180px; overflow: auto; border: 1px solid #888;
}
div.sortcontainer p {
	margin: 0 2px; font-size: 11px;
}
div.sortcontainer p.containerheader {
	font-weight: bold; margin-bottom: 10px;
}

span.sorttitlecontainer {
	display: block; width: 200px;
    border: 1px solid white; padding: 2px;
    cursor: pointer;
}
span.selectedsorttitle {
	font-weight: bold;
    border: 1px solid #888; background-color: #cff;
}

div.sortcontainer span.sorttitlecontainer {
	width: 95%;
}