/* --- FS4 StyleSheet ---------------------------------------------------- */
/* Author: ASPerience BV                                                   */
/* Creation date: 30-04-2009                                               */
/* Modification date: 19-09-2016                                           */
/* Release: 4.0                                                            */
/* Usage: Freestyler 4 CMS stylesheet                                      */
/* ----------------------------------------------------------------------- */

body {
	margin: 0px; 
	padding: 0px;
	font-family: Verdana;
	font-size : 12px;
	line-height:1.5em;
	color : #666666;
	background-image : url(fs3_background.gif);
}

H1 {
	font-size : 20px;
	font-weight: normal;
	margin-bottom : 10px;	
}

H2 {
	font-size : 16px;
	font-weight: normal;
	margin-bottom : 10px;
}

H3 {
	font-size : 14px;
	font-weight: bold;
}

P {
}


OL {
	list-style-type: decimal;
	font-family: Verdana;
	font-size : 8pt;
	color : #333333;
	line-height : 20px;	
	margin-left : 25px;
	margin-bottom : 2px;
	padding-left : 0px;
}

UL {
	font-family: Verdana;
	font-size : 8pt;
	color : #333333;
	line-height : 20px;
	margin-left : 20px;
	margin-bottom : 2px;
	padding-left : 0px;
}

div#loadlayer{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#FFFFFF;
  filter: alpha(opacity=75); 
  opacity: 0.75;
}

LI.sublistitem {
	margin-left : 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 16px;
	list-style-image : url(fs3_subitem16.gif);
}
/* --- BEGIN DEFAULT LINK STYLE ---------------------- */

a:active { 
	color: #FF6600; 
	text-decoration: underline
}

a:link {	
	color: #8a6da0;
	text-decoration: underline
}

a:visited {	
	color: #8a6da0;
	text-decoration: underline
}

a:hover { 
	color: #FF6600; 
	text-decoration: underline
}

/* --- END DEFAULT LINK STYLE ------------------------ */

/*--- BEGIN PAGEHEADER --------------------------------------*/
table.MenuSection {
}

td.menuHead {
	font-size : 12pt;
	font-weight : normal;
	color: #666666;
	text-align: left;
	border : none;
	border-collapse: collapse;
	padding: 0px;
}

td.menuStatus {
	font-size : 8pt;
	color: #666666;
	text-align: left;
	border : 1px solid #666666;
	border-collapse: collapse;
	background-color : #eeeeee;
	padding: 3px 3px 3px 3px;
}

td.menuStatusConcept {
	font-size : 8pt;
	color: #666666;
	text-align: left;
	border : 1px solid #666666;
	border-collapse: collapse;
	background-color : Yellow;
	padding: 3px 3px 3px 3px;
}

td.menuStatusPending {
	font-size : 8pt;
	color: #666666;
	text-align: left;
	border : 1px solid #666666;
	border-collapse: collapse;
	background-color : #adf0f5;
	padding: 3px 3px 3px 3px;
}

td.menuStatusActive {
	font-size : 8pt;
	color: #666666;
	text-align: left;
	border : 1px solid #666666;
	border-collapse: collapse;
	background-color : #bfff00;
	padding: 3px 3px 3px 3px;
}

td.menuStatusArchive {
	font-size : 8pt;
	color: #666666;
	text-align: left;
	border : 1px solid #666666;
	border-collapse: collapse;
	background-color : #e5e5e5;
	padding: 3px 3px 3px 3px;
}
/*--- END PAGEHEADER --------------------------------------*/

