/**
 * cvi.ch CSS stylesheet
 * authors: Fabrice Bodmer (fabrice.bodmer@netoxygen.ch)
 *          Nicolas Jones (nicolas.jones@netoxygen.ch)
 * date:   october - december 2006
 * (c)2006 Net Oxygen Sàrl
 */

/*****************************************************************************/
/**** STRUCTURE **************************************************************/

html {
   height: 100%;
}

body {
   background: url("images/background-line.jpg") #e6e6e6 left top repeat-y;
   font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px; 
   text-align:justify;
   height: 100%;
   margin: 0;
   padding: 0;
}

#hidden {
   display: none;
   clear: both;
}

#vertical-bar {
/*
   position: absolute;
   right: 0px;
   width: 25px;
   height: 100%;
   right: 0px;
   position: fixed;
   background: url("images/vertical-bar-text.png") #0D2B89 no-repeat;
*/
   width: 25px;
   height: 100%;
   right: 0px;
   top: 0px;
   position: fixed;
   behavior: url("/fileadmin/templates/cvi/ie-fixed.htc");
   float: right;
}

#header-top {
   height: 93px;
   width: 780px;
   background: #ffffff;
}

#logo {
   position: absolute;
   margin-top: 5px;
   margin-left: 20px;
   float: left;
   border: 0px;
}

#header-top-text {
   position: absolute;
   margin-left: 412px;
   margin-top: 18px;
   width: 350px;
   overflow: hidden;
   height: 62px;
}

#header-top-text .sep {
   border-right: 1px solid #a4a4a4;
   padding-right: 15px;
}

#header-top-text div {
   float: right;
   padding-left: 15px;
   color: #a4a4a4;
   font-size: 10.5px;
   line-height: 13px;
}

#header-top-text .title {
   color: #28297d;
   line-height: 20px;
}

#header-top-text a {
   color: #a4a4a4;
   text-decoration: none;
}


#header-top-text a:hover {
   text-decoration: underline;
}

#grey-border-t {
   height: 3px;
   width: 780px;
   background: #e5e5e5;
   line-height: 0px;
   font-size: 0px;
}

#searchPathBar {
   margin: 0px;
   padding. 4px;
   height: 30px;
   border-bottom: 1px solid #e5e5e5;
   background-color: #a2a0a0;
   width: 780px;
   text-align: right;
}

#searchPathBar a:hover {
   background-color: #bbbbbb;
}

#searchPathBar ul {
   margin: 0px;
   padding: 0px;
   padding-top: 5px;
   padding-right: 10px;
   width: 770px;
   height: 27px;
}

#searchPathBar ul li {
   list-style: none;
   display: inline;
   padding: 0px;
   margin: 0px;
   padding-left: 7px;
}

#search-form {
   border: 0px;
   margin: 0px;
   padding: 0px;
}

#searchinput {
   border: 1px solid #aaaaaa;
   width: 100px;
   font-size: 11px;
   padding: 0px;
   margin: 0px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 18px;
   margin-top: 1px;
   background: url(images/q.png) #ffffff 4px center no-repeat;
   vertical-align: middle;
   color: #666666;
}

#searchPathBar .submit-image, #searchPathBar img {
   vertical-align: middle;
   border: 0px;
   padding: 0px;
   padding-top: 2px;
   margin: 0px;
}

#searchPathBar a {
   font-size: 12px;
   text-decoration: none;
   color: #ffffff;
}

#searchPathBar p {
   line-height: 0px;
   margin: 0px;
   padding: 0px;
}

#searchPathBar form {
   line-height: 0px;
   margin: 0px;
   padding: 0px;
}

#header-image {
   margin: 0px;
   border-width: 0px;
   padding: 0px;
   line-height: 0px;
}

#content {
   margin-left: 199px;
   margin-right: 0px;
   padding-top: 3px;
   padding-bottom: 19px;
   text-align: left;
   width: 562px;
}


/*** FOOTER **************/
#footer{width:600px;clear:both;margin-left:195px;text-align:center;line-height:24px;
	font-size:10px;color:#AAAAAA;vertical-align:bottom;}
#footer p{}
#footer a {color:#AAAAAA}
#footer a:hover {color:#333333}

/*** MENU *****************************************************************/

#menu {
   margin-top: 0px;
   float: left;
   width: 179px;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
   line-height: 20px;
}

/*#menu dl, #menu dt, #menu dd, #menu ul, #menu li {*/
#menu ul, #menu li {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}

/*#menu dl {*/
#menu .level1 {
   border-top: 1px solid #bbbbbb;
}

/*#menu dt {*/
#menu .cur1, #menu .act1, #menu .no1 {
   margin: 0px;
   /*border-right: 1px solid #bbbbbb;*/
   border-bottom: 1px dotted #bbbbbb;
   background: #dddddd;
   color: #000000;
}

