/* Syntax

element {layout properties: top, bottom, left, right, z-index, display, visibility, position, float, clear
		dimensions: width, min-width, max-width, height, min-height, max-height
		margins & padding
		borders
		color & background:
		text
		lists
		tables: border-collapse, table-layout}

*/


/* =element selectors
-----------------------------------------------------------------------------*/

html		{font-size:100.01%;}
body		{color:#00111F; background:#f7f7f7 url(../images/backgrounds/header_bg.gif) left top repeat-x;
			font:68.75%/1.4 "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;}
a 			{text-decoration:underline;}
a:hover 	{text-decoration:none;}
a[name]		{text-decoration:inherit;}
a:link 		{color:#003A6A;}
a:visited 	{color:#003A6A;}
a:hover 	{color:#003A6A;}
a.external	{padding-right:12px;
			background:url(../images/icons/external.png) right center no-repeat;
			word-wrap: break-word;
			}
a.eu		{padding:2px 20px 2px 0;
			background:url(../images/icons/favicon_eu.gif) right center no-repeat;}
a.finlex	{padding:2px 20px 2px 0;
			background:url(../images/icons/favicon_finlex.gif) right center no-repeat;}
a.back 		{padding:10px;}
a.selected 	{font-weight:bold;}
h1 			{float:left;}
h2, #popup h1,
h3,
h4			{color:#003a66;
			font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
			font-weight:bold;}
h2, #popup h1	{padding:.5em 0;
			font-size:1.8em; line-height:1.3em; text-shadow:2px 2px 1px #ECDEBF; /* works only on Safari */}
h3, #popup h2	{padding:.5em 0 .5em 0.25em;
			font-size:1.6em; line-height:1.4em;}
h4, #popup h3	{padding:.5em 0 .5em 0.25em;
			font-size:1.4em; line-height:1.4em;}
h5 			{text-transform:uppercase; letter-spacing:.1em;}
sup, sub 	{font-size:.9em !important;}
pre 	{white-space: pre-wrap;       /* css-3 */
	    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	    white-space: -pre-wrap;      /* Opera 4-6 */
	    white-space: -o-pre-wrap;    /* Opera 7 */
	    word-wrap: break-word;       /* Internet Explorer 5.5+ */}
strong 	{font-weight:bold;}
em 		{font-style:italic;}
table	{clear:both;
		width:100%;
		margin-bottom:1em;
		line-height:1.1;}
form * 	{/* repairing font-size inheritance bug in IE */font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em;}
option	{min-width: 7em;}
select optgroup {margin-left: 2%;}
select optgroup option {margin-left: 8%;}
input[size="1"]	{width:1em;}
input[size="2"]	{width:2em;}
input[size="5"],
input[size="12"] {width:6em;}
input[size="8"]	{width:8em;}
input[size="13"] {width:13em;}
input[size="10"] {width:10em;}
input[size="15"],
input[size="30"] {width:15em;}
input[size="18"] {width:18em;}
input[size="19"] {width:19em;}
input[size="20"],
input[size="40"] {width:20em;}
input[size="25"] {width:25em;}
input[type=radio],
input[type=checkbox] {width: 2em;}
button span 	{margin-left:-6000px;}
.note, #help 	{padding:1em 1em 0 1em;
		border:1px solid #E2D7CF;
		background-color:#f9f4eb;
		letter-spacing:1px;}
.note	{background:url(../images/icons/bell.png) 99% 9% no-repeat;}
.note strong	{font-weight:bold;}
form .note, #help		{margin-bottom:.5em;
				font-size: .94em;}
button.clear 		{height:24px; width:90px;
							border:none;
							color:#666; background:url(../images/buttons/button_L2_blank.png) center center no-repeat;
							font-weight:bold; line-height:24px; text-align:center;}
.print 	{float:right; display:block;
		padding:0 1em 0 20px;
		background:url(../images/icons/printer.png) left top no-repeat;
		font-size:.9em;}
#contract .print {margin-top:1em;
		cursor:pointer;}
.vcard 	{padding:.5em 0 0 20px;
		background:url(../images/icons/vcard.png) 0 .5em no-repeat;}
.vcard:after,.vcard .org:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.vcard .postal-code, .vcard .organization-name, .vcard .phone {display:inline; float:left; clear:left;
  	margin-right:.5em;}

.vcard .ref, .vcard .tel, .vcard .name {display:block; clear:both; float:left;
  	width:100%;}
.explanation	{font-size:.9em;}
#info p 		{padding-bottom:4px;}
option.nuts_level_2 {padding-left:5px;}
option.nuts_level_3 {padding-left:10px;}
option.nuts_level_4 {padding-left:15px;}
input.calendar 	{width:16px; height:16px;
				border:none;
				background-image:url(../images/icons/calendar.png);
				cursor:pointer;}
