/****************************************************************************
**                  DIABOX WEB SERVER
** This file is part of the Diabox Project - http://www.diabox.fr/
** Copyright (C) 2003-2010 DIATEAM. All rights reserved.
**
** All right reserved. No part of this work may be disclosed to any third
** party translated, reproduced, copied or disseminated in
** any form or by any means except as defined in the contract or
** with the written permission of DIATEAM.
**
** If you are unsure which license is appropriate for your use, please
** review the following information contact DIATEAM : contact@diateam.net
**
** This file is provided AS IS with NO WARRANTY OF ANY KIND, INCLUDING THE
** WARRANTY OF DESIGN, MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.
**
****************************************************************************/

/****************************************************************************
** Default Standard Diabox Weather View 
****************************************************************************/

/****************************************************************************
** General Section
****************************************************************************/

body
{
	font-family : Verdana, Arial, "sans serif";
	color : #444444;
	font-size : 12px;
	background-color : #5E5E5E;
	background-image : url(../imgs/fddiabox2d.jpg);
	background-repeat : no-repeat;
	background-position : 50% 0px;
	padding : 0px;
	margin : 0px;
	text-align : center;
}
table {
	font-family : Verdana, Arial, "sans serif";
	color : #444444;
	font-size : 12px;
}
#contener {
  width : 980px;
  margin : 0px auto;
  text-align : left;
  position : relative; 
  
  padding-top : 120px;
}
#header{
  display : none;
}
#header img{
  margin-top : 11px;
}
#footer {
  background-color : #000000;
  color : #BBBBBB;
  font-size : 10px;
  padding : 15px;
}
#footer a{
  color : #DDDDDD;
}
#footer a:hover{
  color : #FFFFFF;
}

/* Avertissement recording */
div#recordAvert {
  position : absolute;
  right : 0px;
  top : 120px;
	background-image : url(../imgs/rec.gif);
	background-repeat : no-repeat;
	background-position : 0px 0px;
	padding : 5px 5px 5px 35px;
	color : #FFFFFF;
	font-size : 10px;
	line-height : 14px;
}

/* menu */
#menu ul,
#menu li{
	display : block;
	margin : 0px;
	padding : 0px;
	list-style-type: none; 
}
#menu li{
  float : left;
  margin : 0px 5px 0px 0px;
}
#menu li a{
  display : block;
  padding : 8px 25px;
  background-image : url(../imgs/fond_site_black.png);
  color : #CCCCCC;
  font-size : 15px;
  text-decoration : none;
}
#menu li a:hover{
  background-image : url(../imgs/fond_site.png);
  color : #000000;
}
#menu li.selected a{
  background-image : url(../imgs/fond_site.png);
  color : #000000;
  font-weight : bold;
}
/* fin menu */

h1, h2, h3, h4, h5, h6, h7 {
  padding : 0px;
  margin : 0px;
  font-weight : bold;
  color : #000000;
}
h1{  
  font-size : 16px;
  margin-bottom : 10px;
}
h2{  
  font-size : 14px;
  margin-bottom : 10px;
}
h3{  
  font-size : 14px;
  margin-bottom : 10px;
}
#main {
	background-image : url(../imgs/fond_site.png);
	background-repeat : repeat;
	background-position : 0px 0px;
	padding : 15px;
}

