/* Breadcrumbs   
----------------------------------------------------------*/
    .reset-list,.reset-list ul,.reset-list li {margin: 0;padding: 0;list-style-type: none;}
    #path {font-size: 90%;background: none;background-color: #074A8B;min-height: 19px;color: #fff;padding: 0;overflow: hidden;line-height: 1.6;min-width: 770px;max-width: 100%;margin: 0 auto;border: 0;}
    #path ul {position: relative;z-index: 7;padding-left: 10px;}
    #path li {white-space: nowrap;display: inline;padding: 0 0 0 12px;float: left;background: url("http://een.ec.europa.eu/tools/Content/images/breadcrumb.gif") transparent left center no-repeat;}
    #path li.first {background-image: none;padding-left: 0;padding-right: 0;}
    #path a, #path a:link, #path a:visited {color: #fff; text-decoration: none; border: 0;}
    #path a:hover, #path a:active, #path a:focus {color: #fff; text-decoration: underline; border: 0;}

/* Body container and layout
----------------------------------------------------------*/
    #mainContentBody {padding: 10px;max-width: 100%;min-height:750px;}
    .layout {
	    margin: 0 auto;
	    padding: 0;
      width: 986px;
    }
    .layoutBody {width: 100%;margin: 0px auto;padding:0px;}

