/* 	primary : #92c11d
	secondary : #5592cc
 */
/* begin Page */
body {
    margin: -10px auto 0 auto;
    padding: 0;
    background-color: #ffffff;
}

html {
    background-color: #d1d1d1;
}

p.center {
    text-align: center !important;
}
.secondary i {
    color: #5592cc;
}
#art-main {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #d1d1d1;
}

#art-Header-container {
    background-color: white;
}

#art-page-background-glare {
    position: absolute;
    width: 100%;
    height: 299px;
    left: 0;
    top: 0;
}

#art-page-background-glare-image {
    /*background-image: url('../images/Page-BgGlare.png');*/
    /*background-repeat: no-repeat;*/
    height: 299px;
    width: 486px;
    margin: 0;
}

html:first-child #art-page-background-glare {
    border: 1px solid transparent; /* Opera fix */
}

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

.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: 1200px;
    min-width: 21px;
    min-height: 21px;
}

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

.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: 20px;
    height: 20px;
    /*background-image: url('../images/Sheet-s.png');*/
    background-color: white;
}

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

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

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

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

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

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

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

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

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

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

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

.art-Sheet {
    margin-top: 10px !important;
    border-left: 1px solid #92c11d;
    border-right: 1px solid #92c11d;
}

#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: 10px auto;
    position: relative;
    z-index: 0;
    width: 1200px;
    height: 78px;
    border-bottom: 2px solid #92c11d;
}

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

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

div.art-Header-logo {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 225px;
    height: 102px;
    background-image: url('../images/header_logo.jpg');
    background-repeat: no-repeat;
    background-position: center center;
}
div.art-Header-action {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 355px;
    width: 225px;
    height: 102px;
    /*background-image: url('../images/header_logo.jpg');*/
    /*background-repeat: no-repeat;*/
    /*background-position: center center;*/
}
div.art-Header-lang {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 678px;
    width: 550px;
    height: 80px;
    /*background-color: #95bf1d;*/
    /*background-image: url('../images/header_logo.jpg');*/
    /*background-repeat: no-repeat;*/
    /*background-position: center center;*/
}

/* end Header */ /* 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 0 0 50px;
    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('../images/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;
}

ul.art-menu-login {
    float: left;
    margin-left: 390px;
}

ul.art-menu-lang {
    float: right;
}

/* menu structure */
.art-menu {
    padding: 3px 3px 3px 3px;
}

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

/* end Menu */ /* begin MenuItem */
.art-menu ul li {
    clear: both;
}

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

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

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

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

.art-menu a .t {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #141414;
    padding: 0 4px;
    margin: 0 8px;
    line-height: 25px;
    text-align: center;
}

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

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

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

.art-menu a:hover .t {
    color: #1A1A1A;
}

.art-menu li:hover a .t {
    color: #1A1A1A;
}

.art-menu li:hover>a .t {
    color: #1A1A1A;
}

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

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

/* end MenuItem */ /* begin MenuSeparator */
.art-nav .art-menu-separator {
    display: block;
    width: 1px;
    height: 25px;
    background-image: url('../images/MenuSeparator.png');
}

/* end MenuSeparator */ /* begin MenuSubItem */
.art-menu ul a {
    display: block;
    text-align: center;
    white-space: nowrap;
    height: 20px;
    width: 180px;
    overflow: hidden;
    line-height: 20px;
    margin-right: auto;
    background-image: url('../images/subitem-bg.png');
    background-position: left top;
    background-repeat: repeat-x;
    border-width: 0px;
    border-style: solid;
}

.art-nav ul.art-menu ul span,.art-nav ul.art-menu ul span span {
    display: inline;
    float: none;
    margin: inherit;
    padding: inherit;
    background-image: none;
    text-align: inherit;
    text-decoration: inherit;
}

.art-menu ul a,.art-menu ul a:link,.art-menu ul a:visited,.art-menu ul a:hover,.art-menu ul a:active,.art-nav ul.art-menu ul span,.art-nav ul.art-menu ul span span
{
    text-align: left;
    text-indent: 12px;
    text-decoration: none;
    line-height: 20px;
    color: #008BA2;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.art-menu ul ul a {
    margin-left: auto;
}

.art-menu ul li a:hover {
    color: #006778;
    background-position: 0 -20px;
}

.art-menu ul li:hover>a {
    color: #006778;
    background-position: 0 -20px;
}