button.calendar {width:18px; height:18px;
				border:none;
				background:url(../images/icons/calendar.png) left center no-repeat;
				line-height:16px; vertical-align:middle;}
button 			{cursor:pointer;}
input[type=submit] {overflow:visible;
				margin:0;padding:0 .25em;
				width:auto;}

/* =main layout
-----------------------------------------------------------------------------*/

#wrapper			{width:88em;
					margin:0 auto; padding-bottom:1em;
					text-align:left;}
#header 			{overflow:hidden;
					height:93px;
					margin:0 auto;
					border:1px dotted #0066b2; border-width:0 1px;
					background:url(../images/backgrounds/header_bg.gif) repeat-x; }
#content 			{overflow:hidden;
					width:87.8em;
					padding-bottom:1em;
					border:1px dotted #0066b2; border-width:0 1px;
					background-color:#f7f7f7;}
#sidebar			{float:left; clear:both;
					width:22em;
					padding:0 0 1em 1em; 
					background:url(../images/backgrounds/sidebar_TR.png) right top no-repeat;}
#mainContent		{float:left; overflow:hidden;
					width:56.6em;
					padding:.2em 1em 1em 1em;
					background:url(../images/backgrounds/content_TL.png) left top no-repeat;
					font-size:1.1em; line-height:1.6;}
#contract #mainContent	{width:72%;
						padding:.2em .1em .1em .2em;}
#footer				{clear:both;
					padding:1px;
					border-top:3px solid #0065b2;
					color:#999;}

/* =header
-----------------------------------------------------------------------------*/

#header h1 a span	{display:block;
					height:70px; width:200px;
					background:url(../images/backgrounds/logo.png) 1.1em 1.6em no-repeat;
					text-indent:-9000px;}
#login, #login_error        {float:right;
							width:auto;
							margin:2px 1em 0 0;
							border:1px solid #b0c0c4;
							background-color:#BFD9EC; color:#003A6A;
							text-align:right;}
#login_error				{background-color: #FFCCCC;}
#login p, 
#login_error p				{clear:both;
							padding:0 .3em 5px .5em;
							text-align:right;}
#login p#logout				{padding:.2em 0 .2em .5em;
							text-align:right;}
#login a, 
#login_error a				{padding:0 4px;
							color:#003A6A;}
#login fieldset, 
#login_error fieldset   	{float:left;
							margin:1px .5em 4px 2px;
							border:0px solid;}
#login label, 
#login_error label			{padding-left:4px;
							font-weight:bold;}
#login input#loginname,
#login_error input#loginname,
#login input#loginpassword,
#login_error input#loginpassword  {padding-left:3px;}
#login button#loginsubmit,
#login_error button#loginsubmit   {width:50px; height:24px;
							border:none;
							background:#BFD9EC url(../images/buttons/button_M_blank.png) left center no-repeat;
							font-weight:bold;}
#login_error button#loginsubmit   {background-color:#ffcccc;}
#login button#loginsubmit img,
#login_error button#loginsubmit img	{padding-bottom:5px;
								vertical-align:middle;}
#login p#logout img			{vertical-align:middle;}
p.login_error	{color:red; font-weight:bold;
				margin:-4px .3em -4px 0;}

#utilities		{clear:both;
				padding-right:1em;
				text-align:right;}
#utilities li	{display:inline;
				padding:2px 0 2px 10px; margin-left:10px;}
#utilities li.home,
#utilities li.faq,
#utilities li.contact,
#utilities li.feedback,
#utilities li.language_fi,
#utilities li.language_sv,
#utilities li.links			{padding-left:20px;}
#utilities li.home 			{background:url(../images/icons/utilities/home.gif) left center no-repeat;}
#utilities li.faq 			{background:url(../images/icons/utilities/faq.gif) left center no-repeat;}
#utilities li.contact 		{background:url(../images/icons/utilities/contact.gif) left center no-repeat;}
#utilities li.feedback 		{background:url(../images/icons/utilities/feedback.gif) left center no-repeat;}
#utilities li.language_fi 	{background:url(../images/icons/utilities/language_fi.gif) left center no-repeat;}
#utilities li.language_sv 	{background:url(../images/icons/utilities/language_sv.gif) left center no-repeat;}
#utilities li.links 		{background:url(../images/icons/utilities/links.gif) left center no-repeat;}
#utilities a				{color:#663d00;
							font-weight:bold; font-size:1.1em; text-decoration:none;}
#utilities a:hover			{text-decoration:underline;}

/* =sidebar
-----------------------------------------------------------------------------*/

