﻿/***************************************
*	CSS MaxiPage - newlook 
*	© GEX Media 2008
*	Auteur : Victor Maximov - victormaximov.info
******************************************/
/* Zero margin and padding on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
	font: 62.5%/1.4  Arial, Helvetica, sans-serif;
	color:#333;
	
 
}

.msgHandlerContainer
{
	border:solid 3px Red;	
	width:100%;
}
.msgHandlerError
{	
	font-size:medium;
	font-weight:bold;
	text-align:center;
	color:Red;
}

h1, h2, h3, h4	{
  color:#00659D;  font-weight: bold;
}
h1#logo-maxipage {
  font-size: 1em;
  font-weight: normal;
  height:20px;
  line-height:20px;
	width:100px;
	position: relative;
	float:left;
}
h1#logo-maxipage	a{text-decoration:none;}

h1#logo-maxipage span{ 
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/commun/logo_maxipage.gif) no-repeat;
  	z-index:10;
	
	cursor:pointer;
	}
h1 {
  font-size: 1.8em;
 
  }	
h1 span,
h2 span,
h3 span{
  color:#77b701;
  }		
h2 {
  font-size: 1.8em;
  
  
}
h3 {
  font-size:1.4em;
     
}
h4 {
  font-size:1.3em;
   
}
h5 {
  font-size:0.9em;   font-weight:normal; color:#999999;
}
p, li, td, th {
  font-size: 1.1em;
}
ol li	{list-style-type:decimal;}
.texte_rouge	{color:#FF0000;}

 select, input{
  font-size: 1em; /*78% 0.8em*/
  color:#666;
 	font-family:Arial, Helvetica, sans-serif;
}

p {
  margin: 1em 0;
}

#leftCol p	{margin:0 0 0.5em; line-height:1;}

img	{border:0;}

/* Links *****************/

a:link		{color:#00659D;}
a:visited	{color:#00659D;}
a:hover		{color:#79b900;}
a:active	{color:#b4d82e;}

#wrapper {
 background-color:#fff;
 position:relative;
}

#branding {
   position:relative;
  background-color:#fff;
  padding: 30px 0 10px;
 
}

.sans-menu{
  border-bottom:3px solid #0068a1;
}
/* MENUs
==================================*/
/* TOP (profil, settings... */
#topMenu	{position:absolute; top:34px; right:0; width:60%;}

#topMenu ul	{float:right; list-style-type:none;}
#topMenu ul li	{float:left; line-height:1;}
#topMenu ul li a	{border-left:1px solid #666; padding:0 3px;}		
#topMenu span	{color:#819A1D; padding-right:10px;}

#topMenu  fieldset {border:none; padding-left:10px; float:right; margin-top:-2px;}
#topMenu label	{color:#00659D; float:left;margin-top:1px;}
#topMenu img	{margin-top:-1px; float:left;}
#topMenu select	{width:100px; margin:0 5px; float:left;}

#topMenu a:link,
#topMenu a:visited	{color:#333;}
#topMenu a:hover	{color:#819A1D;}

/* MENU avec sous-menus
==================================*/

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	position: absolute;
	top: 60px;
	z-index:100;
	width: 940px;
	background:transparent url(../images/bg-menu.gif) repeat-x 0 0;
}
#menu dl {
float: left;
height:24px;
line-height:24px;
/* styles pour IE6
width:12em;
text-align:center;
*/
}
#menu dt {
cursor: pointer;
/*text-align: center;*/
font-weight: bold;
background-color:#0068a1;
padding:3px 0;
margin:0 5px;
width:auto;
}
#menu dd {
display: none;
border-width: 0 1px 1px;
border-style: solid;
border-color: #0068a1;
/*width:16em;*/
}
#menu ul {
padding:5px;
background:#fff;

}

