* {
    margin  : 0;
    padding : 0;
}

html {
    height : 100%
}

body {
    font             : 12px/18px Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    height           : 100%;
    background-color : #FAFAFA;
}

table {
    border-collapse : collapse;
    padding         : 0px;
    border          : 0px;
}

a {
    font            : normal;
    font-family     : Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size       : 14px;
    font-weight     : normal;
    color           : #0054A6;
    text-decoration : underline;
}

a:hover {
    font            : normal;
    font-family     : Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size       : 14px;
    font-weight     : normal;
    color           : #4DB848;
    text-decoration : none;
}

p {
    margin : 0 0 18px
}

img {
    border : none;
}

input {
    vertical-align : middle
}

ul {
    margin-left : 35px;
}

li {
    list-style-type  : circle;
    list-style-image : url('../images/bul.png');
}

#wrapper {
    width      : 100% !important;
    min-width  : 1260px;
    height     : auto !important;
    min-height : 100%;
    position   : relative;
    float      : left;
    border     : 0px solid green;
    z-index    : 0;
}

#bodycenter {
    width          : 99%;
    min-width      : 99%;
    height         : auto !important;
    min-height     : 100%;
    padding-bottom : 50px;
    border         : 1px solid transparent;
    float          : left;
}

#show {
    width         : 90%;
    min-width     : 90%;
    height        : auto !important;
    min-height    : 100%;
    padding-left  : 5%;
    padding-right : 5%;
    border        : 1px solid transparent;
    float         : left;
}

#content-top-line {
    width      : auto !important;
    min-width  : 90%;
    height     : 35px;
    margin-top : 20px;
    border     : 1px solid transparent;
}

#title-section {
    width         : auto !important;
    font-family   : Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
    font-weight   : normal;
    font-size     : 20px;
    text-align    : left;
    margin-bottom : 5px;
}

#title-underlines {
    width             : auto !important;
    min-width         : 264px;
    height            : 5px;
    float             : left;
    background-image  : url('../images/title_underlines.png');
    background-repeat : no-repeat;
}

#content-section {
    width       : 100%;
    min-width   : 100%;
    height      : auto !important;
    min-height  : 100%;
    margin-top  : 1px;
    font-family : Trebuchet MS, Tahoma, Verdana, Arial, sans-serif !important;
    font-size   : 14px !important;
    border      : 1px solid transparent;
    float       : left;
}

#content-section .fa {
    font-size      : 18px;
    width          : 25px;
    vertical-align : middle;
}

#greeting-underline {
    width             : 1094px;
    height            : 33px;
    background-image  : url('../images/greeting_underline.png');
    background-repeat : none;
}

#header {
    height : 131px;
    width  : 100%;
}

#header-top {
    height            : 81px;
    width             : 100%;
    background-image  : url('../images/bg_header.jpg');
    background-repeat : repeat-x;
}

#header-top-1 {
    height : 100%;
    width  : 15%;
    float  : left;
}

#header-top-2 {
    height : 100%;
    width  : 65%;
    float  : left;
}

#header-top-3 {
    height : 100%;
    width  : 20%;
    float  : left;
}

#header-bottom {
    height            : 59px;
    width             : 100%;
    background-image  : url('../images/bg_header_bottom.png');
    background-repeat : repeat-x;
}

#header-bottom-1 {
    height : 100%;
    width  : 15%;
    float  : left;
}

#header-bottom-2 {
    height : 100%;
    width  : 70%;
    float  : left;
}

#header-bottom-3 {
    height : 100%;
    width  : 15%;
    float  : left;
}

#logo-top {
    height : 81px;
    width  : 124px;
    float  : right;
}

#logo-bottom {
    height : 50px;
    width  : 50px;
    float  : left;
}

#searchbox {
    height           : 24px;
    width            : 202px;
    margin-left      : 10px;
    margin-top       : 42px;
    float            : left;
    background-image : url('../images/searchbox_bg.jpg');
}

#searchform {
    height      : 100%;
    width       : 100%;
    margin-left : 10px;
}

#mainmenu {
    height     : 20px;
    width      : 100%;
    margin-top : 40px;
}

#mainmenu > a > div {
    display          : inline-block;
    width            : 120px;
    background-color : transparent;
    color            : white;
    text-align       : center;
    vertical-align   : middle;
    margin           : 0 20px;
    padding          : 2px 0;
    font-family      : 'Dancing Script', cursive;
    letter-spacing   : 1px;
    height           : 30px;
    line-height      : 1.2;
}

#mainmenu > a > div.menu_a, #mainmenu > a > div.menu_i:hover {
    background-color : #2F8071;
}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6 {
    height         : 30px;
    width          : 16%;
    float          : left;
    text-align     : center;
    vertical-align : middle;
}

#menu1:hover, #menu2:hover, #menu3:hover, #menu4:hover, #menu5:hover, #menu6:hover {
    background-color : #2f8071;
}

