/* ------------------------------
 * Prabi web pages CSS
 * ------------------------------
 */

body.zprabi_body {
	display: block;
	font-family: sans-serif, Arial, Trebuchet MS, Optima, Helvetica;
	background-image: url('../images/layout/background.gif');
	background-repeat: repeat-x;
	color: black;
}


  /* reference */
a.refstyle:link {
    text-decoration: none;
    color: #6996DB;
}
a.refstyle:visited {
    text-decoration: none;
    color: #6996DB;
	font-style: normal;
}
a.refstyle:hover {
    text-decoration: none;
    color: #E5370C;
}
a.refstyle:active {
    text-decoration: none;
    color: #CCCCCC;
}

img.zprabi_icon {
	width: 16px;
	height: 16px;
	border-style: none;
}


/***************************************************
 *
 *  Document in fullpage mode
 *
 ***************************************************/
div.zprabi_fullpage {
	display: block;
	background-color: white;
	position: absolute;
	left: 25px;
	right: 25px;
	top:   10px;
	bottom: auto;
}

/*
 *   Title part of the page:
 */
div.zprabi_fullpage > div.zprabi_title {
	background-image: url('../images/layout/background_title.png');
	background-repeat: repeat-x;
	height: 55px; /* 110px */
	width: 100%;
}

div.zprabi_fullpage > div.zprabi_title > div.left, 
							div.zprabi_fullpage > div.zprabi_title > div.right {
    position: absolute;
	top: auto;
	width: 0px;
	left: 0px;	    
}

div.zprabi_fullpage > div.zprabi_title > div.center {
    position: absolute;
	top: auto;
    left: 10px;
    right: 10px;
    overflow: hidden; /* REALLY IMPORTANT TO KEEP LINK IN PAGES */
}

div.zprabi_fullpage > div.zprabi_title > div.center div {
	position: relative;
	font-family: sans-serif, Arial, Trebuchet MS, Optima, Helvetica;
	font-size: 1.5em; /* 3.8em <-> 60px */
	top: 5px; /* 10px */
}

div.zprabi_fullpage > div.zprabi_title > div.center img {
	vertical-align: middle;
	float: left;
	top: auto;
	max-width: 70px;
	max-height: 55px;	/*max-width: 120px; max-height: 80px */
}

div.zprabi_fullpage > div.zprabi_title > div.beta {
	position: absolute;
	top: 5px;
	right: 5px;
	font-family: sans-serif, Arial, Trebuchet MS, Optima, Helvetica;
    font-size: 1em; /* 3.8em <-> 60px */
	font-style: italic;
}



/*
 *   Toolbar of the page
 */
div.zprabi_fullpage > div.zprabi_toolbar {
	background-image: url('../images/layout/bar.jpg');
	background-repeat: repeat-x;
	height: 20px;
	width: 100%;
}

div.zprabi_fullpage > div.zprabi_toolbar > div.zprabi_navigation {
	position: absolute;
	left: 0px;
	top: auto;
	display: table;	
	height: 20px;
	font-size: 0.82em;
}

div.zprabi_fullpage > div.zprabi_toolbar > div.zprabi_navigation ul {
	display: table-row;	
}

div.zprabi_fullpage > div.zprabi_toolbar > div.zprabi_navigation ul li {
	display: table-cell;
	padding-left: 5px;
	padding-right: 5px;
}

div.zprabi_fullpage > div.zprabi_toolbar > div.zprabi_navigation ul li a {
	position: relative;
	top: -3px;
	text-decoration: none;
	color: black;
}
div.zprabi_fullpage > div.zprabi_toolbar > div.zprabi_navigation ul li a img{
	position: relative;
	top: +3px;
	text-decoration: none;
	color: black;
}

div.zprabi_fullpage > div.zprabi_toolbar > div.zprabi_navigation ul li a:HOVER {
	color: red;
}

div.zprabi_fullpage > div.zprabi_toolbar > div.zprabi_navigation ul li:HOVER{
	background-image: url('../images/layout/barinv.jpg');
	background-repeat: repeat-x;
}
 
/*
 * Window back button
 */
