/* begin Page */

body {
    margin: 0 auto;
    padding: 0;
    background-color: #FFFFFF;
}

#art-main {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
}

#art-page-background-simple-gradient {
    position: absolute;
    background-image: url('../image/Page-BgSimpleGradient.jpg');
    background-repeat: repeat-x;
    top: 0;
    width: 100%;
    height: 236px;
}

.cleared {
    float: none;
    clear: both;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 1px;
}

form {
    padding: 0 !important;
    margin: 0 !important;
}

table.position {
    position: relative;
    width: 100%;
    table-layout: fixed;
}


/* end Page */


/* begin Box, Sheet */

.art-Sheet {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    width: 900px;
    min-width: 23px;
    min-height: 23px;
}

.art-Sheet-body {
    position: relative;
    z-index: 1;
    padding: 1px;
}

.art-Sheet-tr,
.art-Sheet-tl,
.art-Sheet-br,
.art-Sheet-bl,
.art-Sheet-tc,
.art-Sheet-bc,
.art-Sheet-cr,
.art-Sheet-cl {
    position: absolute;
    z-index: -1;
}

.art-Sheet-tr,
.art-Sheet-tl,
.art-Sheet-br,
.art-Sheet-bl {
    width: 22px;
    height: 22px;
    background-image: url('../image/Sheet-s.png');
}

.art-Sheet-tl {
    top: 0;
    left: 0;
    clip: rect(auto, 11px, 11px, auto);
}

.art-Sheet-tr {
    top: 0;
    right: 0;
    clip: rect(auto, auto, 11px, 11px);
}

.art-Sheet-bl {
    bottom: 0;
    left: 0;
    clip: rect(11px, 11px, auto, auto);
}

.art-Sheet-br {
    bottom: 0;
    right: 0;
    clip: rect(11px, auto, auto, 11px);
}

.art-Sheet-tc,
.art-Sheet-bc {
    left: 11px;
    right: 11px;
    height: 22px;
    background-image: url('../image/Sheet-h.png');
}

.art-Sheet-tc {
    top: 0;
    clip: rect(auto, auto, 11px, auto);
}

.art-Sheet-bc {
    bottom: 0;
    clip: rect(11px, auto, auto, auto);
}

.art-Sheet-cr,
.art-Sheet-cl {
    top: 11px;
    bottom: 11px;
    width: 22px;
    background-image: url('../image/Sheet-v.png');
}

.art-Sheet-cr {
    right: 0;
    clip: rect(auto, auto, auto, 11px);
}

.art-Sheet-cl {
    left: 0;
    clip: rect(auto, 11px, auto, auto);
}

.art-Sheet-cc {
    position: absolute;
    z-index: -1;
    top: 11px;
    left: 11px;
    right: 11px;
    bottom: 11px;
    background-color: #F5F5F5;
}

.art-Sheet {
    margin-top: 10px !important;
}

#art-page-background-simple-gradient,
#art-page-background-gradient,
#art-page-background-glare {
    min-width: 900px;
}


/* end Box, Sheet */


/* begin Header */

div.art-Header {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    width: 898px;
    height: 225px;
}

div.art-Header-png {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    width: 898px;
    height: 225px;
    background-image: url('../image/Header.png');
    background-repeat: no-repeat;
    background-position: left top;
}

div.art-Header-jpeg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 898px;
    height: 225px;
    background-image: url('../image/Header.jpg');
    background-repeat: no-repeat;
    background-position: center center;
}


/* end Header */


/* begin Logo */

.art-Logo {
    display: block;
    position: absolute;
    left: 10px;
    top: 90px;
    width: 878px;
}

h1.art-Logo-name {
    display: block;
    text-align: center;
}

h1.art-Logo-name,
h1.art-Logo-name a,
h1.art-Logo-name a:link,
h1.art-Logo-name a:visited,
h1.art-Logo-name a:hover {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 36px;
    text-decoration: none;
    padding: 0;
    margin: 90px 100px 10px 0px;
    color: #FFFFFF !important;
}

.art-Logo-text {
    display: block;
    text-align: center;
}

.art-Logo-text,
.art-Logo-text a {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #2B2B2B !important;
}


/* end Logo */


/* begin Menu */


/* menu structure */

.art-menu a,
.art-menu a:link,
.art-menu a:visited,
.art-menu a:hover {
    text-align: left;
    text-decoration: none;
    outline: none;
    letter-spacing: normal;
    word-spacing: normal;
}