#sidebar h4		{padding:0; margin:1em 0 .3em 0;
				color: #b22400;
				font:bold 1.4em "Trebuchet MS", Tahoma, Arial;letter-spacing:1px;}
#sidebar h5		{padding:0; margin:.4em 0 0 .9em;
				color: #b22400;
				font:bold 1.2em "Trebuchet MS", Tahoma, Arial; letter-spacing: normal; text-transform:none;}
#sidebar ul		{padding:0;}
#sidebar li		{padding-left:10px;
				border-bottom:1px solid #F8EAE6;
				background: url(../images/bullets_arrows/bullet_brown.png) left center no-repeat;}
#sidebar li a	{display:block;
				padding:4px 20px 4px 3px;
				color:#591200;
				text-decoration:none;}
#sidebar li a.pdf		{background:url(../images/icons/document_acrobat.png) right center no-repeat;}
#sidebar li a.external	{background:url(../images/icons/external.png) right center no-repeat;}
#sidebar li a:hover 	{color:#591200; background-color:#ECC8BF;}
#sidebar li a.selected 	{color:#fff; background-color:#C65B40;}
#sidebar li img 		{vertical-align:middle;}
#sidebar .important 	{color:#733d3a;
						letter-spacing:2px;}

#search			{background:#0066b2 url(../images/backgrounds/search_bg.gif) left bottom no-repeat; color:#2d5c64;}
#search form	{padding:5px 3px;
				margin:0 auto;
				background:url(../images/backgrounds/search_form_bg.gif) right bottom no-repeat;}
#search label,	
#search legend,	
#search button.more_criteria,
#search button.less_criteria {color:#fff;}
#search legend			{margin-bottom:.5em;
						padding:4px 0;
						border-bottom:1px dotted #eee;
						font:bold 1.2em "Trebuchet MS", Tahoma, Arial; letter-spacing:1px; text-transform:uppercase;}
#search a#search_help 	{padding-left:20px; margin-left:20px;
						background:url(../images/icons/info.png) left center no-repeat; color:#fff6e0;
						font-size:.8em; font-family:Tahoma, Arial, Helvetica, sans-serif; text-decoration:none; text-transform:none; letter-spacing:normal;}
#search a#search_help:hover {text-decoration:underline;}
#search label 	{display:block;
				padding:2px 0 0 2px;
				font-weight:bold;}
#search label small {color:#fff6e0;
				font-size:.95em;}
#search h5	  	{padding:2px 0 0 2px !important; margin:0 !important;
				color:#fff !important;
				font-size:1em !important;}	
#search input[type=text] {padding:1px;}
#search input[type=checkbox] {width:1.5em;}
#search select 				{padding:2px;
							border:1px solid #003a66;}
#search div					{margin-top:.3em;}
#search div#submit			{margin:1em .3em 0 0; padding-top:3px;
							border-top:1px dotted #eee;
							text-align:right;}
#search button.select 		{height:24px; width:26px;
							border:none;
							background:url(../images/buttons/button_S_ellipsis.png) left center no-repeat;
							line-height:24px; text-align:left; vertical-align:middle;}
#search button.more_criteria,
#search button.less_criteria {float:left;
							height:24px; width:26px;
							padding-left:28px;
							border:none;
							line-height:24px; text-align:left;}
#search button.more_criteria	{background:url(../images/buttons/button_S_plus.png) left center no-repeat;}
#search button.less_criteria 	{background:url(../images/buttons/button_S_minus.png) left center no-repeat;}
#search button.submit 		{height:24px; width:46px;
							border:none;
							color:#003a66; background:url(../images/buttons/button_M_blank.png) center center no-repeat;
							font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; line-height:24px; letter-spacing:1px; text-align:center; text-transform:uppercase;}
#search button.clear 		{height:24px; width:90px;
							border:none;
							color:#666; background:url(../images/buttons/button_L2_blank.png) center center no-repeat;
							font-weight:bold; line-height:24px; text-align:center;}

#wizard 			{margin-top:.25em;}
#wizard	ul			{margin:0; padding:0;
					background-color: #F8F2E6;
					list-style:none;}
#wizard li			{padding:2px;
					border:1px solid #ECDEBF; border-width:1px 1px 0 1px;}
#wizard li a		{margin-left:22px; padding-left:4px;}
#wizard li a:hover 	{background:#ECDEBF;}
#wizard li.unsent	{background:url(../images/icons/form_status/form_unsent.gif) 5px 5px no-repeat;}
#wizard li.valid	{background:url(../images/icons/form_status/form_valid.gif) 5px 5px no-repeat;}
#wizard li.invalid	{background:url(../images/icons/form_status/form_invalid.gif) 5px 5px no-repeat;}
#wizard li.disabled	{background:url(../images/icons/form_status/form_disabled.gif) 5px 5px no-repeat;}
#wizard li.disabled a 	{color:grey;
						cursor:default;}
