@charset "utf-8";
/* Core Body Styles */
body {
    margin: 0 0 0 0;
    padding: 0;
    color: #000;
    font-size: 12px;
    font-family: Trebuchet MS
    }
html, body, p, div, img, ul, form, form, noscript {
    margin: 0;
    padding: 0;
    border: 0;
    border-spacing: 0
    }
h1, h2 {
    font-family: RoadwayRegular;
    font-weight: normal;
    text-transform: uppercase
    }
h3, h4, h5, h6 {
    font-family: Trebuchet MS;
    font-weight: normal;
    text-transform: uppercase
    }
h1 {
    color: #000;
    font-size: 25px;
    font-weight: normal;
    margin: 0;
    padding: 10px 0 20px 0;
    text-transform: uppercase;
    letter-spacing: 0.96px
    }
h2 {
    letter-spacing: 0.6px;
    font-size: 1.55em;
    font-weight: normal
    }
/*sand box*/
h3 {
    font-size: 1.35em
    }
h4 {
    font-size: 1.25em
    }
h5 {
    font-size: 1.15em
    }
h6 {
    font-size: 1.15em
    }
.content ul li {
    list-style-image: url(/images/navigation/bullet.gif)
    }
.content ul li, .contentSub ol li {
    line-height: 18px;
    padding: 0 0 0.25em 0.1em;
    margin-left: 15px
    }
.content li ol, .contentSub li ul {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px
    }
table {
    border-collapse: collapse
    }
.content table {
    color: #000;
    width: 100%
    }
.content table td {
    margin: 0;
    padding: 0
    }
.content table th {
    background-color: #4A7CAB;
    border: 1px solid #CACACA;
    color: #FFF;
    line-height: 25px;
    padding: 2px 0;
    text-align: center
    }
.content table.noBorder td, .contentSub table.noBorder th, .contentSub table.noborder td, .contentSub table.noborder th {
    border: none;
    background: none
    }
/*end*/
p {
    margin: 0;
    padding: 0 0 0 0;
    font-size: 1em;
    line-height: 17px
    }
.noBorder {
    border: none !important
    }
.noBorder table {
    background: none;
    border: none
    }
a, a:link, a:visited {
    color: #587EC6
    }
img.left {
    float: left;
    margin: 0 10px 0 0 !important
    }
img.right {
    float: right;
    margin: 0 0 0 10px !important
    }
.underline {
    text-decoration: underline
    }
.center {
    text-align: center
    }
.left {
    text-align: left
    }
.right {
    text-align: right
    }
.Hidden {
    position: absolute;
    left: -9999px
    }
.IsVisible {
    display: block
    }
.IsHIdden {
    display: none
    }
a:hover, a:active, a:focus {
    text-decoration: none
    }
.errMessage {
    border: 1px solid #dcdcdc
    }
.noBorder {
    border: none;
    padding: 25px
    }
.noBorder table {
    border: none;
    width: 100%
    }
.noBorder table tr {
    border: none
    }
.noBorder table tr td {
    border: none;
    vertical-align: top
    }
/* Text Styles */
.Underline {
    text-decoration: underline
    }
.Bold {
    font-weight: bold
    }
.Italic {
    font-style: italic
    }
.Red {
    color: #C00
    }
/* Alignment Styles */
.Left, .AlignLeft {
    text-align: left
    }
.Center, .AlignCenter {
    text-align: center
    }
.Right, .AlignRight {
    text-align: right
    }
img.Left {
    float: left !important
    }
img.Right {
    float: right !important
    }
/* Main Containers */
#limiter {
    margin: 0 auto;
    padding: 0
    }
/* Header */
#headerBackground {
    margin-top: 17px
    }
#headerContainer {
    margin: 0 auto;
    width: 960px;
    height: 155px;
    border-top: 1px solid #cacaca;
    padding-top: 10px
    }
#headleft {
    width: 500px;
    float: left
    }
#headright {
    width: 445px;
    float: right;
    color: #b5b5b5
    }
.ddMenu {
    display: none;
    float: left;
    width: 222px;
    height: 36px;
    margin-top: 0;
    overflow: hidden;
    background: url(/images/images-HCI/lang-dropdown.gif) no-repeat top left
    }
.intDdMenu {
    width: 240px;
    margin-top: 9px;
    padding: 0 0 0 10px;
    background: transparent;
    -webkit-appearance: none;
    background-color: rgba(255, 0, 0, 0);
    border: none;
    text-transform: uppercase
    }
.headrightmid {
    margin-top: 20px;
    text-align: right
    }
.headrightbtm {
    margin: 15px 0;
    padding: 0;
    width: 435px
    }
.signIn, .registr, .ar, .myacc, .logOut {
    display: block;
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0 17px;
    cursor: pointer
    }
.signIn a, .registr a, .myacc a, .logOut a {
    color: #fff;
    text-decoration: none
    }
.registr, .ar, .signIn {
    float: right
    }
.logOut, .signIn {
    background-color: #B62A37
    }
.registr {
    background-color: #A2C834
    }
.myacc {
    background-color: #FAB301;
    float: right
    }
/* Header Banner */
#logo {
    float: left
    }
.hidden {
    position: absolute;
    left: -9000px
    }
/* Search Styles */
#searcharea {
    float: left
    }
#searcharea input.searchsite {
    display: block;
    float: left;
    width: 158px;
    height: 20px;
    margin: 0 -2px 0 0;
    padding: 9px 0 8px 10px;
    background: url(/images/images-HCI/search-box.gif) no-repeat;
    border: none
    }
#searcharea input.searchbutton {
    display: block;
    float: left;
    margin: 0 20px 0 0;
    padding: 0
    }
#searcharea label {
    color: #aaa;
    font-weight: bold;
    position: relative;
    top: -6px;
    display: none
    }
/* Main Content Containers */
.rss {
    margin: 0 0 0 0
    }
.rss ul {
    list-style-type: none
    }
.rss ul li {
    margin: 5px 0 5px 0
    }
.rss ul li a {
    padding: 0 0 0 20px;
    background: url(/images/icons/feed-icon-12x16.gif) no-repeat left 3px;
    color: #000;
    text-decoration: none;
    text-transform: uppercase
    }
.rss ul li a:hover {
    text-decoration: underline
    }
/* History/Breadcrumb */
.historyContainer {
    padding: 10px 0 0 10px
    }
#history .history-link, #history .history-home, #history .activeLink, .historySeparator {
    color: #cacaca;
    text-decoration: none
    }
#history .history-link:hover, #history .history-home:hover {
    text-decoration: underline;
    color: #000
    }
#history .activeLink:hover {
    color: #000
    }
.historySeparator {
    margin: 0 5px
    }
.useWatermark {
    color: #999 !important
    }
/*main menu*/
/* Main Navigation DropDown */
#navbar {
    margin: 0 auto;
    width: 960px
    }
/* First Level and Below Lists */
.signIn a, .registr a, .ar, .myacc a, input.editImage, input.myAccBtn, input.btnRed, .logOut a, .navitem li.pos-eight a {
    text-transform: uppercase;
    font-family: RoadwayRegular;
    letter-spacing: 0.1px;
    font-size: 1.5em
    }
#nav {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    line-height: 55px;
    height: 55px;
    border-top: 1px solid #CACACA;
    border-bottom: 1px solid #CACACA
    }
#nav a, .signIn a, .registr a, .ar, .myacc a, input.editImage, input.myAccBtn, input.btnRed {
    text-transform: uppercase;
    font-family: RoadwayRegular;
    font-size: 1.5em
    }
input.btnConnect, input.connectFacebookBtn {
    background-color: #8CAB4E;
    margin-top: -18px;
    border: none
    }
#nav ul {
    padding: 0;
    margin: 0 auto;
    list-style: none
    }
#nav li {
    float: left;
    padding-left: 20px;
    border-bottom: 1px solid #cacaca
    }