/* --- BEGIN HEADERMENU ITEMS ----------------------------- */
td.menuItem {
	font-size : 8pt;
	line-height:1.2em;
	border : none;
	border-collapse: collapse;
	color: #000000;
	width: 70px; 
	text-align: center;
	vertical-align:top;
	padding: 0px;
}
td.menuItem img {margin-bottom: 5px;}
td.menuItem a {display: block; text-decoration: none; color: #666; padding: 5px;}
td.menuItem a:hover {color: #000; background-color: #ffffcc;}
/* --- END HEADERMENU ITEMS ----------------------------- */

/* --- BEGIN PAGEMENU ITEMS  ------------------------------- */
td.pageItem {
	font-size : 8pt;
	line-height:1.2em;
	border : 1px solid #666666;
	border-collapse: collapse;
	color: #000000;
	background-color : #EEEEEE;
	width: 70px; 
	text-align: center;
	vertical-align:top;	
	padding: 0px;
}
td.pageItem:hover {background-color: #ffffcc;}
td.pageItem img {margin-bottom: 5px;}
td.pageItem a {display: block; text-decoration: none; color: #666; padding: 5px;}
td.pageItem a:hover {color: #000; background-color: #ffffcc;}
/* --- END PAGEMENU ITEMS  ------------------------------- */

/*--- BEGIN PAGESTRUCTURE --------------------------------*/
table.Page {
	border : 1px solid #666666;
	background-color: #fff;
}

td.pageHead {
	font-family: Verdana;
	font-size : 12pt;
	font-weight : normal;
	color: #666666;
	text-align: left;
	padding: 3px 5px 3px 5px;
}

td.pageImage {
	width: 32px;
	text-align: center;
	padding: 3px 5px 3px 5px;
}

td.PageContent {
	padding : 10px 10px 10px 10px;
	font-family: Verdana;
	font-size : 8pt;
	color: #666666;
}
/*--- END PAGESTRUCTURE --------------------------------*/


/* --- BEGIN PAGE OBJECT ----------------------------- */
table.Object {
	border : 1px solid #999999;
	border-collapse: collapse;
	background-color: #ede9f9;
}

td.ObjectHeader {
	font-family: Verdana;
	font-size : 10pt;
	color: #666666;
	font-weight : bold;
	padding : 3px 3px 3px 3px;
	background-color : #EEEEEE;
	border-bottom : 1px solid Gray;
}

td.ObjectBackground {
	background-color : #fff;
}

td.ObjectProperties {
	padding: 3px;
	background-color : #fafafa;
	line-height: 30px;
}

td.ObjectProperties P{
	margin: 0px;
	padding: 0px;
}

td.ObjectSubHeader {
	font-family: Verdana;
	font-size : 8pt;
	color: #fff;
	font-weight : bold;
	padding : 3px 3px 3px 3px;
	background-color : #bcbcbc;
}

td.ObjectContent {
	font-family: Verdana;
	font-size : 8pt;
	color: #999999;	
	font-weight : bold;
	padding : 3px 3px 3px 3px;
	background-color : #fafafa;
}

td.ObjectInput {
	font-family: Verdana;
	font-size : 8pt;
	color: #333333;	
	font-weight : normal;
	padding : 3px 3px 3px 3px;
	background-color : #fafafa;
}

tr.objectSelect{
	font-family: Verdana;
	font-size : 8pt;
	color: #666666;	
	font-weight : normal;
	padding : 3px 3px 3px 3px;
	background-color : #ede9f9;
}

/*--- END PAGE OBJECT  -----------------------------*/


/* --- BEGIN CONTENT TABLE STYLE ----------------------- */
table.contentTable {
	margin: 0px;
	padding: 0px;
	border-collapse:collapse;
}

table.contentTable tr {
		background-color: #ede9f9;
}

table.contentTable tr:hover {
		background-color: #ffffcc;
}

table.contentTable td {
	padding: 3px;
	font-size: 8pt;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;		
}



table.contentTable .contentHeader {
	background-color: #BCBCBC;
	color: #FFF;
	font-weight: bold;	
}

table.contentTable .contentHeader:hover {
	background-color: #BCBCBC;
	color: #FFF;
	font-weight: bold;	
}

table.contentTable .sortHeader A:link,
table.contentTable .sortHeader A:visited {
	padding-left: 20px;
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(fs3_sort.gif);
	background-repeat: no-repeat;	
}

table.contentTable .sortHeader A:hover,
table.contentTable .sortHeader A:active {
	padding-left: 20px;
	color: #000000;
	text-decoration: underline;
	background-image: url(fs3_sort_hover.gif);
	background-repeat: no-repeat;
}

table.contentTable UL{
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
}

table.contentTable LI{
	margin-left : 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 16px;
	list-style-image : url(fs3_subitem16.gif);
}

/* --- END CONTENT TABLE STYLE ------------------------- */

/* --- BEGIN INPUT STYLES --------------------------- */
TEXTAREA 	{
	font-family: Verdana;
	color : #666666;
	font-size : 8pt;
	border : 1px solid;
	background-color : #FFFFFF;
	padding : 2px 2px 2px 2px;
}


input {
	font-family: Verdana;
	color : #666666;
	font-size : 8pt;
	font-style : normal;
}

input.file {
	font-family: Verdana;
	color : #666666;
	font-size : 8pt;
	font-style : normal;
}

input.Field {
	font-family: Verdana;
	color : #666666;
	font-size : 8pt;
	border : 1px solid;
	background-color : #FFFFFF;
	padding : 2px 2px 2px 2px;
}

select {
	font-family: Verdana;
	color : #666666;
	font-size : 8pt;
	border : 1px solid;
	background-color : #FFFFFF;
	padding : 2px 2px 2px 2px;
}
/* --- END INPUT STYLES ------------------------------ */


/*--- BEGIN PageNavigator --------------------------------------*/
td.ObjectPageNavigator {
	padding: 0px;
	margin: 0px;
	font-size: 10pt;
	border-top : 1px solid Gray;
	padding: 3px;
	background-color : #EEEEEE;
	line-height: 30px;
	height: 30px;
}

td.ObjectPageNavigator P{
	padding: 0px;
	margin: 0px;
}

a.paginator:link,
a.paginator:visited {
	padding : 2px 5px 2px 5px;
	font : normal 8pt Arial;
	color: #8a6da0;
	text-decoration: none;
	background-color: #FFFFFF;
	border : 1px solid #8a6da0;
	text-align : center;
}

a.paginator:active,
a.paginator:hover {
	color: #FFFFFF;
	background-color: #8a6da0;
	text-decoration: none;
}

a.paginator_selected:link,
a.paginator_selected:visited,
a.paginator_selected:active,
a.paginator_selected:hover {
	padding : 2px 5px 2px 5px;
	font : normal 8pt Arial;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #8a6da0;
	border : 1px solid #8a6da0;
	text-align : center;	
}
/*--- END PageNavigator --------------------------------------*/

/* --- BEGIN Tabinator --------------------------------------- */
a.tabinator:link,
a.tabinator:visited,
a.tabinator:active {
	display:inline-block;
	padding: 7px;
	margin-top: 5px;
	margin-right: 10px;
	background-color: #ede9f9;
	color: #8a6da0;
	text-decoration: none;
	font-weight: normal;
	font-size: 9pt;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
}

a.tabinator:hover {
	color: #FF6600;
	background-color: #FFFFCC;
}

a.tabinator_selected:link,
a.tabinator_selected:visited,
a.tabinator_selected:active,
a.tabinator_selected:hover {
	display:inline-block;
	padding: 7px;
	margin-right: 10px;
	background-color: #FFFFCC;
	color: #8a6da0;
	text-decoration: none;
	font-weight: normal;
	font-size: 9pt;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
}
/* --- END Tabinator --------------------------------------- */