body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*------------------------------------------------*/
body {
	background-color:#e9eced;
	}
div.fileassetDbox{
            background-color: #FFF;
            z-index:998;
            padding:20px;
            border:5px solid #DDD;


}
/*--------------------------------------------------*/
/*--------------- LAYOUT STYLES---------------------*/
/*--------------------------------------------------*/
div#user-info {
	padding:2px 5px;
	background-color:#FFF;
	float:right;
	margin-right:20px;
	}
div#header 
{
	background-color:#E9ECED;
	height:169px;
	}
div#content,ul#tabnav {
	width:900px;
	padding:0 20px 0px 20px;
	margin:0 auto;
	}
div#top-text {
	margin:0 0 20px 0;
	}
div#content {
	padding-top:0px;
	padding-bottom:40px;
	border:2px solid #d6d6d6;
	border-top:0px solid #FFF;
	background-color:#FFF;
	}
div#submenu {
	background-color:#efefef;
	margin-left:-20px;
	padding:10px 25px;
	margin-right:-20px;
	}
div#submenu li {
	float:left;
	}
.left-column {
	width: 380px;
	}
.right-column {
	width: 436px;
	float: right;
	}
.small {
	width:225px;
	}

.large {
	width:580px;
	}
.nomargin{
	margin:0;
	}
.nopadding {
	padding:0;
	}
.toggle {
	display:none;
	}
	
/*------------ QPanels---------------------------*/
.paneltitle {
	text-decoration: underline;
	font-weight: bold;
	font-size: 20px;
}
.qpanel {
	margin-bottom:10px;
	color:#000;
	padding:10px;
	}
div.grey {
	border: 2px solid #d6d6d6;
	background-color: #efefef;
	}
/*------------  ICON MENU ------------------------*/

dl.icon-menu
{
	margin-top:25px;
	background-color:#bfe7eb;

	}
dl.icon-menu dt,
dl.icon-menu dd {
	padding:5px 10px;
	}
dl.icon-menu dt {
	background-color:#e9eced;
	}
/*-------------------------------------------------*/
/*---------------- TYPOGRAPHY ---------------------*/
/*-------------------------------------------------*/
h1 {
	margin:0px 0 15px 0;
	padding-top:10px;
	font: bold 2.0em "Trebuchet MS", Verdana, sans-serif; /* set font as desired */
	}
h2 {
	font-size:1.5em;
	font-family:"Trebuchet MS", Verdana, sans-serif; /* set font as desired */
	margin-bottom:5px;
	margin-top:0px;
	}
h3 {
	font-size:1.2em;
	font-family:"Verdana", Verdana, sans-serif; /* set font as desired */
	margin-bottom:5px;
	margin-top:20px;
	}

h2 span.step {
	color:#75d389;
	font-size:1.5em;
	}
strong {
	font-weight:bold;
	}
.medium-text {
	font-size: 1.4em;
}
.large-text {
	font-size:1.7em;
	color:#000;
	}
span 
{
	font-family:"Trebuchet MS", Verdana, sans-serif; /* set font as desired */
}
span.small-text {
	font-size:0.7em;
	}
span.black 
{	
	color:#000;
	}
.grey {
	color:#b5b5b5;
	}
span.blue {
	color:#799bf1;
	}
.orange {
	color:#FF9933;
	}
.green {
	color:#67cb6a;
	}
.border-header {
	border-left: 3px solid #EEEEEE;
	border-right: 3px solid #EEEEEE;
	}

.align-left {
	text-align:left;
	}
.align-right {
	text-align:right;
	}
.align-center {
	text-align:center;
	}
.clearleft { 
	clear:left;
	}
.clearright {
	clear:right;
	}
.right-align{ text-align:right; }
.clearboth {clear:both; }

.floatright {
	float:right;
	}
.floatleft {
	float:left;
	}
div#submenu a {
	font:normal 1.1em "Trebuchet MS", Verdana, sans-serif; /* set font as desired */
	color:#555555;
	margin-right:20px;
	text-decoration:none;	
	}
div#submenu li.active a {
	font-weight:bold;
	font-size:1.2em;
	color:#000;
	}
/*------------------------------------------------- */
/*--------------- FORMS AND INPUTS ---------------- */
/*------------------------------------------------- */
div#formControls table td {
	}
div.right div.left {
	float:left;
	}
.required {
	font-weight:bold;
	}
	
span.error {
	color:red;
	display:block;
	margin:2px 0;
	padding:0;
	}
span.warning {
	color:red;
	}
div.form-errors {
	margin-top:10px;
	border:5px solid #da2c2c;
	font-weight:bold;
	padding:10px 20px 10px 55px;

	background:#fff5c0 url(../images/icons/medium/warning.png) no-repeat 10px 50%;
	}
div.form-errors ul {
	margin-left:20px;
	}
div.form-errors ul li {
	margin:0 0 0 10px;
	list-style-image:url(../images/layout/error-list-bullet.png);
	font-weight:normal;
	}	