.art-nav .art-menu ul li a:hover span,.art-nav .art-menu ul li a:hover span span
{
    color: #006778;
}

.art-nav .art-menu ul li:hover>a span,.art-nav .art-menu ul li:hover>a span span
{
    color: #006778;
}

/* end MenuSubItem */ /* begin ContentLayout */
.art-contentLayout {
    position: relative;
    margin-bottom: 0px;
    width: 1200px;
}

/* end ContentLayout */ /* begin Box, Block */
.art-Block {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    min-width: 15px;
    min-height: 15px;
}
.art-Block .border{

    background-color: #f1f1f1;
    border-radius: 5px;
    border: 1px solid #aaa;
}

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

.art-Block-body a,.art-Block-body a:link,.art-Block-body a:hover,.art-Block-body a:visited
{
    text-decoration: none;
}

.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: 14px;
    height: 14px;
    background-image: url('../images/Block-s.png');
}

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

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

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

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

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

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

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

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

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

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

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

.art-Block {
    margin: 7px;
}

/* end Box, Block */ /* begin BlockHeader */
.art-BlockHeader.art-BlockHeader-secondary {
    background-color: #5592cc;
}
.art-BlockHeader {
    background-color: #92c11d;
    border-radius: 5px;
    display: block;
    position: relative;
    z-index: 0;
    height: 30px;
    padding: 0 7px;
    margin-bottom: 3px;
}
.art-BlockHeader .t-alt {
    white-space: nowrap;
    font-size: 14px;
    height: 30px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: bold;
    padding: 0 6px;
    line-height: 30px;
    text-align: center;
    color: white;
}
.art-BlockHeader .t {
    height: 30px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    white-space: nowrap;
    padding: 0 6px;
    line-height: 30px;
    text-align: center;
    color: white;
}

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

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

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

.art-header-tag-icon {
    height: 30px;
    min-height: 12px;
    margin: 0 0 0 5px;
}

/* end BlockHeader */
/* begin Block2Header */
.art-Block2Header {
    position: relative;
    z-index: 0;
    height: 30px;
    padding: 0 7px;
    margin-bottom: 3px;
}

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

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

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

.art-Block2Header .r {
    width: 900px;
    right: 0;
    clip: rect(auto, auto, auto, 894px);
}

.art-header2-tag-icon {
    height: 30px;
    background-position: left top;
    background-image: url('../images/Block2HeaderIcon.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: 3px 8px 3px 8px;
}

.art-BlockContent-body {
    color: #595959;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.art-BlockContent-body a:link {
    color: #1A1A1A;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
}

.art-BlockContent-body a:visited,.art-BlockContent-body a.visited {
    color: #1A1A1A;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
}

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

.art-BlockContent-body .t {
    color: #5592cc;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
}

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

.art-BlockContent-body ul li {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    text-decoration: none;
    line-height: 1.4em;
    padding: 0px 0 0px 13px;
    background-image: url('../images/BlockContentBullets.png');
    background-repeat: no-repeat;
}

/* 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: 7px;
}

/* 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 #B5B5B5;
    vertical-align: top;
    text-align: left;
}

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

/* Finish tables */
pre {
    overflow: auto;
    padding: 0.1em;
}

/* end Box, Post */ /* begin PostHeaderIcon */
.art-PostHeader {
    text-decoration: none;
    margin: 0.2em 0 1em 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: 22px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #5592cc;
}

.art-PostHeader a,.art-PostHeader a:link,.art-PostHeader a:visited,.art-PostHeader a:hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    margin: 0;
    color: #5592cc;
}

/* end PostHeaderIcon */ /* begin PostHeader */
.art-PostHeader a:link {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    text-align: left;
    color: #007386;
}

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

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

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

.art-PostContent p {
    margin: 1em 0;
}

.art-PostContent,.art-PostContent p {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    line-height: 1.4em;
    font-style: normal;
    font-weight: normal;
    text-align: justify;
    color: #696969;
}

.art-PostContent {
    margin: 0;
}

.art-PostContent>div {
    margin-bottom: 10px;
}

/* 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: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #007F94;
}

/* Adds special style to a visited link. */
a:visited,a.visited {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #595959;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover,a.hover {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #5592cc;
}