#wizard li.disabled a:hover {background-color:transparent;} 
#wizard li.current a 		{background:#ECDEBF url(../images/bullets_arrows/arrow_R_brown.gif) 98% 6px no-repeat;}
#wizard li.current			{background:url(../images/icons/form_status/form_current.gif) 5px 5px no-repeat;}
#wizard li.preview			{border-width:3px 1px 1px 1px;
							background:url(../images/icons/preview.png) 5px center no-repeat;}
#wizard ul ul 				{margin-left:22px;
							border-left:1px dotted #ECDEBF;}
#wizard ul ul li			{padding:0; margin:0;
							border:none;
							background-image:none;}
#wizard ul ul li a:hover	{text-decoration:underline;}
#wizard ul li li a			{background-color:transparent !important;}
#wizard ul li li.current a,
#wizard li.current li a		{background-image:none !important;}
#wizard ul li li.current a 	{font-weight:bold;}

/* =main content
-----------------------------------------------------------------------------*/

#intro			{margin-bottom:10px; padding:0 4px 0 0;}
#intro p,
#newsItem p		{padding-bottom:6px;
				text-align:justify;}
#news			{float:right;
				width:18em;
				margin:.5em 0 1em 1.5em;}
#news h3		{padding:.3em 0 .3em 0; margin:.5em 0 0 0;
				color:#f7f7f7; background:#663d00 url(../images/icons/newspaper.png) 20px center no-repeat;
				font-size:1.2em; font-weight:bold; font-family:"Trebuchet MS", Tahoma, Arial; text-transform:uppercase; letter-spacing:normal; text-align:center;}
#news ul		{margin-left:0 !important;
				border:3px double #663d00; border-width:3px 0;
				background-color:#f4f4f4;}
#news ul li		{padding:4px;
				background:none !important; border-bottom:1px dotted #ccc;}
#news ul li a		{color:#663d00;
				font-size:.9em;}
#news span.date	{display:block;
				color:#666;
				font-size:.9em;}
#recent_notices {clear:both;}
#recent_notices table, 
#own_recent, 
#own_paused,
#own_published,
#own_sent,
#own_archived 	{background-color: #f5f5f5;}
#own_notices h3,
#own_recent h3, 
#own_paused h3	{padding:3px;
				border-bottom: 4px solid #3E808C; 
				font-family:"Trebuchet MS", Tahoma, Arial; font-size:1.7em; font-weight:normal;
				color:#003a66; background-color:#f7f7f7;}
#recent_notices a, 
#own_notices a 	{color:#406580;}
td, th 			{padding:4px;
				border-bottom:1px dotted #ccc;}
th 				{padding:6px 4px;
				font-weight:bold;}
th.sorted		{border:1px solid #BFD9EC; border-width:1px 1px 0 1px;
				background-color:#E0EDF6;}
thead th a,
tfoot th a		{padding-right:16px; background:url(../images/bullets_arrows/bullet_arrow_sort.png) right center no-repeat;
				background:url(../images/bullets_arrows/bullet_arrow_sort.png) right center no-repeat;}
th.sorted a.asc {background:url(../images/bullets_arrows/bullet_arrow_sort_asc.png) right center no-repeat;}
th.sorted a.desc {background:url(../images/bullets_arrows/bullet_arrow_sort_desc.png) right center no-repeat;}
thead th		{border-bottom:1px solid #BFD9EC;
				background-color:#EFF5FA;}
form td 		{border:none;}
form thead th 	{border-bottom:none;
				background-color:transparent;}
tbody th 		{border-bottom:1px solid #BFD9EC;
				background-color: #eee;}
tr.highlight,
td.highlight {
  background-color: #FFECBF;
}
div.comments  {
  margin-top: 1.0em;
  padding: 0.5em;
  border: 1px solid #BFD9EC;
  background-color: #FFF;
}
.ok,
#error 			{margin:1em 0 1em 0;
				height:41px;
				color:#fff;
				font-weight:bold; font-size:1em;}
.ok				{background:url(../images/backgrounds/ok_div_bg.gif) left top no-repeat;}
#error			{background:#fa5554 url(../images/backgrounds/error_div_bg.gif) left top no-repeat;}
.ok p,
#error p		{padding:.7em 1em .6em;}
#results_types 	{padding-bottom: .5em;
				font-size:1.1em;}
#results_types a {color:#003a66;}
#results_filtering 		{float:right;}
#results_filtering form {display:inline;
						background:none !important;}
#results_paging 		{margin-bottom:1.5em;}
#results_paging a 		{padding-right:4px;}
span.meta 				{display:block;
						margin-top:6px;
						color:#666;}
table caption 	{padding:1.5em 0 1.5em .25em;
				text-transform:uppercase; letter-spacing:1px; font-weight:bold; font-size:1.1em; font-family: "Trebuchet MS", Tahoma, Arial;}
col.sorted 		{border:1px solid #cfe2e6;
				background-color: #F3FAFF;}
.static thead th	{background-color:#BFD9EC;}
.static col#one,
.static col#five,
.static col#six,
.static col#seven 	{background-color:#EFF5FA;}
.static col#four, 
.static col#seven 	{color:#999;}
.static tfoot 		{display:none;}
table.static,
.static th,
.static td 			{border:1px solid #0066b2;}

#mainContent p 	{margin:0 0 .5em .25em;}
#mainContent ol {list-style:decimal inside;}
#mainContent ul	{margin-left:.5em;}
#mainContent ul li {padding-left:10px;
				background:url(../images/bullets_arrows/bullet_black.png) left center no-repeat;}
#mainContent ul#external_links li {margin-bottom:.75em;}
#mainContent dl {float:left; overflow:hidden; clear:both;
				width:100%;
				margin-bottom:2em;
				background-color:#f5f5f5;}
#mainContent dt {float:left; clear:left;
				width:26%;
				margin:0 0 .5em 0; padding:4px .7em 4px 6px;
				border-top:1px dotted #0065b2;
				font-weight:bold;}
#mainContent dd {float:left;
				width:69%;
				margin:0 0 .5em .4em; padding:3px 0 4px 6px;
				border-left:3px solid #0066b2; border-top:1px dotted #0065b2;}
#mainContent form	{overflow:hidden; clear:both;
					padding:1em; 
					background-color:#E6F0F8;}
#mainContent form a	{width: auto;
					margin-left: 0.5em; }
#mainContent form a:hover,
#mainContent form a:focus 	{background: transparent;}
#mainContent form p			{overflow:hidden; clear:both;
							padding:0 0 1em 0em;}
#mainContent form thead th 	{background-color:none !important;}
#mainContent legend			{padding:2px;
							font-weight:bold;}
