/* XPages Application CSS */
iframe {
	border: none;
	height: 360px;
	width: 850px;
	text-align: left;
}

@media only screen and (max-device-width: 566px) {
	iframe {
		border: none;
		height: 650px;
		width: 100%;
	}
}
/*********************/


/* global css styles */


/*********************/

html {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

body {
    min-width: 720px;
    max-width: 920px;
    margin: auto;
}

h1 h2 h3 {
    font-family: "Franklin Gothic Medium", "Franklin Gothic", Arial, sans-serif;
}

img {
    border: none;
}

a {
    text-decoration: none;
}


/*********************/


/* header css styles */


/*********************/

.panTopAll {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.language_switch {
    text-align: right;
    padding-bottom: 10px;
}

.language_switch a {
    color: #222;
    text-decoration: none;
}
.language_switch a:active {
    color: #810;
}
.language_switch a:hover {
    color: #810;
}

.panLogo {
    height: 100px;
}

.topmiddle {
    /*height: 80px; */
}


/*********************/


/*  body css styles  */


/*********************/

.body-wrapper {
    font-family: Calibri, "Times New Roman", sans-serif;
    background-color: #fff;
    color: #222;
    padding-top: 5px;
    padding-bottom: 20px;
}

.body-wrapper a:hover {
    color: #810;
}


/*************************/


/* navigation css styles */


/*************************/

.panTopNavi
{
         text-align: center;
         height: 30px;
         border-top: 2px solid rgb(128, 128, 128);
         padding-top: 20px;
         min-width: 720px;
}

.navi_top_space
{
        /* background-color: white; */
        width: 0px;
}

.navi_top {

    text-align: center;
    display:inline;

}

.navi_top a {
    padding: 0px 20px;
    color: rgb(128, 128, 128);
    text-decoration: none;
    font-family: "Franklin Gothic Medium", "Franklin Gothic", Arial, sans-serif;
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
}

.navi_top a:hover {
    color: rgb(250, 127, 39);
}

.navi_top_active a {
    padding: 0px 20px;
    color: rgb(250, 127, 39);
    text-decoration: none;
    font-family: "Franklin Gothic Medium", "Franklin Gothic", Arial, sans-serif;
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
}

.navi_left_background
{
         margin-top: 20px;
         text-align: center;
        /*background-color: #E5E5E5;
        width: 175px;
        height: 315px;
        left:-1px;
        vertical-align:top;
        border:3px solid white;    */
}
.navi_left {
      display: inline;
}

.navi_left a {
    padding: 0px 20px;
    color: rgb(128, 128, 128);
    text-decoration: none;
    font-family: "Franklin Gothic Medium", "Franklin Gothic", Arial, sans-serif;
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
}

.navi_left a:hover {
    color: rgb(250, 127, 39);
}

.navi_left_active {
      display: inline;
}

.navi_left_active a {
    padding: 0px 20px;
    list-style-type: none;
    color: rgb(250, 127, 39);
    text-decoration: none;
    font-family: "Franklin Gothic Medium", "Franklin Gothic", Arial, sans-serif;
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
}


.navi_3rd_background
{
    margin-top: 10px;
    text-align: center;
}
.navi_3rd a {
    padding: 0px 20px;
    color: rgb(128, 128, 128);
    text-decoration: none;
    font-family: "Franklin Gothic Medium", "Franklin Gothic", Arial, sans-serif;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
}

.navi_3rd a:hover {
    color: rgb(250, 127, 39);
}

.navi_3rd_active a {
    padding: 0px 20px;
    list-style-type: none;
    color: rgb(250, 127, 39);
    text-decoration: none;
    font-family: "Franklin Gothic Medium", "Franklin Gothic", Arial, sans-serif;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
}


/**********************/


/* content css styles */


/**********************/

.content-wrapper {
    padding-bottom: 10px;
    margin: 0px 15px;
    overflow: hidden;
}
.panContentIMG
{
       vertical-align:top;
       text-align:center;
       padding-top: 3px;
}


.content_header
{
        font-family: Calibri, "Times New Roman", sans-serif;
        color: black;
        font-size: 20px !important;
        font-weight: bold;
        /*width: 575px;  */
        text-align:left;
        position: relative;
        top: 2px;
        display: inline;
}
.imgContentSquare
{
        margin-right: 10px;
}
.content_text
{
        font-family: Arial !important;  
        font-size: 14px;
        padding-left: 5px;
}
.content_text a
{
        color: rgb(250, 127, 39);
}
.content_text a:hover
{
        text-decoration: underline;
}
.content_text_small
{
        font-family: Arial !important;  
        font-size: 10px;
}
/*********************/


/* footer css styles */


/*********************/

.panFooter {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 11px;
    border-top: 1px solid rgb(128, 128, 128);
    color: black;
    padding-top: 20px;
}