#menu li {
text-align: left;
background: #fff;
display: block;
}
#menu li a, #menu dt a {
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu dt a {
color: #fff;
font-size:1.1em;
padding:0 5px;
width:auto;
}
#menu li a{
color: #468DBB;
}
#menu li.photos a{padding-left:22px; background:#fff url(../images/icon-photos.gif) no-repeat 0 center;}
#menu li.market a{padding-left:22px; background:#fff url(../images/icon-market.gif) no-repeat 0 center;}
#menu li.events a{padding-left:22px; background:#fff url(../images/icon-events.gif) no-repeat 0 center;}
#menu li.groups a{padding-left:22px; background:#fff url(../images/icon-groups.gif) no-repeat 0 center;}
#menu li.compare a{padding-left:22px; background:#fff url(../images/icon-compare.gif) no-repeat 0 center;}
#menu li.notes a{padding-left:22px; background:#fff url(../images/icon-notes.gif) no-repeat 0 center;}
#menu li.posted a{padding-left:22px; background:#fff url(../images/icon-posted.gif) no-repeat 0 center;}
#menu li.yellowpages a{padding-left:22px; background:#fff url(../images/icon-yellowpages.gif) no-repeat 0 center;}


#menu dt a:hover, #menu dt a:focus {
background: #3C8FAF;
}

#menu li a:hover, #menu li a:focus {
color:#666666;
}
#menu div {float:left; width:650px;}	
#menu fieldset {border:none; float:right; display:inline; width:22em; margin-right:5px;}
#menu  .field	{width:16em; float:right; margin:7px 3px;}		
#menu  .button{ float:right; margin:7px 0; width:11px;}
	
/* Breadcrumbs (fil d'Ariane) */		
ul#breadcrumbs	{
	list-style-type:none; 
	clear:both;
		float:left;
		width:100%;
		
				}
ul#breadcrumbs li	{		float:left; color:#0068a1;padding-right:5px; font-weight:bold;}		
ul#breadcrumbs li	a{
	float:left;
	color:#999999;
	text-decoration:none;
	padding:0 8px;
	background: #fff url(../../images/fleche-breadcrumb.png) no-repeat left center;
		}		
		
ul#breadcrumbs li	a:hover{		
	text-decoration:underline;
	color:#0068a1;
		}		
/* Menus sections (agenda etc.)		*/

ul.menu	{
	list-style-type:none; 
	background-color:#fff;
		clear:both;
		float:left;
		width:628px;
		border-bottom:2px solid #0068a1;
		margin-bottom:15px;
		margin-top:10px;
			}
ul.menu li	{		float:left; }

ul.menu li.menu-titre a,
ul.menu li.menu-titre a:visited,
ul.menu li.menu-titre a:hover	{
	cursor:default; 
	text-decoration:none; 
	background-color:#fff; 
	color:#000; 
	font-weight:800;
	padding-left: 30px;	
	}