#mainContent legend img 	{vertical-align:bottom;}
#mainContent strong.required	{color:#993300;
								font-weight:bold;}
#mainContent input[value='pp.kk.vvvv'],
#mainContent input[value='tt.mm'],
#mainContent input[value='dd.mm.åååå'] 	{color:#666;
										font-style:italic;}
#mainContent textarea 		{min-width:26em; min-height:10em;
							vertical-align:text-top;}
#mainContent label 			{float:left; display:block;
							width:12.5em;
							margin-right:1em;
							text-align:right; font-weight:bold;
							cursor:pointer;}
#mainContent label:hover 	{color:#a05a04;}
#mainContent label small.example {display:block;
								font-size:.9em; font-weight:normal;}
#mainContent label a img 		{vertical-align:text-bottom;}
#mainContent fieldset		{overflow:hidden; clear:both;
							margin:0 auto; margin-bottom:1em; padding:6px; 
							border-top:1px solid #ccc;}
#mainContent fieldset fieldset	{margin-bottom:0;}
#mainContent fieldset div		{float:none; clear:both; overflow:hidden;
								width:100%;
								padding: .5em 0 .5em 0;}
#mainContent fieldset div.more	{width:88%;
								margin-bottom:2em;
								text-align:center;}
#mainContent fieldset td,
#mainContent fieldset td *		{vertical-align:top;}
#mainContent fieldset td.more 	{border:none !important;}
#mainContent fieldset .more button 	{float:left;
									height:24px; width:170px;
									padding-left:28px;
									border:none;
									background:url(../images/buttons/button_S_plus.png) left center no-repeat;
									line-height:24px; text-align:left;}
#mainContent fieldset button.more 	{height: 24px; width: 170px;
									padding-left:28px;
									border:none;
									background:url(../images/buttons/button_S_plus.png) left center no-repeat;
									line-height:24px; text-align:left;}
#mainContent fieldset.error,
#mainContent fieldset.error *,
#mainContent div.error,
#mainContent div.error * 		{background-color:#FFF2EF !important;}
#mainContent fieldset div.error_message {color:#e25f53 !important;}
#mainContent a.add,
#mainContent a.add:hover,
#mainContent a.modify,
#mainContent a.modify:hover,
#mainContent a.delete,
#mainContent a.delete:hover,
#mainContent a.show_changes,
#mainContent a.show_changes:hover 	{display:block;
								height:24px;
								padding-left:30px;
								line-height:24px; text-align:left;}