#nav li a {
    color: #000;
    text-decoration: none;
    display: block
    }
.paddingEng {
    padding-right: 33px
    }
.paddingEng a {
    letter-spacing: 0.6px
    }
.paddingOther {
    padding-right: 12px
    }
.paddingGreek {
    padding-right: 12px
    }
.paddingSpanish {
    padding-right: 10px
    }
.paddingSlovak {
    padding-right: 20px
    }
.paddingItalian {
    padding-right: 18px
    }
.paddingLithuanian {
    padding-right: 25px
    }
.paddingCzech {
    padding-right: 24px
    }
.paddingOther a, .paddingGreek a, .paddingCzech a, .paddingLithuanian a, .paddingItalian a, .paddingSlovak a, .paddingSpanish a {
    letter-spacing: -1.5px;
    font-family: Trebuchet MS !important
    }
#nav li.first8 {
    padding-bottom: 14px !important;
    display: block;
    margin-top: 13px;
    padding-right: 0;
    position: relative;
    text-align: right
    }
#nav li.first8 a {
    background-color: #497cab;
    color: #fff !important;
    height: 28px;
    line-height: 28px;
    text-align: center;
    padding: 0 15px
    }
#nav li a:hover, #nav li a:focus, #nav li a:active, #nav li a.selected {
    text-decoration: none
    }
.selected, .selectedHome {
    height: 46px
    }
.first1 .selectedHome {
    border-bottom: 9px solid #406498
    }
.first2 .selected {
    border-bottom: 9px solid #29b0e0
    }
.first3 .selected {
    border-bottom: 9px solid #8cab4e
    }
.first4 .selected {
    border-bottom: 9px solid #f6be43
    }
.first5 .selected {
    border-bottom: 9px solid #e3666e
    }
.first6 .selected {
    border-bottom: 9px solid #463677
    }
.first7 .selected {
    border-bottom: 9px solid #b62a35
    }
.selected:hover {
    border: none;
    height: 55px
    }
/* Second Level and Below Lists */
#nav li ul {
    position: absolute;
    display: none;
    z-index: 2;
    width: 170px;
    text-align: center;
    border: 1px solid #cacaca;
    background: #fff;
    margin: 0
    }
#nav li ul li {
    width: 150px;
    margin: 0 10px 0 10px;
    padding: 0;
    border-bottom: 1px solid #b5b5b5
    }
#nav li:hover ul {
    display: block;
    z-index: 99999
    }
#nav li.first2 ul li a, #nav li.first3 ul li a, #nav li.first4 ul li a, #nav li.first5 ul li a, #nav li.first6 ul li a, #nav li.first7 ul li a {
    color: #b5b5b5;
    margin: 0;
    line-height: 1.2em;
    padding: 10px 0
    }
#nav li.first2 ul li:hover a {
    color: #29b0e0
    }
#nav li.first3 ul li:hover a {
    color: #8cab4e
    }
#nav li.first4 ul li:hover a {
    color: #f6be43
    }
#nav li.first5 ul li:hover a {
    color: #e3666e
    }
#nav li.first6 ul li:hover a {
    color: #463677
    }
#nav li.first7 ul li:hover a {
    color: #b62a35
    }
/*main menu end*/
/* Homepage Image Slider  */
.ImageBox {
    width: 620px;
    height: 306px;
    overflow: hidden
    }
.jqueryWideDiv img {
    width: 620px;
    height: 306px
    }
ul.controls {
    float: right;
    margin-top: 5px;
    margin-right: 10px
    }
ul.controls li {
    list-style: none;
    display: inline;
    width: 16px;
    height: 16px;
    line-height: 16px;
    float: left;
    background-color: #f2f1f1;
    font-weight: bold;
    text-align: center;
    margin-left: 3px;
    cursor: pointer;
    text-decoration: none;
    color: #706d6d;
    font-size: 10.5px
    }
.currentControl, .controls li:hover, .controls li.active {
    background-color: #000;
    color: #fff
    }
.carouselText h1 {
    margin: 0;
    padding: 0 0 10px;
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: 0
    }
.carouselText h1 a {
    text-decoration: none;
    color: #fff;
    font-family: Trebuchet MS
    }
.carouselText h1 a:hover {
    text-decoration: underline
    }
.carouselText {
    width: 336px;
    height: 178px;
    margin-top: 44px;
    position: absolute;
    background-color: #4b80ae;
    overflow: hidden
    }
.homepageJquery {
    width: 630px;
    overflow: hidden
    }
.homepageJquery img {
    background: transparent;
    float: left
    }
.eachSlider {
    float: left
    }
.wrapTitle {
    width: 294px;
    height: 138px;
    overflow: hidden;
    color: #fff;
    padding: 15px 15px 20px;
    background-color: #4B80AE;
    opacity: 0.8
    }
.wrapText {
    display: block;
    color: #fff;
    font-size: 13px
    }
.wrapTitle p a {
    color: #fff
    }
.homepageJquery .sliderTextBox {
    position: relative;
    top: -185px;
    left: 60px;
    z-index: 1
    }
/* Homepage Image Slider end */
/*

/*Home Right Section*/
.homeBannerText {
    margin-top: -7px;
    color: #cdcbcb;
    text-transform: uppercase;
    font-family: RoadwayRegular;
    letter-spacing: 0.96px
    }
.homeBannerText p {
    line-height: 45px;
    font-size: 3.5em;
    margin-bottom: 14px
    }
.homeBannerText p a {
    text-decoration: none;
    color: #fff
    }
.homeBannerText p a.yellowLink {
    color: #f6bf43
    }
.homeBannerText p a.blueLink {
    color: #4a7cab
    }
.homeBannerText p a.greenLink {
    color: #fff;
    background-color: #a2c933;
    display: block;
    height: 35px;
    line-height: 35px;
    width: 155px;
    padding-left: 13px;
    margin-top: 10px
    }
a.greenLink {
    font-size: 24px
    }
.fontChange {
    font-family: Trebuchet MS;
    font-size: 28px;
    margin-left: 5px
    }
.counters {
    text-transform: uppercase;
    font-size: 1.1em;
    margin-top: 15px;
    color: #706d6d;
    font-family: RoadwayRegular;
    letter-spacing: 1.5px;
    display: none
    }
.counters .section {
    text-align: center;
    width: 63px;
    height: 73px;
    float: left;
    background-color: #f2f1f1;
    padding: 0 6px;
    margin-bottom: 7px
    }
.counters .section .num {
    display: block;
    font-size: 1.45em;
    margin: 10px 0 10px 0;
    color: #000
    }
.involvedUser {
    margin: 0;
    height: 345px;
    overflow: hidden
    }
.homeRightSection .involvedUser {
    margin: 0 0 0 0
    }
.involvedUser h2, .lattestNews h2, .Events h2, .browseTopics h2, .linkedFiles h2 {
    border-bottom: 1px solid #cacaca;
    padding-bottom: 10px;
    text-transform: uppercase;
    clear: both
    }
.invUserArea {
    padding-bottom: 10px;
    padding-top: 5px;
    height: 264px;
    overflow: auto
    }
/*Home Right Section end*/
/* Homepage Styles */
.homepageContainer {
    width: 960px;
    padding-bottom: 25px;
    margin: 0 auto;
    background: #fff;
    min-height: 600px
    }
.homeLeftSection {
    width: 630px;
    float: left;
    margin-top: 25px;
    padding-left: 10px
    }
.homeRightSection {
    width: 310px;
    float: left;
    margin: 31px 0 0 10px
    }
/*home news section */
.lattestNews {
    margin-top: 30px
    }
.lattestNewsArea {
    float: left
    }
.newsSection {
    background-color: #f2f1f1;
    float: left;
    height: 275px
    }
.newsSection {
    width: 152.25px
    }
.newsSection img {
    width: 152.25px;
    height: 75px
    }
