p {
padding : 5px;
padding-left : 0;
padding-right : 0;
}
.module_round_box_outer ul, .moduletable ul {
list-style : none;
}
.contentpaneopen ul {
list-style : disc;
margin-left : 10px;
margin-right : 10px;
}
ol {
margin-top : 5px;
margin-bottom : 5px;
}
ol li {
padding : 2px;
margin-right : 15px;
margin-left : 15px;
}
blockquote {
text-align : center;
font-family : Courgette;
line-height : 1.5em;
font-size : 1.5em;
margin : 15px;
padding : 5px 65px 5px 65px;
width : auto;
}
blockquote p {
background : url(../images/typography/s5_right_quote.png) bottom right no-repeat transparent;
margin-top : 0;
padding : 0 65px 10px 0;
}
.code {
background : #EBEAEA;
border-left : 5px solid #666666;
color : #666666;
font-family : monospace;
font-style : normal;
font-variant : normal;
font-weight : normal;
line-height : 1.5;
margin-top : 15px;
margin-bottom : 15px;
padding : 10px 20px;
padding-top : 20px;
padding-bottom : 20px;
font-size : 1.4em;
}
ul.ul_arrow li {
background : url(../images/typography/s5_ul_arrow.png) top left no-repeat transparent;
padding : 3px;
padding-left : 18px;
padding-right : 18px;
list-style : none;
}
#s5_component_wrap ul.ul_arrow {
padding-left : 0;
margin-left : 0;
margin-right : 0;
list-style-type : none;
}
ul.ul_star li {
background : url(../images/typography/s5_ul_star.png) top left no-repeat transparent;
line-height : 17px;
list-style : none outside none;
margin-top : 12px;
padding : 0 16px 0 24px;
}
#s5_component_wrap ul.ul_star {
line-height : 21px;
list-style-type : none;
margin-left : 0;
margin-right : 0;
padding-left : 0;
}
ul.ul_bullet li {
padding : 3px;
padding-left : 23px;
padding-right : 18px;
}
#s5_component_wrap ul.ul_bullet {
padding-left : 0;
margin-left : 0;
margin-right : 0;
}
ul.ul_bullets li {
background : url(../images/typography/s5_ul_bullet.png) top left no-repeat transparent;
padding : 3px;
padding-left : 23px;
padding-right : 18px;
list-style : none;
}
#s5_component_wrap ul.ul_bullets {
padding-left : 0;
margin-left : 0;
margin-right : 0;
list-style-type : none;
}
#s5_component_wrap ul.ul_numbers {
padding-left : 0;
margin-left : 0;
margin-right : 0;
list-style-type : none;
}
ul.ul_numbers li {
padding-top : 6px;
padding-left : 36px;
}
li.li_number1 {
background : url(../images/typography/s5_li_number1.png) top left no-repeat transparent;
padding-top : 8px;
padding-bottom : 22px;
list-style-type : none;
padding-right : 18px;
padding-left : 40px;
}
li.li_number2 {
background : url(../images/typography/s5_li_number2.png) top left no-repeat transparent;
padding-top : 8px;
padding-bottom : 22px;
list-style-type : none;
padding-right : 18px;
padding-left : 40px;
}
li.li_number3 {
background : url(../images/typography/s5_li_number3.png) top left no-repeat transparent;
padding-top : 8px;
padding-bottom : 22px;
list-style-type : none;
padding-right : 18px;
padding-left : 40px;
}
li.li_number4 {
background : url(../images/typography/s5_li_number4.png) top left no-repeat transparent;
padding-top : 8px;
padding-bottom : 22px;
list-style-type : none;
padding-right : 18px;
padding-left : 40px;
}
li.li_number5 {
background : url(../images/typography/s5_li_number5.png) top left no-repeat transparent;
padding-top : 8px;
padding-bottom : 22px;
list-style-type : none;
padding-right : 18px;
padding-left : 40px;
}
li.li_number6 {
background : url(../images/typography/s5_li_number6.png) top left no-repeat transparent;
padding-top : 8px;
padding-bottom : 22px;
list-style-type : none;
padding-right : 18px;
padding-left : 40px;
}
li.li_number7 {
background : url(../images/typography/s5_li_number7.png) top left no-repeat transparent;
padding-top : 8px;
padding-bottom : 22px;
list-style-type : none;
padding-right : 18px;
padding-left : 40px;
}
li.li_number8 {
background : url(../images/typography/s5_li_number8.png) top left no-repeat transparent;
padding-top : 8px;
padding-bottom : 22px;
list-style-type : none;
padding-right : 18px;
padding-left : 40px;
}
li.li_number9 {
background : url(../images/typography/s5_li_number9.png) top left no-repeat transparent;
padding-top : 8px;
padding-bottom : 22px;
list-style-type : none;
padding-right : 18px;
padding-left : 40px;
}
.red_box {
background : #FFD6D6;
border : #EF706F solid 1px;
color : #CC0000;
padding : 6px 6px 6px 15px;
}
.red_box a, #s5_component_wrap_inner .red_box a {
color : #CC0000;
font-weight : bold;
text-decoration : underline;
}
.blue_box {
background : #D0DCEC;
border : #5B95DA solid 1px;
color : #1B6FC2;
padding : 6px 6px 6px 15px;
}
.blue_box a, #s5_component_wrap_inner .blue_box a {
color : #1B6FC2;
font-weight : bold;
text-decoration : none;
}
.green_box {
background : #EEF7DD;
border : #40AB38 solid 1px;
color : #40AB38;
padding : 6px 6px 6px 15px;
}
.green_box a, #s5_component_wrap_inner .green_box a {
color : #40AB38;
font-weight : bold;
text-decoration : underline;
}
.orange_box {
background : #FEF6D8;
border : #755102 solid 1px;
color : #755102;
padding : 6px 6px 6px 15px;
}
.orange_box a, #s5_component_wrap_inner .orange_box a {
color : #755102;
font-weight : bold;
text-decoration : underline;
}
.yellow_box {
background : #F4F5B9;
border : #757402 solid 1px;
color : #757402;
padding : 6px 6px 6px 15px;
}
.yellow_box a, #s5_component_wrap_inner .yellow_box a {
color : #757402;
font-weight : bold;
text-decoration : underline;
}
.gray_box {
background : #FFFFFF;
border : #9D9D9D solid 1px;
color : #4B4B4B;
padding : 6px 6px 6px 15px;
}
.gray_box a, #s5_component_wrap_inner .gray_box a {
color : #4B4B4B;
font-weight : bold;
text-decoration : underline;
}
.black_box {
background : #333333;
border : #4D4D4D solid 1px;
color : #FFFFFF;
padding : 6px 6px 6px 15px;
}
.black_box a, #s5_component_wrap_inner .black_box a {
color : #FFFFFF;
font-weight : bold;
text-decoration : underline;
}
.boxed {
background : none 0 0 repeat scroll #D9D9D9;
border : #BFBEBE solid 1px;
margin-right : 0;
padding : 5px;
float : left;
margin : 0;
margin-bottom : 14px;
}
.boxed_black {
background : #1A1A1A;
padding : 3px;
margin-right : 10px;
margin-bottom : 8px;
transition : background 200ms ease-out;
}
.boxed_black:hover {
background : #414141;
transition : background 200ms ease-in;
}
.padded, .img-intro-right img, .img-intro-left img, .img-fulltext-right img, .img-fulltext-left img {
padding : 0;
margin : 10px;
border : #cbcbc9 solid 1px;
border-radius : 10px;
box-shadow : 0 1px 0 rgba(0, 0, 0, 0.3) inset, 0 2px 2px rgba(0, 0, 0, 0.3);
transition : all 500ms ease-out;
background : #FFFFFF;
}