#menu1a, #menu2a, #menu3a, #menu4a, #menu5a, #menu6a {
    height           : 30px;
    width            : 16%;
    float            : left;
    text-align       : center;
    vertical-align   : middle;
    background-color : #4DB848;
}

.main-menu-item {
    height         : 30px;
    width          : 16%;
    float          : left;
    text-align     : center;
    vertical-align : middle;
}

.main-menu-item:hover {
    background-color : #2f8071;
}

.main-menu-item.active {
    background-color : #4DB848;
}

#submenu {
    width          : 100%;
    height         : 51px;
    font-family    : Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
    vertical-align : middle;
}

#picto1, #picto2, #picto3 {
    width      : 30px;
    height     : 18px;
    margin-top : 19px;
    float      : left;
}

#insubmenu {
    width      : 100%;
    height     : 17px;
    margin-top : 19px;
    text-align : center;
}

#submenu-1, #submenu-2, #submenu-3, #submenu-4, #submenu-5, #submenu-6 {
    width            : 100%;
    height           : 17px;
    text-align       : center;
    color            : #0054A6;
    font-family      : Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
    font-size        : 14px;
    background-color : transparent;
}

#cmso-full {
    width        : 80%;
    padding-left : 35px;
    text-align   : left;
}

#footer {
    margin            : -45px auto 0;
    width             : 100% !important;
    min-width         : 1260px;
    height            : 45px;
    background-image  : url('../images/bg_footer.png');
    background-repeat : repeat-x;
    float             : left;
    position          : relative;
    z-index           : 999;
}

#footer-left {
    width  : 5%;
    height : 45px;
    float  : left;
}

#footer-center {
    width       : 90%;
    height      : 45px;
    float       : left;
    color       : #FAFAFA;
    text-align  : center;
    font-family : Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
    font-size   : 12px;
}

#footer-right {
    width      : 5%;
    height     : 45px;
    float      : right;
    text-align : right;
}

#main-image {
    width   : 100%;
    height  : 400px;
    -border : 1px solid red;
}

#main-image-top-line-bg {
    width             : 100%;
    height            : 12px;
    background-image  : url('../images/main_top_line_bg.png');
    background-repeat : repeat-x;
}

#main-image-top-line {
    width            : 1106px;
    height           : 12px;
    float            : left;
    background-image : url('../images/main_top_line.png');
}

#main-image-top-right-corner {
    width            : 14px;
    height           : 12px;
    float            : right;
    background-image : url('../images/main_top_right_corner.png');
}

#main-image-center-bg {
    width            : 100%;
    height           : 375px;
    background-color : #0A5FA6;
}

#main-image-center {
    width             : 1106px;
    height            : 375px;
    float             : left;
    background-image  : url('../images/main_image_bg.png');
    background-repeat : repeat-y;
}

#main-image-center-right {
    width             : 14px;
    height            : 375px;
    float             : right;
    background-image  : url('../images/main_right_border.png');
    background-repeat : repeat-y;
}

#main-image-bottom-line-bg {
    width             : 100%;
    height            : 13px;
    background-image  : url('../images/main_bottom_line_bg.png');
    background-repeat : repeat-x;
}

#main-image-bottom-line {
    width             : 1106px;
    height            : 13px;
    float             : left;
    background-image  : url('../images/main_bottom_line.png');
    background-repeat : no-repeat;
}

#main-image-bottom-right-corner {
    width             : 14px;
    height            : 13px;
    float             : right;
    background-image  : url('../images/main_bottom_right_corner.png');
    background-repeat : no-repeat;
}

.cmso-vertline {
    height            : 90%;
    width             : 3px;
    float             : left;
    margin-top        : 5px;
    background-image  : url('../images/vertline.png');
    background-repeat : repeat-y;
}

.bordered {
    border : 1px solid #0255A7;
}

td.submenu-item {
    color       : #4DB848;
    font        : normal;
    font-family : Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
    font-size   : 14px;
    font-weight : normal;
    text-align  : left;
}

td.content-title {
    color       : #424242;
    font        : normal;
    font-family : Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
    font-size   : 14px;
    font-weight : normal;
}

td.content {
    color       : #424242;
    font        : normal;
    font-family : Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size   : 14px;
    font-weight : normal;
}

td.content-test {
    color       : #424242;
    font        : normal;
    font-family : Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size   : 16px !important;
    font-weight : normal;
}

td.title-struk {
    color            : #424242;
    font             : normal;
    font-family      : Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size        : 16px;
    font-weight      : bold;
    font-style       : italic;
    border           : 1px solid #0255A7;
    background-color : #C4EEAC;
}

td.content-struk {
    color            : #424242;
    font             : normal;
    font-family      : Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size        : 16px;
    font-weight      : normal;
    background-color : #FAFAFA;
    border           : 1px solid #0255A7;
}

td.content-input {
    color             : #424242;
    font              : normal;
    font-family       : Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size         : 16px;
    font-weight       : normal;
    background-image  : url('../images/feedback_input_bg.png');
    background-repeat : no-repeat;
}