.newsSection h3 {
    text-transform: uppercase;
    font-size: 1.1em;
    margin: 7px 0 0;
    padding: 0 7px 4px
    }
.newsSection h3 a {
    color: #000;
    text-decoration: none
    }
.newsSection h3 a:hover {
    text-decoration: underline
    }
.newsSection p {
    padding: 0 7px 13px 7px
    }
.newsSection p a {
    color: #B62A35;
    display: block
    }
.Events {
    margin: 30px 0 30px 0
    }
.Events input {
    border: 1px solid #444;
    float: left;
    margin-right: 5px;
    background-color: #fff;
    cursor: pointer
    }
.Events input:focus {
    border: 1px solid #000
    }
.eventBtns {
    margin-left: 75px;
    margin-top: 2px;
    position: absolute;
    z-index: 10;
    height: 24px;
    width: 555px
    }
.creatEvent {
    color: #fff;
    background-color: #a2c933;
    display: block;
    height: 21px;
    line-height: 21px;
    width: 120px;
    padding-left: 7px;
    float: right
    }
.creatEvent a {
    text-decoration: none;
    color: #fff;
    font-weight: bold
    }
#carousel_inner {
    width: 569px;
    /* important (this width = width of list item(including margin) * items shown */
    overflow: hidden;
    /* important (hide the items outside the div) */
    /* non-important styling bellow */
    margin-left: 35px
    }
#carousel_ul {
    position: relative;
    left: -153px;
    /* important (this should be negative number of list items width(including margin) */
    list-style-type: none;
    /* removing the default styling for unordered list items */
    margin: 0;
    padding: 0;
    width: 9999px;
    /* important */
    /* non-important styling bellow */
    height: 85px;
    overflow: hidden
    }
#carousel_ul li {
    width: 152.5px;
    float: left;
    height: 78px;
    display: block;
    border-left: 1px solid #cacaca
    }
#carousel_ul li p {
    padding: 0 10px 0 10px;
    text-transform: uppercase;
    font-size: 0.9em
    }
#carousel_ul li p a {
    text-decoration: none;
    color: #000
    }
#carousel_ul li p a:hover {
    text-decoration: underline
    }
#right_scroll {
    float: left;
    background: url(/images/images-HCI/scroll-left.gif) no-repeat
    }
#left_scroll {
    float: right;
    background: url(/images/images-HCI/scroll-right.gif) no-repeat
    }
#left_scroll, #right_scroll {
    width: 20px;
    height: 78px;
    cursor: pointer;
    cursor: hand
    }
.date {
    color: #406498;
    text-transform: capitalize
    }
/*two column template*/
.PageContainer {
    width: 960px;
    margin: 0 auto;
    min-height: 600px
    }
.pageContentWrap {
    padding-left: 10px
    }
#leftColumn, #pressRlsLContent, #GeneralleftColumn {
    width: 630px;
    float: left;
    padding: 0 20px 0 10px;
    margin-bottom: 24px
    }
#rightColumn, #rightColPressRls, #GeneralrightColumn {
    width: 300px;
    float: right;
    padding: 0;
    margin: 0 0 24px 0
    }
.content {
    padding-bottom: 30px
    }
.content h1, .LocTitle, #leftColumn h1 {
    border-bottom: 1px solid #cacaca;
    margin-bottom: 20px;
    padding: 6px 0 10px 0;
    letter-spacing: 0.6px
    }
.content p {
    padding: 6px 0 10px 0
    }
#rightColPressRls .involvedUser h2 {
    margin: 0;
    padding-top: 15px
    }
#leftColumn .content, #pressRlsLContent .content, #GeneralleftColumn .content, #pressRlsLContent .content {
    padding-bottom: 15px
    }
#leftColumn .content {
    padding-bottom: 15px
    }
#GeneralrightColumn, #rightColumn {
    margin-top: -7px
    }
#GeneralrightColumn .browseTheme {
    display: none
    }
/*left col*/
.addComment {
    margin-top: 40px
    }
.socialShareLinkBanner {
    margin-top: 20px
    }
.socialShareLinkBanner input {
    vertical-align: middle;
    margin-top: -2px
    }
/*left col end*/
/*right col/panel*/
.browseTheme h2, #rightColLatestNews h2, .hrPortalNsLetr h2, .addComment h2, .linkedDocuments h2 {
    border-bottom: 1px solid #cacaca;
    padding-bottom: 10px;
    text-transform: uppercase;
    clear: both
    }
.browseTheme {
    margin: 0 0 0 0
    }
#rightColLatestNews .newsSection {
    background-color: #FFF;
    height: auto;
    margin-bottom: 10px;
    width: 300px
    }
#rightColLatestNews .newsSection h3 {
    margin: 0;
    padding: 0 0 0 0;
    font-family: Trebuchet MS
    }
#rightColLatestNews .newsSection p {
    padding: 0 0 0 0;
    float: left
    }
#rightColLatestNews .newsSection p a {
    text-decoration: none
    }
#rightColLatestNews .newsSection p a:hover {
    text-decoration: underline
    }
#rightColLatestNews .newsSection img, #PageListContainer .verticalMenu li img {
    float: left;
    height: 75px;
    width: 90px;
    margin-top: 2px;
    margin-right: 10px
    }
#rightColLatestNews .paraWithImg {
    width: 200px
    }
#rightColLatestNews .paraWidOutImg {
    width: 300px
    }
.hrPortalNsLetr input.newsLtr {
    float: left;
    border: 3px solid #ebebeb;
    height: 22px;
    line-height: 22px;
    margin: 15px 15px 0 0;
    padding: 0 5px
    }
.hrPortalNsLetr input.btnNewsLtr {
    float: left;
    color: #fff;
    background: url(/images/images-HCI/signup.gif) no-repeat scroll 0 0 transparent;
    border: none;
    width: 73px;
    margin-top: 16px
    }
#rightColumn .involvedUser {
    margin: 5px 0 0 0
    }
#rightColPressRls .hrPortalNsLetr {
    float: left
    }
/*right col end*/
/**/
/*two column page list templates*/
#leftPageContainer {
    width: 310px;
    margin: 18px 0 30px 0;
    float: left;
    font-size: 11px
    }
#PageListContainer {
    width: 620px;
    padding: 0 0 0 20px;
    float: right;
    margin-top: 20px;
    margin-bottom: 30px
    }
#PageListContainer span.pageName a {
    font-weight: bold
    }
#PageListContainer .nonExHeadr {
    display: none
    }
#PageListContainer li, #hideShowCont li, #pressRlsLContent ul#mainDoclist li {
    list-style: none;
    margin-bottom: 20px
    }
#PageListContainer li .pageName a, #hideShowCont li .pageName a, #pressRlsLContent li .pageName a {
    text-decoration: none;
    font-size: 1.25em;
    color: #000;
    text-transform: uppercase
    }
#PageListContainer li a:hover, #hideShowCont li a:hover, #pressRlsLContent li a:hover {
    text-decoration: underline
    }
#PageListContainer .content ul li {
    list-style-type: inherit
    }
.dateDisplay {
    color: #cacaca;
    display: block
    }
.Pages {
    float: right
    }
.Pages strong, .Pages a {
    height: 17px;
    line-height: 17px;
    text-align: center;
    width: 17px;
    display: block;
    float: left;
    font-weight: bold
    }
.Pages strong {
    background-color: #000;
    color: #FFF;
    margin: 0 5px 0 0
    }
.Pages a {
    background-color: #CACACA;
    color: #000;
    margin: 0 5px 0 0;
    text-decoration: none
    }
.headin {
    border-bottom: 1px solid #cacaca;
    margin-bottom: 20px;
    margin-left: 10px;
    padding: 6px 0 10px;
    font-weight: normal;
    font-size: 1.75em
    }