#formControls,.formControls { 
	border:5px solid #EFEFEF;
	background-color:#fbfbfb;
	padding:20px;
	margin-top:10px;
	}
	
#formActions {
	width: 230px;
	margin-top:10px;
	background-color:#f7febf;
	border:5px solid #fbeca3;
	padding:10px 20px;
	}

/*----------------INPUTS-------------------------*/
input.textbox {
	margin-right:10px;
	}
div#c8 input.button {
	margin-top: 20px;
}
input.button {
	color: #1D7AAF;
	margin-left:10px;
	border: 3px inset #1D7AAF;
	}
	
input.button:hover {
	color: #FFFFFF;
	background: #1D7AAF;
	border: 3px outset #F0F0F0;
	}
div#formActions input.button {
	clear:none;
	padding:2px 10px 2px  25px;

	}
div#save input.button {
	border:2px solid #b2eb8f;
	font-weight:bold;
	color:#4b8627;
	background:#e0ffce url(../images/icons/xsmall/add2.png) no-repeat 5px 50%;
	margin-right:10px;
	cursor: pointer;
	}
div#cancel a {
	margin-left:10px;
	color:#23a3c8;
	}
div#save,div#cancel,div#delete {
	display:inline;
	}
/*------------------------------------------------- */
/*------------------ DATAGRIDS -------------------- */
/*------------------------------------------------- */
table.dockdetails a {
	color: #ffffff;
	font-size: 18px;
	text-decoration: none;
}
table.dockdetails a:hover {
	text-decoration: underline;
}

table.overview {
	margin-top:30px;
	width:100%;
	text-align: center;
	}
table.overview {
	background-color:#e9eced;
	padding:2px 5px;
	border-bottom:15px solid #FFF;
	}
	
table.overview td h1 {	
	font-weight:bold;
	color:#636363;
	font-size:1.2em;
	}
table.overview td,
table.overview th {
	padding:2px 10px;
	background-color:#FFF;	
	}
table.overview th {
	background-color:#e9eced;
	}
table.align-left {
	text-align: left;
}
/*--------------------------------------------------------*/
/*--------------- DIV MIMIC DATAGRID----------------------*/
/*--------------------------------------------------------*/
div.movehandle {
	cursor: move;
	width:18px;
	height:25px;
	float:left;
	padding-right:10px;
	background:transparent url(../images/icons/16x16/arrow_out.png) no-repeat 50% 50%;
	}
div.table-cell {
	float:left;
	border: 2px solid #EEE;
	width: 120px;
	height:22px;
	padding-top:3px;
	background-color:#FFF;
	margin-bottom:5px;
	}
div.header div.table-cell {
	background-color:#a4d5f1;
	color:#FFF;
	}
div.small-cell {
	width: 40px;
	}
div.medium-cell {
	width:70px;
	}
div.bigg-cell {
	width:115px;
	}

/*------------------- OVERVIEW DOCKS ---------------------*/
table.overviewa {
	margin-top:30px;
	}
table.overviewa th {
	background-color:#e9eced;
	padding:2px 5px;
	font-size:1.2em;
	border-bottom:15px solid #FFF;
	}
table.overview th a {
	font-size: 18px;
	color: #0000FF;
	text-decoration: none;	
}
table.overview th a:hover {
	color: #000000;
	text-decoration: underline;
}
table.overviewa td h1 {
	font-size:1.2em;
	font-weight:bold;
	color:#636363;

	}
table.overviewa td {
	padding:2px 10px;
	}
table.overviewa td.increased-top-padding /* style to aling the baselevel of the small text with the large text in the same row */
{
	padding-top:8px;
}
td.bold-right-bordera {
	border-right: 2px solid #e9eced;
	}
td.right-bordera { 
	border-right: 1px solid #e9eced;
	}

/*------------------------------------------------- */
/*--------------- begin css tabs ------------------ */
/*------------------------------------------------- */

ul#tabnav { /* general settings */
	text-align: left; /* set to left, right or center */
	font: bold 20px "Trebuchet MS", Verdana, sans-serif;; /* set font as desired */
	border-bottom: 2px solid #d6d6d6; /* set border COLOR as desired */
	list-style-type: none;
	position:relative;
	top:140px;
	padding-top:3px;
	padding-bottom:3px;/* number must change with respect to padding-top (X) below */
	
}
ul#tabnav {
	position:absolute;
    left: 50%;
    width: 900px;

    margin-left: -470px; /* half of the width */
}

ul#tabnav li { /* do not change */
	display: inline;
	margin-right:10px;
}
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
	background-color: #efefef; /* set selected tab background color as desired */
	color: #000; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
}
ul#tabnav li a { /* settings for all tab links */
	padding: 3px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 2px solid #d6d6d6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #d6d6d6; /* set unselected tab background color as desired */
	color: #666; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
}
ul#tabnav a:hover { /* settings for hover effect */
	background: #efefef; /* set desired hover color */
}
ul#tabnav li.active a{ /* settings for hover effect */
	background: #efefef; /* set desired hover color */
	border-bottom:2px solid #efefef;
}
/* end css tabs */