#mainContent a.add,				
#mainContent a.add:hover		{background:url(../images/buttons/button_S_plus.png) left center no-repeat;}
#mainContent a.modify,
#mainContent a.modify:hover 	{background:url(../images/buttons/button_S_edit.png) left center no-repeat;}
#mainContent a.delete,
#mainContent a.delete:hover 	{background:url(../images/buttons/button_S_delete.png) left center no-repeat;}
#mainContent a.show_changes,
#mainContent a.show_changes:hover 	{background:url(../images/buttons/button_S_changes.png) left center no-repeat;}

#mainContent col#action		{width:12em;}
#mainContent table a span	{display:inline;}
#mainContent table a.view,
#mainContent table a.view:hover,
#mainContent table a.modify,
#mainContent table a.modify:hover,
#mainContent table a.continue,
#mainContent table a.continue:hover,
#mainContent table a.remove,
#mainContent table a.remove:hover,
#mainContent table a.accept,
#mainContent table a.accept:hover,
#mainContent table a.cancel,
#mainContent table a.cancel:hover,
#mainContent table a.reject,
#mainContent table a.reject:hover,
#mainContent table a.copy,
#mainContent table a.copy:hover,
#mainContent table a.archive,
#mainContent table a.archive:hover,
#mainContent table a.return,
#mainContent table a.return:hover
							 	{display:inline;
								height:24px;
								padding:10px 30px 10px 30px;
								line-height:24px; text-align:left;}
#mainContent table a.view,				
#mainContent table a.view:hover		{background:url(../images/buttons/view.gif) left center no-repeat;}
#mainContent table a.modify,
#mainContent table a.modify:hover,
#mainContent table a.continue,
#mainContent table a.continue:hover 	{background:url(../images/buttons/modify.gif) left center no-repeat;}
#mainContent table a.remove,
#mainContent table a.remove:hover 	{background:url(../images/buttons/remove.gif) left center no-repeat;}
#mainContent table a.accept,
#mainContent table a.accept:hover 	{background:url(../images/buttons/accept.gif) left center no-repeat;}
#mainContent table a.cancel,
#mainContent table a.cancel:hover   {background:url(../images/buttons/cancel.gif) left center no-repeat;}
#mainContent table a.archive,
#mainContent table a.archive:hover {background:url(../images/buttons/archive.gif) left center no-repeat;}
#mainContent table a.reject,
#mainContent table a.reject:hover	{background:url(../images/buttons/reject.gif) left center no-repeat;}
#mainContent table a.copy,
#mainContent table a.copy:hover 	{background:url(../images/buttons/copy.gif) left center no-repeat;}
#mainContent table a.return,
#mainContent table a.return:hover   {background:url(../images/buttons/return.gif) left center no-repeat;}

#mainContent button 			{padding-left:0; margin:0 .5em;}
#mainContent button.submit 		{height:24px; width:150px;
								border:none;
								background:url(../images/buttons/button_L_arrow_R2R.png) left center no-repeat;
								line-height:24px; font-weight:bold;}
#mainContent button.pause,
#mainContent button.reset		{height:24px; width:150px;
								border:none; 
								background:url(../images/buttons/button_L_blank.png) left center no-repeat;
								line-height:24px;}
#mainContent button.previous	{height:24px; width:150px;
								border:none; 
								background:url(../images/buttons/button_L_arrow_L2L.png) left center no-repeat;
								line-height:24px;} 	
#mainContent button.select 		{height:24px; width:26px;
								border:none;
								padding-left:28px; 
								background:url(../images/buttons/button_S_ellipsis.png) left center no-repeat;
								line-height:24px; text-align:left; vertical-align:bottom;}
#mainContent button.add 		{height:24px; width:46px;
								border:none;
								background:url(../images/buttons/button_M_blank.png) left center no-repeat;
								line-height:24px; text-align:center; vertical-align:middle;}
#mainContent fieldset.nolegend	{border:none !important;}
#mainContent fieldset.multi label {float:none;
								width:33em;
								margin-bottom:.5em; margin-left: 10.5em;
								text-align:left; font-weight:normal;}
#mainContent fieldset.multi table label {clear:both;
										width:auto;
										margin:0;
										color:#000; 
										text-align:left; font-weight:normal;}
#mainContent fieldset.multi table#award_criteria label {
								width:30em;
								margin-left: 0;
								text-align:left; font-weight:normal;}
#mainContent table 				{clear:both;
								width:100%;
								background-color:transparent;
								text-align:left; font-weight:normal;
								border-collapse:collapse;}
#mainContent dd table 			{width:39em;
								margin-left:0;}
#mainContent fieldset.multi input[type=radio],
#mainContent fieldset.multi input[type=checkbox] {width: 2em;}
#mainContent fieldset.submit	{width:62em;
								border:0 !important;
								text-align:center; text-transform:uppercase; font-size:.9em;}
