.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

.ui-datepicker {
	width: 17em; 
	padding: .2em .2em 0; 
	z-index: 9999 !important; 
}

#emailTo{ z-index: 9999 !important; }
#ui-datepicker-div, #ui-timepicker-div { z-index: 2003; }

.ui-state-active {
	color: #FFF;
	background: #AB1515;
	font-weight: bold;
}

td.ddp {
	color: #FFFFFF;
	background: #FF0000;
	font-weight: bold;
	text-align: center;
}

p.err {
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
}


#status {
	color: #FF0000;
	font-weight: bold;
}

#customeraccount {
	position: absolute;
	font-weight: bold;
	font-size: 14px;
	right: 5px;
	top: 15px;
}

#currentuser {
	position: absolute;
	right: 5px;
	top: 35px;
}

#currentuser a{
	text-decoration:none;
}
#currentuser a:hover{
	text-decoration:underline;
}




#errmsg p {
	color: #E41F1F;
}

#topsearchfield {
	position: absolute;
	line-height: 1.2em;
	width: 175px;
	padding: 4px 4px 5px 7px;
	height: 15px;
	font-size: 1.1em;
	color: #4C4C4C;
	left: auto;
	top: 7px;
	right: 37px;
	margin: 0;
	border: 1px solid #ccc;
	border-radius: 3px;
}

textarea, select, input, button {
	border: 1px solid #ccc;
	border-radius: 3px;
}

#search-button {
	position: absolute;
	height: 26px;
	width: 30px;
	overflow: hidden;
	padding: 0;
	background: #FFF url( "../images/search-icon.png") no-repeat;
	background-position-x: 50%;
	background-position-y: 50%;
	left: auto;
	top: 7px;
	right: 6px;
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 3px;
}



.msinote {
	color:#808080;
	font-style: italic; 
}


div#customeraccount {
	color:#808080;
}

div#currentuser {
	color:#808080;
}

.formfilter {
	float: left;
	padding-left: 8px;
}

textarea {
	width: 100%;
}

.textwrapper {
	border: none;
	padding-right: 3px;
}


.formfilter input[type="checkbox"] {
	position: inherit;
	vertical-align: middle; 
	margin: 0px;
}

/* Sortable tables */
table.sortable {
	margin: 2px;
	padding: 2px;
 	border: 1px solid #ccc;
	border-collapse:collapse;
	border-radius: 3px;
}

table.sortable thead {
	background-color:#eee;
	border-bottom:1px solid #ccc;
	color:#666666;
	font-weight: bold;
	cursor: default;
}

table.sortable td, th {
	border-bottom:1px solid #ccc;
	padding:.3em 1em;
}

table.sortable tbody tr { cursor: pointer }

table.sortable tbody tr:hover { background-color: #ebede9 }

table.sortable tbody tr:hover td { 
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
}
table.sortable tbody tr.selected { background-color: #FFa7aa; color: black }

table.tracking {
 	border: 1px solid #ccc;
	padding: 1px 4px;
}

table.tracking th {
	background-color:#eaeaea;
}

TABLE.clean {
	margin: 2px;
	padding: 2px;
}

TABLE.data TD {
	FONT-FAMILY: Arial;
	FONT-SIZE: 12px
}

tr.top td {
	border-top:1px solid #ccc;
	padding: 1px 3px;
}

table.clean td {
	BORDER: none;
	BORDER-BOTTOM: none;
	BORDER-RIGHT: none;
	BORDER-LEFT: none;
	padding: 2px;
}

TR {
	vertical-align: top;
}

table.sortable TR {
	vertical-align: bottom;
}

input[type="checkbox"] {
	border-style:none;
}
input[type="radio"] {
	border-style:none;
}

input[type="button"], input[type="submit"], input[type='file'] {
	padding-bottom: 3px;
	height: 2.0em;
	font-weight: bold;
	color: #666;
 	background-color: #EEE;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type='file']:hover{
font-weight: bold;
    background-color:#AB1515;
    color:#FFF;
}


table.list td {
 	border-top: 1px solid #ccc;
}

table.list tr:last-child td{
 	border-bottom: 1px solid #ccc;
}






/* Banner Styles */



#banner-wcg-1 {	
	background-image:url("../banners/banner-01.jpg");
	height:170px;
	width:649px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;	
}

#banner-wcg-2 {	
	background-image:url("../banners/banner-02.jpg");
	height:170px;
	width:649px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;	
}