/* 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: 18px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #5592cc;
}

h2,h2 a,h2 a:link,h2 a:visited,h2 a:hover {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #5592cc;
}

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: #5592cc;
}

h4,h4 a,h4 a:link,h4 a:visited,h4 a:hover {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #696969;
}

h5,h5 a,h5 a:link,h5 a:visited,h5 a:hover {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #696969;
}

h6,h6 a,h6 a:link,h6 a:visited,h6 a:hover {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #696969;
}

/* Finish Content headings Fonts & Colors  */ /* end PostContent */
/* begin PostBullets */ /* Start Content list */
ol,ul {
    margin: 1em 0 1em 0;
    padding: 0;
    font-family: 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: outside;
}

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

.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('../images/BlockContentBullets.png');
    background-repeat: no-repeat;
    padding-left: 13px;
}

.art-Post ol li {
    margin-left: 17px;
}

/* Finish Content list */ /* end PostBullets */ /* begin PostQuote */
/* Start blockquote */
blockquote,blockquote p,.art-PostContent blockquote p {
    color: #0F0F0F;
    font-family: Arial, Helvetica, Sans-Serif;
    font-style: italic;
    font-weight: normal;
    text-align: left;
}

blockquote,.art-PostContent blockquote {
    border: solid 1px #C7C7C7;
    margin: 10px 10px 10px 50px;
    padding: 5px 5px 5px 41px;
    background-color: #E0E0E0;
    background-image: url('../images/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: 33px;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible;
    cursor: default;
    text-decoration: none !important;
    z-index: 0;
    vertical-align: middle;
}

.art-button img,.art-button-wrapper img {
    margin: 0;
}

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

.firefox2 .art-button-wrapper {
    display: block;
    float: left;
}

.art-button-wrapper .art-button {
    display: block;
    height: 33px;
    font-family: 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: 33px;
    text-decoration: none !important;
    color: #000000 !important;
}

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

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

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

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

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

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

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

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

/* end Button */ /* begin Footer */
.art-Footer {
    border-top: 1px solid #92c11d;
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 1200px;
    margin: 5px auto 0px auto;
    border-bottom: 1px solid #92c11d;
}

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

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

.art-Footer .art-Footer-text {
    display: inline-block;
    color: #454545;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
}

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

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

.art-Footer .art-Footer-text a:hover {
    text-decoration: none;
    color: #260D15;
    font-family: 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: #00C7E8;
}

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

/* end PageFooter */ /* begin LayoutCell */
.art-contentLayout .art-sidebar1 {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    overflow: hidden;
    width: 224px;
    min-height: 800px;
}

/* end LayoutCell */ /* begin LayoutCell */
.art-contentLayout .art-content {
    position: relative;
    margin: 0;
    padding: 6px 0 0 0;
    border: 0;
    float: left;
    overflow: hidden;
    width: 975px;
}

.art-contentLayout .art-content-wide {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    overflow: hidden;
    width: 898px;
}
/* end LayoutCell */

/* Other layout */
ol.closeOl {
    margin-top: 5px;
}

.clearBoth {
    clear: both;
}

/* Navigation menu */
.accountNavigationMenu {
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}

.accountNavigationMenu ul {
    display: block;
    /*float: left;*/
    left: 51%;
    list-style-type: none;
    padding: 0;
    position: relative;
}

.accountNavigationMenu ul li {
    float: left;
    position: relative;
    right: 50%;
    min-width: 6%;
}

.accountNavigationMenu ul li a {
    display: block;
    background-color: #888888;
    color: white;
    border-right: 1px solid white;
    text-decoration: none;
    text-align: center;
    padding: 7px 10px 7px 10px;
}

.accountNavigationMenu ul li a.last {
    border-right: 0px;
}

.accountNavigationMenu ul li a.selected {
    background-color: #5592cc;
}

.accountNavigationMenu ul li a:hover {
    background-color: #5592cc;
}

/* Summary page */
.account_summary {
    padding: 0 10px;
}

.account_summary .informationMessage {
    padding: 5px;
}

.account_summary .informationMessage h1 {
    background-color: #5592cc;
    color: white;
    padding: 5px;
}

.account_summary .informationMessage p {
    background-color: #EEEEEE;
    color: red;
    font-weight: bold;
    padding: 5px;
}

.account_summary_left {
    float: left;
    width: 50%;
}

.account_summary_right {
    float: left;
    width: 50%;
}

.account_summary .smallTable {
    width: 90%;
}

.account_summary .summary_label {
    background-color: #EEEEEE;
    padding: 2px 10px;
    width: 12em;
}

.account_summary .summary_txt {
    background-color: #EEEEEE;
    font-weight: bold;
    padding: 2px;
    width: 8em;
}

.account_summary_deposit table {
    border: 0;
}

.account_summary_deposit td {
    background-color: #EEEEEE;
    font-weight: bold;
    padding: 2px ;
    width: 16.7em;
}

.account_summary_deposit td.currency {
    text-align: right;
}

/* Travel passes page*/
.travelPass {
    width: 495px;
}

.lamutuelle{
    padding: 0 15px;
}


.member_account_submit{
    margin-left:10px;
}
@-moz-document url-prefix() {
    .member_account_submit {margin-left:11px;}
}

.flash {
    width: 975px;
    height: 300px;
    background-image: url(../images/img_home.JPG);
    background-size: auto 300px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 8px;
}

#art-menu-lang {
    display: inline-block;
    height: 16px;
    width: 86%;
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: #92c11d;
    text-align: left;
    padding: 3px 8px 3px 0;
    position: relative;
    top: 50px;
    left: 8.6px;
}
#art-menu-lang a {
    color: white;
}

