﻿@import url("HTMLForm.css");

BODY		{font-family:Arial;font-size:11px;margin:0px;padding:0px;color:#333333; background-color:#f5f5f5;}
HTML		{width:100%;}
FIELDSET	{padding:0px; margin:0px; border:0px;}
FORM		{padding:0px; margin:0px;}
SELECT		{float:left; font: 11px Arial; margin:0px; margin:0px;}
LABEL		{float:left; font: 11px Arial; padding:0px; margin:0px;}
INPUT		{padding:0px; margin:0px;}
OPTION		{padding:0px; margin:0px;}
RADIO		{padding:0px; margin:0px;}
CHECKBOX	{padding:0px; margin:0px;}
H1			{color:#014e6c}	
p				{}
a:link			{color: #1c5e9c; text-decoration:none;font-family:Arial;font-size:11px}
a:visited		{color: #1c5e9c; text-decoration:none;font-family:Arial;font-size:11px}
a:active		{color: #1c5e9c; text-decoration:none;font-family:Arial;font-size:11px}
a:hover			{color: #9bbde3; text-decoration:none;font-family:Arial;font-size:11px}



/* NEW */

DIV#mainContainer				{width:1004px; margin: 0px auto;}
DIV#mainContainer DIV#intro		{width:650px;float:left;margin-top:10px;}
DIV#mainContainer DIV#intro	p	{line-height:18px;}

DIV#userContainer		{width:100%;height:91px; background-color:#00688f;}
	DIV#logo					{width:1004px; height:81px; margin-left:auto; margin-right:auto; padding-top:10px; background: url(../images/style/evenhuis-logo.gif) no-repeat left;}
    DIV#topContainer			{width:1004px; height:81px; margin-left:auto; margin-right:auto; padding-top:10px;}
    DIV#userData				{width:1004px; height:42px;}
    DIV#userData p			{float:left; color:#ffffff;}
    DIV#userData .bar			{margin-left:10px; padding-left:10px; background: url(../images/style/bar.gif) no-repeat left;}
	DIV#userData p.logoutButton	{display:block; float:right; margin-right:80px}
	DIV#userData p.logoutButton a	{color:#ffffff; text-decoration:underline;}
	
		/* Navigation */
		DIV#navigation			{width:1000px; height:29px; padding:10px 0px 0px 0px;}
		DIV#navigation ul			{list-style-type: none; margin:0px; padding:0;}
		DIV#navigation li			{display:inline; padding:0px; margin:0px;}
		DIV#navigation a				{float:left; background:url(../images/style/buttonLeft.gif) no-repeat left top; margin:0px 5px 0px 0px; padding:0px 0px 0px 4px; text-decoration:none; cursor:pointer;}
		DIV#navigation a span			{float:left; background:url(../images/style/buttonRight.gif) no-repeat right top; padding:9px 14px 6px 10px; color:#ffffff; display:block;}
		DIV#navigation a:hover span		{color: #787878;}
		DIV#navigation a:hover			{background-position:0% -32px;}
		DIV#navigation a:hover span	{background-position:100% -32px;}
		DIV#navigation .selected a		{background-position:0 -32px;}
		DIV#navigation .selected a span {background-position:100% -32px; color: #787878;}
		
		/* Navigation level2 */
		DIV#navigationlevel2			{width:980px; height:29px; padding:10px 0px 0px 0px;margin-left:10px;}
		DIV#navigationlevel2 ul			{list-style-type: none; margin:0px; padding:0;}
		DIV#navigationlevel2 li			{display:inline; padding:0px; margin:0px;}
		DIV#navigationlevel2 a				{float:left; background:url(../images/style/buttonLeft.gif) no-repeat left top; margin:0px 5px 0px 0px; padding:0px 0px 0px 4px; text-decoration:none; cursor:pointer;}
		DIV#navigationlevel2 a span			{float:left; background:url(../images/style/activityAnnouncementMenubuttonRight.gif) no-repeat right top; padding:9px 14px 6px 10px; color:#888888; display:block;}
		DIV#navigationlevel2 a:hover span		{color: #787878;}
		DIV#navigationlevel2 a:hover			{background-position:0% -32px;}
		DIV#navigationlevel2 a:hover span	{background-position:100% -32px;}
		DIV#navigationlevel2 .selected a		{background-position:0 -32px;}
		DIV#navigationlevel2 .selected a span {background-position:100% -32px; color: #787878;}
		
		DIV#ElementActivityAnnouncementContainerButtons A.AnnouncementButton	{width:256px; height:32px; display:block;}
		
DIV#AjaxUserFilterContainer		{width:1004px; margin: 20px 0px; background: #ffffff url(../images/style/filter.jpg) no-repeat top left;}
	DIV#filterTop		{width:1004px; height:7px; background: url(../images/style/filterTop.gif) no-repeat top;}
	DIV#filterMiddle	{width:945px; padding-left:59px; background: url(../images/style/filterMiddle.gif) repeat-y top;height:45px;}
	DIV#filterBottom	{width:1004px; height:7px; clear:both; background: url(../images/style/filterBottom.gif) no-repeat top;}
	DIV.filterContentReporter{padding:15px;width:250px;}
	DIV.filterContentReporter LABEL{padding-left:10px;padding-right:10px;color: #777777; }
	DIV.filterContentReporter SELECT{width:150px;color: #777777;}

DIV#contentContainer{width:1004px;  margin:20px 0px;}
DIV#TableDataUserActivityAnnouncement								{width:1004px;background: url(../images/style/ContentBoxTop.gif) no-repeat top;}
DIV#TableDataUserActivityAnnouncement			TR.rowTitle			{color:#777777; font-weight:bold; height:25px;line-height:24px; padding:10px 10px 20px 0px;width:100%;}
DIV#TableDataUserActivityAnnouncement			TR.rowDefault		{color:#777777; background-color:#ffffff; height:25px;width:100%;cursor:pointer;}
DIV#TableDataUserActivityAnnouncement			TR.rowSelected TD	{color:#ffffff; border-left: dashed 1px #267fa0;}
DIV#TableDataUserActivityAnnouncement			TR.rowSelected		{color:#777777; background-color:#00688f; height:25px;width:100%;cursor:pointer;}
DIV#TableDataUserActivityAnnouncement			TH.column			{padding:3px 0px 3px 6px;  text-align:left;   font-weight:bold;cursor:default}
DIV#TableDataUserActivityAnnouncement			TH.columnSort		{padding:3px 0px 3px 12px;  text-align:left;  font-weight:bold; cursor:pointer;background-image:url(../images/style/iconSortNone.gif);background-repeat:no-repeat;background-position:0px 5px;}
DIV#TableDataUserActivityAnnouncement			TH.columnASC		{padding:3px 0px 3px 12px;  text-align:left;  font-weight:bold; cursor:pointer;background-image:url(../images/style/iconSortDown.gif);background-repeat:no-repeat;background-position:0px 5px;}
DIV#TableDataUserActivityAnnouncement			TH.columnDESC		{padding:3px 0px 3px 12px;  text-align:left;   font-weight:bold; cursor:pointer;background-image:url(../images/style/iconSortUp.gif);background-repeat:no-repeat;background-position:0px 5px;}
DIV#TableDataUserActivityAnnouncement			TR.columnTitle		{padding:3px 0px 3px 10px; text-align:left;  font-weight:bold; cursor:pointer;}
DIV#TableDataUserActivityAnnouncement			A					{color:White;  font-weight:bold; cursor:pointer;}
DIV#TableDataUserActivityAnnouncement			TR					{height:25px;}
DIV#TableDataUserActivityAnnouncement			TD					{padding:3px 0px 3px 10px; width:auto; margin:0px; height:25px}
DIV#TableDataUserActivityAnnouncement			TD	B				{color:Red;}
DIV#TableDataUserActivityAnnouncement			TD.column1			{padding:0px 5px 0px 5px; border-top: solid 1px #dfdfdf; border-left: solid 1px #dfdfdf;}
DIV#TableDataUserActivityAnnouncement			TD.column2			{padding:0px 5px 0px 5px; border-top: solid 1px #dfdfdf; border-left: dashed 1px #eeeeee;}
DIV#TableDataUserActivityAnnouncement			TD.column3			{padding:0px 5px 0px 5px; border-top: solid 1px #dfdfdf;border-left: dashed 1px #eeeeee;}
DIV#TableDataUserActivityAnnouncement			TD.column4			{padding:0px 5px 0px 5px; border-top: solid 1px #dfdfdf;border-left: dashed 1px #eeeeee;}
DIV#TableDataUserActivityAnnouncement			TD.column5			{padding:0px 5px 0px 5px; border-top: solid 1px #dfdfdf;border-left: dashed 1px #eeeeee;}
DIV#TableDataUserActivityAnnouncement			TD.column6			{padding:0px 5px 0px 5px; border-top: solid 1px #dfdfdf;border-left: dashed 1px #eeeeee;}
DIV#TableDataUserActivityAnnouncement			TD.column7			{padding:0px 5px 0px 5px; border-top: solid 1px #dfdfdf;border-left: dashed 1px #eeeeee;border-right: solid 1px #dfdfdf;}
DIV#TableDataUserActivityAnnouncement			TH#column1			{width:15px;}
DIV#TableDataUserActivityAnnouncement			TH#column2			{width:170px;}
DIV#TableDataUserActivityAnnouncement			TH#column3			{width:170px;}
DIV#TableDataUserActivityAnnouncement			TH#column4			{width:170px;}
DIV#TableDataUserActivityAnnouncement			TH#column5			{width:170px;}
DIV#TableDataUserActivityAnnouncement			TH#column6			{width:170px;}
DIV#TableDataUserActivityAnnouncement			TH#column7			{width:135px;}

DIV#TableDataAdministratorActivityAnnouncement								{width:1004px;background: url(../images/style/ContentBoxTop.gif) no-repeat top;}
DIV#TableDataAdministratorActivityAnnouncement			TR.rowTitle			{color:#777777; font-weight:bold; height:25px;line-height:24px; padding:10px 10px 20px 0px;width:100%;}
DIV#TableDataAdministratorActivityAnnouncement			TR.rowDefault		{color:#777777; background-color:#ffffff; height:25px;width:100%;cursor:pointer;}
DIV#TableDataAdministratorActivityAnnouncement			TR.rowSelected TD	{color:#ffffff; border-left: dashed 1px #267fa0;}
DIV#TableDataAdministratorActivityAnnouncement			TR.rowSelected		{color:#777777; background-color:#00688f; height:25px;width:100%;cursor:pointer;}
DIV#TableDataAdministratorActivityAnnouncement			TH.column			{padding:3px 0px 3px 6px;  text-align:left;   font-weight:bold;cursor:default}
DIV#TableDataAdministratorActivityAnnouncement			TH.columnSort		{padding:3px 0px 3px 12px;  text-align:left;  font-weight:bold; cursor:pointer;background-image:url(../images/style/iconSortNone.gif);background-repeat:no-repeat;background-position:0px 5px;}
DIV#TableDataAdministratorActivityAnnouncement			TH.columnASC		{padding:3px 0px 3px 12px;  text-align:left;  font-weight:bold; cursor:pointer;background-image:url(../images/style/iconSortDown.gif);background-repeat:no-repeat;background-position:0px 5px;}
DIV#TableDataAdministratorActivityAnnouncement			TH.columnDESC		{padding:3px 0px 3px 12px;  text-align:left;   font-weight:bold; cursor:pointer;background-image:url(../images/style/iconSortUp.gif);background-repeat:no-repeat;background-position:0px 5px;}
DIV#TableDataAdministratorActivityAnnouncement			TR.columnTitle		{padding:3px 0px 3px 10px; text-align:left;  font-weight:bold; cursor:pointer;}
DIV#TableDataAdministratorActivityAnnouncement			A					{color:White;  font-weight:bold; cursor:pointer;}
DIV#TableDataAdministratorActivityAnnouncement			TR					{height:25px;}
DIV#TableDataAdministratorActivityAnnouncement			TD					{padding:3px 0px 3px 10px; width:auto; margin:0px; height:25px}
DIV#TableDataAdministratorActivityAnnouncement			TD	B				{color:Red;}
DIV#TableDataAdministratorActivityAnnouncement			TD.column1			{padding:0px 5px 0px 5px; border-top: solid 1px #dfdfdf; border-left: solid 1px #dfdfdf;}
DIV#TableDataAdministratorActivityAnnouncement			TD.column2			{padding:0px 5px 0px 5px; border-top: solid 1px #dfdfdf; border-left: dashed 1px #eeeeee;}
DIV#TableDataAdministratorActivityAnnouncement			TD.column3			{padding:0px 5px 0px 5px; border-top: solid 1px #dfdfdf;border-left: dashed 1px #eeeeee;}
DIV#TableDataAdministratorActivityAnnouncement			TD.column4			{padding:0px 5px 0px 5px; border-top: solid 1px #dfdfdf;border-left: dashed 1px #eeeeee;}
DIV#TableDataAdministratorActivityAnnouncement			TD.column5			{padding:0px 5px 0px 5px; border-top: solid 1px #dfdfdf;border-left: dashed 1px #eeeeee;}
DIV#TableDataAdministratorActivityAnnouncement			TD.column6			{padding:0px 5px 0px 5px; border-top: solid 1px #dfdfdf;border-left: dashed 1px #eeeeee;}
DIV#TableDataAdministratorActivityAnnouncement			TD.column7			{padding:0px 5px 0px 5px; border-top: solid 1px #dfdfdf;border-left: dashed 1px #eeeeee;}
DIV#TableDataAdministratorActivityAnnouncement			TD.column8			{padding:0px 5px 0px 5px; border-top: solid 1px #dfdfdf;border-left: dashed 1px #eeeeee;}
DIV#TableDataAdministratorActivityAnnouncement			TD.column9			{padding:0px 5px 0px 5px; border-top: solid 1px #dfdfdf;border-left: dashed 1px #eeeeee;border-right: solid 1px #dfdfdf;}
DIV#TableDataAdministratorActivityAnnouncement			TH#column1			{width:15px;}
DIV#TableDataAdministratorActivityAnnouncement			TH#column2			{width:160px;}
DIV#TableDataAdministratorActivityAnnouncement			TH#column3			{width:160px;}
DIV#TableDataAdministratorActivityAnnouncement			TH#column4			{width:160px;}
DIV#TableDataAdministratorActivityAnnouncement			TH#column5			{width:160px;}
DIV#TableDataAdministratorActivityAnnouncement			TH#column6			{width:160px;}
DIV#TableDataAdministratorActivityAnnouncement			TH#column7			{width:125px;}
DIV#TableDataAdministratorActivityAnnouncement			TH#column8			{width:30px;}
DIV#TableDataAdministratorActivityAnnouncement			TH#column9			{width:30px;}


	DIV.bottomContentBox{width:990px; margin-top:15px;}	
		DIV#bottomContentContainer		{width:990px; border:solid 1px #cccccc; height:388px;}
			DIV#bottomContentForm		{width:350px; float:left; border-right:solid 1px #cccccc; height:388px;}
				DIV#bottomContentLeftTitle {background-color:#1c5e9c; border-bottom:solid 1px #cccccc; font-weight:bold; color:White; padding:6px 0px 6px 10px;}
			DIV#bottomContentTable		{width:639px; float:left; height:326px;}

/* Pagination */
DIV#TablePaginationAdministratorActivityAnnouncement						{padding:5px 10px 0px 10px; border:0px; background: url(../images/style/ContentBoxBottom.gif) no-repeat top; height:43px; width:984px;}
	DIV#TablePaginationAdministratorActivityAnnouncement ul					{list-style-type: none;margin: 0px; padding:6px 0px 6px 0px; text-align: center; /*Set to "right" to right align pagination interface*/ font-size: 11px; line-height:19px;}
	DIV#TablePaginationAdministratorActivityAnnouncement ul li				{display: inline; float:left; padding:0px; margin:0px;}
	DIV#TablePaginationAdministratorActivityAnnouncement ul li a				{color: #777777; height:21px; width:30px; display:block; background:url(../images/style/paginationButton.gif) no-repeat 0px 0px;cursor:pointer; margin:0px 3px 0px 0px;}
	DIV#TablePaginationAdministratorActivityAnnouncement ul li a.selected 	{color:#ffffff; font-weight:bold; background-position:0px -21px;}

/* Pagination */
DIV#TablePaginationUserActivityAnnouncement						{padding:5px 10px 0px 10px; border:0px; background: url(../images/style/ContentBoxBottom.gif) no-repeat top; height:43px; width:984px;}
	DIV#TablePaginationUserActivityAnnouncement ul					{list-style-type: none;margin: 0px; padding:6px 0px 6px 0px; text-align: center; /*Set to "right" to right align pagination interface*/ font-size: 11px; line-height:19px;}
	DIV#TablePaginationUserActivityAnnouncement ul li				{display: inline; float:left; padding:0px; margin:0px;}
	DIV#TablePaginationUserActivityAnnouncement ul li a				{color: #777777; height:21px; width:30px; display:block; background:url(../images/style/paginationButton.gif) no-repeat 0px 0px;cursor:pointer; margin:0px 3px 0px 0px;}
	DIV#TablePaginationUserActivityAnnouncement ul li a.selected 	{color:#ffffff; font-weight:bold; background-position:0px -21px;}


DIV#meldingContainer		{width:1004px; margin: 20px 0px;}
	DIV#meldingTop		{width:1004px; height:7px; background: url(../images/style/contentTop.gif) no-repeat top;}
	DIV#meldingMiddle	{width:1004px; background: url(../images/style/contentMiddle.gif) repeat-y top;}
		DIV.meldingMiddleFooter	{clear:both; height:10px;}

	DIV.activityAnnouncementFunctionContainer		{background-color:#ffffff; border-left:solid 1px #dfdfdf;border-bottom:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; width:1002px;height:33px;}
	DIV.activityAnnouncementFunctionContainer DIV#activityAnnouncementFunctionPrevious			{background: url(../images/style/prevIcon.gif) no-repeat;float:left;height:27px;width:24px;display:block;float:left;cursor:pointer; margin-left:6px;}
	DIV.activityAnnouncementFunctionContainer DIV#activityAnnouncementFunctionNext				{background: url(../images/style/nextIcon.gif) no-repeat;float:left;height:27px;width:24px;display:block;float:left;cursor:pointer; margin-left:6px;}
	DIV.activityAnnouncementFunctionContainer A#activityAnnouncementFunctionNewBasedOnCurrent	{background: url(../images/style/activityAnnouncementFunctionNewBasedOnCurrent.gif) no-repeat; height:15px;width:131px;display:block;float:left;cursor:pointer;font-size:11px;font-family:Arial; color:White; margin-left:6px; padding:6px 0px 6px 27px; font-weight:bold;}
	DIV.activityAnnouncementFunctionContainer A#activityAnnouncementFunctionPrint				{background: url(../images/style/activityAnnouncementFunctionPrint.gif) no-repeat; height:15px;width:131px;display:block;float:left;cursor:pointer;font-size:11px;font-family:Arial; color:White; margin-left:6px; padding:6px 0px 6px 27px; font-weight:bold;}
	DIV.activityAnnouncementFunctionContainer DIV#activityAnnouncementFunctionComplete			{background: url(../images/style/activityAnnouncementFunctionComplete.gif) no-repeat;height:15px;width:131px;display:block;float:left;cursor:pointer;font-size:11px;font-family:Arial; color:White; margin-left:6px; padding:6px 0px 6px 27px; font-weight:bold;}
	DIV.activityAnnouncementFunctionContainer DIV#activityAnnouncementFunctionDelete			{background: url(../images/style/activityAnnouncementFunctionDelete.gif) no-repeat; height:15px;width:131px;display:block;float:right;cursor:pointer;font-size:11px;font-family:Arial; color:White; margin-right:6px; padding:6px 0px 6px 27px; font-weight:bold;}


	DIV#meldingBottom	{width:1004px; height:7px; clear:both; background: url(../images/style/ContentBoxBottom.gif) no-repeat bottom;}

/* reporter */
	.reportActivityAnnouncementReporterA			{color:White; background: url(../images/style/activityAnnouncementFunctionPrint.gif) no-repeat; height:15px;width:131px;display:block;float:left;cursor:pointer;font-size:11px;font-family:Arial; color:White; margin:6px; padding:6px 0px 6px 27px; font-weight:bold;}
	.reportActivityAnnouncementReporterA:link		{color:White;}
	.reportActivityAnnouncementReporterA:visited		{color:White;}
	.reportActivityAnnouncementReporterA:active		{color:White;}
	#reportActivityAnnouncementReporterText	P		{padding:10px;}
/* Print */
H1.printVersion		{padding:15px 0px 15px 0px; margin:0px; font-size:20px; color:#777777;}

DIV#printContainer	{width:720px; margin:0px auto;}
	DIV.printLine		{clear:both; text-align:left; border-bottom:solid 1px #d0d0d0; padding-top:10px; margin-bottom:10px; line-height:19px;}
	
	DIV.printItem		{text-align:left; padding:5px 0px 5px 0px; float:left;height:12px;}
		DIV.type			{font-weight:bold; float:left; width:160px;}
		DIV.value			{float:left; width:200px;}
		DIV.valueTextarea	{float:left; width:560px;}