/* Calendar */
@import url( "../js/jscalendar-1.0/calendar-green.css" );


body{
	color:#333333;
	margin:0;
	padding:0;
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:9pt;
	background:#f2f2f2;
}

body.default {
	background:white;
	color:black;
}
body.user {
	background:#f2f2f2 url( "/iso_album/bandeau.jpg" )  repeat-x scroll;
	background-position:2px 2px ;
	margin-top:92px;
	margin-left:2px;
}
	
	

a {
	color:#003d4c;
	text-decoration:underline;
}

a:hover{
	color:#003d4c;
	text-decoration:none;
}

a img { border:none; }

div.header {
	padding:0; margin:0;
	background-color: #578add;
}
div.header h1 {
	visibility:hidden; display:none;
}

div#left {
	float:left;
	width:128px;
	padding:10px 2px 0 2px;
	margin:0;
}

#left a {
	font-size:10px; color:#000;
}
#left p {
	margin: 0 0 30px 0; float:left;
}
.main { 
	border:none; margin-left:40px; margin-top:20px; 
}

.main h1, .main h2,.main h3 {
	font-weight:normal;
	color:#ffffff;
	text-align:center;
}

.main h1 { padding:0.3em 0 0.3em 0; font-size: 22px; margin:0; }
.main h2 { font-size:14pt; padding:0.1em 0; margin:0; }
.main h3 { color:#000000; font-size:12.5pt; margin:0.2em 0 0 0; font-weight:bold;}
.main h4 { color:#ff9966; font-size:11pt; padding-top:0.5em; font-weight:normal; }

.main div h3 {
	clear:left;
	display:block;
	font-weight:bold;
	margin:0.5em 0 0.2em 0;
}

.center {
	color:#000000; text-align:center; padding:0;
	margin:0;
}


div#content {
	padding:0px 10px 0px 10px;
}


#footer {
    color: #000000;
    margin-top: 50px;
    padding-top:2px;
	font-size:8pt;
	border-top:1px solid #8a8a8a;
	background-color:white;
	color:#8a8a8a;
}


/* */
input, select {
	font-size:8.5pt; 
	/* border:1px solid #000000; */
}
select,option {
	font-size:8.1pt; 
}

option {
/*	border:1px solid #000000; */
	padding:0 4px; margin:0;
}


div.line {
	clear:both;
	font-size:8pt;
	margin:0px 0;
	padding:2px;
	display:block;
	height:20px;
	float:none;
}

div.line label {
	display:block;
	float:left;
	font-size:8pt;
	font-weight:normal;
	width:180px;
	text-align: right;
	margin:0px 7px;
}

label.help {
	cursor:help;
}

#block10 div.line label {
	width:250px;
}

.column1 {
	float:left;
	text-align:left;
	position:relative;
}
.column2 {
	float:left;
	text-align:left;
	position:absolute; left:220px; top:0;
	display:block;
	/* margin-left: 10px; */
	padding: 0px;
	width:250px;
}
.note {
	padding-left:0.4em; font-weight:normal; font-size:8pt;
}


.shifted   { margin-left:100px; }
.unshifted { margin-left:-100px; }

.euro {
	width:7em;
}

.userform div table {
	border-collapse:collapse;
	border:1px solid black;
	text-align:center;
	margin:auto;
}
.userform div table th {
	font-size:8pt;
	padding:2px;
}
.userform  div table td {
	padding:4px; min-width:30px;
}

