/* Default CSS Stylesheet for a new Web Application project */

@import url("http://www.infoscolos.com/css/infoscolos.css");

body {
	font-size:12px;
	background-image: url(http://www.infoscolos.com/images/fond.gif);
	background-repeat: repeat-y;
}

page {
	font-size:12px;
}

form {
	font-size:12px;
}

table {
	font-size:12px;
}

input {
	font-size:12px;
}

select {
	max-width:200px;
	color:#003399;
}

h2
{
	margin:5px;
}

h4
{
	margin:5px;
}

label {
	font-size:12px;
}

div {
	font-size:12px;
}

.strong 
{
	border-top:1px solid black;
	font-weight:bold;
	font-style:italic;
	color:#003399;
}

#lasterror {
	background:white;
	border:1px solid #F00;
	color:#F00;
	width:740px;
	/*width:100%;
	margin:10px;
	padding:5px;*/
	clear:both;
	text-align:center;
}

#lastwarning {
	background:white;
	border:1px solid #0FF;
	color:#0FF;
	width:740px;
	/*width:100%;
	margin:10px;
	padding:5px;*/
	clear:both;
	text-align:center;
}

#lastinformation {
	background:white;
	border:1px solid #00F;
	color:#00F;
	width:740px;
	/*width:100%;
	margin:10px;
	padding:5px;*/
	clear:both;
	text-align:center;
}

#panels {
	padding:5px;
	background-image: url(http://www.infoscolos.com/images/fond.gif);
	background-repeat: repeat-y;
	width:970px;
	height:auto;
	clear:left;
}

/*les labels*/
label.texteform 
{
	font-size: 12px;
	width:230px;
	float:left;
	clear:left;
	text-align:right;
	margin-top:1px;
	padding:2px 10px 2px 0px;
}

input[type=submit] {
	margin-left:10px;
}

/*input de type texte*/
input[type=texte] {
	padding:0px 2px 0px 2px;
	width:200px;
}
input.ChampForm 
{
	font-size: 12px;
	margin:2px 0px 2px 0px;
	width:300px;
	float:left;
	padding:0px 2px 0px 2px;
}

#userlogin, #userpassword {
	width:200px;
}


/*label page sommaire*/
#ConnectionInfo {
	margin-left:10px;
	width:auto;
}
#profilInfo {
	margin-left:10px;
	width:auto;
	float:left;
	text-decoration:underline;
}


/*menus page*/
#menus {
	list-style:none;
	margin:10px;
	margin-bottom:20px;
	padding:2px;
	white-space: nowrap;
	width: 950px;
}

#menus li {
	display:inline;
/*	background:white;
	margin-right:10px;
	padding:0px;*/
}

#menus a {
	font-size:12px;
	border:1px solid #FF6600;
	background:white;
	padding: 1px 5px 0px 5px;
	text-decoration:none;
}

/*details page sommaire*/
#Details,
#CampaignInfoDetails,
#ProductorInfoDetails,
#DirectorInfoDetails  {
	margin:0px;
	float:left;
	clear:right;
	list-style:none;
	margin-top: 10px;
}

#Details {
	clear:both;
	margin-top: 10px;
	margin-left: 20px;
}

#Details li,
#CampaignInfoDetails li,
#ProductorInfoDetails li,
#DirectorInfoDetails li {
	margin:3px;
	text-align:left;
	background:url(http://www.infoscolos.com/images/fleche.gif) no-repeat top left;
	padding:6px;
	padding-left:50px;
	clear:both;
	white-space:nowrap;
}

/*formulaires*/
fieldset {
	margin:5px;
	padding:5px;
	border:1px solid #000;
	max-width:950;
}

legend {
	background:white;
	color:#003399;
	border:1px solid #000;
	padding:1px 5px 1px 5px;
}

/*tableaux*/
table.fondVert 
{
	font-size:11px;
	background:white;
	margin:5px;
	margin-bottom:20px;
	border:1px solid black;
}

table.fondVert th {
	margin:0px;
	background:#FFEE99;
	text-align:center;
	border:1px solid black;
}

table.fondVert td {
	padding:2px 5px 2px 5px;
}