#hideShowCont {
    width: 630px;
    float: left;
    padding: 0 0 0 10px;
    margin-bottom: 24px
    }
#hideShowCont .dateDisplay {
    display: none
    }
#hideShowCont li {
    border-bottom: 1px solid #CACACA;
    padding-bottom: 20px
    }
#pressRlsLContent .pageSumImg {
    margin-right: 10px
    }
#hideShowCont .pageSumImg {
    display: block;
    margin-right: 10px;
    float: left
    }
#hideShowCont .pageName, #pressRlsLContent .pageName {
    display: block;
    font-weight: bold
    }
#hideShowCont .nonExHeadr h1, #pressRlsLContent .nonExHeadr h1 {
    border-bottom: 1px solid #CACACA;
    margin: 0 0 15px;
    padding: 7px 0 10px
    }
#hideShowCont .nonExHeadr .locSumry, #pressRlsLContent .nonExHeadr .locSumry {
    border-bottom: 1px solid #CACACA;
    display: block;
    margin: 0 0 20px;
    padding: 0 0 15px
    }
#pressRlsLContent ul#mainDoclist {
    border-bottom: 1px solid #cacaca;
    margin-bottom: 20px
    }
#pressRlsLContent .content table td ul {
    border-bottom: none;
    margin-bottom: 0
    }
#pressRlsLContent .content table td ul li {
    margin-bottom: 0
    }
#pressRlsLContent .nonExHeadr .locSumry {
    display: none
    }
#PageListContainer li a.readMoreLnk {
    display: none
    }
#hideShowCont li a.readMoreLnk, #pressRlsLContent .verticalMenu .LatestPage a.readMoreLnk {
    color: #4064AB;
    font-size: 1em;
    text-decoration: underline;
    text-transform: capitalize;
    display: block;
    margin-top: 3px
    }
#PageListContainer .PagerBox {
    border-top: 1px solid #CACACA;
    padding-top: 10px;
    margin-top: 40px
    }
#pressRlsLContent .verticalMenu .LatestPage {
    border-bottom: 1px solid #CACACA;
    padding-bottom: 20px;
    padding-top: 5px
    }
#pressRlsLContent .verticalMenu .LatestPage a.readMoreLnk {
    display: block;
    text-decoration: none
    }
#pressRlsLContent li .pageSumImg, #hideShowCont li .pageSumImg {
    height: 85px;
    width: 85px;
    float: left
    }
#pressRlsLContent li.LatestPage img {
    height: 165px;
    width: 165px;
    float: left
    }
#pressRlsLContent li.LatestPage .pageSumCont {
    display: block
    }
/* Footer Text & Menu */
#footerBackgroundTop {
    background: #191919 center;
    color: #818181;
    width: 100%;
    height: 135px
    }
.footerContainer {
    width: 960px;
    margin: 0 auto
    }
.footerContainer div {
    float: left
    }
.banners {
    padding: 15px 0 10px;
    width: 482px
    }
.banners .imgBanner {
    margin-left: 10px;
    margin-top: -5px
    }
.quickLinks {
    padding: 15px 15px 10px;
    width: 85px
    }
.newsLetter {
    padding: 15px 15px 10px;
    width: 210px
    }
.socialLinks {
    height: 109px;
    padding: 15px 0 10px 15px;
    width: 105px;
    height: 109px
    }
.banners, .quickLinks, .newsLetter {
    border-right: 1px solid #818181;
    height: 109px
    }
.banners p strong {
    color: #fff;
    font-weight: normal
    }
.socialLinks p strong, .newsLetter p strong, .quickLinks p strong {
    font-size: 14px;
    color: #fff
    }
.footerContainer .banners .banrTexts p a {
    color: #fff;
    text-decoration: none
    }
.qlinks ul {
    padding-top: 5px
    }
.qlinks ul li {
    list-style: none;
    line-height: 18px
    }
.qlinks ul li a {
    color: #fff;
    text-decoration: none
    }
.qlinks ul li a:hover {
    text-decoration: underline
    }
.newsLetter span {
    margin: 5px 0 10px 0;
    display: block
    }
input.newsLtr {
    background-color: #fff;
    height: 24px;
    width: 170px;
    border: none;
    padding-left: 5px;
    float: left;
    font-size: 12px;
    line-height: 24px
    }
input.btnNewsLtr {
    background: url(/images/images-HCI/btn-go.gif) no-repeat;
    float: left;
    height: 26px;
    margin-left: 5px;
    width: 29px;
    border: none;
    font-size: smaller
    }
.banrFtrImages p {
    float: left;
    margin-right: 10px;
    margin-top: 7px
    }
.imgBanner {
    float: left
    }
/*social link*/
.facebook_icon {
    background-image: url(/images/images-HCI/icon-facebook.gif) !important;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    display: block;
    float: left
    }
.linkedin_icon {
    background-image: url(/images/images-HCI/icon-linkedIn.gif) !important;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    display: block;
    float: left
    }
.twitter_iocn {
    background-image: url(/images/images-HCI/icon-twitter.gif) !important;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    display: block;
    float: left
    }
.rssfeed {
    display: block;
    width: 34px;
    height: 34px;
    float: left;
    color: #fff;
    font-weight: bold
    }
.rssfeed a {
    text-decoration: none;
    color: #fff
    }
.rssLnk {
    background-image: url(/images/images-HCI/icon-rss.gif);
    background-repeat: no-repeat;
    display: block;
    width: 34px;
    height: 34px;
    float: left;
    margin-left: 2px
    }
.ftrSocialBanner {
    padding-top: 5px
    }
/*end*/
/*social link*/
/*
.ftrSocialBanner{margin-top:10px;}
.stButton{margin-left:0 !important; margin-right:0 !important;}
.stButton .stLarge:hover{background-position:left top !important;}
.st_facebook_large .stButton .stLarge {background-image:url('/images/images-HCI/icon-facebook.gif') !important; background-repeat:no-repeat;}
.st_linkedin_large .stButton .stLarge{background-image:url('/images/images-HCI/icon-linkedIn.gif') !important; background-repeat:no-repeat;}
.st_twitter_large .stButton .stLarge{background-image:url('/images/images-HCI/icon-twitter.gif') !important; background-repeat:no-repeat;}
.rssfeed{display:block;width:34px;height:34px;float:left;color:#fff;font-weight:bold;}
.rssfeed a{text-decoration:none; color:#fff;}
.rssLnk{background-image:url('/images/images-HCI/icon-rss.gif'); background-repeat:no-repeat;display:block;width:34px;height:34px;float:left;margin-left:2px;}
*/
/*end*/
.clear {
    clear: both;
    height: 1px
    }
.menu_levels {
    margin: 20px 0 0 40px
    }
ul.sitemap {
    list-style-type: none;
    margin: 0 15px 20px 0;
    padding-bottom: 15px;
    border: 1px solid #aaa;
    background: #f8f8f8
    }
ul.sitemap a {
    padding-left: 9px;
    font-size: 14px;
    background: url(/images/content/bullet.gif) no-repeat left 8px
    }
ul.sitemap li {
    list-style-type: none;
    margin: 7px 0 7px 20px
    }
/*scroll bar */
.scrollgeneric {
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 0
    }
.vscrollerbase {
    width: 15px;
    background: #D7EBDF url(/images/structural/Scrollbar/basebarcaps_verticalbarbody.png) 0 0 repeat-y
    }
.vscrollerbar {
    width: 15px;
    background: #99CBCB url(/images/structural/Scrollbar/basebarcaps_verticalbarbody.png) -15px 0 repeat-y
    }
.vscrollerbar {
    padding: 10px;
    z-index: 2
    }
