/* 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; }
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;}
h6 {padding:.5em 0 .5em 0.25em;
      font-size:1.2em; line-height:1.4em;font-weight:bold;}
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%;}
hr.divisor { border: none; border-bottom: 1px dotted gray; }
.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:23em;
}
#contract #sidebar {background-color:transparent;}
#mainContent    {/*float:left;*/ overflow:hidden;
          width:56.6em;
          padding:.2em 1em 1em 1em;
          font-size:1.1em; line-height:1.6;
          z-index:101;}
#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;
              border-radius:5px;}
#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 {  }
#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;
        background: url(../images/bullets_arrows/bullet_brown.png) left 8px 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 {font-weight:normal; background-color:#D0BDA1;}
#sidebar li a.selected {font-weight:normal; background-color: #C65B40; color: #FFFFFF;}
#sidebar li img     {vertical-align:middle;}
#sidebar .important   {color:#733d3a;
            letter-spacing:2px;}

#sidebar #search,
#sidebar #general,
#sidebar #leave_notice,
#sidebar #browse,
#sidebar #maintain     {color:#2d5c64;         
			background-color:#BFD9EC;
			border-radius:0 10px 10px 0;
			padding:0 1em 1em 1em;}
#search form  {padding:5px 3px;
        margin:0 auto;
        }
#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,
#search h5  {display:block;
        padding:2px 0 0 2px;
        font-weight:bold;
        font-size:11px !important;
        font-family: "Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
        color: #663D00;
        letter-spacing:1px;
        margin:0;}
#search label.select {color:#663D00;letter-spacing:normal;font-weight:normal;cursor:pointer;}
#search #search_type label.select {padding-left:20px;background:url(../images/icons/close.png) no-repeat left 2px;}
#search #search_type label.select:not(:last-of-type) {padding-bottom:4px;}
#search label small {color:#663D00;
        font-size:.9em;
        font-style:italic;
        letter-spacing:normal;
        font-weight:normal;}
#search input[type=checkbox] {width:1.2em;cursor:default;}
#search select        {padding:2px;
              border:1px solid #003a66;}
#search div         {margin-top:.7em;}
#search div#submit      {margin:1em .3em 0 0; padding-top:10px;
              border-top:1px dotted #663D00;
              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.calendar {cursor:default !important;}
#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,
#search #search_type  button.select {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;}
#search div#search_type   {display:inline-block;width:172px;}

#sections ul {background-color:#0066B2;border-bottom:2px solid #fff;}
#sections li {display:inline;background:#0066B2;font-size:16px;text-align:center;margin:0;}
#sections li.selected a {cursor:default;color:#fff;background:url(../images/bullets_arrows/section_selected_white.png) 50% 130% no-repeat;}
#sections li a:hover {background: url(../images/bullets_arrows/section_selected_white.png) 50% 130% no-repeat;}
/*#sections li:not(:last-of-type) {border-right:1px solid #754101;}*/
#sections li a {color:#ccc;text-decoration:none;padding:10px 30px;display:inline-block;}
/*#sections li.selected a,
#sections li:hover a {color:white;}
#sections li:hover {background:#0066B2;}*/

#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:0 0 0 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 {background-color: #D0BDA1;
    border-radius: 0 0 10px 0;
    margin-top: 40px;
    padding: 0 1em 1em;
    position: relative;}
/*#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;
        border-radius:10px 10px 0 0;}*/
#news h4    { background: none repeat scroll 0 0 #663D00;
    border-radius: 10px 10px 0 0;
    color: white;
    left: 14px;
    padding: 6px 15px;
    position: absolute;
    top: -32px;}
/*#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 #663D00;}
#news ul li a   {/*color:#663d00;
        font-size:.9em;*/
        color:#591200;
		padding-left:0;}
#news span.date {display:block;
        /*color:#666;*/
        font-size:.9em;
        color:#FFF6E0;}
#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: 1em;
        font-size:1.1em;}
#results_types a {font-size:12px;color:#0065B1;display:inline-block;text-decoration:none;border:1px solid #f7f7f7;border-radius:10px;padding:1px 8px 2px;font-weight:normal;}
#results_types a.selected,
#results_types a.selected:hover {color:#0065B1;background-color:#BFD9EC;border:1px solid #BFD9EC;cursor:default;font-weight:normal;}
#results_types a:hover {background-color:#dfdfdf;border:1px solid #dfdfdf;}
#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,
#mainContent a.history,
#mainContent a.history: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 a.history,
#mainContent a.history:hover   {background:url(../images/buttons/history.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;}
table.CONTACT td {width:50%;}       
table.CPV td {width:50%;}       
table.SUBCONTRACTING td {width:85%;}       
/* table.AWARD td {width:30%;} */       

/* =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;background-color:#ECDEBF;}
#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; */
  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;
  text-align: left !important;
  width:8em !important;
  margin-left: 0 !important;
  padding: 0;
  font-weight: normal !important;
}

/* 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%;
  }