#art-menu-border {
    position: relative;
    top: 57px;
    display: inline-block;
    width: 0;
    height: 0;
    left: 12px;
    border-style: solid;
    border-width: 0 0 21px 30px;
    border-color: transparent transparent #92c11d transparent;
}

.head-link {
    text-align: center;
    color: #5592cc;
    text-decoration: none;
}

.head-link-a {
    text-decoration: none;
}

.head-link a {
    color: #5592cc;
    text-decoration: none;
    text-align: center;
}

.head-link a:hover {
    color: #92c11d	;
    text-decoration: none;
    text-align: center;
}


#home-head-link-container {
    display: inline-block;
    position: relative;
    top: 35px;
    left: 192px;
}

#logout-head-link-container, #login-head-link-container {
    display: inline-block;
    position: relative;
    top: 35px;
    left: 215px;
}

#direction-board{
    margin: 5px;
    padding-left: 20px;
}

.panel.panel-no-head{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel {
    margin-bottom: 20px;
    margin-right: 10px;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-head {
    border-color: #aaa;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #5592cc;
    color: white;
}

.tabs_bar_elm {
    display: inline-block;
}

.panel-head.tabs_bar {
    margin-right: 10px;
    border: 0;
    background-color: #888;
}
.tabs_bar_elm:hover {
    background-color: #5592cc;
}

.panel-body {
    padding: 5px;
}
.panel-body >label {
    text-align: left;
}

.p-disclaimer p {
    text-align: justify;
    margin: .5em;
}

.float-right {
    float: right;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 3px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
    color: #333;
    text-decoration: none;
}
.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:disabled,
.btn[disabled],
.btn.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed;
}
.btn-default {
    color: #fff;
    background-color: #5592cc;
    border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
    color: #fff;
    background-color: #5592cc;
    border-color: #8c8c8c;
}
.btn-default:hover {
    color: #333;
    background-color: #92c11d;
    border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #5592cc;
    background-image: none;
    border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.btn-default:disabled,
.btn-default[disabled],
.btn-default.disabled,
.btn-default:disabled:hover,
.btn-default[disabled]:hover,
.btn-default.disabled:hover,
.btn-default:disabled:focus,
.btn-default[disabled]:focus,
.btn-default.disabled:focus {
    color: #fff;
    background-color: #5592cc;
    border-color: #ccc;
}

.bold {
    font-weight: bold;
}

.result_table th {
    padding: 2px;
}

.table {
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    border: 1px solid #aaa;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.table > tbody + tbody {
    border-top: 2px solid #ddd;
}
.table .table {
    background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}
.table-bordered {
    border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}
table {
    background-color: transparent;
}
table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

.marg-auto {
    margin:auto;
}
.home_img_legend {
    text-align: center;
    font-style: italic;
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
}

/* Login page specific styles */
.login-page-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.login-page-wrapper .art-Post {
    width: 100%;
    max-width: 600px; /* or whatever width you want for the login form */
    margin: 7px auto;
}

.login-page-wrapper .input_canvas {
    max-width: 500px;
    margin: 0 auto;
    margin-right:100px
}