.art-menu,
.art-menu ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    display: block;
}

.art-menu li {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    float: left;
    position: relative;
    z-index: 5;
    background: none;
}

.art-menu li:hover {
    z-index: 10000;
    white-space: normal;
}

.art-menu li li {
    float: none;
}

.art-menu ul {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background: none;
}

.art-menu li:hover>ul {
    visibility: visible;
    top: 100%;
}

.art-menu li li:hover>ul {
    top: 0;
    left: 100%;
}

.art-menu:after,
.art-menu ul:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}

.art-menu,
.art-menu ul {
    min-height: 0;
}

.art-menu ul {
    background-image: url('../image/spacer.gif');
    padding: 10px 30px 30px 30px;
    margin: -10px 0 0 -30px;
}

.art-menu ul ul {
    padding: 30px 30px 30px 10px;
    margin: -30px 0 0 -10px;
}


/* menu structure */

.art-menu {
    padding: 12px 6px 0px 6px;
}

.art-nav {
    position: relative;
    height: 42px;
    z-index: 100;
}

.art-nav .l,
.art-nav .r {
    position: absolute;
    z-index: -1;
    top: 0;
    height: 42px;
    background-image: url('../image/nav.png');
}

.art-nav .l {
    left: 0;
    right: 0px;
}

.art-nav .r {
    right: 0;
    width: 898px;
    clip: rect(auto, auto, auto, 898px);
}


/* end Menu */


/* begin MenuItem */

.art-menu ul li {
    clear: both;
}

.art-menu a {
    position: relative;
    display: block;
    overflow: hidden;
    height: 30px;
    cursor: pointer;
    text-decoration: none;
    margin-right: 2px;
    margin-left: 2px;
}

.art-menu a .r,
.art-menu a .l {
    position: absolute;
    display: block;
    top: 0;
    z-index: -1;
    height: 90px;
    background-image: url('../image/MenuItem.png');
}

.art-menu a .l {
    left: 0;
    right: 4px;
}

.art-menu a .r {
    width: 408px;
    right: 0;
    clip: rect(auto, auto, auto, 404px);
}

.art-menu a .t {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #CBEDF6;
    padding: 0 19px;
    margin: 0 4px;
    line-height: 30px;
    text-align: center;
}

.art-menu a:hover .l,
.art-menu a:hover .r {
    top: -60px;
}

.art-menu li:hover>a .l,
.art-menu li:hover>a .r {
    top: -60px;
}

.art-menu li:hover a .l,
.art-menu li:hover a .r {
    top: -60px;
}

.art-menu a:hover .t {
    color: #3B3B3B;
}

.art-menu li:hover a .t {
    color: #3B3B3B;
}

.art-menu li:hover>a .t {
    color: #3B3B3B;
}

.art-menu a.active .l,
.art-menu a.active .r {
    top: -60px;
}

.art-menu a.active .t {
    color: #3B3B3B;
}


/* tambahan shidiq */

.art-menu a:active .l,
.art-menu a:active .r {
    top: -60px;
}

.art-menu li:active>a .l,
.art-menu li:active>a .r {
    top: -60px;
}

.art-menu li:active a .l,
.art-menu li:active a .r {
    top: -60px;
}


/*.art-menu  a:active .l, .art-menu a:active .r
{
	color: #FFFFFF;
	top: -60px;
}

.art-menu li:active a .t
{
	color: #FFFFFF;
	top: -60px;
}

.art-menu li:active>a .t
{
	color: #FFFFFF;
	top: -60px;
}*/


/* end MenuItem */


/* begin login form */

.art-login {
    /*position: relative;*/
    position: relative;
    height: 42px;
    background-color: #788fbb;
    margin: 10px 10px 10px 0px;
    display: block;
    text-align: center;
    /*z-index: 1000;*/
}


/* end login form */


/* begin ContentLayout */

.art-contentLayout {
    position: relative;
    margin-bottom: 0px;
    width: 898px;
}


/* end ContentLayout */


/* begin Box, Block */

.art-Block {
    position: relative;
    z-index: 0;
    margin: 0 auto;
}

.art-Block-body {
    position: relative;
    z-index: 1;
    padding: 0px;
}