.vscrollerbarbeg {
    background: url(/images/structural/Scrollbar/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
    width: 15px;
    height: 15px !important
    }
.vscrollerbarend {
    background: url(/images/structural/Scrollbar/basebarcaps_verticalbarbody.png) -45px 0 no-repeat;
    width: 15px;
    height: 15px
    }
.vscrollerbasebeg {
    background: url(/images/structural/Scrollbar/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
    width: 15px;
    height: 15px !important
    }
.vscrollerbaseend {
    background: url(/images/structural/Scrollbar/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
    height: 15px;
    width: 15px
    }
.hscrollerbasebeg {
    background: url(/images/structural/Scrollbar/basebarcaps_verticalbarbody.png) -60px 0 no-repeat;
    height: 15px;
    width: 15px !important
    }
.hscrollerbaseend {
    height: 15px;
    width: 15px;
    background: url(/images/structural/Scrollbar/basebarcaps_verticalbarbody.png) -30px 0 no-repeat
    }
.scrollerjogbox:hover {
    background: #5E828C url(/images/structural/Scrollbar/basebarcaps_verticalbarbody.png) -45px -15px
    }
.hscrollerbasebeg {
    background: url(/images/structural/Scrollbar/basebarcaps_verticalbarbody.png) no-repeat scroll -60px 0 transparent;
    height: 15px;
    width: 15px !important
    }
.hscrollerbaseend {
    background: url(/images/structural/Scrollbar/basebarcaps_verticalbarbody.png) no-repeat scroll -30px 0 transparent;
    height: 15px;
    width: 15px
    }
.hscrollerbase {
    background: url(/images/structural/Scrollbar/basebarcaps_horizontalbarbody.png) repeat scroll 15px 0 #D7EBDF;
    height: 15px
    }
.hscrollerbar {
    padding: 10px;
    z-index: 2
    }
.hscrollerbar {
    background: url(/images/structural/Scrollbar/basebarcaps_horizontalbarbody.png) repeat scroll 0 15px #99CBCB;
    height: 15px;
    width: 80px !important
    }
.hscrollerbarbeg {
    background: url(/images/structural/Scrollbar/basebarcaps_verticalbarbody.png) no-repeat scroll -60px -15px transparent;
    height: 15px;
    width: 15px !important
    }
.hscrollerbarend {
    background: url(/images/structural/Scrollbar/basebarcaps_verticalbarbody.png) no-repeat scroll -30px -15px transparent;
    height: 15px;
    width: 15px !important
    }
/*end*/
.filter-content .lblTheme {
    display: block;
    margin: 0 0 10px
    }
.filter-content table tr td {
    padding-bottom: 7px
    }
.filter-content table tr td input {
    float: left;
    height: 15px;
    margin-top: 2px
    }
.filter-content .label {
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    padding: 5px
    }
.filter-content select, .filter-content .label {
    margin-bottom: 16px
    }
.filter-content select {
    padding: 5px 10px
    }
.filter-content table {
    width: 100%;
    margin: 10px 0 10px 0
    }
.filter-content table tr {
    width: 155px;
    float: left
    }
.filter-content .filter-date {
    padding-left: 10px;
    border-bottom: 1px solid #cacaca;
    padding: 3px 0 18px 0
    }
.filter-content .filter-date label {
    margin-right: 8px
    }
.filter-content .filter-date label.to {
    margin-left: 8px
    }
.filter-content .filter-date input {
    width: 90px;
    padding: 5px 10px;
    border: 2px solid #CACACA;
    cursor: pointer
    }
.filter-content .button {
    background-color: #FFF;
    border: medium none;
    margin-left: 10px;
    text-decoration: underline
    }
.filter-content .button:hover {
    text-decoration: none
    }
.filter-content .country select {
    width: 200px;
    margin-left: 5px;
    border: 2px solid #CACACA;
    font-size: 11px
    }
.filter-content .applyBtn {
    border-bottom: 1px solid #cacaca;
    height: 30px
    }
.filter-content .applyBtn .button {
    margin-left: 0;
    float: right;
    padding: 5px
    }
/*Contribute style*/
#form label {
    float: left;
    width: 90px;
    margin-right: 30px
    }
#UserForm input.textInput, #form input.textarea, #form select {
    border: 2px solid #EBEBEB;
    line-height: 32px;
    padding: 5px 3px;
    width: 180px;
    margin-bottom: 10px
    }
#form input.textInput, .textInput {
    border: 2px solid #EBEBEB;
    line-height: 32px;
    padding: 5px 3px;
    width: 180px
    }
textarea.textInput {
    height: 100px
    }
#UserForm table tr {
    margin-bottom: 10px
    }
.leftCell {
    display: block;
    padding-top: 7px
    }
.regBtn {
    margin-left: 143px;
    background-color: #a2c834 !important
    }
/**/
.commonButton, .commonButtonReset {
    background-color: #B62A37;
    border: medium none;
    color: #FFF;
    cursor: pointer;
    float: left;
    font-family: roadwayregular;
    font-size: 1.3em;
    height: 28px;
    letter-spacing: 0.6px;
    line-height: 28px;
    margin-right: 20px;
    text-transform: uppercase;
    width: 85px
    }
#auth-status {
    width: 160px;
    margin-left: 25px;
    float: left
    }
.btnfaceBook {
    background: url(/images/images-HCI/facebookBtn.png) no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 22px;
    width: 151px;
    cursor: pointer
    }
.labelLogin {
    text-transform: uppercase
    }
.LoginchkBox {
    display: none
    }
.commonButtonReset {
    display: none
    }
.signNote, .leftCell {
    text-transform: uppercase
    }
.btnLinkedIn {
    background: url(/images/images-HCI/linkedInBtn.png) no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 22px;
    width: 152px;
    cursor: pointer
    }
.labelLogin {
    text-transform: uppercase
    }
.LoginchkBox {
    display: none
    }
.commonButtonReset {
    display: none
    }
.signNote, .leftCell {
    text-transform: uppercase;
    margin-right: 10px
    }
/**/
#form p {
    margin-bottom: 20px
    }
#form textarea {
    height: 100px;
    line-height: normal;
    border: 2px solid #EBEBEB
    }
#form textarea.descrip {
    width: 400px
    }
#form .submitBtn {
    border: none;
    color: #fff;
    font-weight: normal;
    background-color: #A2C933;
    border: medium none;
    color: #FFF;
    font-family: roadwayregular;
    font-size: 1.32em;
    height: 25px;
    letter-spacing: 0.6px;
    line-height: 25px;
    margin-top: 15px;
    text-align: center;
    padding: 0;
    width: 130px
    }
.addComment {
    display: none
    }
.smallText {
    display: block;
    float: left;
    width: 100px;
    font-size: 85%
    }
.ui-datepicker-trigger {
    vertical-align: top;
    margin-left: 5px;
    cursor: pointer
    }
/*contribute style end*/
/*Accordion*/
#accordion {
    height: auto !important
    }
#accordion .ui-icon {
    margin: 5px 0 0 -20px;
    position: absolute
    }
#accordion .ui-state-default .ui-icon {
    background-image: url(/images/images-HCI/arrow-grey.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 6px
    }
#accordion .ui-state-active .ui-icon {
    background-image: url(/images/images-HCI/arrow-grey-expand.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 9px
    }
#accordion h3 {
    background-color: #F2F1F1;
    color: #000;
    background-image: none;
    border: medium none;
    border-radius: 0 0 0 0;
    padding-left: 30px;
    font-family: Trebuchet MS
    }
#accordion div {
    height: auto !important;
    overflow: visible;
    border: none;
    border-radius: 0
    }
#accordion div p {
    color: #333
    }
#accordion div li {
    border: medium none;
    line-height: 17px;
    list-style: none outside none;
    padding: 0
    }
#accordion div ul li a {
    text-decoration: underline;
    text-transform: none;
    font-size: 1em
    }