#mainContent p.actions button {float:right;
							text-transform:uppercase; font-size:.9em;}
#mainContent fieldset.submit input.submit {color:#8c433e;} /* fixing button width in IE */
#mainContent input#low_value 	{margin-left: 1.5em;}
a.help 		{cursor:pointer;}
a.help img 	{vertical-align:middle;}
#mainContent fieldset div.error_message {float:right;
										width:12em;
										padding:4px 0 4px 20px;
										background:url(../images/icons/error_message.gif) left .4em no-repeat;
										font-weight:bold; font-size:.9em;}

.calendar table {width:200px;}
#mainContent form#stats_form legend.open {
									padding-left:10px;
									background:url(../images/bullets_arrows/bullet_arrow_down.gif) 2px center no-repeat;}
#mainContent form#stats_form legend.closed {
									padding-left:10px;
									background:url(../images/bullets_arrows/bullet_arrow_right.gif) 2px center no-repeat;}
table#units	{width:100%;}		
table#units	button.submit {height:24px; width:90px;
							border:none;
							color:#666; background:url(../images/buttons/button_L2_blank.png) center center no-repeat;
							font-weight:bold; line-height:24px; text-align:center;}
div#datePublished	{display:none;}
				

/* =contract
-----------------------------------------------------------------------------*/
#contract #mainContent	{border:1px solid #ECDEBF; border-width:0 1px 1px 0;}
#contract h2.domestic 	{padding-right:20px;
						background:url(../images/icons/domestic_contract.png) 100% 20% no-repeat;}
#contract h2.eu 		{padding-right:20px;
						background:url(../images/icons/contract.png) 100% 20% no-repeat;}
#contract #mainContent dl 	{margin-bottom:0;
							background-color:#ECDEBF;}
#contract #mainContent dt 	{width:35%;
							margin:0 0 .5em 1.5em; padding:4px .7em 4px 20px;
							border-top: 1px dotted #663d00;
							font-weight:bold;}
#contract #mainContent dt.header1 {width:100%;
							margin:0 0 .5em 0; padding:4px .7em 4px 20px;
							border-top: 0 !important;
							color:#003a66;
							font-weight:bold; font-size:1.2em; font-family:"Trebuchet MS", Tahoma, Arial;}
#contract #mainContent dt.header2 {width:100%;
							margin:0;
							border-top: 0 !important;
							color:#003a66; background-image:none !important;}
#contract #mainContent dd 	{width:54.9%;
							margin:0 1.5em .5em .4em; padding:3px 0 4px 0;
							border:none; border-top: 1px dotted #663d00;}
#contract #mainContent dt.unsent 	{background:url(../images/icons/form_status/form_unsent.gif) left 3px no-repeat;}
#contract #mainContent dt.valid 	{background:url(../images/icons/form_status/form_valid.gif) left 3px no-repeat;}
#contract #mainContent dt.invalid 	{background:url(../images/icons/form_status/form_invalid.gif) left 3px no-repeat;}
#contract #mainContent dt.disabled 	{background:url(../images/icons/form_status/form_disabled.gif) left 3px no-repeat;}
#contract #mainContent dt.unsent+dd {font-style:italic;}
#contract #mainContent h3		{padding:.5em 0 0 1em;
								background:url(../images/backgrounds/form_TL.png) left top no-repeat; color:#003a66;
								font-size:1.6em;}
#contract #mainContent h4		{clear:both;
								padding:1em 0 1em 1.2em;
								color:#003a66;
								font-size:1.4em; font-family:"Trebuchet MS", Tahoma, Arial; letter-spacing:normal;}
#contract #mainContent h5,
#contract #mainContent span.title	{clear:both;
									padding:0 0 .5em .5em;
									color:#003a66;
									font:bold 1.2em "Trebuchet MS", Tahoma, Arial; letter-spacing:normal;}
#contract #mainContent h3 span 	{display:block;
								color:#00111F;
								font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:55%;}
#contract #mainContent h4 span 	{display:block;
								color:#00111F;
								font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:65%;}
#contract #mainContent .edit 	{padding-left:20px; margin:4px; 
								background:url(../images/icons/form_status/form_current.gif) left center no-repeat;
								font-size:.8em;}