option.disabled { color: #777777; font-style:italic; }

/* colors */
/*
.orange { background-color:rgb(255,204,0); 	color:#ffffff;  }
.purple { background-color:rgb(121,103,179); color:#ffffff;}
.grey   { background-color:rgb(233,243,249); color:#000000;}
.green  { background-color:rgb(101,146,151); color:#ffffff;}

*/
.orange, .purple, .grey, .green { background:#578add; color:white; }

/* background images */
.cornerbox1 .rbroundbox { background:  url('corners1/nt.gif'); }
.cornerbox1 .rbtop div  { background:  url('corners1/tl.gif') no-repeat top left; }
.cornerbox1 .rbtop      { background:  url('corners1/tr.gif') no-repeat top right; }
.cornerbox1 .rbbot div  { background:  url('corners1/bl.gif') no-repeat bottom left; }
.cornerbox1 .rbbot      { background:  url('corners1/br.gif') no-repeat bottom right; }

.orangebox .rbroundbox { background:  url('grey/nt.gif'); }
.orangebox .rbtop div  { background:  url('grey/tl.gif') no-repeat top left; }
.orangebox .rbtop      { background:  url('grey/tr.gif') no-repeat top right; }
.orangebox .rbbot div  { background:  url('grey/bl.gif') no-repeat bottom left; }
.orangebox .rbbot      { background:  url('grey/br.gif') no-repeat bottom right; }

.purplebox .rbroundbox { background:  url('grey/nt.gif'); }
.purplebox .rbtop div  { background:  url('grey/tl.gif') no-repeat top left; }
.purplebox .rbtop      { background:  url('grey/tr.gif') no-repeat top right; }
.purplebox .rbbot div  { background:  url('grey/bl.gif') no-repeat bottom left; }
.purplebox .rbbot      { background:  url('grey/br.gif') no-repeat bottom right; }

.purplebox { color: #000; }

.greenbox .rbroundbox { background:  url('grey/nt.gif'); }
.greenbox .rbtop div  { background:  url('grey/tl.gif') no-repeat top left; }
.greenbox .rbtop      { background:  url('grey/tr.gif') no-repeat top right; }
.greenbox .rbbot div  { background:  url('grey/bl.gif') no-repeat bottom left; }
.greenbox .rbbot      { background:  url('grey/br.gif') no-repeat bottom right; }

.greenbox { color: #000; }

.greybox .rbroundbox { background: url('grey/nt.gif'); }
.greybox .rbtop div  { background: url('grey/tl.gif') no-repeat top left; }
.greybox .rbtop      { background: url('grey/tr.gif') no-repeat top right; }
.greybox .rbbot div  { background: url('grey/bl.gif') no-repeat bottom left; }
.greybox .rbbot      { background: url('grey/br.gif') no-repeat bottom right; }

.greybox { color: #000; }


/* height and width stuff, width not really necessary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	height: 10px;
	font-size: 1px;
	clear:both;
	margin:0; padding:0;
	float:none;
}
div.rbroundbox { margin: 0.2em auto; text-align:center; width:650px;}

/* roundboxes */
.grey2 .rbroundbox { background: #ecf2fc; }
.grey2 .rbtop div  { background: url( 'borders/tl.png' ) no-repeat top left; }
.grey2 .rbtop      { background: url( 'borders/tr.png' ) no-repeat top right; }
.grey2 .rbbot div  { background: url( 'borders/bl.png' ) no-repeat bottom left; }
.grey2 .rbbot      { background: url( 'borders/br.png' ) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.grey2 div.rbcontent {
	border-left:1px solid #fba057; border-right:1px solid #fba057; 
	margin:0; padding:0; clear:both;
}
/* end roundboxes */




div.calendar { width:auto; background-color:blue;}


/*
.greenbox input, .greenbox textarea { border-color: #ffffff; background-color:#888888; }
*/


/* Other */
.clear {
    clear:both;
    height: 0px;
    line-height: 0px;
}


/* tables */

.main table {
  border: 1px solid #003d4c;
  color:#333;
  background-color: #fff;
  clear:both;
  padding: 0;
  margin: 0 0 2em 0;
  white-space: normal;
}
.main th {
  background-color: #ccc;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #003d4c;
  border-bottom: 1px solid #003d4c;
  text-align: center;
  padding:1px;
}
.main table tr td {
  padding:4px 4px;
  vertical-align:top;
  text-align: center;
}
.main table tr.altRow td {
  background: #f4f4f4;
}

table.hollow {
	border-collapse:collapse;
	margin:0;
}

table.hollow tr {
	vertical-align:top;
}

table.hollow td , table.hollow th {
	border:none;
	padding: 0.2em;
	font-size:8pt;
	text-align:left;
}
table.hollow th {
	color: #000000;
	background-color:#eeeeee;
	font-size:9pt; 
	line-height:9pt;
	font-weight:normal;
	text-align:center;
	vertical-align: top;
} 


table.empty {
  border:none;
  color:#333;
  background-color: #fff;
  padding: 0;
  margin: 0 0 2em 0;
  border:none;
}
table.empty th {
  background-color: #ccc;
  border:none;
  text-align: left;
  padding:1px;
}
table.empty tr td {
  border:none;
  padding:2px 4px;
  vertical-align:top;
  text-align: left;
}
table.empty tr td label { padding-right:0px; float:none; display: inline; }





/* notices and errors */
.error_message {
	color: #e32000;
	background-color: #fff;
	margin: 5px 10px;
	font-size:8pt;
	padding:8px 10px;
	min-height:10px;
	text-align:center;
	float:none;
	clear:both;
	width:630px;
}



.notice {
  color: #656565;
  font-size: 14px;
  background-color: #f4f4f4;
  padding: 4px;
  display:block;
}

#tooltip  { font-size:8pt; background-color:white; padding:4px; border:1px solid rgb(255,204,0); z-index: 10;}
#tooltip h5 { font-size:9pt; background-color:rgb(255,204,0);padding:4px; margin:-4px -4px 2px -4px;}

.fld-addr   { width: 172px;  }
.fld-long   { width: 200px;  }
.fld-ville  { width: 130px; }
.fld-postal { width: 34px; }
.fld-euro   { width: 50px; }
.fld-email  { width:200px; }

fieldset { padding:10px; border:2px solid #333333;}

input.form_error, textarea.form_error, select.form_error {
	border: 1px solid #FF3300;
	color : #FF3300;
}


div.error_message {
	margin: 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	float:left;
}


div.buttons {
	margin:0 auto;
	padding: 0px 0px 20px 0; text-align:center;
	width:650px;
	clear:both;
}
div.buttons input#submit { font-weight:bold; font-size:110%; }

input.disabled, input[readonly] { font-weight:bold; color:#8e8e8e; font-style: italic; border:1px solid #e6e6e6;}


/* top menu */

div.top-menu {
	display:block;
	height:23px;
	padding:0px;
	background-color:#bdd3f2;
	border:none;
	border-top:1px solid black;
	border-bottom:1px solid black;
	margin:0;
}

.top-menu ul {
	list-style: none;
	margin:0;
	padding:0;
	float:left;
}

.top-menu li {
	list-style: none;
	display:block; height:21px;
	margin:0;
	padding:0;
	float:left;
}

.top-menu a, .top-menu p {
	float:left;
	font: 11px/13px verdana,helvetica,arial,sans-serif;
	color: #000000;
	padding:5px 6px 5px 5px;
	margin:0 0 0 0px;
	border-left:1px solid black;
}
.top-menu a {
	background-color:#bdd3f2;
	text-decoration:none;
}

.top-menu a:hover, .top-menu .selected {
/*	background-color: #ffaa44; */
/*	color: #ffffff; */
/*	text-decoration:underline; */
	text-decoration: none;
	cursor:default;
	background-color: #4e8adc; 
	color:#bdd3f2;
}

.top-menu a.selected {
	text-decoration: none;
}