/*
*******************************************************************************
* Standard settings
*******************************************************************************
*/

* {
	padding: 0;
	margin: 0;
}

html {
	font-size: 100%;
}

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

.clearFloats {
	clear: both;
}

.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

span.dateFormat {
	float: left;
	font-size: 0.9em;
	margin: 0px 11px 0px 0px;
	line-height: 100%;
	padding: 4px 0px 0px 0px;
	color: #666666;
}

.leftalign {
	text-align: left !important;
}

.rightalign {
	text-align: right !important;
}

.centeralign {
	text-align: center !important;
}

.hide {
	display: none;
}

.wkw {
	font-weight: 700;
	color: #D72001 !important;
}

.requiredmsg em,
.required {
	line-height: 100%;
	vertical-align: middle;
	color: red;
}

.requiredmsg {
	font-size: 1.1em;
	font-style: italic;
	color: #444444;
}

div.lefthalf {
    float: left;
    width: 49%;
}

div.righthalf {
    float: right;
    width: 49%;
}

input.datefield {
	width: 70px;
}

.loadingbox {
	padding: 0;
	margin: 0;
	position: absolute;
	background-color: #FFFFFF;
	background-image: url( '../../images/loading.gif' );
	background-position: center;
	background-repeat: no-repeat;
	z-index: 2000;
}

.emptydata {
	color: #6B94CB;
	text-align: center !important;
	font-weight: bold;
}

.closed {
	line-height: 100%;
	color: Blue;
}

p.hint {
	font-size: 0.9em;
}

h1 {
	font-family: Arial, Helvetica, Sans-Serif;
}

label {
	font-size: 1.3em;
}

select,
input {
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

/*
*******************************************************************************
* Master page elements
*******************************************************************************
*/

#page {
	background: White;
}

/* Header */
#header {
	padding: 0 10px;
    height: 60px;
    background-color: #0C376A;
    color: #FFFFFF;
    margin-bottom: 1px;
}

#header h1 {
	font-size: 2.7em;
	padding: 6px 0;
}

#header h1.company {
	padding: 6px 0px 0px 0px;
}

#header span {
	font-size: 1.5em;
	letter-spacing: 1.5px;
}

#header img {
	position: absolute;
	right: 0;
	width: 100px;
	height: 52px;
	border: none;
}

#header a {
	outline: none;
	text-decoration: none;
}

/* Navigation DIVISION */

#navigation {
	padding: 5px;
	height: 15px;
	background-color: #0A2950;
}

#navigation a,
#navigation span {
	color: #CCCCCC;
	font-size: 1.3em;
}

#navigation ul {
	list-style-type: none;
}

#navigation ul li {
	display: inline;
}

#navigation a {
	padding: 2px;
    text-decoration: none;
    outline: none;
}

#navigation a:hover {
	color: #FFFFFF;
	background-color: #0C376A;
	padding: 5px 2px 4px 2px;
}

#content {
	margin: 0 10px;
}

#main {
	padding: 15px 0 0 0;
}

div.errorbox {
	border-top: 1px solid #AA0000;
	border-bottom: 1px solid #AA0000;
	background: #FF9696;
	color: #FFFFFF;
	padding: 10px;
	margin-bottom: 10px;
}

div.messagebox {
	border-top: 1px solid #AED9F0;
	border-bottom: 1px solid #AED9F0;
	background: #EBF4FB;
	color: #666666;
	padding: 10px;
	margin-bottom: 10px;
}

/*
*******************************************************************************
* Tab Control
*******************************************************************************
*/

div.tabcontrol .navigation {
    text-indent: 10px;
    border-bottom: 3px solid #AED9F0;
}

div.tabcontrol .navigation ul {
	background: #EBF4FB;
	padding: 20px 0 5px 0;
}

div.tabcontrol .navigation li {
    display: inline;
    
    /* To close the gap between each tab, uncomment this
    margin-right: -5px;
    */
}

div.tabcontrol .navigation a {
	font-size: 1.3em;
	outline: none;
}

div.tabcontrol .navigation ul li a:link,
div.tabcontrol .navigation ul li a:visited {
	text-decoration: none;
	color: black;
	border: 1px solid #AED9F0;
	background: #DBE8F9;
	padding: 5px 10px;
}

div.tabcontrol .navigation ul li a:hover {
	background: #C8D6FB;
}

div.tabcontrol .navigation ul li a.selected {
	padding-top: 10px;
	border-bottom: 3px solid #FFFFFF;
	background: #FFFFFF;
}

div.tabcontrol .content {
	padding: 15px 0 0 0;
	background: #FFFFFF;
}

/*
*******************************************************************************
* Box
*******************************************************************************
*/

div.box {
	padding: 5px;
	background: #EBF4FB;
	border: 1px solid #AED9F0;
}

/* Header Panel */

div.box .boxheaderpanel {
	padding: 0px 0px 4px 0px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #AED9F0;
}

div.box .boxheaderpanel h1 {
	display: inline;
	font-size: 1.7em;
}

div.box .boxheaderpanel h2 {
	font-weight: normal;
	font-size: 1em;
	margin-left: 8px;
	padding: 5px 0 0;
	color: #666666;
}

div.box .boxheaderpanel span.info {
	margin-left: 5px;
	font-size: 1.1em;
	color: #444444;
}

/* Filter Panel */

div.box div.fieldrow {
	padding: 2px 0px;
}

div.box div.fieldrow em {
	color: Red;
	font-style: normal;
	font-weight: 700;
	text-align: right;
}

div.box div.fieldrow p.hint {
	color: #666666;
}

