/*
 *  Layout stylesheet
 *  @author Rob Simpkins (AEA Technology)
 *  @url http://www.aeat.com
 */

/** start wrapper styles */
div.wrapper {
    width: 996px;
    margin: 0 auto;
    text-align: left;
}

/** start header bar styles */
div#headerBar {
    float: left; display: inline;
    height: 40px; width: 100%;
    background-color: #021c67;
    text-align: center;
}
div#headerBar ul#languageMenu {
    position: relative; top: 12px; left: 11px;
    float: left; display: inline;
}
div#headerBar ul#headerMenu {
    position: relative; top: 12px; right: 11px;
    float: right; display: inline;
}
div#headerBar ul li {
    float: left; display: inline;
    height: 14px;
    list-style-type: none;
}
div#headerBar ul li a, div#headerBar ul li span {
    float: left; display: inline;
    height: 14px;
    padding: 0 9px; border-left: 1px solid #fff;
    color: #fff; background: transparent;
    font-size: 11px;
    line-height: 14px;
}
div#headerBar ul li a.first, div#headerBar ul li span.first {
    border-left: none;
}
div#headerBar ul li a.current {
    text-decoration: none;
}


/** start header bar styles */
div#header {
    float: left; display: inline;
    height: 135px; width: 100%;
    border-bottom: 1px solid #fff;
    background: #17488b url('../images/header_background.jpg') no-repeat bottom center;
    text-align: center;
}
div#header h1#ukrainianTitle {
    position: relative; top: 40px; left: 40px;
    float: left; display: inline;
    height: 19px; width: 760px;
    background: transparent url('../images/uk/title.png') no-repeat top left;
    text-indent: -9999px;
}
div#header h1#englishTitle {
    position: relative; top: 42px; left: 40px;
    float: left; display: inline;
    height: 16px; width: 339px;
    background: transparent url('../images/en/title.png') no-repeat top left;
    text-indent: -9999px;
}
div#header a#nipLogo {
    position: relative; top: 13px; left: 20px;
    float: left; display: inline;
}
div#header img#fp7Logo {
    position: relative; top: 10px; right: 20px;
    float: right; display: inline;
}


/** start content styles */
div#content {
    float: left; display: inline;
    width: 100%;
    padding-top: 10px;
    text-align: center;
}
div#content div#leftColumn {
    float: left; display: inline;
    height: 100%; width: 174px;
    padding: 0 20px;
}
div#content div#middleColumn {
    float: left; display: inline;
    height: 100%; width: 485px;
    padding: 0 20px;
}
div#content div#rightColumn {
    float: left; display: inline;
    height: 100%; width: 217px;
    padding: 0 20px;
}


/** start left column styles */
div#content div#leftColumn ul.columnMenu {
    display: block;
    padding-bottom: 20px;
}
div#content div#leftColumn ul.columnMenu li.parent {
    margin: 0; padding: 15px 0 3px 15px;
    background: transparent url('../images/bullet.gif') no-repeat 0 22px;
    font-size: 12px; font-weight: bold;
    list-style-type: none;
}
div#content div#leftColumn ul.columnMenu li {
    margin-left: 30px; padding: 3px 0;
    font-size: 11px;
    line-height: 150%;
    list-style-type: disc; list-style-position: outside;
}
div#content div#leftColumn ul.columnMenu li a {
    color: #000;
}
div#content a#partnerSearch {
    float: left; display: inline;
    height: 57px; width: 168px;
    margin-top: 30px;
}


/** start middle column styles */
div#content p {
    line-height: 150%;
}
div#content h3 a, div#content p a {
    color: #d60000;
}
div#content ul.latestNews {
    float: left; display: inline;
    width: 100%;
}
div#content ul.latestNews li {
    float: left; display: inline;
    width: 100%;
    padding-bottom: 10px;
}


/** start right column styles */
div#content div#rightColumn ul.columnMenu {
    float: left; display: inline;
    width: 200px;
    margin-left: 20px; padding-bottom: 20px;
    font-family: verdana, tahoma, arial, sans-serif; font-size: 12px; font-weight: bold;
    text-transform: uppercase;
}
div#content div#rightColumn ul.columnMenu li {
    padding-bottom: 10px;
    list-style-type: disc; list-style-position: outside;
    line-height: 120%;
}
div#content div#rightColumn ul.columnMenu li a {
    color: #2e3756;
}
div#content div#rightColumn h2 {
    margin: 0; padding-top: 15px;
    color: #000;
    font-family: verdana, tahoma, arial, sans-serif; font-size: 12px; font-weight: bold;
}
div#content div#rightColumn ul#jsoEvents, div#content div#rightColumn ul#jsoNews {
    float: left; display: inline;
    width: 100%;
}
div#content div#rightColumn ul#jsoEvents li, div#content div#rightColumn ul#jsoNews li {
    float: left; display: inline;
    width: 100%;
    padding-bottom: 20px;
    line-height: 150%;
}
div#content div#rightColumn ul#jsoEvents li p, div#content div#rightColumn ul#jsoNews li p {
    padding-top: 0;
}
div#content div#rightColumn p {
    float: left; display: inline;
    width: 100%;
    font-size: 10px;
}
div#content div#rightColumn h3 a {
     color: #d60000;
     font-size: 12px; font-weight: bold;
     line-height: 120%;
}
div#content a#newsletterSignup {
    float: left; display: inline;
    height: 78px; width: 168px;
    margin-top: 50px;
}