.img-intro-right img:hover, .img-intro-left img:hover {
transition : all 500ms ease-in;
box-shadow : 0 2px 5px rgba(0, 0, 0, 0.3);
}
#s5_component_wrap .padded {
float : none;
}
.img-intro-right, .img-fulltext-right {
margin-left : 20px;
float : right;
width:45%;
}
.img-intro-left, .img-fulltext-left {
margin-right : 20px;
float : left;
}
.news img {
width : 33%;
float : left;
margin-right : 12px;
margin-bottom : 6px;
}
.news {
border-bottom : 1px solid #E5E5E5;
margin-bottom : 16px;
padding-bottom : 12px;
display : block;
font-size : 0.85em;
}
.point {
min-height : 28px;
}
.s5_greenbox {
position : relative;
padding : 12px;
box-shadow : 0 0 3px rgba(0, 0, 0, 0.3) inset;
color : #ffffff;
background : #185564;
}
.s5_greenbox a {
color : #ffffff;
}
.s5_greenbox .point {
padding-left : 42px;
background : url(../images/typography/s5_alert.png) center left no-repeat transparent;
}
.s5_graybox {
position : relative;
padding : 12px;
color : #313131;
box-shadow : 0 0 3px rgba(0, 0, 0, 0.3) inset;
background : #e6e6e6;
}
.s5_graybox a {
color : #313131;
}
.s5_graybox .point {
padding-left : 42px;
background : url(../images/typography/s5_alert.png) center left no-repeat transparent;
}
.s5_bluebox {
position : relative;
padding : 12px;
box-shadow : 0 0 3px rgba(0, 0, 0, 0.3) inset;
color : #ffffff;
background : #22ace5;
}
.s5_bluebox a {
color : #ffffff;
}
.s5_bluebox .point {
padding-left : 42px;
background : url(../images/typography/s5_alert.png) center left no-repeat transparent;
}
.s5_redbox {
position : relative;
padding : 12px;
box-shadow : 0 0 3px rgba(0, 0, 0, 0.3) inset;
color : #ffffff;
background : #ff5858;
}
.s5_bluebox a {
color : #ffffff;
}
.s5_redbox .point {
padding-left : 42px;
background : url(../images/typography/s5_alert.png) center left no-repeat transparent;
}
#contact-form .button {
margin-top : 14px;
margin-bottom : 14px;
}
ul.live {
overflow : hidden;
padding-left : 0;
margin-left : 0;
font-size : 1.3em;
line-height : 2em;
}
ul.live li {
list-style : none;
position : relative;
float : left;
clear : left;
padding : 5px 0 0 80px;
}
ul.live li::before {
display : inline-block;
content : '\204e';
height : 0.2em;
width : 80px;
margin-left : -50px;
text-align : center;
font-size : 1.8em;
color : #dd6e04;
line-height : 0;
transition-duration : 0.12s;
}
ul.live li:hover {
font-size : 1.2em;
font-weight : bold;
}
ul.live li:hover::before {
font-size : 2em;
}