/*#menu .selected-dt {*/
#menu .cur1, #menu .act1 {
   color: #ffffff;
   /*background: #b1b0b0;*/
   /*background: #94a58f;*/
   background: #a2a0a0;
   /*background: #0D2B89;*/
   padding-left: 0px; /*5px*/
   padding-top: 2px;
   padding-right: 0px; /*2px*/
   /*cursor: default;*/
   border-bottom: 1px solid #bbbbbb;
}

/*#menu dt a { */
#menu .no1 a {
   padding-left: 5px;
   padding-top: 2px;
   padding-right: 2px;
   color: #555555;
}

#menu .cur1 a, #menu .act1 a {
   padding-left: 5px;
   padding-top: 0px;
   padding-right: 2px;
   padding-bottom: 1px;
   color: #ffffff;
}

/*#menu li a, #menu dt a {*/
#menu .level1 a, #menu .level2 a {
   text-decoration: none;
   display: block;
   border: 0px;
}

/*#menu li a:hover, #menu dt a:hover {*/
#menu .level1 a:hover, #menu .level2 a:hover {
   background: #eeeeee;
   color: #777777;
}

/*#menu li {*/
#menu .cur2, #menu .act2, #menu .no2 {
   background: #ffffff;
   border-top: 1px dotted #dddddd;
   color: #777777;
}

/*#menu li a {*/
#menu .no2 a {
   color: #777777;

   padding-left: 15px;
   padding-right: 4px;
   padding-top: 1px;
   padding-bottom: 1px;
}

/*#menu .selected {*/
#menu .cur2 a {
   background: url(images/arrow.gif) #ffffff 1px center no-repeat;
   color: #0D2B89;
   padding-left: 15px;
   padding-right: 4px;
   padding-top: 1px;
   padding-bottom: 1px;
}

#menu .act2 a {
   background: url(images/arrow.gif) #ffffff 1px center no-repeat;
   color: #777777;
   padding-left: 15px;
   padding-right: 4px;
   padding-top: 1px;
   padding-bottom: 1px;
}

#menu .level3 {
   font-size: 10px;
   line-height: 12px;
   padding-bottom: 10px;
   padding-left: 5px;
}

#menu .level3 ul {
   list-style-type: square;
   margin-left: 20px;
   padding-left: 0px;
}

#menu .level3 a {
   background: #ffffff;
}

#menu .no3 a {
   color: #777777;
}

#menu .act3 a, #menu .cur3 a {
   color: #0D2B89;
   background: url(images/small-square.png) #ffffff 7px center no-repeat;
}

#menu .act3 a:hover, #menu .cur3 a:hover {
   background: url(images/small-square.png) #ffffff 7px center no-repeat;
}

/**** CONTENT STYLES *********************************************************/

#content h1 {
   color: #758CC6;
   font-size: 18px;
   font-weight: normal;
   letter-spacing: 0.7px;
   margin-bottom: 6px;
   margin-top: 12px;
   margin-bottom: 10px;
}
#content h2 {
   color: black;
   font-size: 13px;
   font-weight: bold;
   margin-bottom: 4px;
   margin-top: 6px;
}

#content .sep {
   width: 100%;
   border-top: 1px solid #e5e5e5;
   margin-top: 10px;
   padding-top: 15px;
}

#content p {
   margin: 0px;
   margin-top: 6px;
   margin-bottom: 10px;
}

#content a {
   text-decoration: none;
   color: #0D2B89;
}

#content a:hover {
   text-decoration: underline;
}

#content hr {
   width: 500px;
}

#content ul {
   padding: 0px;
   margin: 0px;
   text-indent: 0px;
}
#content ul li {
   text-align: left;
   list-style-type: none;
   background: url("images/square.png") 0px 4px no-repeat;
   padding-left: 20px;
   padding-bottom: 10px;
   margin-top:6px;
}
#content ol li {
   text-align: left;
   padding-left: 20px;
   padding-bottom: 10px;
   margin-top:6px;
}

#content ul li h1 {
   color: #000000;
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 0.3px;
   margin-bottom: 4px;
   margin-top: 0px;
}

#content ul li p {
   color: #a4a4a4;
   width: 450px;
   margin: 0px;
}

#news {
   background: #dddddd;
   margin-top: 20px;
   margin-bottom: 30px;
   padding: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
   width: 500px;
   color: #555555;
   line-height: 18px;
}

#news h1 {
   color: #000000;
   font-size: 12px;
   letter-spacing: 0.3px;
   margin-bottom: 0px;
   margin-top: 0px;
   font-weight: 600;
}

#news-scroller a {
   color: #000000;
   margin-left: 3px;
   background: url("images/news_arrow.png") 0px 1px no-repeat;
   padding-left: 15px;
}

.right-container {
   width: 100%;
   text-align: right;
}

.small-link {
   font-size: 10px;
   margin-left: 3px;
   background: url("images/news_arrow.png") 0px 1px no-repeat;
   padding-left: 15px;
}

#content .boxes {
   margin-top: 5px;
   margin-bottom: 10px;
   width: 100%;
}

#content .boxes tr {
   vertical-align: top;
}