#contract #mainContent ul		{margin-left:0 !important;}
#contract #mainContent ol		{list-style:decimal; list-style-position:inside;}
#contract #mainContent li		{background:none !important;}
#contract #mainContent form,
#contract #mainContent dl,
#contract #mainContent h3,
#contract #mainContent h4,
#contract #mainContent form table	{background-color:#ECDEBF;}
#contract #mainContent input[type=text],
#contract #mainContent input[type=file],
#contract #mainContent textarea,
#contract #mainContent select,
#contract #mainContent option	{background-color:#fff !important;}
#contract #mainContent legend	{color:#003a66;}
#contract #mainContent fieldset	{border-top:1px dotted #003a66;}
#contract #mainContent fieldset.multi label {margin-left:21.5em;}
#contract #mainContent fieldset.nolegend,
#contract #mainContent fieldset.submit	{border:none;}
#contract #mainContent label	{width:21em;}
#contract #mainContent label:hover 	{background-color:#EFE9D4;}
#contract #mainContent .edit	{color:#bf3930;}
#contract #mainContent td 	{border-bottom:1px solid #C9BDA2;}
#contract #mainContent th 	{border:none;
							background-color: #C9BDA2;}
#contract .note 			{padding:.5em;
							border:1px solid #E2D7CF;
							background-image:none; background-color:#ffecbf;}
#contract .note *			{background-color:#ffecbf;}
#contract #help a:link,
#contract #help a:visited,
#contract #help a:hover		{color:#406580;}

.checklist {overflow:auto; position:relative; left:22em;
			height:10em; width:16em;
			border: 1px dotted #a17c04;
			background-color:#fff;
			list-style: none;}
.checklist, .checklist li 	{margin-left:0; padding:0; }
.checklist label 			{display:block; float:left;
							width:8em !important;
							margin-left:0 !important; padding:0; }


/* popups
-----------------------------------------------------------------------------*/
#popup 		{overflow:visible;
			width:500px; height:500px;
			margin:1em;
			background:none; background-color:#f7f7f7;}
#popup #cpv 		{clear:both;
			padding:10px;
			border:1px solid #BCD2E6; border-width:0 1px 1px 1px;}
#popup #cpv ul 	{line-height:1.8em;}
#popup #cpv li 	{padding-left:12px;
			background:url(../images/backgrounds/list_item_TL.png) left top no-repeat;}
#popup #cpv li.home {padding-left:20px;
			background:url(../images/icons/home_popup.gif) left top no-repeat;}
#popup #cpv li a 	{padding:0 16px 0 0;
			background:url(../images/bullets_arrows/arrow_R_blue.gif) right center no-repeat;}
#popup #cpv table,
#service_category table {margin-top:20px;
						line-height:1.6em;}
#popup #cpv form#simap 		{margin:6px;}
#popup #cpv td
#popup #service_category td 	{vertical-align:top;}
#popup #cpv strong {font-weight:bold;}
#popup #cpv button.select,
#popup #service_category button.select {height:24px; width:46px;
								border:none;
								background:url(../images/buttons/button_M_blank.png) left center no-repeat;
								line-height:24px; text-align:center;}
#popup #cpv button.submit 		{height:24px; width:46px;
						border:none;
						background:url(../images/buttons/button_M_blank.png) center center no-repeat;
						font-weight:bold; line-height:24px; text-transform:uppercase; text-align:center;}
#popup #service_category 		{clear:both;
						padding:10px;
						border:1px solid #BCD2E6;}
#popup #tabs 		{float:left;
      		width:100%;
	  		border-bottom:1px solid #BCD2E6;
      		background:#f7f7f7;
      		font-size:1.1em; font-weight:bold; line-height:normal; letter-spacing:1px;}
#popup #tabs ul 	{margin:0; padding:10px 10px 0 20px;
	  		list-style:none;}
#popup #tabs li 	{display:inline;
            margin:0; padding:0;}
#popup #tabs a 	{float:left;
			padding-left:4px;
			background:url("../images/backgrounds/tableft.gif") no-repeat left top;
			text-decoration:none;}
#popup #tabs a span {float:left; display:block;
		    padding:5px 15px 4px 6px;
			color:#627EB7; background:url("../images/backgrounds/tabright.gif") no-repeat right top;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#popup #tabs a span {float:none;}
/* End IE5-Mac hack */
#popup #tabs a:hover span,
#popup #tabs a.selected span 	{color:#627EB7;}
#popup #tabs a:hover,
#popup #tabs a.selected 		{background-position:0% -42px;}
#popup #tabs a:hover span,
#popup #tabs a.selected span 	{background-position:100% -42px;}
#popup h2,
#popup h3	{padding:0; margin:1em 0 .5em 0;}
#popup h1	{padding:0; margin:0;
			display:block; width:100%;}
#toChoose	{float:left; width:55%; clear:both;
			padding-right:20px; 
			border-right:1px solid #333;}
#chosen		{float:right;width:36.5%; 
			padding-left:20px; 
			background-color:#eee;}
#saveForm	{clear:both;
			padding:6px;
			margin:6px; margin-left:0;
			background-color: #FFFFCC; border:1px solid #663300;}
/* styles for FCK editor */
.red {
	color:red;
	}
.small {
	font-size:90%;
	}