ul.menu li.voir-tous	{float:right; }	
ul.menu li.voir-tous a,
ul.menu li.voir-tous a:visited {text-decoration:underline; font-weight:normal; color:#00659D; padding-right:0;}	
ul.menu li.voir-tous a:hover {text-decoration:none; }		

ul.menu li	a{
	float:left;
	color:#000;
	text-decoration:none;
	line-height:18px;
	padding:0 8px;
	font-weight:bold;
		}		
		
ul.menu li	a:hover	{text-decoration:underline;}

ul.menu li.current a{		
	background-color:#0068a1;
	color:#fff;
	font-weight:bold;
	font-size:0.9em;
	cursor:default;
		}	
ul.menu li.current a:hover{		text-decoration:none;	}			
			
ul.events li.menu-titre a{background: transparent url(../images/menu-agenda.png)	no-repeat left center;}
ul.contacts li.menu-titre a	{background: transparent url(../images/icon-whatsnew.png)	no-repeat left center;}			

/* Menu centré dans Footer */

#footer ul	{width:200px; margin:5px auto; list-style-type:none;}
#footer ul	 li	{float:left; line-height:1;}
#footer ul	 li a	{float:left;border-left:1px solid #666; padding:0 5px;}		
#footer ul	 li span	{padding:0 5px;}	





a.sans-bordure	{border-left-color: #FFF!important;}

/* Gallerie photos */
ul.thumbnails	{
	list-style:none inside;
	/*margin:10px 0;*/
	float:left;
	padding:0!important;
	/*width: 100%;*/
	}
ul.thumbnails li	{list-style-type:none;
	float:left;
	width:76px;
	margin:0 14px 12px 0;
	}
ul.thumbnails img	{display:block; padding-bottom:5px;
	}	
ul.thumbnails br	{display:none;
	}		

/* Classes 
=======================*/

.tableau-agenda	{width:457px; border-collapse:collapse; margin:0 0 15px; clear:left;}
.tableau-agenda	td{vertical-align:middle; border-bottom:0px solid #e1e1e1; padding:5px 0;}
.tableau-agenda	caption	{text-align:left; color:#00659D; font-size:1.1em;}
td.col-heure	 {color:#FAAA53;  white-space:nowrap; padding-right:20px!important; background: url(../images/pictos/picto_fleche_verte.gif) no-repeat 55px 50%;}

.visualClear	{clear:both;}
.floatRight		{float:right;}

.ico_event					{background: #fff url(../images/ico_event.gif) no-repeat left center;  padding:3px 0 3px 22px;margin-top:1em!important; }
.ico_contacts				{background: #fff url(../images/ico_contacts.gif) no-repeat left center;  padding:3px 0 3px 22px; }
.ico_add-photo				{background: #fff url(../images/ico_add-photo.gif) no-repeat left center;  padding:3px 0 3px 22px; margin-top:5px;}
.add-contacts				{background: #fff url(../images/icon_add-contact.gif) no-repeat left center;  padding:3px 0 3px 22px; }
.add-fournisseurs			{background: #fff url(../images/icon_add-fournis.gif) no-repeat left center;  padding:3px 0 3px 22px; }

.more	{background: #fff url(../images/triangle-bas.gif) no-repeat left center;  padding:3px 0 3px 12px;}
.more a:link,
.more a:visited		{	color:#858685; text-decoration:none }
.more a:hover		{	color:#00669E; text-decoration:underline }

/* Boutons ****/
a.bouton {display:block;float:left;font-size:10px;height:20px;line-height:19px;margin:0 3px 0 0;overflow:hidden;text-decoration:none;vertical-align:baseline;}
a.bouton:hover {color:#666;}
a.bouton span {background-image:url(../images/bouton-repeat.png);background-repeat:repeat-x;display:block;float:left;height:100%;}
a.bouton span.d {background-image:url(../images/bouton-coins.png);background-position:-9px 0px;width:9px;}
a.bouton span.c {cursor:pointer; padding:0 6px;}
a.bouton span.g {background-image:url(../images/bouton-coins.png);width:9px;}


.bouton a	{display:block;  color:#fff; padding:3px; margin:15px 15px 15px 0; text-align:center; text-decoration:none; border-width:1px; border-style: solid; border-color: #333;}
.bouton a:visited		{	color:#fff; }
.bouton a:hover		{	color:#000;border-color: #666;}

.verte	{background-color:#79b901;}
.bleu	{background-color:#0068A1;}



select.fournisseur	{width:150px;}


.profil			{margin:28px 0 10px 0;  border-top:2px solid #0068a1; padding-top:10px; width:100%;}

.profil,	
.profil	.photo,
.profil	.description	{float:left;}

.profil .photo	{ width:80px;}
.profil .photo img	{border:1px solid #d3d3d3;}

.profil	.description h3	{font-size:1.1em; color:#666;}
.profil	.description p	{margin:0;}
.profil	.description p.modifier	{margin-top:12px;}
/*
.profil .ville	{margin:-0.25em 0 0.5em 0; color:#A7A7A7;}
.profil .modifier	{margin:0; position:absolute;  top:90px; left:110px;}
.profil a		{display:block;}
*/

/* Fiches
=====================================*/
#fiches	{float:left; width:612px;}
#services	{float:left; width:925px; margin-bottom:0.5em;} /*4-carnet */
.fiche	{
	/*border-top:1px dotted #7a7a7a;*/
	border-bottom:1px solid #7A7A7A;
	padding:5px 0;
	margin:0px 0 0px;
	position: relative;
	
}
.fiche,
.fiche .photo,	
.fiche .contenu,
.fiche .coordonnees,
.fiche .adresse	{float:left; }
.fiche .coordonnees	{padding:10px 0;}

.fiche .telephones	{float:left;width:300px;padding-left:20px; }
.fiche .photo	{ width:180px;}
.fiche .photo img	{margin-bottom:1em;border:1px solid #d3d3d3;}

.fiche .contenu	{ width:760px;}
.fiche .adresse	{/*width:200px;*/border-right:1px dotted #7a7a7a; padding-right:20px;}

.fiche h2	{ font-size:1.4em; margin:0; line-height:1;}
.fiche p	{margin:0; position:relative;}

.fiche .activite	{position:absolute; top:5px; right:5px; border:1px solid #d3d3d3; width:330px; padding:5px; height:75px;}
.fiche .activite .photo	{float:left; width:auto; margin-right:5px;}
.fiche .activite	.photo img	{border:0;}
.fiche .activite .description	{float:left;  }

.fiche .location	{position:absolute; top:5px; right:360px;border:1px solid #d3d3d3; width:75px; padding:5px; height:75px;}
.fiche .location .photo	{float:left; width:auto; margin-right:5px;}
.fiche .location .photo img	{border:0;}
.fiche .location .description	{float:left;  }
/*---- Amis, commerces ------*/
.fiche-contacts	{border:1px solid #d3d3d3;
	padding:7px;
	position:relative;
	clear:both;
	float:left;
	width:100%;
	margin-top:-1px;
	}
.fiche-contacts,	
.fiche-contacts	.photo,
.fiche-contacts	.description	{float:left;}

.fiche-contacts	.photo {background:#d3d3d3;}
.fiche-contacts	.photo img	{/*border:1px solid #d3d3d3;*/}
.fiche-contacts	.photo .commerce	{display:block; width:143px; height:70px;border:1px solid #d3d3d3; background-color:#fff; background-position:center; background-repeat:no-repeat; text-indent:-9999px;}

.fiche-contacts	.description	{margin-left:10px;}	
.fiche-contacts	.description .address	{margin-bottom:35px;}	
.fiche-contacts	.description .categorie	{color:#999;margin-top:15px;}	
.fiche-contacts	.description .prix	{color:#00659D; font-weight:bold; margin-top:17px;}	

.fiche-contacts	.controls,
.fiche-contacts	.action	{position:absolute;}
.fiche-contacts	.controls	{top:7px; right:7px;}
.fiche-contacts	.controls ul	{
	float:left;
	list-style-type: none;
}
.fiche-contacts	.controls ul li	{list-style-type:none;  float:left; padding-left:0.5em;}

.fiche-contacts	.action	 {bottom:7px; right:7px;}
.fiche-contacts h2	{  font-size:1.3em;}
.fiche-contacts	 p 	{margin:0; line-height:1.3}
.fiche-contacts	.action p 	{ width:10em;}
.fiche-contacts	.action a	 {margin:0;}

/* Activities in promotion in different styles  */
.prix .promo{ color:#2CAB02;}

.description .blue .regularprice,
.prix .regularprice{ color:Gray; text-decoration:line-through;}
.description p strong .promo{ color:#2CAB02; font-weight:bold;}

.panier	{background:#fff url('../images/panier-5.jpg') no-repeat right bottom;}
.panier2	{background:#fff url('../images/panier-2.jpg') no-repeat right bottom;}

/* LOGIN
==================================*/
.login 	{margin:45px 0;}
.login .col	{float:left; width:390px; padding:0 32px;}
.login .first	{border-right:1px solid #7a7a7a; }
.login p	{font-size:1.2em;}
.login .bouton	{width:200px;}

.login fieldset	{border:none; margin:5px 0 0 203px;}
.login fieldset	p{position:relative;}
.login fieldset	label{position:absolute; left:-105px; width:100px;}

.login fieldset	label.after{position:static; }
.login fieldset	label span{float:right;}





/* Steps
================================*/
.steps		{position:absolute; top:0; right:0; text-align:right; margin:8px 0;}

.services-select	{border-left:1px solid #bebebe; padding:0 0 5px 0; margin-top:10px}
.services-select div	{border-top:1px solid #bebebe;
			border-bottom:1px solid #bebebe;
			background-color:#f3f3f3;
			padding:3px 0 3px 5px;
			margin-bottom:5px;
	}
.services-select h4 { padding-left:3px;	}
.services-select div p {padding-left:10px;	}	
.services-select div p.selection {background:transparent url('../images/selection.png') no-repeat left center; color:#7E9A2C;	}
	
span.set	{background:transparent url('../images/crochet.png') no-repeat 0 center; padding-left:20px;}	
.availability	{position:relative; clear:both;}	
.availability p.hours	{position:absolute; top:0; right:0; text-align:right; margin:8px 0;}	
.availability p.hours span{padding-left:20px;}
.availability p.hours span.available{background:#fff url('../images/available.png') no-repeat 0 center;}
.availability p.hours span.selected{background:#fff url('../images/selected.png') no-repeat 0 center;}
.availability	h3 {color:#000; font-weight:normal; font-size:1.8em;}	
.availability	h3 em {
	color:#00659D;
	font-style: normal;
	font-weight:bold;
	font-size:0.8em;
}	

.selection	{	
	padding:3px 0;
	margin:0 0 10px;
	}
.selection fieldset{float:left;	border:none; display:inline;} 
.selection fieldset select{width:16em;}
	

.ressources	{background-color:#f3f3f3;
	border-width:1px 0 1px 1px;
	border-style:solid;
	border-color:#bebebe;
	padding:3px 5px;
	margin:10px 0;
	}
.ressources fieldset{float:left;	border:none; display:inline;}
.ressources fieldset label{}
.ressources fieldset select{width:20em;}
.ressources .boutons{	float:left; margin-left:10px;}	



 .pages{	float:right; margin:0;width:30em; text-align:right;}	
 .pages a{padding-left: 0.3em;}	
 .pages a.current{text-decoration:none; font-weight:bold;}	

select.view	{float:right;}
	
/* Tableau Jour séléctionné
===================================*/
#jour	{border-collapse:collapse; width:730px; empty-cells:show;}	
#jour col.hour	{background-color:#f3f3f3;}
#jour col.time	{background-color:#d3d3d3;}


#jour caption	{text-align:left; color:#77b701;  font-weight: bold; font-size:1.4em; position:relative; text-indent:20px;}
#jour caption em{color:#000;  font-style:normal; font-weight: normal; font-size:0.8em; display:block;}
#jour caption span{position:absolute; color:#000;  left:535px;}

#jour td	{ }
#jour td a	{ text-decoration:none; text-align:center;}
#jour td.link	{vertical-align:middle; font-weight:bold; }
#jour td.link a	{display:block; color:#999; 
	border-width: 0 1px;  
	border-style: solid; 
	border-color: #d3d3d3;
	padding:42px 0; margin:0 2px;}
#jour td.link a.top	{border-top-width:1px;}	
#jour td.link a.bottom	{border-bottom-width:1px;}	
	
#jour td.h	{vertical-align:top; font-weight:bold; font-size:1.8em; color:#333; text-align:right;border-bottom: 1px solid #d3d3d3; border-left: 2px solid #fff; border-collapse:separate;}
#jour td.t	{vertical-align:middle; color:#333; text-align:center;border: 1px solid #eee;}
#jour td.available{background:#fff;}
#jour td.selected{background:#79b901;}
#jour td.t a{color:#333333; padding-left:15px;}
#jour td.available a{background:transparent url('../images/circle-verte.png') no-repeat 0 center;}
#jour td.selected a{color:#fff;}

/* Calendrier - steps
=====================================*/
.calendar	{float:right; border:1px solid #d3d3d3; padding:3px; text-align:center; margin-top:33px; position:relative;}
.calendar .back{position:absolute; left:10px; top:0.5em;}
.calendar .next	{position:absolute; right:12px; top:0.5em;}
.calendar table,
.calendar table	td	{border:none;}
.calendar table	td,
.calendar table th	{width:2.5em; height:2em; line-height:2em; text-align:center; vertical-align:middle; white-space:nowrap;}

.calendar table th,
.calendar table caption,
.calendar p	{color:#017E00;}

.calendar table caption {font-weight:bold; font-size:1.2em; text-align:center;}

.calendar table th.j	{font-weight:normal;}
.calendar td a	{display:block; text-decoration:none; text-align:center; color:#000;}



.calendar td.another-month a	{color:#999;}
.calendar td.today a	{background-color:#80b600;}
.calendar td.rdv a:link,
.calendar td.rdv a:visited	{font-weight:bold; color:#003399; text-decoration:underline;}

.calendar td.rdv  a:hover,
.calendar td.rdv  a:active	{color:#018369;}

/* Panier- book
======================== */
.book	{ border-collapse:collapse;background:#e6e6e6;}
.book tr	{background:#fff;} 
.book tr.alt	{background:#fff;}
.book th	{color:#00659D;background:#fff;  font-weight: bold; font-size:1.2em; padding:5px;}
.book td	{
	padding:5px;
	vertical-align:top;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px dashed #959595;
	border-right-color: #959595;
}
.book td.services	{border-left: 1px solid #e6e6e6;}
.book td.last	{border-right: 1px solid #e6e6e6; text-align:right;}
.book td.date-time	{vertical-align:middle; text-align:center;}
.book td.prix	{font-weight:bold; text-align:right;}


.book ol	{margin:0 0 0 1.2em; font-size:1em; font-weight:bold;}
.book ol li{margin-left:1em; font-size:1em; font-weight:bold;}
.book td.participants li {position:relative;}
.book td.participants li img {position:absolute; right:0.5em; top:4px;}

.book p	{margin:0; font-size:1em;}
td.services .photo	{float:left;}
td.services .description	{float:left; margin-left:5px;}
p.margin-b	{margin-bottom:1em;}
.book p em {color:#00659D; font-style:normal;}
.blue	{color:#00659D;}

.book-actions	{float:right; width:280px; margin:1em 10px; text-align:right;}
.boutons-panier	{float:right; margin-right:-13px;}
.book-actions h3	{color:#666; border:1px solid #e6e6e6; width:100%; margin:1em 0 0 0; padding:0.5em 10px 0.5em 0; font-size:1.3em;}
.book-actions p.total	{background-color:#e6e6e6;border:1px solid #e6e6e6; width:100%; font-weight:bold; padding:1em 10px 3em 0; margin:0;}
.book-actions p.bouton 	{ margin-right:-10px; }
.book-actions p.bouton a	{ width:125px;}
.book-actions p.bouton a.bleu	{float:left; margin:10px 5px 10px 0; line-height:1.2em;}
.book-actions p.bouton a.verte	{float:right; margin:10px 0; font-weight:bold; font-size:1.2em;  height:2em; line-height:2em;}


/*  Page profil 
==========================================*/
	#photo	{width:170px; float:left;}
	#tableau_profil	{
		width:590px;
 
	}
	#tableau_profil td{
		padding:3px;
	}	
	#tableau_profil table td{
		padding:0;
	}
	#tableau_profil	label	{/*margin-right:10px;*/}
	#tableau_profil	h3	{border-bottom:1px solid #5A5B5E;}
	#tableau_profil	h4	{color:#5A5B5E; font-size:1em;}
	#tableau_profil	h5	{color:#5A5B5E;}
	label em	{color:#FF0033; font-style:normal; font-size:110%;}
	/*inputs et selects dans formulaire Edit profil */
	.long	{width:300px;}
	.long2	{width:231px;}
	.short	{width:142px;}
	.short2	{width:148px;}
	
	
/*  ShoppingCart Confirmation Popup
==========================================*/

.shoppingCartConfirmationBackground {
  background-color:Gray;
  filter:alpha(opacity=70);
  opacity:0.7;
}

.shoppingCartConfirmationPopup {
  background-color:#ffffff;
  border-width:1px;
  border-style:solid;
  border-color:Black;
  padding:3px;
  width:400px;
}
 
/* ========================================================================
	MODAL Popup
==========================================================================*/

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}


.modalPopup {
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:Black;
	padding:3px;
	width:600px;

}
	 

	
/* payment */
td.Lcolumn {
	border: none;
	width: 275px;
	height: 19px;
	padding: 2px;
	text-align: right;
}
td.Rcolumn {
	border: none;
	font-weight: normal;
	width: 300px;
	height: 19px;
	padding: 2px;
	text-align: left;
}
input.blue {
	border: 1px solid #7397ba;
	background-color: white;
	margin: 0 0 0 7px;
	width: 207px;
	height: 15px;
	padding: 2px;
	vertical-align: middle;
}
select.large {
	width: 213px;
	/* height: 18px; */
	border: 1px solid #7397ba;
	margin: 0 0 0 7px;
	vertical-align: middle;
}
select.medium {
	width: 50px;
	/* height: 18px; */
	border: 1px solid #7397ba;
	margin: 0 0 0 7px;
	vertical-align: middle;
}