.art-Block-tr,
.art-Block-tl,
.art-Block-br,
.art-Block-bl,
.art-Block-tc,
.art-Block-bc,
.art-Block-cr,
.art-Block-cl {
    position: absolute;
    z-index: -1;
}

.art-Block-tr,
.art-Block-tl,
.art-Block-br,
.art-Block-bl {
    width: 26px;
    height: 26px;
    background-image: url('../image/Block-s.png');
}

.art-Block-tl {
    top: 0;
    left: 0;
    clip: rect(auto, 13px, 13px, auto);
}

.art-Block-tr {
    top: 0;
    right: 0;
    clip: rect(auto, auto, 13px, 13px);
}

.art-Block-bl {
    bottom: 0;
    left: 0;
    clip: rect(13px, 13px, auto, auto);
}

.art-Block-br {
    bottom: 0;
    right: 0;
    clip: rect(13px, auto, auto, 13px);
}

.art-Block-tc,
.art-Block-bc {
    left: 13px;
    right: 13px;
    height: 26px;
    background-image: url('../image/Block-h.png');
}

.art-Block-tc {
    top: 0;
    clip: rect(auto, auto, 13px, auto);
}

.art-Block-bc {
    bottom: 0;
    clip: rect(13px, auto, auto, auto);
}

.art-Block-cr,
.art-Block-cl {
    top: 13px;
    bottom: 13px;
    width: 26px;
    background-image: url('../image/Block-v.png');
}

.art-Block-cr {
    right: 0;
    clip: rect(auto, auto, auto, 13px);
}

.art-Block-cl {
    left: 0;
    clip: rect(auto, 13px, auto, auto);
}

.art-Block-cc {
    position: absolute;
    z-index: -1;
    top: 13px;
    left: 13px;
    right: 13px;
    bottom: 13px;
    background-color: #EBEEEF;
}

.art-Block {
    margin: 7px;
}


/* end Box, Block */


/* begin BlockHeader */

.art-BlockHeader {
    position: relative;
    z-index: 0;
    height: 30px;
    padding: 0 8px;
    margin-bottom: 15px;
}

.art-BlockHeader .t {
    height: 30px;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    white-space: nowrap;
    padding: 0 6px;
    line-height: 30px;
}

.art-BlockHeader .l,
.art-BlockHeader .r {
    display: block;
    position: absolute;
    z-index: -1;
    height: 30px;
    background-image: url('../image/BlockHeader.png');
}

.art-BlockHeader .l {
    left: 0;
    right: 1px;
}

.art-BlockHeader .r {
    width: 898px;
    right: 0;
    clip: rect(auto, auto, auto, 897px);
}

.art-header-tag-icon {
    display: inline-block;
    background-position: left top;
    background-image: url('../image/BlockHeaderIcon.png');
    padding: 0 0 0 12px;
    background-repeat: no-repeat;
    min-height: 12px;
    margin: 0 0 0 5px;
}


/* end BlockHeader */


/* begin Box, BlockContent */

.art-BlockContent {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    min-width: 1px;
    min-height: 1px;
}

.art-BlockContent-body {
    position: relative;
    z-index: 1;
    padding: 12px;
}