/*Important for live site
#accordion .ui-icon{margin:5px 0 0 -20px;position:absolute;}
#accordion .ui-state-default .ui-icon{background-image:url('/images/images-HCI/arrow-grey.gif');background-position: 0 0;background-repeat: no-repeat;width:6px;}
#accordion .ui-state-active .ui-icon{background-image:url('/images/images-HCI/arrow-grey-expand.gif');background-position: 0 0;background-repeat: no-repeat;width:9px;}
/*end*/
/*end*/
.Item {
    border-bottom: 1px solid #CACACA;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 630px
    }
.ItemList .Item img {
    float: left;
    height: 80px;
    margin-right: 10px;
    width: 85px
    }
.ItemList .Item .pageSumCont .pageName {
    display: block;
    margin-bottom: 3px;
    text-transform: uppercase;
    margin-top: -3px
    }
.ItemList .Item .pageSumCont .pageName a {
    color: #000;
    font-size: 1.2em;
    text-decoration: none;
    font-weight: bold
    }
.ItemList .Item .pageSumCont .pageName a:hover {
    text-decoration: underline
    }
.ItemList .Item .pageSumCont .readMoreLnk {
    color: #406498;
    display: block;
    margin-top: 3px
    }
/*color codes*/
#GeneralrightColumn .newsSection .topicName {
    display: none
    }
#rightColLatestNews .newsSection .topicName {
    display: none
    }
.topicName {
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 3px;
    font-size: 1.15em
    }
.ARCHAEOLOGY .topicName {
    background-color: #4b80ae
    }
.ARCHAEOLOGY p a {
    color: #4b80ae
    }
.ARCHAEOLOGY .date {
    color: #4b80ae
    }
.BUILTHERITAGE .topicName {
    background-color: #08508d
    }
.BUILTHERITAGE p a {
    color: #08508d
    }
.BUILTHERITAGE .date {
    color: #08508d
    }
.COLLECTIONS .topicName {
    background-color: #00adef
    }
.COLLECTIONS p a {
    color: #00adef
    }
.COLLECTIONS .date {
    color: #00adef
    }
.CONSERVATION .topicName {
    background-color: #19bcce
    }
.CONSERVATION p a {
    color: #19bcce
    }
.CONSERVATION .date {
    color: #19bcce
    }
.CULTURALLANDSCAPES .topicName {
    background-color: #0fa376
    }
.CULTURALLANDSCAPES p a {
    color: #0fa376
    }
.CULTURALLANDSCAPES .date {
    color: #0fa376
    }
.DIGITALHERITAGE .topicName {
    background-color: #7a9339
    }
.DIGITALHERITAGE p a {
    color: #7a9339
    }
.DIGITALHERITAGE .date {
    color: #7a9339
    }
.EDUCATION .topicName {
    background-color: #a6be5b
    }
.EDUCATION p a {
    color: #a6be5b
    }
.EDUCATION .date {
    color: #a6be5b
    }
.ENVIRONMENTCLIMATE .topicName {
    background-color: #eddd51
    }
.ENVIRONMENTCLIMATE p a {
    color: #eddd51
    }
.ENVIRONMENTCLIMATE .date {
    color: #eddd51
    }
.GUIDELINESSTANDARDS .topicName {
    background-color: #f0b93f
    }
.GUIDELINESSTANDARDS p a {
    color: #f0b93f
    }
.GUIDELINESSTANDARDS .date {
    color: #f0b93f
    }
.HERITAGEIDENTITY .topicName {
    background-color: #f19e3f
    }
.HERITAGEIDENTITY p a {
    color: #f19e3f
    }
.HERITAGEIDENTITY .date {
    color: #f19e3f
    }
.INTANGIBLEHERITAGE .topicName {
    background-color: #ed6a22
    }
.INTANGIBLEHERITAGE p a {
    color: #ed6a22
    }
.INTANGIBLEHERITAGE .date {
    color: #ed6a22
    }
.OBJECTS .topicName {
    background-color: #e01e25
    }
.OBJECTS p a {
    color: #e01e25
    }
.OBJECTS .date {
    color: #e01e25
    }
.PAINTINGSPAINTEDSURFACES .topicName {
    background-color: #b42935
    }
.PAINTINGSPAINTEDSURFACES p a {
    color: #b42935
    }
.PAINTINGSPAINTEDSURFACES .date {
    color: #b42935
    }
.PREVENTIVECONSERVATION .topicName {
    background-color: #e0646c
    }
.PREVENTIVECONSERVATION p a {
    color: #e0646c
    }
.PREVENTIVECONSERVATION .date {
    color: #e0646c
    }
.TECHNOLOGIESSCIENTIFICPROCESSES .topicName {
    background-color: #473476
    }
.TECHNOLOGIESSCIENTIFICPROCESSES p a {
    color: #473476
    }
.TECHNOLOGIESSCIENTIFICPROCESSES .date {
    color: #473476
    }
.MATERIALS .topicName {
    background-color: #68558e
    }
.MATERIALS p a {
    color: #68558e
    }
.MATERIALS .date {
    color: #68558e
    }
.MATERIALS .topicName {
    background-color: #68558e
    }
.MATERIALS p a {
    color: #68558e
    }
.MATERIALS .date {
    color: #68558e
    }
.FUNDING .topicName {
    background-color: #2d2e2d
    }
.FUNDING p a {
    color: #2d2e2d
    }
.FUNDING .date {
    color: #2d2e2d
    }
.VACANCIES .topicName {
    background-color: #23297A
    }
.VACANCIES p a {
    color: #23297A
    }
.VACANCIES .date {
    color: #23297A
    }
.TRAINING .topicName {
    background-color: #0a549f
    }
.TRAINING p a {
    color: #0a549f
    }
.TRAINING .date {
    color: #0a549f
    }
.CALLFORPAPERS .topicName {
    background-color: #83A040
    }
.CALLFORPAPERS p a {
    color: #83A040
    }
.CALLFORPAPERS .date {
    color: #83A040
    }
/*color code end*/
.browseTopics {
    margin-top: 30px
    }
.homeRightSection .browseTopics {
    margin-top: 25px
    }
#carousel_ul_topic {
    position: relative;
    left: -153px;
    /* important (this should be negative number of list items width(including margin) */
    list-style-type: none;
    /* removing the default styling for unordered list items */
    margin: 0;
    padding: 0;
    width: 9999px;
    /* important */
    /* non-important styling bellow */
    height: 85px;
    overflow: hidden
    }
#carousel_ul_topic li {
    float: left;
    height: 75px;
    display: block;
    border-left: 1px solid #cacaca
    }
.browseTopics #carousel_inner_topic {
    width: 260px;
    /* important (this width = width of list item(including margin) * items shown */
    overflow: hidden;
    /* important (hide the items outside the div) */
    /* non-important styling bellow */
    }
#left_scroll_topic {
    float: right;
    background: url(/images/images-HCI/scroll-right.gif) no-repeat
    }
#right_scroll_topic {
    float: left;
    background: url(/images/images-HCI/scroll-left.gif) no-repeat
    }
#left_scroll_topic, #right_scroll_topic {
    width: 20px;
    height: 78px;
    cursor: pointer;
    cursor: hand
    }
.homeRightSection #rightColLatestNews {
    display: none
    }
.homeRightSection .hrPortalNsLetr {
    display: none
    }
#rightColPressRls .browseTopics {
    margin-top: 0
    }
#rightColumn #rightColLatestNews {
    display: none
    }
#rightColumn .hrPortalNsLetr {
    display: none
    }
#rightColPressRls #rightColLatestNews {
    display: none
    }
#rightColPressRls .hrPortalNsLetr {
    display: none
    }
/*end*/
/* Event Calendar */
#leftColumn .twoColumnEvent h1 {
    margin-bottom: 0
    }
.eventItem {
    border-bottom: 1px solid #CACACA;
    padding: 15px 0
    }
.eventContextLeft {
    float: left;
    width: 62px;
    height: 62px;
    margin-right: 25px;
    padding-bottom: 5px;
    border: 2px solid #cbcbcb;
    text-align: center
    }