#content .boxes tr td {
   padding: 0px;
   padding-right: 19px;
   width: 33%;
}

#content .boxes h1 {
   color: #000000;
   font-size: 15px;
   font-weight: 600;
   letter-spacing: 0.3px;
   margin-bottom: 4px;
   margin-top: 0px;
}

#content .boxes h1 a {
   color: #000000;
}

#content .boxes p {
   color: #777777;
   font-size: 12px;
}

#content .boxes img {
   margin-bottom: 10px;
   border: 0px;
}

#content .boxes ul {
   padding: 0px;
   margin: 0px;
   text-indent: 0px;
   line-height: 0px;
}

#content .boxes li {
   text-align: left;
   list-style-type: none;
   background: url("images/more_arrow.png") 0px 0px no-repeat;
   font-weight: 600;
   padding-left: 18px;
   font-size: 11px;
   line-height: 11px;
   padding-top: 2px;
   padding-bottom: 5px;
}

#content .arrow_link {
   text-align: left;
   background: url("images/more_arrow.png") 0px 0px no-repeat;
   font-weight: 600;
   font-size: 11px;
   line-height: 15px;
   padding-top: 0px;
   padding-left: 18px;
}
.detail .internal-link {
   text-align: left;
   background: url("images/more_arrow.png") 0px 0px no-repeat;
   font-weight: 600;
   font-size: 11px;
   line-height: 15px;
   padding-top: 0px;
   padding-left: 18px;
}

#content .arrow_link_inline {
   background: url("images/more_arrow.png") 0px 0px no-repeat;
   font-weight: 600;
   padding-left: 18px;
   font-size: 11px;
   margin-left: 10px;
}

#content .plus_link {
   text-align: left;
   background: url("images/more_plus.png") 0px 0px no-repeat;
   font-weight: 600;
   padding-left: 18px;
   font-size: 11px;
   line-height: 15px;
   padding-top: 0px;
}


/* Style pour tables ****************************************** */
.contenttable {
    background-color: white;
    font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align:justify;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}
.contenttable td {
    background-color: white;
    color: #676868;
    padding: 3px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}
.contenttable th {
    color: #676868;
    background-color: #e2e6e7;
    padding: 3px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}
.contenttable td .header { /*DUP with th style */
    color: #676868;
    background-color: #e2e6e7;
    padding: 3px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}
.contenttable .highlight {
    background-color: #bdd8fc;
    color: #2359a3;
}

/* partenaires */
.partenaire td {
    padding-bottom: 10px;
   /* border-bottom: 1px solid silver; */
}
.partenaire h2 {
    font-size: 12px;
}
.partenaire img {
    float:left;
    padding-right: 20px;
}

/* Style pour news ***************************************/
.news-list-item h1{font-size:12px;letter-spacing: 0.4px;border-bottom: 1px solid silver;}
.news-list-date{color:gray;font-size:12px;letter-spacing: 0.4px;}
.news-list-item h1 a {
   color: #000000;
   margin-left: 3px;
   background: url("images/news_arrow.png") 0px 1px no-repeat;
   padding-left: 15px;
   font-size:12px;
   letter-spacing: 0.4px;
}
.news-list-item {padding-bottom:20px;}
.news-list-more {padding-top:10px;}
.news-list-more a {
   text-align: left;
   background: url("images/more_arrow.png") 0px 0px no-repeat;
   font-weight: 600;
   font-size: 11px;
   line-height: 15px;
   padding-top: 0px;
   padding-left: 18px;
}
.news-single-backlink {padding-top: 16px;font-weight:bold;
 background: url("images/back_arrow.png") 0px 0px no-repeat;
   font-weight: 600;
   font-size: 11px;
   line-height: 15px;
   padding-top: 0px;
   padding-left: 18px;}
.news-single-date {font-size: 14px;color:gray;border-right:2px solid white;}
.news-single-title {margin-left: 3px;padding-left: 15px;
   background: url("images/news_arrow.png") 0px 4px no-repeat;}

/*hack bellow for img without class, otherwise remove td a*/
.news-single-item td a img {float:right;padding:6px;border: 1px solid silver;}
.news-single-item .spacer-gif {border:none;}
.news-single-item {text-align:justify;}

/**** indexed search / browsebox *********************/
.tx-indexedsearch-browsebox .browsebox {border-top: 1px solid silver;border-bottom: 1px solid silver;background: white;padding-top: 4px;padding-bottom: 4px;margin-bottom: 8px;}
.tx-indexedsearch-browsebox {padding-bottom:18px;}
.tx-indexedsearch-browsebox .browsebox li {line-height: 22px;}
#content .tx-indexedsearch-browsebox .browsebox li {background:none;}
.tx-indexedsearch-descr {font-size:12px;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {font-size:12px; background: #ECECEC;padding:2px;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {color:#F0782E;}
.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {margin-left:6px;}


/*** login intranet **********************/
.tx-hoicommunity-pi1 table {font-size:12px;}

/**** END CONTENT STYLES *****************************************************/
/*****************************************************************************/