/* CSS Document */

/* form style */
#sendform {
  width:400px;
  height:auto;
  background:#333;
  padding:15px 20px 15px 20px;
  color:#eee;
  margin:0 auto;
  text-align:left;
  position:relative;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
} 
#assurform {
  width:400px;
  height:auto;
  background-color:#f99410;
  background-image:url(../assets/images/content/banners/464x160/partenaires/a-f-bg.jpg);
  background-repeat:no-repeat;
  padding:15px 20px 15px 20px;
  margin:0px auto;
  text-align:left;
  position:relative;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
} 

/* nested fieldset */
#sendform fieldset, #assurform fieldset {
  border:0;
  margin:0;
  padding:20px;
}

/* typography */
#sendform h3, #assurform h3 { color:#eee; margin-top:0px; }
#sendform p, #assurform p { font-size:11px; }


/* input field */
#sendform input, #assurform input{
  width:50%;
  border:1px solid #444;
  background-color:#666;
  padding:5px;
  color:#ddd;
  font-size:12px;
 
 /* CSS3 spicing */
  text-shadow:1px 1px 1px #000;
  -moz-border-radius:4px;
  -webkit-border-radius:4px; 
}

#sendform input:focus, #assurform input:focus  { color:#fff; background-color:#777; }
#sendform input:active, #assurform input:active { background-color:#888; }


/* button */

button {
  border-width:1px;
  border-bottom: 0.2em solid #666;
  font-size:1em;
  padding:0.3em 0.6em;
  color:#fff;
  line-height: 1;
  text-shadow: 0 0 0.1em #222;
  cursor:pointer;
  background-color:#20458A;
  -moz-box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.5);
  -moz-border-radius:10.2em;  
  -webkit-box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.5);
  -webkit-border-radius:10.2em;  
}

#sendform button, #assurform button{
  outline:0;
  margin-top:10px;
  margin-left:300px;
  padding:10px 20px 12px 20px;
  border:1px solid #666;
  font-size:15px; 
}


/* error message */
.error {
  height:15px;
  background-color:#FFFE36;
  font-size:11px;
  border:1px solid #E1E16D;
  padding:4px 10px;
  color:#000;
  display:none;
  z-index:9999;
 
  -moz-border-radius:4px;
  -webkit-border-radius:4px; 
  -moz-border-radius-bottomleft:0;
  -moz-border-radius-topleft:0; 
  -webkit-border-bottom-left-radius:0; 
  -webkit-border-top-left-radius:0;
 
  -moz-box-shadow:0 0 6px #ddd;
  -webkit-box-shadow:0 0 6px #ddd; 
}

.error p {
  margin:0;  
}

/* field label */
#sendform label {
  display:block;
  font-size:13px;
  color:#ccc;
  margin-top:10px;
}
#assurform label {
  display:block;
  font-size:13px;
  color:#000;
  margin-top:10px;
}

#sendform legend {
  display:block;
  font-size:16px;
  color:#ccc;
}
#assurform legend {
  display:block;
  font-size:16px;
  color:#000;
}

/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* the input field */
.date {
	border:1px solid #ccc;
	font-size:18px;
	padding:4px;
	text-align:center;
	width:194px;
	
	-moz-box-shadow:0 0 10px #eee inset;
	-webkit-box-shadow:0 0 10px #eee inset;
}

/* calendar root element */
#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:10000;
	
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;	
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:14px;
	color:#0150D1;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(../assets/images/layout/prev.gif) no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	background-image:url(../assets/images/layout/next.gif);
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}


#sendLink, #sendAssur { 
	width:auto;
	height:auto;
	position:absolute;
	font-size:11px;
	display:none;
	-webkit-box-shadow: 0 0 30px #777; 
	-moz-box-shadow: 0 0 30px #777; 	
}

/* some border radius for various elements and different browsers. CSS isn't perfect */
.rounded, #sheet input, .error { 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-o-border-radius: 5px; 
	-khtml-border-radius: 5px; 
}

/* overlay close button */
a.close {
	background:url(../assets/images/layout/close.png) no-repeat;
	position:absolute;
	top:-15px;
	right:-15px; 
	width:35px;
	height:35px;
	cursor:pointer;
  z-index:10000;
}