td.content-textarea {
    color             : #424242;
    font              : normal;
    font-family       : Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size         : 16px;
    font-weight       : normal;
    height            : 221px;
    background-image  : url('../images/feedback_textarea_bg.png');
    background-repeat : no-repeat;
}

td.research-month {
    color        : #424242;
    font         : normal;
    font-family  : Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
    font-size    : 18px;
    font-weight  : normal;
    text-align   : left;
    padding-left : 20px;
}

a.submenu-link {
    font            : normal;
    font-size       : 14px;
    font-family     : Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
    font-weight     : normal;
    color           : #0054A6;
    text-decoration : underline;
}

a.submenu-link:hover {
    font            : normal;
    font-size       : 14px;
    font-family     : Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
    font-weight     : normal;
    color           : #4DB848;
    text-decoration : none;
}

input.cs_search,
input.cs_search:active,
input.cs_search:focus {
    border           : 0px;
    width            : 180px;
    font-family      : Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-style       : italic;
    font-size        : 14px;
    vertical-align   : middle;
    color            : #092040;
    outline          : none;
    background-color : transparent;
}

input.feedback,
input.feedback:active,
input.feedback:focus {
    border           : 0px;
    width            : 421px;
    height           : 21px;
    padding-left     : 2px;
    font-family      : Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-style       : normal;
    font-size        : 14px;
    vertical-align   : middle;
    color            : #424242;
    outline          : none;
    background-color : transparent;
}

input[type=checkbox].feedback {
    width  : 20px;
    height : 20px;
}

input.radiobutton {
    margin-bottom : 4px;
}

textarea.feedback,
textarea.feedback:active,
textarea.feedback:focus {
    border           : 0px;
    width            : 420px;
    height           : 217px;
    padding-left     : 2px;
    font-family      : Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-style       : normal;
    font-size        : 14px;
    vertical-align   : middle;
    color            : #424242;
    outline          : none;
    background-color : transparent;
    resize           : none;
}

.stepcarousel {
    position : relative; /*leave this value alone*/
    border   : 0px solid #3574B4;
    overflow : scroll; /*leave this value alone*/
    width    : 540px; /*Width of Carousel Viewer itself*/
    height   : 360px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt {
    position : absolute; /*leave this value alone*/
    left     : 0;
    top      : 0;
}

.stepcarousel .panel {
    float    : left; /*leave this value alone*/
    overflow : hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin   : 0px; /*margin around each panel*/
    width    : 540px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.main-bottom-3 {
    width         : 31%;
    height        : auto;
    float         : left;
    padding-right : 25px;
    text-align    : justify;
    -border       : 1px solid red;
}

.main-bottom-4 {
    width         : 22%;
    height        : auto;
    float         : left;
    padding-right : 25px;
    text-align    : justify;
    -border       : 1px solid red;
}

.error {
    color : #cb2156 !important;
}

.rect_error {
    border : 1px solid #cb2156 !important;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align : center !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float : none !important;
}

#error {
    text-align : center !important;
}

.main-buttons > a {
    display            : inline-block;
    width              : 220px;
    margin             : 10px 40px;
    padding            : 10px 20px;
    border             : 4px solid #0054A6;
    border-left-width  : 2px;
    border-right-width : 2px;
    border-radius      : 10px;
    background-color   : powderblue;
    color              : #0054a6;
    font-weight        : bold;
    font-size          : 18px;
    line-height        : 1;
    text-align         : center;
    text-decoration    : none;
}

.main-buttons > a:hover {
    background-color : #0054a6;
    color            : white;
}

.main-buttons > a > img {
    display : inline-block;
    height  : 64px;
}

.main-buttons.test > a {
    width: 250px;
    border           : 4px solid darkgreen;
    background-color : lightgreen;
    color            : darkgreen;
}

.main-buttons.test > a:hover {
    background-color : darkgreen;
    color            : white;
}
#blink2 {
  -webkit-animation: blink2 3s linear infinite;
  animation: blink2 3s linear infinite;
}
@-webkit-keyframes blink2 {
  0% { color: rgba(75, 0, 130, 1); }
  50% { color: rgba(75, 0, 130, 0.35); }
  100% { color: rgba(75, 0, 130, 1); }
}
@keyframes blink2 {
  0% { color: rgba(75, 0, 130, 1); }
  50% { color: rgba(75, 0, 130, 0.35); }
  100% { color: rgba(75, 0, 130, 1); }
}

#blink {
  -webkit-animation: blink 3s linear infinite;
  animation: blink 3s linear infinite;
}
@-webkit-keyframes blink {
0% { color: rgba(128, 0, 0, 1); }
  50% { color: rgba(128, 0, 0, 0.35); }
  100% { color: rgba(128, 0, 0, 1); }
}
@keyframes blink {
  0% { color: rgba(128, 0, 0, 1); }
  50% { color: rgba(128, 0, 0, 0.35); }
  100% { color: rgba(128, 0, 0, 1); }
}