div.renderWithName {
	color: #000000;
}

/* QDataGrid */
table.datagrid { margin-left: auto; margin-right: auto; border: 1px solid #aaf; }
table.datagrid-small {font-size:13px;}
	table.datagrid caption, table.datagrid tfoot { padding-bottom: 4px; overflow: auto; }
		table.datagrid span.left { float: left; font-size: 10px; display: block; }
		table.datagrid span.right { float: right; font-size: 10px; display: block; }
	table.datagrid tr { background-color: #fff; }
		table.datagrid tr.alternate { background-color: #eef; }
	table.datagrid th { background-color: #b8d6f0; color: #000000; padding: 3px 5px 3px 5px; text-align: center; font-weight: bold; }
		table.datagrid th a { color: #000; text-decoration: none; }
		table.datagrid th a:hover { color: #000; text-decoration: underline;}
	table.datagrid td { padding: 5px; text-align: center; color: #000000; }
		table.datagrid td a { color: #000; }
		table.datagrid td a:hover { color: #000; text-decoration: none; }
	table.datagrid tfoot { border-top: 1px solid #aaf;} 

/* QPaginator */
span.paginator { margin: 0; padding: 0; }
	span.paginator span { list-style-type:none; display: inline; padding: 0; margin: 0; }
		span.paginator span.page a { text-decoration: none; color: #000000; padding: 0 3px 0 3px; margin: 0 2px 0 2px;}
		span.paginator span.page a:hover { background-color: #ccf; }
		span.paginator span.arrow { font-weight: bold; color: #ccc; margin: 0; padding: 0 3px 0 3px; }
		span.paginator span.arrow a { font-weight: bold; color: #000; text-decoration: none; }
		span.paginator span.selected { font-weight: bold; background-color: #ccf; padding: 0 3px 0 3px; margin: 0 2px 0 2px; border: 1px; border-style: solid; }
		span.paginator span.break { color: #666; margin: 0 5px 0 5px; }
		span.paginator span.ellipsis { color: #666; }

/* QCalendar */
div.calendar { position:relative; left: 400px; width: 200px; border: 1px solid #337; background-color: #ccf; }
	div.calendar div.navigator {background-color: #337; overflow: auto; _height: 100%; color: #fff; padding: 2px 6px 2px 6px; }
	div.calendar div.navigator div.left { float: left; }
	div.calendar div.navigator div.month { margin-top: 4px; margin-left: 5px; margin-right: 5px; float: left; font-weight: bold; font-size: 11px; }
	div.calendar div.navigator div.year { float: right; }
	div.calendar div.navigator div.year span { font-size: 11px; font-weight: bold; margin-top: 4px; margin-left: 5px; margin-right: 5px; }
		div.calendar div.navigator a { color: #fff; text-decoration: none; }
		div.calendar div.navigator a:hover { text-decoration: underline; }
		div.calendar table { border: 0; margin-left: auto; margin-right: auto;}
		div.calendar th { text-align: center; border: 0; padding: 4px 2px 4px 2px; font-weight: bold; font-size: 10px;}
		div.calendar td { text-align: center; border-width: 0 0 1px 0; border-style: solid; border-color: black; padding: 0;}
			div.calendar td.lastRow { border-width: 0;}
			div.calendar td a { text-decoration: none; color: #000; display: block; padding: 2px 6px 2px 6px; }
			div.calendar td.today { background-color: #bbd; }
			div.calendar td.nonMonth a { color: #aaf; }
			div.calendar td.selected { background-color: #c9a; font-weight: bold; }
			div.calendar td a:hover { background-color: #eef; color: #000; }
	div.calendar div.options { text-align: center; background-color: #337; }
		div.calendar div.options a { color: #fff; font-size: 10px; text-decoration: none;}
		div.calendar div.options a:hover { text-decoration: underline; }

.listbox {
	cursor: pointer;
}
option {
	background: #CCCCCC;
}
table.spaced tr td {
	padding-bottom: 5px;
}
.tabletitle {
	font-size: 22px;
	color: #FFFFFF;
}
div#shipped_details, div#planned_details, div#pending_details {
	margin-top: 5px;
	margin-bottom: 5px;
}
.falseresult {
	width: 500px;
	padding: 2px;
	background: lightyellow;
	border: 2px solid red;
	text-align: left;
}

.trueresult {
	width: 400px;
	padding: 2px;
	background: lightgreen;
	border: 2px solid green;
	text-align: left;
}
.trueresult ul li, .falseresult ul li {
	margin-left: 30px;
	list-style-type: disc;
	list-style-position: inside;
}
.hand {
	cursor: pointer;
}