/** start footer styles */
div#footer {
    float: left; display: inline;
    width: 100%;
    padding: 50px 0;
    text-align: center;
}
div#footer div.wrapper {
    text-align: center;
}
div#footer ul#footerReferences {
    display: block;
    width: 749px;
    margin: 0 auto;
}
div#footer ul#footerReferences li {
    float: left; display: inline;
    padding: 10px 16px;
}
div#footer ul#footerReferences li a {
    float: left; display: inline;
}
div#footer ul#footerReferences li a#bilat {
    position: relative; top: -9px;
}
div#footer ul#footerReferences li a#extend {
    position: relative; top: -10px;
}
div#footer ul#footerReferences li a#idealist {
    position: relative; top: -6px;
}
div#footer p {
    float: left; display: inline;
    width: 100%;
    font-size: 11px;
}


/** start latest news styles */
div#content ul.latestNews li {
    padding-bottom: 10px;
}
div#content p#articleDate {
    padding-top: 0;
    font-size: 11px;
}


/** start latest events styles */
div#content ul.latestEvents li {
    padding-bottom: 10px;
}
div#content p#eventDate {
    padding-top: 0;
    font-size: 11px;
}


/** start pagination styles */
div#pagination {
   float: left; display: inline;
   width: 100%;
   padding-top: 10px;
   font-size: 11px;
   text-align: center;
}
div#pagination strong {
    padding: 3px 5px;
    color: #000;
}
div#pagination a {
    padding: 3px 5px;
    color: #d60000;
}
div#pagination span {
    padding: 3px 5px;
    color: #777;
}


/** start form styles */
form {
    float: left; display: inline;
    width: 100%;
    padding-top: 15px;
}
div.field, p.field {
    float: left; display: inline;
    width: 100%;
    padding-bottom: 10px;
}
div.field label, p.field label {
    float: left; display: inline;
    width: 90%;
    padding-bottom: 3px;
    font-size: 11px;
}
div.field input.text {
    float: left; display: inline;
    height: 20px; width: 50%;
    padding: 3px 2px 0 2px;
}
div.field textarea {
    float: left; display: inline;
    height: 100px; width: 80%;
    padding: 3px 2px 0 2px;
}
p.field.checkbox input {
    float: left; display: inline;
    margin-right: 10px;
}
div.Actions input.action {
    padding: 3px 5px;
    font-size: 11px;
}
p#MemberLoginForm_LoginForm_error {
    padding-bottom: 15px;
    color: #d60000;
    font-size: 11px;
}
p#ForgotPassword {
    padding: 5px 0;
    font-size: 11px;
}
span.message {
    float: left; display: inline;
    width: 100%;
    padding: 5px 0;
    color: #d60000;
    font-size: 11px;
}


/** start comment styles */
div#PageComments_holder {
    float: left; display: inline;
    width: 100%;
    padding-top: 25px;
}
form#PageCommentInterface_Form_PostCommentForm {
    float: left; display: inline;
    width: 100%;
    padding: 0 0 15px 0;
}
div#CommentHolder ul#PageComments {
    float: left; display: inline;
    width: 100%;
}
div#CommentHolder ul#PageComments li.odd, div#CommentHolder ul#PageComments li.even {
    float: left; display: inline;
    width: 100%;
    margin-bottom: 5px; padding: 10px 0; border: 1px solid #7baad4;
    background-color: #dde9f5;
    font-size: 11px;
}
div#CommentHolder ul#PageComments li.odd p, div#CommentHolder ul#PageComments li.even p {
    display: block;    
    padding-left: 10px; padding-right: 10px;
    clear: both;
}
div#CommentHolder ul#PageComments li ul.actionLinks {
    display: block;
    padding: 5px 10px;
    clear: both;
}
div#CommentHolder ul#PageComments li ul.actionLinks li {
    display: inline;
    padding-right: 20px;
}
div#CommentHolder ul#PageComments li ul.actionLinks li a {
    color: #d60000;
}
div#PageComments_holder p#DeleteComments, div#PageComments_holder p#CommentsRSSFeed {
    float: left; display: inline;
    width: 100%;
    padding-top: 10px;
    font-size: 11px;
}
div#PageCommentsPagination {
   float: left; display: inline;
   width: 100%;
   padding-top: 10px;
   font-size: 11px;
   text-align: center;
}
div#PageCommentsPagination strong {
    padding: 3px 5px;
    color: #000;
}
div#PageCommentsPagination a {
    padding: 3px 5px;
    color: #d60000;
}


/** start search styles */
input#action_Results {
    padding: 3px 5px;
    font-size: 11px;
}
ul#searchResults {
    float: left; display: inline;
    width: 100%;
    padding-top: 15px;
}
ul#searchResults li {
    float: left; display: inline;
    width: 100%;
    padding-bottom: 10px;
}


/** start sitemap styles */
ul.sitemap {
    padding-left: 20px;
    list-style-type: disc;
    clear: both;
}
ul.sitemap li {
    padding: 5px 0;
    line-height: 150%;
}
ul.sitemap li a {
    color: #d60000;
}


/** start language specific styles */
a#enAllNewsButton {
    display: block;
    height: 24px; width: 121px;
    margin-bottom: 20px;
    background: transparent url('../images/en/all_news_button.png') no-repeat top left;
    text-indent: -9999px;
}
a#ukAllNewsButton {
    display: block;
    height: 24px; width: 121px;
    margin-bottom: 20px;
    background: transparent url('../images/uk/all_news_button.png') no-repeat top left;
    text-indent: -9999px;
}