/*div.box div.fieldrow .fieldrowcontainer,*/
div.box div.fieldrowcontainer label,
div.box div.fieldrowcontainer select,
div.box div.fieldrowcontainer input {
	float: left;
}

/* Commandbar Panel */

div.box div.boxcommandbarpanel {
	padding: 0px 0px 5px;
}

/*
*******************************************************************************
* Command Bar Panel / Command Button
*******************************************************************************
*/

/* Command Bar Panel */
div.commandbarpanel {
	margin: 14px 0px;
}

/* Command Button */
a.smallcommandbutton,
a.commandbutton {
	padding: 3px 8px;
	text-decoration: none;
	font-weight: 700;
	font-size: 1.3em;
	color: #666666;
	border: 1px solid #666666;
	background: #DBE8F9;
}

a.smallcommandbutton:hover,
a.commandbutton:hover {
	background: #C8D6FB;
}

a.smallcommandbutton {
	font-size: 0.9em;
}

/*
*******************************************************************************
* XGrid
*******************************************************************************
*/

div.xgrid {
	overflow: hidden;
	width: 100%;
	border: 1px solid #6B94CB;
}

div.xgrid div.xgrid_datapager {
}

div.xgrid table {
	table-layout: fixed;
	width: 100%;
	empty-cells: show;
	overflow: hidden;
}

div.xgrid th {
	background: #D6E7FB;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #6B94CB;
	border-bottom: 1px solid #ABC6EB;
	text-align: left;
}

div.xgrid th,
div.xgrid td {
	font-size: 1.1em;
}

div.xgrid th a,
div.xgrid td a,
div.xgrid th a span {
	font-size: 1.0em;
}

div.xgrid div.xgrid_datapager div.xgrid_inner {
	border-right: 1px solid #D6E7FB;
	height: 25px;
}

div.xgrid th a {
	display: block;
	color: Black;
	text-decoration: none;
}

div.xgrid th,
div.xgrid th a,
div.xgrid th a span,
div.xgrid td,
div.xgrid td a {
	overflow: hidden;
}

div.xgrid th,
div.xgrid th a,
div.xgrid td {
	padding: 2px 3px 2px 3px;
	text-align: left;
	margin: 0;
}

div.xgrid_header,
div.xgrid_body {
	width: 100%;
}

div.xgrid_header {
	overflow: hidden;
}

div.xgrid_body {
	overflow: scroll;
	height: 300px;
}

div.xgrid td {
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	vertical-align: top;
}

div.xgrid td.sortedcolumn {
	background-color: #F0F0F0;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #DDDDDD;
}

div.xgrid th.sortable {
	background: #D6E7FB url( ../../images/sortable.png ) no-repeat right center;
}

div.xgrid th.sorted_a {
	background: #B3C6DE url( ../../images/ascending_arrow.png ) no-repeat right center;
}

div.xgrid th.sorted_d {
	background: #B3C6DE url( ../../images/descending_arrow.png ) no-repeat right center;
}

div.xgrid_header img {
	border: none;
}

div.xgrid th.sortable:hover {
	background: #B3C6DE url( ../../images/sortable_h.png ) no-repeat right center;
}

div.xgrid th.lastcolumn {
	border-right: none;
}

div.xgrid tr.subtotal td,
div.xgrid tr.total td {
	font-weight: bold;
}

div.xgrid tr.subtotal td {
	background: #FFF3C3;
	border-left: 1px solid #FFF3C3;
	border-right: 1px solid #FFF3C3;
	border-bottom: 1px solid #FFF3C3;
}

div.xgrid tr.total td {
	background: #D6E7FB;
	border-right: 1px solid #D6E7FB;
	border-left: 1px solid #D6E7FB;
	border-bottom: 1px solid #D6E7FB;
}

div.xgrid td.spacer {
	line-height: 0px;
	border-bottom: 1px solid #FFFFFF;
}

div.xgrid td.currencyseparator {
	border-left: 1px solid #DDDDDD;
}

h1.xgrid_heading {
	color: #6B94CB;
	font-size: 1.2em;
	border-bottom: 2px solid #ABC6EB;
	margin: 15px 0px 6px 0px;
	padding-bottom: 3px;
}

/*
*******************************************************************************
* Data Pager
*******************************************************************************
*/

div.datapager div.section {
	display: inline;
	margin: 0 6px 0 0;
}

div.datapager div.section span span,
div.datapager div.section span a {
	font-size: 1.1em;
}

div.datapager div.section span a {
	text-decoration: none;
}

div.datapager div.section .currentbutton,
div.datapager div.section .button {
	border: 1px solid #666666;
	background-color: #DBE8F9;
	margin: 0 2px 0 0;
	padding: 2px;
}

div.datapager div.section .currentbutton {
	background-color: #C8D6FB;
	font-weight: 700;
}

div.datapager div.section .button:hover {
	background-color: #C8D6FB;
}

/*
*******************************************************************************
* Info Table
*******************************************************************************
*/

table.infotable {
    border-collapse: collapse;
    table-layout: fixed;
}

table.infotable tbody th,
table.infotable tbody td,
table.infotable tbody th span,
table.infotable tbody td span {
	font-size: 1.1em;
	vertical-align: top;
}

table.infotable tbody th,
table.infotable tbody td {
    padding: 3px 4px;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

table.infotable tbody th {
	background-color: #DFE6ED;
    text-align: left;
}

table.infotable tbody td {
	background: #E4E4E4;
}

table.infotable tbody th.spacer,
table.infotable tbody td.spacer {
	background: #FFFFFF;
	line-height: 0px;
}