div.zprabi_fullpage > div.zprabi_toolbar a.zprabi_niceprint {
	display: block;	
	position: absolute;
	right: 60px;
	width: 22px;
	height: 22px;
	background-image: url('../images/layout/printfile.png');
	background-repeat: no-repeat;
	background-position: center;
}

/*
 * Unzoom button
 */
div.zprabi_fullpage > div.zprabi_toolbar a.zprabi_unzoom {
	display: block;	
	position: absolute;
	right: 35px;
	width: 22px;
	height: 22px;
	background-image: url('../images/layout/window_nofullscreen.png');
	background-repeat: no-repeat;
	background-position: center;
}

/*
 *   Help button:
 */
div.zprabi_fullpage > div.zprabi_toolbar a.zprabi_help {
	display: block;	
	position: absolute;
	right: 10px;
	width: 22px;
	height: 22px;
	background-image: url('../images/layout/help.png');
	background-repeat: no-repeat;
	background-position: center;
	cursor: help;	/* ou 'pointer' pour la main */
}


/*
 *   Footer part of the page
 */
div.zprabi_fullpage > div.zprabi_footer {
	display: block;
	position: relative;
	overflow: hidden;
	bottom: auto;
	height:150px;
    font-size: 0.9em;  /* 8pt <-> 0.65em */
	font-style: normal;
}

div.zprabi_fullpage > div.zprabi_footer div.left {
	background-image: url('../images/layout/footer_left.png');
	position: absolute;
	top: auto;
	padding-top: 30px;
	padding-bottom: 60px;
	height:55px;
	width: 30px;
	left:0px;
}

div.zprabi_fullpage > div.zprabi_footer div.center {
	background-image: url('../images/layout/footer_center.png');
	background-repeat: repeat-x;
	position: absolute;
	top: auto;
	left:  30px;
	right: 30px;
	height: 55px;
	padding-top: 35px;
	padding-bottom: 60px;
}


div.zprabi_fullpage > div.zprabi_footer div.right {
    background-image: url('../images/layout/footer_right.png');
    position: absolute;
	top: auto;
	padding-top: 30px;
	padding-bottom: 60px;
	height: 55px;
	width: 30px;
	right:0px;
}

div.zprabi_fullpage > div.zprabi_footer > div.center > div.zprabi_footer_text {
	text-align: center;
}


/***************************************************
 *
 *  Document in partofpage mode
 *
 ***************************************************/

div.zprabi_partofpage {
	display: block;
	border-left: thin solid #6290D2;
	border-right: thin solid #6290D2;
	width: auto;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
}

div.zprabi_partofpage > div.zprabi_toolbar {
	display: block;
	background-image: url('../images/layout/toolbar_intern.png');
	background-repeat: repeat-x;
	text-align: right;
	height: 26px;
	width: 100%;
}

      
div.zprabi_partofpage > div.zprabi_toolbar a.zprabi_zoom {
	display: block;	
	position: absolute;
	right: 85px;
	width: 22px;
	height: 22px;
	background-image: url('../images/layout/window_fullscreen.png');
	background-repeat: no-repeat;
	background-position: center;
}


div.zprabi_partofpage > div.zprabi_toolbar a.zprabi_newwindow {
	display: block;	
	position: absolute;
	right: 60px;
	width: 22px;
	height: 22px;
	background-image: url('../images/layout/window_new.png');
	background-repeat: no-repeat;
	background-position: center;
}

div.zprabi_partofpage > div.zprabi_toolbar a.zprabi_niceprint {
	display: block;
	position: absolute;
	right: 35px;
	width: 22px;
	height: 22px;
	background-image: url('../images/layout/printfile.png');
	background-repeat: no-repeat;
	background-position: center;
}

div.zprabi_partofpage > div.zprabi_toolbar a.zprabi_help {
	display: block;	
	position: absolute;
	right: 10px;
	width: 22px;
	height: 22px;
	background-image: url('../images/layout/help.png');
	background-repeat: no-repeat;
	background-position: center;
	cursor: help;
}

.zprabi_help_font {
	font-family: sans-serif, Arial, Trebuchet MS, Optima, Helvetica;
	font-size: 0.9em; /* 3.8em <-> 60px */
	color: black;
}