.mainZone{
  background-color : #FFFFFF;
  padding : 15px;
}
.mainZone.withShadow{
  padding-bottom : 25px;
  background-color : transparent;
  background-image : url(../imgs/fond_site_ombre.png);
  background-repeat : repeat-x;
  background-position : 0px 100%;
}
.mainZone h1{
  color : #000000;
  font-size : 15px;
  margin-bottom : 10px;
}
.mainZone form{
  padding : 0px;
  margin : 0px;
}
.dependZone {
	background-image : url(../imgs/fond_site_dark.png);
	background-repeat : repeat;
	background-position : 0px 0px;
  padding : 15px;  
}
ul.informations,
ul.informations li,
ul.states,
ul.states li.state,
ul.states ul,
ul.states ul li,
ul.cams-playback,
ul.cams-playback li,
ul#movie-list,
ul#movie-list li {
	display : block;
	margin : 0px;
	padding : 0px;
	list-style-type: none;
}
ul.informations,
ul.states {
  margin-bottom : 25px;
}
ul.informations li {
  font-size : 11px;
  padding : 4px 0px;
}
ul.states li.state {
  padding : 8px 0px 8px 20px;
  border-bottom : 2px #B1B1B1 solid;
  border-top : 2px #B1B1B1 solid;
  background-repeat : no-repeat;
  background-position : 0px 50%;
}
ul.states li.state.ok {
  background-image : url(../imgs/ok.gif);
}
ul.states li.state.current {
  background-image : url(../imgs/current.gif);
}
ul.states li.state + li.state {
  border-top : none;
  border-bottom : 2px #B1B1B1 solid;
}
ul.states ul {
  width : 100%;
}
ul.states ul li {
  float : left;
}
ul.states ul li.label {
  width : 200px;
  text-transform : uppercase;
  font-size : 14px;
  color : #000000;
}
ul.states ul li.progressBar {
  width : 200px;
  background-image : url(../imgs/progressBarFd.gif);
  background-repeat : repeat-x;
  background-position : 0px 6px;
  padding : 2px 0px 0px 0px;
}
ul.states ul li.progressBar img{
  height : 8px;
  background-color : #FEEF00;
}
ul.states li.ok ul li.progressBar img{
  height : 8px;
  background-color : #53c400;
}
ul.states ul li.progressText {
  font-size : 10px;
  padding-top : 4px;
  margin-left : 10px;
}

table.dataTable td {
  vertical-align : top;
}
table.dataTable td.videoList {
  width : 300px;
}

ul.cams-playback li{
  margin-bottom : 25px;
  text-align : center;
}

ul#movie-list li{
  padding : 2px 5px;
  margin-bottom : 5px;
  background-color : #D5D5D5;
  cursor : pointer;
}
ul#movie-list{
  /*margin-right : 20px;*/
  width : 100%;
}
ul#movie-list li:hover{
  background-color : #C4C4C4;
  cursor : pointer;
  color : #000000;
}
ul#movie-list li.selected{
  background-color : #BBBBBB;
  cursor : pointer;
  color : #000000;
}

div.scrollable {
  height : 480px;
  overflow : auto;
  border : 2px #C6C6C6 solid;
}

div.description {
  background-color : #000000;
  color : #CCCCCC;
  padding : 10px;
}
div.description h3{
  color : #FFFFFF;
}

div.search {
  background-color : #FFFFFF;
  padding : 10px 15px;
  margin-bottom : 10px;
}
div.search h3{
  margin-bottom : 0px;
}
div.search form{
  margin : 0px;
  padding : 0px;
}
div.search form div{
  float : left;
}
div.search form div.submit{
  float : right;
}
div.search form div span{
  font-weight : bold;
}
div.search form div.from{
  margin-right : 30px;
}
div.search form input[type="text"]{
  margin-right : 15px;
  width : 100px;
}
div.search form div.to{
  background-image : url(../imgs/to_fd.gif);
  background-repeat : no-repeat;
  background-position : 0px 50%;
  padding-left : 55px;
  margin-right : 15px;
}

.clearfix:after,
div.search form:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix,
div.search form {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix,
* html div.search form {height: 1%;}
.clearfix,
div.search form {display: block;}
/* End hide from IE-mac */

/*h1,h2
{
	color: #fe6c00;
}

#liensPages
{
	font: 15px Arial, Verdana, "sans serif";
}

#conteneur
{
	width: 700px;
	margin: 10px auto;
}

#cam-playback {
	float:left;
}
#SavedMovies {
   clear: both;
}*/

textarea
{
    width:75%;
}