.eventContextRight {
    float: left;
    width: 530px
    }
span.eventDate {
    display: block;
    font-size: 3.5em;
    color: #595959;
    font-family: RoadwayRegular;
    letter-spacing: 0.96px
    }
span.eventMonth {
    display: block;
    color: #adadad;
    font-family: RoadwayRegular;
    letter-spacing: 0.96px
    }
.eventItemList {
    margin-bottom: 20px
    }
.eventItemName {
    margin-bottom: 5px
    }
.eventItemName a:link, .eventItemName a:visited {
    color: #000;
    font-size: 1.5em;
    font-family: RoadwayRegular;
    text-transform: uppercase;
    letter-spacing: 0.96px;
    text-decoration: none
    }
.eventItemName a:hover, .eventItemName a:active {
    text-decoration: underline
    }
.eventCalendar {
    margin-top: 47px;
    border-top: 1px solid #CACACA
    }
.eventCalendarTop {
    padding: 10px 0
    }
.prevYear {
    cursor: pointer;
    float: left;
    margin-top: 5px;
    width: 20px;
    margin-left: 100px;
    text-align: center
    }
.prevYear:hover {
    color: #cacaca
    }
.displayYear {
    float: left;
    width: 75px;
    text-align: center
    }
.nextYear {
    cursor: pointer;
    float: left;
    margin-top: 5px;
    width: 20px;
    text-align: center
    }
.nextYear:hover {
    color: #cacaca
    }
.displayYear span {
    font-size: 2em;
    font-family: RoadwayRegular
    }
.firstColumn {
    float: left;
    width: 90px;
    margin-right: 15px
    }
.secondColumn {
    float: left;
    width: 90px;
    margin-right: 14px
    }
.thirdColumn {
    float: left;
    width: 90px
    }
.firstColumn div, .secondColumn div, .thirdColumn div {
    width: 86px;
    margin-bottom: 10px;
    text-align: center;
    border: 2px solid #CACACA
    }
.eventCalendarBtm a:link, .eventCalendarBtm a:visited {
    display: block;
    padding: 7px 0;
    font-size: 1.5em;
    font-family: RoadwayRegular;
    color: #ADADAD;
    text-decoration: none
    }
.currentMonth, .eventCalendarBtm a:hover, .eventCalendarBtm a:active {
    background-color: #B42935;
    color: #fff !important
    }
/************************************************
*
*               Members Area
*
*************************************************/
#loginArea {
    width: 428px;
    padding-right: 45px;
    float: left
    }
#regArea {
    width: 428px;
    padding-left: 45px;
    float: left;
    border-left: 1px solid #CACACA
    }
#statusMessage, #LoginMessage {
    display: block;
    padding: 10px;
    font-size: 130%;
    font-weight: bold;
    color: #587EC6
    }
#ProfileImage, .profileImage {
    width: 135px;
    height: 135px;
    border: 10px solid #EBEBEB;
    padding: 5px;
    margin-bottom: 10px
    }
.profileImage {
    margin-right: 30px;
    float: left
    }
input.editImage, input.myAccBtn, input.btnRed {
    background-color: #8cab4e;
    color: #fff;
    border: none;
    cursor: pointer
    }
input.myAccBtn {
    background-color: #FAB301
    }
input.btnRed {
    background-color: #B62A37
    }
.imageUpload {
    margin-bottom: 10px
    }
table#LeftCol td {
    padding-bottom: 10px
    }
.reqPswd input.editImage {
    display: block;
    width: 207px;
    margin-top: 20px
    }
.saveReqBtns {
    display: block;
    float: right
    }
.saveReqBtns input {
    height: 30px
    }
.contributeContent .content table, #AddEventContent .content table {
    width: 525px;
    margin-bottom: 10px
    }
.contributeContent .content table p strong, #AddEventContent .content table p strong {
    text-transform: uppercase
    }
.contributeContent .content table, #AddEventContent .content table {
    background-color: #29B0E0;
    color: #FFF;
    border: 1px dotted #CACACA
    }
.contributeContent .content table td.conLeft, #AddEventContent .content table td.conLeft {
    width: 345px;
    padding: 5px 10px
    }
.contributeContent .content table td.conRight, #AddEventContent .content table td.conRight {
    width: 176px;
    padding: 5px 10px;
    text-align: center
    }
.contributeContent .content table td.conLeft strong, #AddEventContent .content table td.conLeft strong {
    display: block;
    text-transform: uppercase
    }
.contributeContent .content table td.conRight strong, #AddEventContent .content table td.conRight strong {
    background-color: #FFF;
    border: 1px dotted #CACACA;
    color: #29B0E0;
    text-transform: uppercase;
    display: block;
    margin-top: 16px;
    padding: 5px 10px
    }
.contributeContent .content table td.conRight strong a, #AddEventContent .content table td.conRight strong a {
    color: #29B0E0;
    text-transform: uppercase;
    text-decoration: none
    }
#membersArea {
    margin-top: 40px
    }
#membersAreaLeft {
    border-bottom: 1px solid #CACACA;
    float: left;
    width: 600px;
    margin-right: 50px;
    padding-bottom: 20px
    }
#membersAreaRight {
    float: left;
    width: 300px
    }
#ProfileImageArea {
    float: left;
    width: 165px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: center
    }
#profileDetails {
    width: 375px;
    float: left
    }
ul.tabsMembers {
    margin-bottom: 30px;
    height: 43px;
    border-bottom: 1px solid #CACACA
    }
ul.tabsMembers li {
    color: #FFF;
    float: left;
    height: 43px;
    list-style-type: none;
    margin: 0 1px 0 0;
    padding: 0;
    width: 220px
    }
ul.tabsMembers li.contrib a {
    letter-spacing: 1px
    }
ul.tabsMembers a.current {
    background-color: #fff;
    color: #000;
    cursor: default
    }
ul.tabsMembers a {
    background-color: #F5F3F4;
    border-bottom: 0 none;
    color: #B5B5B5;
    display: block;
    float: left;
    font-size: 1.9em;
    margin-right: 2px;
    outline: 0 none;
    padding: 7px 0 5px;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: 2px;
    width: 100%;
    font-family: RoadwayRegular;
    border: 1px solid #CACACA
    }
#conArt li {
    list-style-type: none;
    padding: 30px;
    display: block;
    border: 4px solid #EBEBEB;
    margin-bottom: 10px
    }
ul#userList {
    font-size: 0.9em
    }
ul#userList li {
    display: block
    }
ul#userList .involvedMember {
    margin-bottom: 15px
    }
ul#userList li img {
    width: 55px;
    height: 55px;
    border-radius: 5px
    }
ul#userList .involvedLeft {
    width: 55px;
    float: left;
    margin-right: 15px
    }
ul#userList .involvedRight {
    float: left;
    width: 200px
    }
ul#userList a.profileTitle {
    display: block;
    font-size: 1.2em;
    text-decoration: none
    }
ul#userList a.profileLink {
    display: block;
    text-decoration: none;
    color: #000
    }
ul#userList a.profileLink:hover, ul#userList a.profileTitle:hover {
    text-decoration: underline
    }
/*file list*/
img.fileImg {
    width: auto
    }
#leftColumn p img.fileImg, #pressRlsLContent p img.fileImg, #GeneralleftColumn p img.fileImg {
    width: auto
    }
.verticalDataList {
    list-style-type: none;
    margin-bottom: 20px
    }
.verticalDataList li, .verticalPagelist li {
    clear: both
    }
.linkedDocuments .verticalDataList li {
    margin-bottom: 5px;
    margin-left: 15px;
    list-style: circle outside none
    }
.linkedDocuments .verticalDataList li.last {
    margin-bottom: 0
    }
.verticalDataList a, .verticalPagelist a {
    font-weight: normal;
    text-decoration: none;
    padding-right: 5px;
    color: #000
    }