/* part of page title */
div.zprabi_partofpage > div.zprabi_title {
	background-image: none;
	background-color: transparent;
    position: relative;
	top: -44px;
	height: 20px;
	width: 80%;
}

div.zprabi_partofpage > div.zprabi_title > div.left, 
							div.zprabi_partofpage > div.zprabi_title > div.right {
 	height: 20px;
	width: 0px;
}


div.zprabi_partofpage > div.zprabi_title > div.center {
    height: 20px;
    overflow: hidden;
    width:100%;
}

div.zprabi_partofpage > div.zprabi_title > div.center div {
	vertical-align: middle;
	display: inline;
	font-family: sans-serif, Arial, Trebuchet MS, Optima, Helvetica;
	font-weight: bold;
	font-size: 1.14em;
}

div.zprabi_partofpage > div.zprabi_title > div.center img {
	vertical-align: middle;
	height: 18px;
	width: auto;
}

/********		Error Message Style			********/
.error {
	font-family: sans-serif, Arial, Trebuchet MS, Optima, Helvetica;
	font-style: italic;
	font-size: 0.7em;
	color: red;
}

/********		No Javascript Message		********/
.noscript {
    position: absolute;
    top: 100px;
    left: 100px;
	z-index: 900;
	border: 1px solid black;
	background: white;
	color: red;
	font-weight: bold;
	font-size: 1.5em;
}

/***************************************************
 *
 *  Document main
 *
 ***************************************************/
div.zprabi_main {
	display: block;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	height: 100%;
}

/***************************************************
 *
 *  Panel with simple layouts
 *
 ***************************************************/
div.zprabi_desktop {
	width:auto;
	min-height: 580px;
}

/*
 * Title-abstract list
 */
ul.zprabi_puces {
	list-style-image: url('../images/layout/pixel_white.png');
}

li#zprabi_puce img {
	width: 18px;
	height: 18px;
} 


/***************************************************
 *
 *  Panel with DOJO layouts
 *
 ***************************************************/

/*  
 * Tabs Container
 */		
.dojoTab{
	font-size: 0.95em;	
	text-decoration: none;
}
.dojoTab img {
	vertical-align: middle;
}

div.zprabi_dojotabs {
	width:auto;
	min-height: 580px;
}
		
/*
 * Accordeons
 */
.acclabel {
	border: 1px solid black;
	background: #353867;
	color: white;
	font-weight: bold;
}

.acclabel:hover {
	cursor: wait;
	color: red;
}

.accBody {
	background: #ededed;
}


/*
 * Flip Flop
 */
table.ffmenubar {
	border: thin solid;
	vertical-align: middle;
	margin-left: 10px;
	/*left: 25px;*/
}
td.ffmenubar{
	border: thin solid;
	background-color: #94BEFF;
}
a.ffmenubar:link {
	text-decoration:none;
	color: #3768D4;
}
a.ffmenubar:visited {
	text-decoration:none;
	color: #3768D4;
}
a.ffmenubar:hover {
	text-decoration:none;
	color: #E5370C;
	font-style: italic;
}
a.ffmenubar:active {
	text-decoration:none;
	color: #CCCCCC;
}


div.ffcontainer {
	background-color: white;
	border: 2px solid black;
	width: 200px;
	height: 600px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.fflabel , .ffcontent {
	width: 98%;
	/*margin: 20px 20px 20px 20px;*/
}

.fflabel {
	background: #eeeeee;
	color: black;
	height: 20px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.ffcontent {
	background: white;
	border-top: 1px solid white;
}

.innerLabel {
	background: blue;
	height: 20px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	width: 250px;
}

.innerContent {
	background: #aaaaaa;
	border-top: 1px solid #aaaaaa;	/* w/out this, an <h1> on the top line causes a gap between the .content and .label */
	width: 250px;
}


/*
 * Float View
 */
div.zprabi_desktop div.dojoHtmlFisheyeListBar {
	margin-left: auto;
	margin-right: auto;
	z-index: 1000;
	background-color: rgb(240,240,240);
	font-size: 1.01em;
	
}

.dojoFloatingPane {
	position: relative;
	width: 30%;
	height: 40%;
	left: 10%;
	top: 20%;
}