#banner-wcg-3 {	
	background-image:url("../banners/banner-08.jpg");
	height:170px;
	width:469px;
	padding-left:200px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;	
}

#banner-wcg-4 {	
	background-image:url("../banners/banner-04.jpg");
	height:170px;
	width:469px;
	padding-left:200px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;	
}

#banner-wcg-5 {	
	background-image:url("../banners/banner-05.jpg");
	height:170px;
	width:469px;
	padding-left:200px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;	
}

#banner-wcg-6 {	
	background-image:url("../banners/banner-06.jpg");
	height:170px;
	width:649px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;	
}

#banner-wcg-7 {	
	background-image:url("../banners/banner-07.jpg");
	height:170px;
	width:469px;
	padding-left:200px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;	
}

#banner-wcg-8 {	
	background-image:url("../banners/banner-belgie.jpg");
	height:170px;
	width:649px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;	
}

#banner-wcg-9 {	
	background-image:url("../banners/banner-daily.jpg");
	height:170px;
	width:649px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;	
}

#banner-wcg-10 {	
	background-image:url("../banners/banner-documents.jpg");
	height:170px;
	width:469px;
	padding-left:200px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;	
}

#banner-wcg-11 {	
	background-image:url("../banners/banner-parcels.jpg");
	height:170px;
	width:649px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;	
}

#banner-wcg-12 {	
	background-image:url("../banners/general.jpg");
	height:170px;
	width:649px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;	
}

#banner-wcg-13 {	
	background-image:url("../banners/home.jpg");
	height:170px;
	width:649px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;	
}

input.number {
	TEXT-ALIGN: right;
}

input.currency {
	TEXT-ALIGN: right;
}

img.thumbnail {
	padding: 3px;
 	border: 1px solid #ccc;
}


.pagination span {
	padding: 3px;
	border-bottom-color:#4692BF;
	border-left-color-value:#4692BF;
	border-right-color-value:#4692BF;
	border-top-color:#4692BF;
	background-color:#E41F1F;
	color: #fff
}

.pagination a {
	padding: 3px;
	text-decoration:none;
	border-bottom-color:#4692BF;
	border-left-color-value:#4692BF;
	border-right-color-value:#4692BF;
	border-top-color:#4692BF;
}


#crumbs ul, li {
list-style-type:none;
padding:0;
margin:0;
}

td.readonly {
	color:#777;
}



#crumbs {
# border:1px solid #dedede;
height:2.3em;
}

#crumbs li {
float:left;
line-height:2.3em;
padding-left:.75em;
color:#777;
}

#crumbs li a {
display:block;
padding:0 15px 0 0;
background:url( "/itldemo/images/crumbs.gif" ) no-repeat right center;
}

#crumbs li a:link, #crumbs li a:visited {
text-decoration:none;
color:#777;
}

#crumbs li a:hover, #crumbs li a:focus {
color:#dd2c0d;
}

#arrowlist ul {
	color:#666666;	
	margin-top:8px
}

#arrowlist li {
	list-style: none;
	background: url('../general/bullet-white-arrow.gif') no-repeat top left; 
	background-position:0px 3px;
	padding-left:18px;
	margin-top:2px;
	line-height: 21px;
}

#arrowlist li img {
	vertical-align: middle;
	padding-left: 0px;
}


#arrowlist li a{
}
#arrowlist li a:hover{
	text-decoration:underline;
}

.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }

table.notestable tbody tr td { 
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
}