.art-BlockContent-body {
    color: #1F2628;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}

.art-BlockContent-body a:link {
    color: #18728B;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
}

.art-BlockContent-body a:visited,
.art-BlockContent-body a.visited {
    color: #878787;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
}

.art-BlockContent-body a:hover,
.art-BlockContent-body a.hover {
    color: #2096B6;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
}

.art-BlockContent-body ul {
    list-style-type: none;
    color: #414F53;
    margin: 0;
    padding: 0;
}

.art-BlockContent-body li {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}

.art-BlockContent-body ul li {
    padding: 1px 0 1px 21px;
    background-image: url('../image/BlockContentBullets.png');
    background-repeat: no-repeat;
    margin: 0.5em 0 0.5em 0;
    line-height: 1.2em;
}


/* end Box, BlockContent */


/* begin Box, Post */

.art-Post {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    min-width: 1px;
    min-height: 1px;
}

.art-Post-body {
    position: relative;
    z-index: 1;
    padding: 10px;
}

.art-Post {
    margin: 10px;
}


/* Start images */

a img {
    border: 0;
}

.art-article img,
img.art-article {
    border: solid 1px #C7C7C7;
    margin: 1em;
}

.art-metadata-icons img {
    border: none;
    vertical-align: middle;
    margin: 2px;
}


/* Finish images */


/* Start tables */

.art-article table,
table.art-article {
    border-collapse: collapse;
    margin: 1px;
    width: auto;
}

.art-article table,
table.art-article .art-article tr,
.art-article th,
.art-article td {
    background-color: Transparent;
}

.art-article th,
.art-article td {
    padding: 2px;
    border: solid 1px #A6A6A6;
    vertical-align: top;
    text-align: left;
}

.art-article th {
    text-align: center;
    vertical-align: middle;
    padding: 7px;
}


/* Finish tables */


/* end Box, Post */


/* begin PostHeaderIcon */

.art-PostHeaderIcon-wrapper {
    text-decoration: none;
    margin: 0.2em 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    word-spacing: normal;
    font-variant: normal;
    text-decoration: none;
    font-variant: normal;
    text-transform: none;
    text-align: left;
    text-indent: 0;
    line-height: inherit;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    color: #0B3541;
}

.art-PostHeaderIcon-wrapper,
.art-PostHeaderIcon-wrapper a,
.art-PostHeaderIcon-wrapper a:link,
.art-PostHeaderIcon-wrapper a:visited,
.art-PostHeaderIcon-wrapper a:hover {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    color: #0B3541;
}


/* end PostHeaderIcon */


/* begin PostHeader */

.art-PostHeader a:link {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    text-align: left;
    color: #0E404E;
}

.art-PostHeader a:visited,
.art-PostHeader a.visited {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    text-align: left;
    color: #3F4D50;
}

.art-PostHeader a:hover,
.art-PostHeader a.hovered {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    text-align: left;
    color: #19768F;
}


/* end PostHeader */


/* begin PostContent */


/* Content Text Font & Color (Default) */

body {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #22292B;
}

.art-PostContent {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    color: #22292B;
}


/* Start Content link style */


/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/

a {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #114E5F;
}


/* Adds special style to an unvisited link. */

a:link {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #114E5F;
}


/* Adds special style to a visited link. */

a:visited,
a.visited {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #545454;
}


/* :hover - adds special style to an element when you mouse over it. */

a:hover,
a.hover {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #19768F;
}


/* Finish Content link style */


/* Resert some headings default style & links default style for links in headings*/

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}


/* Start Content headings Fonts & Colors  */

h1,
h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #19768F;
}

h2,
h2 a,
h2 a:link,
h2 a:visited,
h2 a:hover {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    text-align: left;
    color: #19768F;
}

h3,
h3 a,
h3 a:link,
h3 a:visited,
h3 a:hover {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #313C3F;
}

h4,
h4 a,
h4 a:link,
h4 a:visited,
h4 a:hover {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 15px;
    text-align: left;
    color: #0B3541;
}

h5,
h5 a,
h5 a:link,
h5 a:visited,
h5 a:hover {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    text-align: left;
    color: #0B3541;
}

h6,
h6 a,
h6 a:link,
h6 a:visited,
h6 a:hover {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    text-align: left;
    color: #0B3541;
}


/* Finish Content headings Fonts & Colors  */


/* end PostContent */


/* begin PostBullets */


/* Start Content list */


/*ol, ul
{
	color: #465559;
	margin:1em 0 1em 2em;
	padding:0;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}

li ol, li ul
{
	margin:0.5em 0 0.5em 2em;
	padding:0;
}

li 
{
	margin:0.2em 0;
	padding:0;
}

ul
{
	list-style-type: none;
}

ol
{
	list-style-position:inside;
	
}



.art-Post li
{
	padding:0px 0 0px 13px;
	line-height:1.2em;
}

.art-Post ol li, .art-Post ul ol li
{
	background: none;
	padding-left:0;
}

.art-Post ul li, .art-Post ol ul li 
{
	background-image: url('https://simpeg.lipindonesia.com/images/PostBullets.png');
	background-repeat:no-repeat;
	padding-left:13px;
}

*/


/* Finish Content list */


/* end PostBullets */


/* begin PostQuote */


/* Start blockquote */

blockquote p {
    color: #0F0F0F;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-align: left;
}

blockquote {
    border: solid 1px #C7C7C7;
    margin: 10px 10px 10px 50px;
    padding: 5px 5px 5px 41px;
    background-color: #E0E0E0;
    background-image: url('../image/PostQuote.png');
    background-position: left top;
    background-repeat: no-repeat;
}