/* Footer
----------------------------------------------------------*/
    .layoutFooter {min-width: 770px;max-width: 100%;margin: 0 auto;border-left: 0px;border-right: 0px;border-top: 0px;border-bottom: 0px;display:block;color:#B3B3B3;clear:both;}
    
    #mainFooterBody {    border-top: 1px solid #999;color: #333; padding: 50px 0;text-align: center;}    
    
    #mainFooterBody p {font-size:11px;color: #666; margin-left:10px}

/* Error, warning and notification styles
----------------------------------------------------------*/
    .warning {width:100% !important;color: Red;text-align:center;font-weight:bold;padding:10px 0px 10px 0px;}
    #errorContainer{position: relative; padding:10px; margin: 0 auto; width: 700px;}
    #errorContainer img{float:left; display: block; margin: 15px; }
    #errorContent{ display: inline-block; }
    
/* Services (top right side of header)
----------------------------------------------------------*/
    #services {font-size: 90%; font-weight: normal; position: absolute; left: 0; top: 2px; right: 0; z-index: 18; padding: 1px 5px 1px 0; text-align: right;}
    #services li {display: inline; padding: 3px 0;}
    #services a,#services a:visited {background: url("http://een.ec.europa.eu/tools/Content/images/services-separator.gif") transparent left center no-repeat; color: #396ea2; text-decoration: none; margin: 0; padding: 0 0 3px 5px; border: 0; font-weight: normal; display: inline-block;}
    #services a:focus,#services a:hover,#services a:active {color: #396ea2; text-decoration: underline; border: 0;}
    #services a.first {border: 0px; background-image: none;}

    /*START: Duplicated from /wel/template-2012/stylesheets/ec-intranet.css in the Drupal site
    ----------------------------------------------------------*/
	.off-screen{position:absolute;left:-999px;top:-999px;}
	.js #services{padding-right:140px;}
	.language-selector-close,
	.language-selector-open{font-size:90%;position:absolute;top:1px;right:1px;z-index:99;overflow:hidden;width:130px;background-color:#fff;border:1px solid #9ab;}
	.language-selector-close li{padding:1px;position:absolute;left:-999px;top:-999px;}
	.language-selector-open li,
	.language-selector-close li.selected{padding:1px;position:relative;left:0;top:0;width:128px;}
	.language-selector-close a,
	.language-selector-open a,
	.language-selector-close a:visited,
	.language-selector-open a:visited{display:block;padding:0 3px;border:0; text-decoration: none; color:#396ea2;}
	.language-selector-close a:hover,
	.language-selector-close a:focus,
	.language-selector-close a:active,
	.language-selector-open a:hover,
	.language-selector-open a:focus,
	.language-selector-open a:active{background-color:#def;color:#036;text-decoration: none;}
	.language-selector-open li.lang-separate{border-top:1px solid #9ab;margin:2px 0 0 0;}
	.language-selector-open img,
	.language-selector-close img{position:absolute;right:0;top:0;z-index:1;width:16px;height:16px;}

/* Validation helpers
-----------------------------------------------------------*/
    .field-validation-error{font-size: 10px;font-weight: bold;color: Red;display: block;clear: both;}
    .field-validation-valid {display: none;}
    .input-validation-error {border: 1px solid #ff0000;background-color: #ffeeee;}
    .validation-summary-errors {font-weight: bold;color: #ff0000;}
    .validation-summary-valid {display: none;}

/* Editor and display helpers
----------------------------------------------------------*/

    .editorLabel {margin: 0.5em 0 0 0;min-width: 200px;max-width: 300px;vertical-align:top !important;}
    .displayField, .editorField {margin: 0.5em 0 0 0;}
    /*.text-box {width: 60em;}*/

/* Status Box
----------------------------------------------------------*/
    #StatusBox{display: block !important;float: right !important;font-size: 12px !important;padding: 3px !important;margin-top: 0px !important;margin-right: 20px !important;color: #fff !important; max-width:350px;}

/* Action buttons
----------------------------------------------------------*/
    div.actionButtons { text-align:right; width:100%;}
    div.actionButtons a{text-decoration:none; margin-left:5px;}
    a.ui-button{color:#2e6e9e;}
    a.button-text{padding: .4em 1em;}
    a.ui-button:hover{ border: 1px solid #79b7e7; background: #d0e5f5; font-weight: bold; color: #1d5987; }
    
    .small{padding: 2px !important; font-size:11px !important;}
    .small > span{padding: 0px 10px !important;}

    .actionButtonsInCell{display: inline-block !important;width: 100% !important;font-weight:bold !important;text-align: right !important;height: 40px !important;padding-left: 10px !important;}
    .actionButtonsInCell > a, .actionButtonsInCell > input[type="submit"]{height: 30px !important;display: table-cell !important;vertical-align: middle !important;float: left !important;padding-left: 10px !important;padding-right: 10px !important;padding-top: 10px !important;padding-bottom: 0px !important;margin-left: 10px !important;text-align: center !important;text-decoration: none !important;font-size: 12px !important;border: 1px solid #C5DBEC !important;background: #DFEFFC url('http://een.ec.europa.eu/tools/Content/styles/themes/redmond/images/ui-bg_glass_85_dfeffc_1x400.png') 50% 50% repeat-x !important;font-weight: bold !important;color: #03F !important;-moz-border-radius-bottomright: 5px !important;-webkit-border-bottom-right-radius: 5px !important;-khtml-border-bottom-right-radius: 5px !important;border-bottom-right-radius: 5px !important;}
    .actionButtonsInCell > a:hover, .actionButtonsInCell > a:active, .actionButtonsInCell > input[type=submit]:hover, .actionButtonsInCell > input[type=submit]:active{border: 1px solid #900 !important;color: #900 !important;}

/* Body paragraph
----------------------------------------------------------*/
    .bodyParagraph{border-top: 1px #000000 solid !important;min-height: 22px !important;padding: 4px !important;display: block !important;position: relative !important;float: left !important;min-width: 70% !important;max-width: 70% !important;word-wrap: break-word;}
    .bodyParagraph a:link, .bodyParagraph a:visited{font-size: 10pt !important;border: none;background: none;}
    .bodyParagraph a:hover, .bodyParagraph a:active{color: #900 !important;}
    .bodyParagraph > p{margin-bottom: 20px !important;word-wrap: break-word !important;}

/* Comment
----------------------------------------------------------*/
    .comment {display: inline-block;border: 1px #C7C7C7 solid;min-height: 80px;width: 95%;background-color: #E8E8E8;padding: 10px;font-size: 11px;line-height: 15px;margin-bottom: 5px;}
    .comment{border-top: 3px solid #C7C7C7;}
    .comment > p {font-size: 14px;padding-left: 20px;padding-top: 10px;padding-bottom: 10px;word-wrap: break-word;background-color: #F2F2F2;}
    .comment > .resigned {background-color: #fff; border-left:5px solid orange;}
    .comment > .deleted {background-color: #fff; border-left:5px solid red;}
    .comment .commentBy{font-weight:bold;color:#333;border-bottom:1px dotted #333;}

/* Summary Panel
----------------------------------------------------------*/
    #Summary{ width:99%; display:block; min-height: 50px; background-color: #FFEFBF;font-weight: normal; margin-bottom:10px;padding:5px;}
    /*.summaryContent{padding-left: 21px; padding-right: 21px; padding-top: 14px; padding-bottom: 14px; }*/
    .summaryTitle{font-size: 9pt;font-weight: bold;}
    .summaryParagraph{font-size: 9pt;font-weight: normal;}

/* Keyword picker
----------------------------------------------------------*/
    .keywordDropdown{width:300px;}
    .KeywordButtonArea{clear: left; padding-left: 512px;margin-top: 5px;}

/* Clearfix: Ensure div contents stay within confines of parent DIV
----------------------------------------------------------*/
    .clearfix:before,.clearfix:after {content:"";display:table;}/* For modern browsers */
    .clearfix:after {clear:both;}
    .clearfix {zoom:1;}/* For IE 6/7 (trigger hasLayout) */

/* Bugfix 11225: used for Event Calendar date to display on a single row
----------------------------------------------------------*/
    #resultTable td:first-child{width:130px;}

/* MISC  
----------------------------------------------------------*/
    div.formPage form div#PageWidth {width: 100%;}
    div#title {display: block;float: left;text-align: left;}
    nav, #menucontainer {margin-top: 1px;}
    
    .calendarEvent:hover {background-color:#E6E6FA;}
    .childContracts{margin-left:100px;}
    .circleGreen {
        width: 8px;
        height: 8px;
        margin-top:6px;
        margin-right: 10px;
        background-color:Green;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px; 
        float:left;
    }
    .circleRed {
        width: 8px;
        height: 8px;
        margin-top:6px;
        margin-right: 10px;
        background-color:red;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px; 
        float:left;
    }
    .clear {clear: both;}
    .dropdown{width:500px !important;}
    .error {color: Red;}
    .externalRevTextBox{height:200px;width:600px;}
    .legend {font-size: 0.9em;color:#666;}
    .merlinDropDown{width:300px;}
    .merlinLabelContract{width:300px;}
    .msgContainerQuestion{margin: 5px;border-radius: 7px;border:3px double #ff0000;padding:3px;color:#ff0000;text-align:left;}
    .subLabel{font-size:0.9em;color:#666;}
    .ui-dialog {width:700px;}

    #mainContentBody li{ list-style-type: disc;}
    #mainContentBody .merlin-choices li{ list-style-type:none !important;}
    #PageHeader{background-color: #0061A5;color: #FFFFFF;display: block;font-weight: normal;height: 37px;margin-bottom: 15px;padding-left: 14px;padding-top: 5px;}