/*producteurs*/
#phone {
	clear:right;
}

.CampaignLogo{
	width: 200px;
	height: 200px;
	border: 1px solid black;
}

.UserLogo{
	width: 200px;
	height: 200px;
	border: 1px solid black;
}

#MailContent{
	width: 90%;
	height: 300px;
}

#CodePostal{
	width: 5em;
}

#Phone,
#MobilePhone,
#Fax,
#PhoneCompany,
#FaxCompany{
	width: 12em;
}

#Name,
#FirstName,
#Password,
#UserPassword,
#PhoneCompany,
#Company,
#Building,
#City{
	width: 15em;
}

#Title,
#DirectorsChoice,
#OwnerLabel {
	width: auto;
}

#ChildrenMin,
#ChildrenMax {
	width: 2em;
}

#ChildrenNumber {
	width: 3em;
}

#DateTimesSettings {
	float:left;
	margin-left:240px;
	width:268px;
}


#DateTimesStart,
#DateTimesEnd {
	border:0px;
	float:left;
	clear:none;
	width:57px;
}

#DateTimesSettings label {
	text-align:left;
	width:auto;
	float:left;
	clear:none;
	padding-left:5px;
}

#DateTimesSettings input {
	float:none;
	clear:none;
}

#Start select,
#End select {
	margin:0px 2px 0px 2px;
}

#Start,
#End {
	border:0px;
	width:auto;
}

#Description {
	width: 30em;
	height: 7em;
}

/*Journaux des évènements*/
table.EventsViewer{
	background:white;
	max-width:970px;
	width:auto;
	margin:10px;
	margin-bottom:20px;
	border:1px solid black;
	padding:0px;
}

table.EventsViewer th {
	margin:0px;
	background:#FFEE99;
	text-align:center;
	width:auto;
	border:1px solid black;
	padding:0px;
}

table.EventsViewer td {
}

.CellEntryType img{
	width: 32px;
}

#Help 
{
	width: 33px;
	height: 33px;
	cursor: help;
	vertical-align:middle;
	margin:5px;
}

#CampaignCode
{
	width: 6em;
}

/*MyStatistics*/
#fs
{
	width:120%;
	min-width:120%;
	max-width:125%;
}

#TControles
{
	max-width:300px;
	text-align:left;
	height:auto;
	width:300px;
}

/*
.Onglet1
{
	font-size:12px;
	border:1px solid #FF6600;
	background:#DDDDDD;
	padding: 1px 5px 0px 5px;
	text-decoration:none;
}

.Onglet2
{
	font-size:12px;
	border:2px solid #FF6600;
	background:white;
	padding: 1px 5px 0px 5px;
	text-decoration:none;
}
*/

#HitTable
{
	height:auto;
	width:100%;
}

#StatErr
{
	background-color:White;
	border:1px solid #FF6600;
	color:Red;
}

.StatChiffre
{
	background-color:white;
	border:1px solid #FF6600;
	padding:1px 3px 1px 3px;
	margin:10px 2px 10px 5px
}

.StatText
{
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
}

.ShortCut
{
	font-size:11px;
	border:1px solid #FF6600;
	background:white;
	padding: 1px 5px 1px 5px;
	text-decoration:none;
}

.ShortcutSelected
{
	background-color:#FF6600;
	font-size:12px;
	border:1px solid #FF6600;
	padding: 1px 5px 1px 5px;
	text-decoration:none;
}

.ShortCut:hover
{
	text-decoration:none;
}

.refresh
{
	font-size:12px;
	border-width:0px;
	background-color:Transparent;
	margin-left:30px;
}

.GraphStat
{
	background-color:Transparent;
	border:1px solid #FF6600;
	margin:10px 5px 10px 5px;
}

.PopupCalendar
{
	background-image: url(../Images/PopupCalendar.gif);
	width:16px;
	height:16px;
}

/*version de l'application*/
div.application 
{
	padding: 2px;
	background-position: 100% 100%;
	background-repeat: repeat-y;
	margin-top: 10px;
	position:fixed; //position:absolute;
	bottom:0px;
	left: 0px;
	width:99%;
	clear:both;	
	text-align: right;
	font-weight:bold;
}