/* Finish blockuote */


/* end PostQuote */


/* begin Button */

.art-button-wrapper .art-button {
    display: inline-block;
    width: auto;
    outline: none;
    border: none;
    background: none;
    line-height: 34px;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible;
    cursor: default;
    text-decoration: none !important;
    z-index: 0;
}

.art-button-wrapper {
    display: inline-block;
    position: relative;
    height: 34px;
    overflow: hidden;
    white-space: nowrap;
    width: auto;
    z-index: 0;
}

.art-button-wrapper .art-button {
    display: block;
    height: 34px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    padding: 0 21px !important;
    line-height: 34px;
    text-decoration: none !important;
    color: #0E404E !important;
}

input,
select {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.art-button-wrapper.hover .art-button,
.art-button:hover {
    color: #333333 !important;
    text-decoration: none !important;
}

.art-button-wrapper.active .art-button {
    color: #283133 !important;
}

.art-button-wrapper .l,
.art-button-wrapper .r {
    display: block;
    position: absolute;
    z-index: -1;
    height: 102px;
    background-image: url('../image/Button.png');
}

.art-button-wrapper .l {
    left: 0;
    right: 11px;
}

.art-button-wrapper .r {
    width: 411px;
    right: 0;
    clip: rect(auto, auto, auto, 400px);
}

.art-button-wrapper.hover .l,
.art-button-wrapper.hover .r {
    top: -34px;
}

.art-button-wrapper.active .l,
.art-button-wrapper.active .r {
    top: -68px;
}


/* end Button */


/* begin Footer */

.art-Footer {
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 898px;
    margin: 5px auto 0px auto;
}

.art-Footer .art-Footer-inner {
    height: 1%;
    position: relative;
    z-index: 0;
    padding: 8px;
    text-align: center;
}

.art-Footer .art-Footer-background {
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    background-image: url('../image/Footer.png');
    width: 898px;
    height: 150px;
    bottom: 0;
    left: 0;
}

.art-rss-tag-icon {
    position: relative;
    display: block;
    float: left;
    background-image: url('../image/rssIcon.png');
    background-position: center right;
    background-repeat: no-repeat;
    margin: 0 5px 0 0;
    height: 25px;
    width: 25px;
}

.art-Footer .art-Footer-text p {
    margin: 0;
}

.art-Footer .art-Footer-text {
    display: inline-block;
    color: #4A5A5E;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    letter-spacing: 1px;
}

.art-Footer .art-Footer-text a:link {
    text-decoration: none;
    color: #0F4757;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
}

.art-Footer .art-Footer-text a:visited {
    text-decoration: none;
    color: #435256;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
}

.art-Footer .art-Footer-text a:hover {
    text-decoration: none;
    color: #176B82;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
}


/* end Footer */


/* begin PageFooter */

.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover {
    font-family: Arial;
    font-size: 10px;
    letter-spacing: normal;
    word-spacing: normal;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    color: #1F8EAD;
}

.art-page-footer {
    margin: 1em;
    text-align: center;
    text-decoration: none;
    color: #5A6D72;
}


/* end PageFooter */


/* begin LayoutCell */

.art-contentLayout .art-sidebar1 {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    overflow: hidden;
    width: 240px;
}


/* end LayoutCell */


/* begin LayoutCell */

.art-contentLayout .art-content {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    overflow: hidden;
    width: 658px;
}

.art-contentLayout .art-content-wide {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    overflow: hidden;
    width: 897px;
}


/* end LayoutCell */


/* vertikal menu */

.menutitle {
    cursor: pointer;
    margin-bottom: 5px;
    background-color: #ECECFF;
    color: #000000;
    width: 140px;
    padding: 2px;
    text-align: center;
    font-weight: bold;
    /*/*/
    border: 1px solid #000000;
    /* */
}

.submenu {
    margin-bottom: 0.5em;
}

#loading {
    position: absolute;
    top: 285;
    left: 330;
    color: white;
    padding: 5px 10px;
    font: 12px Arial;
}

.btn-login-sso {
    color: #FFF !important;
    background-color: #3598dc;
    border-color: #3598dc;
    padding: 8px 14px 7px;
    text-decoration: none !important;
    font-weight: 600!important;
    text-transform: uppercase!important;
    line-height: 1.44;
    border-radius: 25px!important;
}