﻿/* Basic Styles */
body
{
	font-family: Verdana;
	font-size: 12px;
	color: #4C575F;
	margin: 0px;
	min-width: 1000px;
}

select, input, button, textarea
{
	font-family: Arial, Helvetica, sans-serif;
}
a
{
	cursor: pointer;
	color: #1A7AAD;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
a:visited
{
	text-decoration: none;
}
a:active
{
	text-decoration: none;
}
h1
{
	margin-top: 10px;
	margin-bottom: 10px;
}
p
{
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 150%;
}

hr
{
	height: 1px;
	background-color: #DDDDDD;
	color: #DDDDDD;
	border: none;
}

ul.smaller
{
	font-size: 90%;
}
div.smaller
{
	font-size: 90%;
}
table td.smaller
{
	font-size: 90%;
}
span.smaller
{
	font-size: 90%;
}
div.larger
{
	font-size: 120%;
}
span.larger
{
	font-size: 120%;
	font-weight: bold;
}
div.noborder
{
	border: 0px black solid !important;
}
div.nowrap
{
	white-space: nowrap;
	overflow: hidden;
}
table tr.separator td
{
	font-weight: bold;
}
table tr td.caption
{
	width: 150px;
	white-space: nowrap;
	overflow: hidden;
}

div.label
{
	font-weight: bold;
	padding-left: 5px;
}
div.quickinfo
{
	background-image: url(../images/quickinfo.png);
	background-position: 0 100%;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
	width: 16px;
}
div.search
{
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
	width: 16px;
}

/* div table row, column header & column */
div.row
{
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
div.col
{
	float: left;
	width: 12%;
	margin: 0 0 0 0;
	padding: 5px;
}
div.colheader
{
	float: left;
	width: 12%;
	margin: 0 0 0 0;
	padding: 5px;
	font-weight: bold;
}

/* login */
.loginusername {font-size:12px;}
.loginpassword {font-size:12px;}
.loginbutton {padding:3px;}

/* link button */
.linkbutton
{
	/*font-weight:bold; 	font-size:larger; 	cursor:pointer; 	color:#1A7AAD; */
	font-weight: bold;
	border: 1px solid #DDDDDD;
	background: #DDDDDD;
}

/* Header */
div.header
{
	height: 60px;
	margin-top: 10px;
}
div.header div.logo
{
	float: left;
	width: 200px;
	padding-left: 20px;
}
div.header div.menu
{
	float: left;
	width: 600px;
}
div.header div.menu ul
{
	padding: 0px;
	margin-top: 4px;
}
div.header div.menu ul li
{
	display: block;
	list-style-type: none;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bold;
}
div.header div.menu ul li a
{
	color: #4C575F;
}

div.header div.menu div div.menuSearch
{
	background-image: url('../images/drop.png');
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	padding-top: 4px;
	padding-right: 15px;
	font-weight: bold;
	margin-right: 5px;
	cursor: pointer;
}

div.header div.profile
{
	float: right;
	width: 180px;
}
div.header div.profile div.image
{
	float: left;
	width: 50px;
}
div.header div.profile a.light
{
	color: #CCCCCC;
	font-size: 10px;
}
div.header div.profile a.light:hover
{
	color: #4C575F;
}
div.header div.profile span.sep
{
	margin-left: 4px;
	margin-right: 4px;
	color: #CCCCCC;
}
/* Menu Bar */
div.menubar
{
	clear: both;
	background-image: url('../images/main_menu_bg.jpg');
	height: 30px;
}
div.menubar div.navigation
{
	float: left;
}
div.menubar div.navigation ul
{
	margin-left: 0px;
	padding: 0px;
	margin-top: 7px;
}
div.menubar div.navigation ul li
{
	display: block;
	list-style-type: none;
	float: left;
	margin-left: 8px;
	margin-right: 8px;
}
div.menubar div.navigation ul li a
{
	color: #FFFFFF;
	outline:none;
}
div.menubar div.navigation ul li img
{
	border: 0px;
	float: right;
	margin: 0px;
	padding: 0px;
}
div.menubar div.navigation ul li img:hover
{
	cursor: pointer;
}

/* sub menu */
div.menubar div.submenu
{
	display: none;
	border: thin solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 5px;
	text-align: left;	
	position: absolute;	
	font-size: 90%;
	display: none;
	z-index: 10;
	opacity: 0.90;
}

div.menubar div.submenu ul
{
	padding: 0px;
	margin: 0px;
}
div.menubar div.submenu ul li
{
	list-style-type: none;
	padding-bottom: 5px;
}
div.menubar div.submenu ul li a
{
	color: #1A7AAD;
}

/* menu search */
div.menubar div.search
{
	float: right;
	width: 300px;
}
div.menubar div.search select
{
	width: 100px;
	color: #999999;
	margin-top: 3px;
	float: left;
	height: 22px;
}
div.menubar div.search input
{
	width: 100px;
	margin-left: 5px;
	margin-top: 3px;
	color: #CCCCCC;
	float: left;
}

div.menubar div.searchPopup
{
	background-image: url('../images/drop.png');
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	width: 140px;
	text-align: right;
	padding-right: 15px;
	height: 17px;
	margin-top: 7px;
	cursor: pointer;
}
div.menubar div.searchPopup span.searchOption
{
	color: #FFFFFF;
	margin-top: 3px;
}
div.menubar div.searchPopup div.popup
{
	border: thin solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	width: 210px;
	position: relative;
	left: -52px;
	top: 10px;
	font-size: 90%;
	display: none;
	z-index: 10;
	opacity: 0.90;
}
div.menubar div.searchPopup div.popup ul
{
	padding: 0px;
	margin: 0px;
}
div.menubar div.searchPopup div.popup ul li
{
	list-style-type: none;
	padding-bottom: 5px;
}
div.menubar div.searchPopup div.popup ul li a
{
	color: #1A7AAD;
}
div.menubar div.searchPopup div.popup ul li a:hover
{
	text-decoration: none;
}

div.menubar div.searchPopup div.popup table
{
	width: 100%;
}

div.menubar div.searchPopup div.popup table td
{
	padding: 3px;
}

div.menubar div.searchPopup div.popup table td:hover
{
	background-color: #EEEEEE;
	border: thin solid #DDDDDD;
	padding: 2px;
}

div.menubar div.searchPopup div.popup table td.searchAdvanced a
{
	font-size: 90%;
}

div.menubar div.searchBox
{
	float: right;
	width: 145px;
}
div.menubar div.searchBox input
{
	width: 130px;
	margin-left: 5px;
	margin-top: 3px;
	color: #CCCCCC;
	float: left;
}

/* option menu */
div.menubar div.options
{
	float: right;
	background-image: url('../images/settings.png');
	width: 28px;
	height: 17px;
	margin-top: 6px;
	margin-right: 5px;
	cursor: pointer;
}
div.menubar div.options div.popup
{
	border: thin solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	width: 150px;
	position: relative;
	left: -135px;
	top: 25px;
	display: none;
	opacity: 0.90;
}
div.menubar div.options div.popup ul
{
	padding: 0px;
	margin: 0px;
}
div.menubar div.options div.popup ul li
{
	list-style-type: none;
	color: #1A7AAD;
	font-size: 90%;
	padding: 3px;
}
div.menubar div.options div.popup ul li:hover
{
	background-color: #EEEEEE;
	border: thin solid #DDDDDD;
	padding: 2px;
}

div.menubar div.options div.popup ul li a
{
	color: #1A7AAD;
}

/* Iframe */
iframe.content
{
	padding: 0px;
	margin: 0px;
}

/* Content */
div.content
{
	margin: 5px;
	min-width: 400px;
}
div.main
{
	float: left;
	padding: 5px;
	width: 75%;
}
div.sidebar
{
	float: right;
	padding: 5px;
	width: 22%; /*   background-color:#F3F3F3; */
}
/* Tabstrip */
div.tabstrip
{
}
div.tabstrip ul
{
	border-bottom: 1px solid #FFFFFF;
	height: 1.8em;
	margin: 0;
	padding: 0;
}
div.tabstrip ul li
{
	background: #FFFFFF none repeat scroll 0 0;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	color: #9F9F9F;
	display: block;
	float: left;
	font-size: 100%;
	height: 1.8em;
	line-height: 160%;
	list-style-type: none;
	margin-left: 2px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
}
div.tabstrip ul li.active
{
	background: #FFFFFF url(../images/tab_bg_active.png) repeat-x scroll 0 0;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	color: #000000;
	margin-top: 1px;
}

div.tabstrip ul li a
{
	color: #9F9F9F;
}

div.tabstrip ul li a:hover
{
	color: #4C575F;
	text-decoration: none;
}



/* Widgets */
div.widget
{
	border: 1px #DDDDDD solid;
	min-height: 80px;
	margin-bottom: 10px;
}
div.widget div.title
{
	font-size: 13px;
	padding-top: 3px;
	padding-left: 5px;
	font-weight: bold;
	height: 26px;
	overflow: hidden;
	background-image: url('../images/widget_header.jpg');
	background-repeat: repeat-x;
}
div.widget div.content
{
	padding: 0px;
	margin: 0px;
}
div.widget div.content table td
{
	padding-top: 5px;
	vertical-align: top;
}
div.widget div.content table td.label
{
	font-weight: bold;
}

div.widget div.content > ul
{
	margin: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
}
div.widget div.content > ul li
{
	list-style-type: none;
	padding-top: 10px;
}
/* Widget Specifics */
div.newsDate
{
	font-size: 90%;
	color: #CCCCCC;
	padding-bottom: 5px;
}
div.newsTitle
{
	font-weight: bold;
	padding-bottom: 5px;
}
div.newsSummary
{
	font-size: 90%;
}

div.share
{
	padding: 5px;
}
div.share textarea
{
	width: 200px;
	height: 32px;
	font-size: 12px;
	margin-right: 5px;
	float: left;
}
div.share button
{
	border-width: thin;
	background-color: #66CCFF;
	border-bottom-style: outset;
	color: #FFFFFF;
	width: 75px;
	height: 28px;
	font-weight: bold;
}



table._3columns
{
	width: 100%;
}
table._3columns td.title
{
	width: 33%;
	vertical-align: top;
	text-align: center;
	height: 216px;
	color: #FFFFFF;
	padding-top: 8px;
	font-weight: bold;
}


table.profile
{
}
table.profile td
{
	overflow: hidden;
	padding-right: 10px;
}
table.profile td.smaller
{
	font-size: 90%;
}

table td.timestamp
{
	color: #CCCCCC;
	font-size: 90%;
	text-align: right;
	padding-left: 10px;
}

table.menu
{
	width: 100%;
}
table.menu td
{
	width: 100px;
	text-align: center;
}

/* Web Parts */
.WebPartZoneHeader
{
	border: solid 1px #aeb9b8;
	background: #98BBD1;
	padding: 1px;
	font-weight: bold;
	vertical-align: text-top;
	text-align: left;
	border-right: solid 1px #6B94CB;
	border-bottom: ridge 2px #C7DDFC;
	border-left: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
}
.WebPartZoneHeader .Title
{
	color: #000066;
	font-weight: bold;
}
.WebPartZoneHeader .Action
{
	color: #000066;
	font-weight: bold;
	cursor: hand;
}
.WebPartZoneHighlight
{
	border: dashed 2px #85B00B;
}
/*added on 060807 Vincent Lesierse/Valiant*/

.WebPartZoneBody
{
	border: solid 1px #6B94CB;
}

.WebPartChrome
{
	border: 1px #DDDDDD solid;
	min-height: 80px;
	margin-bottom: 10px;
}

.WebPartChromeHeader
{
}
.WebPartChromeHeader .Title
{
	font-size: 13px;
	padding-top: 3px;
	padding-left: 5px;
	font-weight: bold;
	height: 26px;
	overflow: hidden;
	background-image: url('../images/widget_header.jpg');
	background-repeat: repeat-x;
}

/*
.WebPartChromeHeader .Title {color:#000066; font-weight: bold; vertical-align:middle;}
.WebPartChromeHeader .Title A {color:#000066; font-weight: bold; vertical-align:middle;}
.WebPartChromeHeader .Verbs {color:#000066; font-weight: bold;}
.WebPartChromeHeader .Icon {color:#000066; font-weight: bold;padding:2px;cursor:hand;}
*/

.WebPartChromeContent
{
	background: white;
	padding-top: 3px;
	padding-right: 3px;
}
.WebPartChromeContent > ul
{
	margin: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
}
.WebPartChromeContent > ul li
{
	list-style-type: none;
	padding-top: 10px;
}

.WebPartChromeSelected
{
	border: solid 1px #6B94CB;
}
.WebPartChromeHeaderSelected
{
	background: #5E5E5E;
	padding: 1px;
	font-weight: bold;
	vertical-align: text-top;
	text-align: left;
	border-right: solid 0px #6B94CB;
	border-bottom: ridge 2px #C7DDFC;
	border-left: solid 0px #FFFFFF;
	border-top: solid 0px #FFFFFF;
}
.WebPartChromeHeaderSelected .Title
{
	color: #ffffff;
	font-weight: bold;
	vertical-align: middle;
}
.WebPartChromeHeaderSelected .Title A
{
	color: #ffffff;
	font-weight: bold;
	vertical-align: middle;
}
.WebPartChromeHeaderSelected .Verbs
{
	color: #ffffff;
	font-weight: bold;
}
.WebPartChromeHeaderSelected .Icon
{
	color: #ffffff;
	font-weight: bold;
	padding: 2px;
	cursor: hand;
}
.WebPartChromeContentSelected
{
	background: white;
	padding-top: 3px;
	padding-right: 3px;
}

.EditorPartZone
{
	width: 100%;
	background: #FFFFFF;
}
.EditorPartZoneHeader
{
	display: none;
}
.EditorPartZoneHeader .Title
{
	color: #000066;
	font-weight: bold;
	vertical-align: middle;
}
.EditorPartZoneBody
{
	background: #FFFFFF;
}
.EditorPartZoneFooter
{
	background: #FFFFFF;
}

.EditorPartChrome
{
}
.EditorPartChromeHeader
{
	background: #c4d7e4;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #4A64A1;
}
.EditorPartChromeHeader .Title
{
	color: #024ab4;
	font-weight: bold;
	vertical-align: middle;
}
.EditorPartChromeContent
{
	background: white;
	padding-top: 3px;
	padding-right: 3px;
}


TABLE.ListViewAll
{
	border-right: #7ea5cf 1px solid;
	padding-right: 0px;
	border-top: #7ea5cf 1px solid;
	padding-left: 0px;
	background: #ffffff;
	margin-bottom: 4px;
	padding-bottom: 0px;
	margin-left: 4px;
	border-left: #7ea5cf 1px solid;
	width: 99%;
	padding-top: 0px;
	border-bottom: #7ea5cf 1px solid;
}
TABLE.ListView
{
	border-right: #7ea5cf 0px solid;
	padding-right: 0px;
	border-top: #7ea5cf 0px solid;
	padding-left: 0px;
	background: #ffffff;
	margin-bottom: 4px;
	padding-bottom: 0px;
	margin-left: 4px;
	border-left: #7ea5cf 0px solid;
	width: 99%;
	padding-top: 0px;
	border-bottom: #7ea5cf 0px solid;
}

TABLE.ListViewAll TABLE.ListView
{
	border-right: 0px solid;
	padding-right: 0px;
	border-top: 0px solid;
	padding-left: 0px;
	background: #ffffff;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	border-left: 0px solid;
	width: 100%;
	padding-top: 0px;
	border-bottom: 0px solid;
}

TABLE.ListView TR.Header TH
{
	font-weight: bold;
	vertical-align: bottom;
	text-align: left;
}
/*
TABLE.ListView TR.Header           
{
	color: #607683; 
	background: #D6E7FB;
} 
TABLE.ListView TR.Header TH        
{
	padding:3px; 
	font-weight: bold; 
	vertical-align: bottom; 
	text-align: left; 
	border-right:solid 1px #6B94CB;
	border-bottom:ridge 2px #C7DDFC; 
	border-left:solid 1px #fff;
	border-top:solid 1px #fff;
}

TABLE.ListView TR.HeaderBL         {} 
TABLE.ListView TR.HeaderBL TH
{
	border-right: #ffffff 1px solid;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	vertical-align: text-top;
	border-left: #ffffff 1px solid;
	text-align: left;
}
TABLE.ListView TR.HeaderBL TH DIV
{
	overflow: hidden; 
	width: 100%; 
	clip: rect(0px auto 1px auto); 
	height: 1px
}

TABLE.ListView TR.Calendar         {background: #D3E1EB;} 
TABLE.ListView TR.DataDark         {background: #D3E1EB;} 
TABLE.ListView TD                  {padding: 2px 4px 2px 3px;}
TABLE.ListView TR.DataLight        {background: #F7FAFC;} 
TABLE.ListView TR.Selected         {background: #C4D7E4;}
TABLE.ListView TD.Selected         {background: #C4D7E4;}
TABLE.ListView TR.Section TH       {text-align: left;}
TABLE.ListView TR.DataOutline0     {font-weight: bold; color: #4A64A1;background:#D6E7FB;font-size:xx-small;} 
TABLE.ListView TR.DataOutline0 TD  {padding: 4px; border-bottom: #4A64A1 1px solid; padding: 3px;}
TABLE.ListView TR.DataOutline1     {font-weight: bold; color: #000;background:#C4D7E4;font-size:x-small;}
TABLE.ListView TR.DataOutline1 TD  {padding: 4px; border-bottom: #000000 1px solid; padding: 3px;}
TABLE.ListView TR.DataOutline2     {font-weight: bold; color: #4A64A1; background: #D0DFEA;font-size:13px;} 
TABLE.ListView TR.DataOutline2 TD  {padding: 2px;padding-left:0px; border-left:0px #fff; border-bottom:dotted 1px #000000;}
TABLE.ListView TR.DataOutline3     {font-weight: bold; color: #4A64A1; background: #DDEAF0; font-size:12px} 
TABLE.ListView TR.DataOutline3 TD  {padding: 2px; padding-left:1px; border-left:0px #fff; border-bottom:dotted 1px #000000;}
TABLE.ListView TR.DataOutline4     {font-weight: bold; color: #000066; background: #EBF2F5;font-size:11px} 
TABLE.ListView TR.DataOutline4 TD  {padding: 2px; padding-left:3px; border-left:0px #fff; border-bottom:dotted 1px #000000;}
TABLE.ListView TR.DataOutline5     {font-weight: bold; color: #000066; background: #F5F9FA;font-size:10px} 
TABLE.ListView TR.DataOutline5 TD  {padding: 2px; padding-left:5px; border:0px #fff; border-bottom:dotted 1px #000000;} 
TABLE.ListView TR.DataOutline6     {font-weight: bold; color: #000;background:#F4F8FD;font-size:10px;}
TABLE.ListView TR.DataOutline6 TD  {padding: 2px; padding-left:7px; border-left:0px #fff; border-bottom:dotted 1px #000000;}
TABLE.ListView TR.DataOutline7     {font-weight: bold; color: #4A64A1; background: #FFFFFF;font-size:10px;} 
TABLE.ListView TR.DataOutline7 TD  {padding: 2px;padding-left:9px; border-left:0px #fff; border-bottom:dotted 1px #000000;}
TABLE.ListView TR.DataOutline8     {font-weight: bold; color: #4A64A1; background: #FFFFFF; font-size:10px} 
TABLE.ListView TR.DataOutline8 TD  {padding: 2px; padding-left:11px; border-left:0px #fff; border-bottom:dotted 1px #000000;}
TABLE.ListView TR.DataOutline9     {font-weight: bold; color: #000066; background: #FFFFFF;font-size:10px} 
TABLE.ListView TR.DataOutline9 TD  {padding: 2px; padding-left:13px; border-left:0px #fff; border-bottom:dotted 1px #000000;}
TABLE.ListView TR.DataOutline10     {font-weight: bold; color: #000066; background: #FFFFFF;font-size:10px} 
TABLE.ListView TR.DataOutline10 TD  {padding: 2px; padding-left:15px; border:0px #fff; border-bottom:dotted 1px #000000;} 

TABLE.ListView TR.Total            {border: #898989 1px solid; padding:2px; font-weight: bold; color:#ffffff; vertical-align: text-top;background:#6E7C98; font-size:14px}
TABLE.ListView TR.Total a:link     {text-decoration: none; color: #ffffff; font-size:14px} 
TABLE.ListView TR.Total a:visited  {text-decoration: none; color: #ffffff; font-size:14px} 
TABLE.ListView TR.Total a:hover    {text-decoration: underline; color: #ffffff; font-size:14px} 
TABLE.ListView TR.SectionHeader TD {font-weight: bold; color:#1255B8;}
TABLE.ListView TD.SearchEntity     {font-size:14px; font-weight:bold;}
TABLE.ListView TR.Search TD        {border-top:solid 1px #a4b1d0;}
*/
/* Wait Message */
.WaitMessage
{
	background-color: #eeeeee;
	border: none;
	opacity: 0.7;
	height: 0%;
	display: none;
	left: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 999;
}
.WaitMessage table
{
	width: 100%;
	height: 100%;
}
.WaitMessage td
{
	text-align: center;
	font-size: 36pt;
	font-family: verdana;
}