.verticalDataList a:hover, .verticalPagelist a:hover {
    text-decoration: underline
    }
.verticalDataList p, .verticalPagelist p {
    margin: 3px 0 3px 0;
    width: 650px
    }
.verticalDataList .documentExtrasLeft .fileImg {
    display: block;
    float: left;
    margin-right: 3px
    }
/*file list end*/
#reportForm .reportLabel {
    display: block;
    float: left;
    text-transform: uppercase;
    width: 109px;
    margin-top: 5px
    }
#reportForm input, #reportForm select {
    margin-bottom: 10px
    }
#reportForm select {
    width: 260px
    }
#reportForm input.textInput, #reportForm textarea.multyInput {
    width: 250px
    }
#reportForm table {
    margin-top: 20px;
    margin-bottom: 20px
    }
#reportForm table tr {
    float: left
    }
#reportForm table tr td {
    display: block;
    margin-right: 25px
    }
#reportForm textarea.multyInput {
    border: 2px solid #EBEBEB;
    line-height: 32px;
    padding: 5px 3px;
    height: 115px
    }
#reportForm .pry .reportLabel {
    margin-top: 5px;
    width: 100px
    }
#reportForm .editImage {
    margin-left: 104px;
    border: none;
    font-weight: normal;
    width: 100px
    }
.eformStatus {
    color: #587EC6;
    display: block;
    font-size: 130%;
    font-weight: bold;
    margin-top: 30px;
    padding: 10px
    }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #UserForm input.textInput, #form input.textarea, #form select, #form input.textInput, .textInput {
        line-height: normal
        }
    .newsLetter input.btnNewsLtr {
        padding-top: 6px
        }
    .rssfeed {
        margin-top: -5px
        }
    .paddingOther {
        padding-right: 7px
        }
    .paddingGreek {
        padding-right: 7px
        }
    .paddingEng {
        padding-right: 38px
        }
    .paddingSpanish {
        padding-right: 3px
        }
    .paddingSlovak {
        padding-right: 15px
        }
    .paddingItalian {
        padding-right: 13px
        }
    .paddingLithuanian {
        padding-right: 20px
        }
    .paddingCzech {
        padding-right: 19px
        }
    #rightColPressRls .involvedUser h2 {
        padding-top: 14px
        }
    }
/*contribute form*/
#form .submitBtn {
    float: none;
    margin-left: 120px
    }
.attachmentArea {
    margin-left: 100px;
    margin-bottom: 40px
    }
#form input.redBtn {
    background-color: #B62A37
    }
#form input.blueBtn {
    background-color: #4080C0;
    margin-left: 0
    }
table.attachTable {
    border: 2px solid #EBEBEB;
    width: 600px;
    margin-bottom: 30px;
    border-collapse: collapse
    }
table.attachTable td {
    color: #444;
    padding: 10px;
    border-collapse: collapse;
    padding-left: 10px
    }
table.attachTable th {
    color: #444;
    background-color: #EBEBEB;
    padding: 5px;
    padding-left: 10px;
    text-align: left;
    border: none;
    border-collapse: collapse
    }
p.error {
    font-size: 1.3em;
    color: Red
    }
/*end*/
/* Add Connections on My Account Page */
ul.tabConnections li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 146px;
    border: 2px solid #cacaca
    }
ul.tabConnections li:first-child {
    border-right: none !important
    }
ul.tabConnections li a.current {
    background-color: #fff !important;
    color: #000 !important;
    cursor: default
    }
ul.tabConnections li a:link, ul.tabConnections a:visited {
    padding: 5px 0;
    display: block;
    text-decoration: none;
    font-size: 1.9em;
    font-family: RoadwayRegular;
    background-color: #F5F3F4;
    color: #B5B5B5
    }
.addConnections label {
    float: left;
    margin-top: 10px;
    display: block;
    width: 100px;
    text-transform: uppercase
    }
.addConnections input.connectionsTextBox {
    border: 2px solid #EBEBEB;
    margin-bottom: 10px;
    padding: 5px 3px;
    width: 188px
    }
.addConnections input.connectionsButton {
    cursor: pointer;
    border: none;
    margin-top: 10px;
    padding: 3px 15px;
    background-color: #B62A37;
    color: #fff;
    font-size: 1.5em;
    font-family: RoadwayRegular
    }
#SearchAllBtn {
    background-color: #8CAB4E;
    margin-left: 5px
    }
.tabConnectionsControl .flexcrollactive {
    margin-top: 45px;
    padding-left: 7px !important
    }
.addConnections {
    margin-top: 45px
    }
.addConnectionsControl #userListFlex {
    height: 472px
    }
.addConnectionsControl #userListFlex_Search {
    height: 245px
    }
.tabConnectionsControl {
    height: 472px;
    border-bottom: 1px solid #cacaca
    }
#membersArea #membersAreaRight .addConnectionUser {
    height: auto
    }
#userList_Search .involvedLeft {
    float: left;
    margin-right: 15px;
    width: 55px
    }
#userList_Search li img {
    border-radius: 5px 5px 5px 5px;
    height: 55px;
    width: 55px
    }
#userList_Search .involvedRight {
    float: left;
    width: 200px
    }
#userList_Search a:link, #userList_Search a:visited {
    text-decoration: none
    }
#userList_Search a:hover, #userList_Search a:active {
    text-decoration: underline
    }
#userList_Search a.profileTitle {
    display: block;
    font-size: 1em
    }
#userList_Search a.profileLink {
    color: #000;
    display: block
    }
#userList_Search a.connectTab {
    width: 80px;
    padding: 0.1em 0;
    color: #fff !important;
    font-size: 1.3em;
    text-align: center;
    text-transform: uppercase;
    font-family: RoadwayRegular;
    background-color: #4A7CAB
    }
#userList_Search a.connectTab:hover, #userList_Search a.connectTab:visited {
    text-decoration: none
    }
#userList_Search li {
    margin-bottom: 15px
    }
#userList_Search li p {
    font-size: 0.9em
    }
#reportForm {
    margin-top: -25px;
    background-color: #fff
    }
.fileBox {
    cursor: pointer;
    background-color: transparent;
    background-image: url(/images/images-HCI/input-browse.png);
    background-repeat: no-repeat;
    border-width: 0;
    height: 31px;
    overflow: hidden;
    z-index: 1;
    width: 180px;
    padding: 0 100px 0 5px;
    background-color: White
    }
.hiddenBox {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
    z-index: 2;
    float: right
    }
.IEFileInput {
    left: 320px;
    top: 15px;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    opacity: 0.01;
    width: 120px;
    cursor: pointer;
    font-size: 100%;
    height: 28px
    }
.documentFooter {
    margin-top: 20px;
    text-transform: uppercase
    }
.documentFooter span {
    font-weight: bold;
    margin-right: 20px
    }
#rightContent {
    float: right;
    margin-bottom: 30px;
    margin-top: 20px;
    padding: 0 0 0 20px;
    width: 700px
    }
#leftNav {
    float: left;
    margin: 18px 0 30px;
    width: 230px
    }
#leftNav ul {
    list-style: none outside;
    border-bottom: 1px solid #CACACA;
    border-top: 1px solid #CACACA
    }
#leftNav ul li {
    padding: 15px 0 0 10px
    }
#leftNav ul li.last {
    padding-bottom: 15px
    }
#leftNav ul li a {
    font-family: RoadwayRegular;
    font-size: 1.4em;
    text-transform: uppercase;
    text-decoration: none;
    color: #000
    }
#leftNav ul li a:hover {
    color: #587EC6
    }
#leftNav ul li a.currentNav, #leftNav ul li a.currentNavSub {
    color: #587EC6
    }
#leftNav ul li ul {
    border: none
    }
#leftNav ul li ul li a {
    color: #B5B5B5
    }