body *, body a {
	font-family:Verdana,serif;
}

#leftBar {
	width: 201px;
	background-image: url(../../images/LeftMenuGradient.gif);
	border-right: 1px solid #B9C3CD;
}
#menuHeader.whiteOnLightBlue,
#leftBar.blackOnLightestBlue,
#bottomMenu.whiteOnLightBlue,
#iconbar.whiteOnDarkBlue {
	background-color: transparent;
}

#smileLogo {
	padding-top: 4px;
	margin-left: 5px;
	width: 196px;
	background-image: url(../../images/GoSmileLogo.gif);
	background-repeat: none;
	background-position: bottom;
	height: 42px;
}

#leftMenu {
	background-image: none;
	width: 193px;
}
#leftMenu table {
	width: auto;
}

#leftMenu a,#bottomMenu a {
	color: rgb(74,52,25);
}

#leftMenu a:hover,#bottomMenu a:hover  {
	color: rgb(84,112,139);
	text-decoration:none;
}

.navigationLink,.navitem td {
	padding-left:8px;
	padding-bottom:0px;
	letter-spacing:1px;
	}

#bottomMenu {
	left: 8px;
	bottom:12px;
	width: 193px;
	height:auto;
}

#centerHeader {
	top: 4px;
	height: 42px;
	left: 201px;
	background-image: url(../../images/TopGradient.gif);
	background-color:transparent;
	background-repeat:repeat-x;
	border-left: 1px solid #D0D9DE;
}

#centerHeader div div {
	padding-top: 15px;
}
	

#content {
	top: 53px;
	left: 202px;
	padding-left: 10px;
	padding-right:10px;
	bottom:40px;
}
.wwFormTable {
	width: expression((document.body.clientWidth - 250)+ "px");
	margin-bottom:30px;
}

#iconbar {
	left: 202px;
	height: 40px;
}
td.center {
	padding:2px;
	vertical-align:middle;
	}
/********************************************
 *                  LABEL                   *
 ********************************************/
td table.label {
	width: 98%;
	margin-top:10px;
	margin-bottom:10px;
}
table.label .first {
	background-image: url(../../images/TabFirst.gif);
	width: 7px;
	height: 35px;
	display: block;
}
table.label .last {
	background-image: url(../../images/TabLast.gif);
	width: 5px;
	height: 35px;
	display: block;
}
table.label .text {
	padding: 0px;
	width: 100%;
	line-height: 35px;
	background-image: url(../../images/gradient/TabGradient.gif);
	vertical-align:middle;
}
 
/********************************************
 *                   TABS                   *
 ********************************************/
.tabHeader, .smileTabHeader {
	padding: 0px;
	margin-top:10px;
	margin-bottom:10px;
	height: 35px;
	width: 98%;
	background-image: url(../../images/gradient/TabGradient.gif);
}

.tabHeader ol li, .smileTabHeader ol li {
	border-left: none;
	background-image: url(../../images/TabSeperator.gif);
	background-repeat: no-repeat;
}

.tabHeader ol li.first, .smileTabHeader ol li.first {
	border-left: none;
	background-image: none;
}

.tabHeader.multiple ol li.selected, .smileTabHeader ol li.selected {
	border-left: none;
	background-image: url(../../images/gradient/TabGradientSelected.gif);
	background-repeat: repeat;
}
.tabHeader.multiple ol li.selected a, .smileTabHeader ol li.selected a {
	color: white;
	text-decoration: none;
}

div.first {
	display: block;
	height: 35px;
	width: 7px;
	background-image: url(../../images/TabFirst.gif);
	float: left;
}
.tabHeader.multiple .selected div.first {
	background-image: url(../../images/TabFirstSelected.gif);
}

div.last {
	display: block;
	height: 35px;
	width: 7px;
	background-image: url(../../images/TabLast.gif);
	float: right;
	margin-right: -2px;
}

.tabHeader ol li, .smileTabHeader ol li,
.tabHeader ol li span {
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
}

/********************************************
 *               OVERZICHTEN                *
 ********************************************/
.odd, .even {
	background-color: #ECECEE;	
}
.mouseover {
	background-color: #F4F4EE; 
}
.smiletable td, .smiletable th.first .smiletable th {
	border: none;
}
.smiletable tr td {
	border-left: 1px solid white;
	border-right: none;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	vertical-align: top;
	padding: 2px 2px 2px 5px;
}
.smiletable table.noborder td {
	border: none;
	vertical-align: center;
}

.smiletable th a {
	font-size: 10px;
}
.smiletable th {
	border: none;
	border-left: 1px solid white;
	background-image: url(../../images/gradient/SmileTableHeader.gif);
	background-repeat: repeat-x;
	background-color: #DCE7EE;
	height: 33px;
}
.smiletable th.first {
	background-image: url(../../images/SmileTableFirst.gif);
}

.smileTablePaging {
	line-height: 18px;
	vertical-align: bottom;	
	color: #999;
	text-align:left;
	padding-left:10px;
	text-transform: lowercase;
	letter-spacing:1px;
}
.paging {
	color: #999;
	font-weight:normal;
	letter-spacing:0px;
}
	
.gridTab {
	width: 98%;
}

/********************************************
 *                 ICONEN                   *
 ********************************************/
.iconBarIcon {
	height: 32px;
}
.iconBarIcon .first {
	background-image: url(../../images/iconFirst.gif);
	width: 5px;
}
.iconBarIcon .last {
	background-image: url(../../images/iconLast.gif);
	width: 5px;
}
.iconBarIcon .center {
	border-top: 2px solid #CCD9E1;
	border-bottom: 2px solid #CCD9E1;
	background-color: #EEF3F8;
	color: #49321A;
	font-size: 6pt;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
}
.iconBarIcon .center img {
	padding-right: 3px;
}

div.Popup {
	border-color:rgb(201,212,218);
	}
 
/********************************************
 *                 KLEUREN                  *
 ********************************************/
.whiteOnLightBlue {
	color: #577390;
	background-color: transparent;
}

.blackOnLightestBlue {
	background-color: transparent;
}
.changed, .changed a 								{ background-color: transparent; color: rgb(192,161,185); }
input.changed, select.changed, textarea.changed 	{ background-color: rgb(192,161,185); color: black;}
.notvalid, .notvalid a 								{ background-color: transparent; color: rgb(192,161,185); }
input.notvalid, select.notvalid, textarea.notvalid 	{ background-color: rgb(192,161,185); color: black; }

#leftMenu a {
	font-size: 10px;	
}
.menuHeader,.userWelcome {
	display: block;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 4px;
	padding: 10px 0px 0px 4px;
	background-image: url(../../images/applicationNameBg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #526F8D;
	text-align: left;
	letter-spacing:1px;
	height:34px;
}

#centerHeader div div {
	color:rgb(221,231,237);
	font-weight:bold;
	font-size:13px;
	letter-spacing:1px;
}
.updateform .reference {
	background-image: none;
	cursor: default;
}
h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
	}
hr
{
	border:none;
	border-top:1px #B9C3CD solid;;
	margin-top:20px;
	margin-bottom:20px;
}
	
.iconCell {
	width: auto;
	max-width:none;
}