@charset "utf-8";
/* CSS Document */

::selection {
	background: rgba(255, 133, 0, 0.7);
	color:#FFF;
}

.moz::-moz-selection {
	background: rgba(255, 133, 0, 0.7);
	color:#FFF;
}

.webkit::-webkit-selection {
	background: rgba(255, 133, 0, 0.7);
	color:#FFF;
}

/***************************************************************************************/
/* Formattage General                                                                  */
/***************************************************************************************/

html { font-size:100%; width:100%; height:100%; }
body { padding:0px; margin:0px;}

form { padding:0px; margin:0px; }
img { vertical-align:middle; }

a:link, a:visited {
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
}
a:hover, a:active { color:#950000; text-decoration:none; }
img{ border: none;}

* { margin: 0; padding: 0;}
input:focus, textarea:focus{ outline: none;}
input, textarea, option, select{ font-family: TeXGyreAdventorRegular, Arial, Helvetica, sans-serif;}

.Clear{ clear: both;}
.Contents{ width: 990px; margin: 0 auto; padding: 0; position:relative;}

hr{ border-left: none; border-right: none; height: 0; border-top: 1px solid #FFF; border-bottom: 1px solid #CCC; display: block; }

h1,h2,h3,h4,h5,h6{ font-family:"Times New Roman", Times, serif; font-weight: normal; font-style: normal; text-shadow: 0 1px #FFF;}
.Default h1{ font-family:TeXGyreAdventorRegular; font-size:2.4em; color:#f07300; margin:0px 0px 30px 0px;}
.Default h2{ font-family:TeXGyreAdventorRegular; font-size:2em; color:#000; line-height:32px; margin:0px 0px 30px 0px;}
.General h2, .General h3, .General h4{font-family:TeXGyreAdventorRegular; font-size:2em; color:#000; line-height:32px; margin:0px 0px 30px 0px;}
.General h2 span, .General h3 span, .General h4 span{background:url(Icons/PuceLosange.png) right 17px no-repeat; padding-right:30px; font-family:"Times New Roman", Times, serif;}

.titrePageText{ padding-bottom:20px;}

body{ background: #FFF; font-family: Tahoma, Arial, Helvetica, sans-serif;}

#Page{ background: #FFF; position: relative; z-index: 0;}
a.Link{ color: #F84F00; text-decoration: none;}
a.Link:hover{ text-decoration: underline;}
/**{ font-family: TeXGyreAdventorRegular;}*/
p { font-size: 1em; color: #4b4748; line-height:22px; padding-bottom: 1.5em; font-family:TeXGyreAdventorRegular;}
#Content ul{ font-family: TeXGyreAdventorRegular; list-style-position: inside; list-style: none;}
#Content li{ padding-left: 20px; background: url('Icons/PuceListLosange.png') left center no-repeat; color: #4B4748; font-size: 0.95em; margin-bottom: 5px;}

span.Title{ display: block;}

.Sections *.Title{ font-size:  1.6 em; font-family: 'BPreplayBold'; text-transform: inherit;}
.Title{ font-weight: bold; margin-bottom: 1.25em; font-size: 1.2em; text-transform: uppercase; font-family: 'Colaborate-Bold', Arial, Helvetica, Sans Serif; text-shadow: 0 1px #FFF;}
	
	.Question{ }
	.NomQuestion{ height:30px; line-height:30px; color:#D2232A; font-size:18px; padding-left:18px; cursor:pointer; }
		
	.SwithColor1{ color:#000;}
	.SwithColor2{ color:#F35B14;}
	
	.ReponseQuestion{ position:relative; margin-top:0px; background: #FFF; background: rgba(254,254,254,0.5);  padding:10px 15px 10px 10px; overflow:hidden; margin: 5px 0 5px 44px; }
	.Reponse{ color:#000; font-size:16px; padding-left: 10px;}
	
	h2.orange{ font-family: TeXGyreAdventorRegular; font-size: 2.4em; color: #F07300;}


/***************************************************************************************/
/* Layout                                                                              */
/***************************************************************************************/

/* Color classes ______________________________________________________________________*/

.Pink{ color: #EC008C;}
.Orange{ color:#ff6c00 !important;}


/***************************************************************************************/
/* @ F O N T - F A C E                                                                 */
/***************************************************************************************/


@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('FontFace/texgyreadventor-regular-webfont.eot');
    src: url('FontFace/texgyreadventor-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('FontFace/texgyreadventor-regular-webfont.woff') format('woff'),
         url('FontFace/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('FontFace/texgyreadventor-regular-webfont.html#TeXGyreAdventorRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TeXGyreAdventorBold';
    src: url('FontFace/texgyreadventor-bold-webfont.eot');
    src: url('FontFace/texgyreadventor-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('FontFace/texgyreadventor-bold-webfont.html') format('woff'),
         url('FontFace/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('FontFace/texgyreadventor-bold-webfont-2.html#TeXGyreAdventorBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('FontFace/BebasNeue-webfont.eot');
    src: url('FontFace/BebasNeue-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('FontFace/BebasNeue-webfont.html') format('woff'),
         url('FontFace/BebasNeue-webfont.ttf') format('truetype'),
         url('FontFace/BebasNeue-webfont-2.html#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/***************************************************************************************/
/* H E A D E R                                                                         */
/***************************************************************************************/

#HeaderContainer{ height:43px; background:url(Backgrounds/HeaderContainer.png) bottom center repeat-x; padding-top:39px;}
#Header{ height:43px;}        

	.MenuHeader{ position:absolute; top:0px; right:0px; }
	.MenuHeader ul{ margin:0px; padding:0px;}
	.MenuHeader li{ list-style:none; float:left; font-family:BebasNeueRegular; font-size:1.1em; margin-left: 19px;}
	.MenuHeader a:link, .MenuHeader a:visited{ text-decoration:none; color:#686b62; display:block; line-height:48px; font-size: 18px;}
	.MenuHeader a:hover{  color:#e06c1d;}
	.MenuHeader a:active, .MenuHeader a.Activ{ color:#e06c1d; background:url(Backgrounds/MenuHeaderOver.jpg) center top no-repeat; }
	.Logo{
	position:absolute;
	top:-29px;
	left:0px;
	z-index: 100;
	width: 335px;
	height: 212px;
}
	
	.TopRegion{ position:absolute; top:-30px; right: 91px; color:#151110; font-family:TeXGyreAdventorBold; font-size:0.75em; line-height:26px; text-transform:uppercase;}
	.TopTel{ position:absolute; top:-30px; right:0px; color:#ed7631; font-family:BebasNeueRegular; font-size:1.63em; line-height:26px;}
	
/***************************************************************************************/
/* S T A G E                                                                           */
/***************************************************************************************/

#StageContainer{ height:549px; background:url(Backgrounds/StageContainer.jpg) top center repeat-x #f3f3f3;}
#Stage { height:549px; position:relative; }


.Default #StageContainer{ height:618px; background:url(Backgrounds/StageContainer.jpg) top center repeat-x #f3f3f3;}
.Default #Stage { height:692px; position:relative; }
	
	.StageImage{ position:absolute; top:161px; right:0px;}
	.StageText{ position:absolute; top:250px; left:0px; width:410px; font-family:TeXGyreAdventorRegular; color:#fff; font-size:1.25em; line-height:24px; text-shadow: 0 1px rgba(0, 0, 0, 0.2);}
	
	.Default #Stage .Slides { padding:0px; margin:0px; width:100%; height:333px; z-index:50; }
	.Default #Stage .Slides li { padding:0px; height:333px; display:none; width:100%; }

	#Stage .Steps{ z-index:0; position:absolute; top:530px; left:0px; background:url(Backgrounds/Stage/Bg_StepLinks.jpg) no-repeat; width:100%; height:52px;}
	#Stage .Steps ul{ margin:0px; padding:0px; position:absolute; bottom:28px; left:443px;}
	#Stage .Steps li{ list-style:none; float:left; margin-left:10px; }
	#Stage .Steps .StepLinks {  background:url(Backgrounds/Stage/StepLinkPuce.png) 0px 0px no-repeat; width:12px; height:11px; display:block; cursor:pointer; }
	#Stage .Steps .StepLinks.over { background:url(Backgrounds/Stage/StepLinkPuce.png) 0px -11px no-repeat; }
	
	.SlideContent{ filter:inherit; width:100%; height:426px; position:absolute; top:80px; left:0px; filter:inherit}
	.StageExtra_1{position:absolute; top:173px; left:-105px; filter:inherit;}
	.StageExtra_2{ position:absolute; top:109px; left:-114px; filter:inherit;}

	.BgUnder{ background:#000; width:100%; height:426px; z-index:0; position:absolute; top:80px; left:0px;}

	.TitleStage{ position:absolute; top:54px; right:0px;}
	
	.QuoteStage{ width: 600px; color:#f07300; font-size:2.5em; font-family:TeXGyreAdventorRegular; float: left; text-align: left; margin-top: -50px;}
	.QuoteStage h1{ font-size: 40px; margin-bottom: 16px;}
	.QuoteStage p{ display:block; font-size:0.4em; color:#4b4748;}
	
	
/***************************************************************************************/
/* C O N T E N T                                                                       */
/***************************************************************************************/

#ContentContainer{ background: url(Backgrounds/ContentContainer.jpg) bottom repeat-x #f3f3f3; }
#Content{ padding:30px 0px 75px 0px; min-height:500px; /*min-height:1034px;*/ }
	
	#Services a{ text-decoration: none; color: #222;}
	#Services a:hover{ text-decoration: underline;}
	
	.NoBg{ background:none !important;}
	.NoSpace{ margin:0px !important; padding:0px !important;}

	.LeftColumn{ position:relative; float:left;}
	.RightColumn{ position:relative; float:right;}
	
	.Default .LeftColumn{ position:relative; float:left; width:980px; padding-top:77px;}
	.Default .RightColumn{ position:relative; float:right; width:344px; padding-top:77px;}
	
	.ColLeft{ position:relative; float:left; width:759px; padding-left:136px; text-align:left; margin-top:65px; color:#6d6960; font-family:TeXGyreAdventorBold; font-size:1.13em;}
	.ColRight{ position:relative; float:right; text-align:right; width:746px; margin:30px 0px 54px 0px; color:#6d6960; font-family:TeXGyreAdventorBold; font-size:1.13em;}
	
	.Size24{ font-size:1.25em !important; line-height:28px !important;}
	.Size18{ font-size:1em !important; line-height:22px !important;}
	
	.BoxSectionContainer a{ text-decoration: none; display: block;}
	
	.Default .BoxSectionContainer{ height:333px; position:relative;}
	.General .BoxSectionContainer{ height:322px; position:relative; margin-bottom:33px; }
	.BoxSectionContainer > div{ width:230px; height:290px; position:absolute; top:0px; cursor:pointer; padding:43px 0px 0px 0px; text-align:center; }
	.BoxResidentiel{ background:url(Backgrounds/ExcavationResidentiel.jpg) no-repeat; left:0px;  }
	.BoxCommercial{ background:url(Backgrounds/ExcavationCommercial.jpg) no-repeat; left:252px; }
	.Default .BoxBigEstimation{ background:url(Backgrounds/EstimationGratuite.jpg) 0px 0px no-repeat; left:502px;}
	.BoxServices{ background:url(Backgrounds/NosServices.jpg) no-repeat; right:0px;}


/** NOUVEAUX SERVICES **/

	.ExcavationGeneral{ background:url(Backgrounds/BtnServices/ExcavationGeneral.jpg) no-repeat; left:0px;}
	.ConcassageDemolition{ background:url(Backgrounds/BtnServices/ConcassageDemolition.jpg) no-repeat; left:253px;font-size: 14px;}
	.EspaceRestraint{ background:url(Backgrounds/BtnServices/EspaceRestraint.jpg) 0px 0px no-repeat; left:502px;}
	.Terrassement{ background:url(Backgrounds/BtnServices/Terassement.jpg) 0px 0px no-repeat; left:760px;}
	
	.Fondations{ background:url(Backgrounds/BtnServices/Fondations.jpg) no-repeat; left:0px;}
	.Raccordements{ background:url(Backgrounds/BtnServices/Racordement.jpg) no-repeat; left:253px; font-size: 14px;}
	.DrainFrancais{ background:url(Backgrounds/BtnServices/DrainFrancais.jpg) 0px 0px no-repeat; left:502px; font-size: 14px;}
	.DrainFrancais span{ margin-top: -32px; display: block;}
	.InstSanitaires{ background:url(Backgrounds/BtnServices/InstalationSanitaire.jpg) 0px 0px no-repeat; left:760px;}
	
	.Decontamination{ background:url(Backgrounds/BtnServices/Decontamination.jpg) no-repeat; left:0px; font-size:12px;}
	.Deneigement{ background:url(Backgrounds/BtnServices/Deneigement.jpg) no-repeat; left:253px;}
	.AutresServices{ background:url(Backgrounds/BtnServices/AutresServices.jpg) 0px 0px no-repeat; left:502px;}
	
	
	.ExcavationGeneral:hover, .ConcassageDemolition:hover, .EspaceRestraint:hover, .Terrassement:hover, .Fondations:hover, .Raccordements:hover, .DrainFrancais:hover, .InstSanitaires:hover, .Decontamination:hover, .Deneigement:hover, .AutresServices:hover{ background-position: -230px; }
	
	.General .BoxEstimation{ background:url(Backgrounds/BtnServices/EstimationGratuite.jpg) 0px 0px no-repeat; left:760px;}
	
	
	.BoxSectionTitle{ 
		display: ;
		font-size:18px; 
		font-family:Arial, Helvetica, sans-serif; 
		background:url(Backgrounds/borderBottomOrange.png) center bottom no-repeat; 
		text-align:center; 
		padding-bottom:27px; 
		color:#6d6960; 
		line-height:30px; 
		text-transform:uppercase;
	}
	.BoxSectionTitle span{ font-size:0.73em !important;}
	
	.SectionTitle span{ font-size: 26px; color: #4B4748; padding-right: 30px; background: url(Backgrounds/PuceLosange.html) right 15px no-repeat; }
	
	.BoxSmallBox{ 
		background:url(Backgrounds/BoxSmallArrow.png) 0px 0px no-repeat; 
		width:443px; 
		height:71px; 
		padding:17px 0px 0px 40px;
		font-size: 1.13em;
		font-family:TeXGyreAdventorBold;
		text-transform:uppercase;
		float:right;
		margin:0px -180px 0px 0px;
	}
	
	.BoxSmallBox a:link, .BoxSmallBox a:visited{ text-decoration:none; padding-left:26px; color:#ff6c00; background:url(Icons/PuceOrange.png) 0px 8px no-repeat; display:block;}
	.BoxSmallBox a:hover, .BoxSmallBox a:active{ background:none; color:#6d6960;}
	
	.Default .TitleEtimation{ position:absolute; bottom:10px; left:16px; background:url(Titles/EstimationGratuite.png) 0px 0px no-repeat; width:196px; height:93px;}
	.Default .TitleEtimation:hover{ background-position:0px -93px;}
	
	.TableFormat{ width:344px; }
	.TableFormat table{ width:344px; }
	.TableFormat td{ font-size:0.88em; vertical-align:top; background:url(Icons/LosangeOrange.png) 0px 6px no-repeat; padding: 0px 0px 16px 14px;}
	.TableFormat td.None{ background: none; padding-left: 0; font-size: 12px;}
	
	.BoxArrow{ 
		background:url(Backgrounds/BoxArrow.png) no-repeat; 
		width:510px; 
		height:135px; 
		float:right;
		margin:100px -270px 0px 0px;
		font-size:16px; 
		font-family:"Times New Roman", Times, serif; 
		text-transform:uppercase; 
		color:#F2890A;
		text-align:right;
		padding:36px 280px 0px 100px;
	}
	
	.Equipement ul li.left, .Equipement ul li.right{ display: block; width: 45%;}
	.Equipement ul li.left{ float: left;}
	.Equipement ul li.right{ float: right;}
	
	.Coordonee{  position:absolute; top:260px; left:0px; width:434px; font-family:TeXGyreAdventorRegular; font-size:1.8em; color:#fff; line-height:36px; text-shadow: 0 1px rgba(0, 0, 0, 0.2);}
	.TelContact{ position:absolute; bottom:105px; left:0px; width:434px; font-family:TeXGyreAdventorRegular; font-size:3em; color:#fff; line-height:45px; text-shadow: 0 1px rgba(0, 0, 0, 0.2);}
	
	.InfoExc{ margin-top: 25px; display: block; width: 430px; height: 182px; float: left;}
	.InfoExc img{ margin-left: -64px;}

	.Left{ float: left;}
	.Right{ float: right;}
	.W50{ width: 45%; margin: 15px 0; padding: 0;}
	.W70{ width: 60%; margin: 15px 0; padding: 0;}
	.W30{ width: 35%; margin: 15px 0; padding: 0;}
	
	#boiteFormulaire{ font-family: TeXGyreAdventorRegular, Arial, Helvetica, sans-serif; min-height:845px; margin: 25px 0; cursor:default;}
	#boiteFormulaire table{ width: 100% !important;}
	.ButtonOrange{ border: none; font-family: TeXGyreAdventorRegular, Arial, Helvetica, sans-serif; color: #FFF; background: #000; padding: 10px 15px; font-size: 1em; cursor: pointer;}
	.ButtonOrange:hover{ background: #E66C00;}
		
	.TabEstimation{ width:100%; margin-bottom:30px;}
	.TabEstimation td{ width:25%; vertical-align:top;}
	
	.ImgEstimation{ cursor: pointer; width:350px; height:120px; float:right; display:block; }
	
	.Left{ float:left; position:relative;}
	.Right{ float:right; position:relative;}
	
	#Fermer{position: absolute; right: 36px; top: 14px; right: -15px; top: -30px; cursor: pointer; }
	#Erreur{ font-size: 1.4em; text-shadow: none; text-align: center; padding: 12px 0; background:rgba(255, 0, 0, 0.5); }
	#Erreur span{ color: #F10;}
	span.mandatory{ font-size: 0.9em; display: block; margin-bottom: 20px;}
	
	.EstimationTextBox { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #aeb7bb; margin: 4px 0; padding: 4px; }
	.EstimationTabGauche td { vertical-align:middle; }
	.EstimationTabDroite td { padding:2px; margin:2px; }
	textarea.EstimationTextBox{ min-width: 990px; max-width: 990px; max-height: 250px;}
	
/***************************************************************************************/
/* F O O T E R                                                                         */
/***************************************************************************************/

#FooterContainer{ height:530px; background:url(Backgrounds/FooterContainer.jpg) center top repeat-x #f3f3f3;}
#Footer{ height:494px;}

	#Footer .PaysagementBH{ width:181px; height:159px; position:absolute; top:154px; left:34px; }
	#Footer .PaysagementBH a:link, #Footer .PaysagementBH a:visited{ background:url(Button/Paysagement.png) 0px 0px; width:181px; height:159px; display:block;}
	#Footer .PaysagementBH a:hover, #Footer .PaysagementBH a:active{ background-position:0px -159px;}
	
	#Footer .ToituresBH{ width:122px; height:160px; position:absolute; top:154px; left:439px;}
	#Footer .ToituresBH a:link, #Footer .ToituresBH a:visited{ background:url(Button/Toitures.png) 0px 0px; width:122px; height:160px; display:block;}
	#Footer .ToituresBH a:hover, #Footer .ToituresBH a:active{ background-position:0px -160px;}
	
	#Footer .DeneigementBH{ width:174px; height:159px; position:absolute; top:154px; right:35px; }
	#Footer .DeneigementBH a:link, #Footer .DeneigementBH a:visited{ background:url(Button/Deneigement.png) 0px 0px; width:174px; height:159px; display:block; }
	#Footer .DeneigementBH a:hover, #Footer .DeneigementBH a:active{ background-position:0px -159px;}
	
	.BoxFooter{ background:url(Backgrounds/BorderShadow.png) 0px 0px repeat-x; padding:24px 0px 0px 12px; position:absolute; top:365px; left:0px; width:100%; height:109px;}

	.MenuFooter, #Copyright, #TagAnekdotes, .MenuHeader{ text-shadow: 0 1px white;}
	.MenuFooter ul{ margin:0px; padding:0px;}
	.MenuFooter li{ 
		list-style:none; 
		float:left; 
		font-family:BebasNeueRegular; 
		font-size:1.13em; 
		text-transform:uppercase; 
		background:url(Backgrounds/BorderLeftLi.png) left no-repeat; 
		margin-left:18px;
		padding-left:16px;
	}
	.MenuFooter a:link, .MenuFooter a:visited{ text-decoration:none; color:#868582;}
	.MenuFooter a:hover, .MenuFooter a:active{ color:#e06c1d;}
	
	.FooterTel{ position:absolute; top:30px; right:0px;}
	
	#Page.FAQ{ font-family: TeXGyreAdventorRegular;}
	#RBQ{ text-align: center; position: absolute; top: 66px; left: 471px; font-family: BebasNeueRegular; font-size: 20px; color: #868582;}
	
	#Copyright{ position:absolute; top:73px; left:12px; font-size:0.63em; color:#938d8b;}
	#TagAnekdotes{
	position:absolute;
	top:63px;
	left:749px;
	font-size:0.63em;
	color:#938d8b;
	width: 248px;
}
	#ContactForm{ font-family: TeXGyreAdventorRegular;}
	#SubmitContactForm{ width: 164px; background: #EF6B00; border: none; color: #FFF; padding: 5px 0; font-size: 16px; font-family: TeXGyreAdventorRegular; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;}
	#SubmitContactForm:hover{ background: #F80;}
	.EstimationTextBoxError{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #AEB7BB; margin: 4px 0; padding: 4px; width: 230px; border: 1px solid #F20; background-color: #FEE;}
	
/***************************************************************************************/
/* Formattage Extranet                                                                 *
/***************************************************************************************/

.Box { background-color:#DAE4ED; border:1px solid #666666; padding:5px; }
.FilterBox { background-color:#DAE4ED; border:1px solid #84B0DD; border-left:6px solid #84B0DD; padding:5px; }

.WarningBox { border:1px solid #ffd000; border-left:6px; padding:5px; background-color:#ffffd0; }
.WarningBoxIconContainer { margin-right:6px; width:32px; }
.WarningBoxIcon { width:32px; height:32px; border:0px none; }
.WarningBoxTextContainer { font-style:italic; width:576px; }

.ValidationSummary { margin-bottom:20px; }
.ValidationSummary ul { margin-top:0px; margin-bottom:0px; }

.FormTextBox { width: 278px;}

.FormTextBoxLocked { width:300px; border-collapse:collapse; border:1px solid #aaaa00; padding:1px; background-color:#ffffbb; }

.FormPasswordBox { width:300px; }
.FormPasswordBoxError { width:300px; border-collapse:collapse; border:1px solid #bb0000; padding:2px; background-color:#ffeeee; }
.FormPasswordBoxLocked { width:300px; border-collapse:collapse; border:1px solid #aaaa00; padding:2px; background-color:#ffffbb; }

.FormTextArea { min-width: 402px; max-width: 402px; min-width: 395px\9; max-width: 395px\9; font-family:Verdana, Arial, Sans-Serif; font-size:.75em; color:#333333; }
.FormTextArea, .FormTextBox, .FormTextBoxError, .FormTextBoxError, .FormTextAreaError{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #aeb7bb; margin: 5px 0; padding: 5px;}

.FormTextBoxError { width: 300px; border-collapse:collapse; border:1px solid #F20; background-color:#ffeeee; }

.FormTextAreaError { min-width: 402px; max-width: 402px; min-width: 395px\9; max-width: 395px\9; border-collapse:collapse; border:1px solid #F20; background-color:#ffeeee; font-family:Verdana, Arial, Sans-Serif; font-size:0.75em; color:#333333; }
.FormTextAreaLocked { width:300px; border-collapse:collapse; border:1px solid #aaaa00; padding:2px; background-color:#ffffbb; font-family:Verdana, Arial, Sans-Serif; font-size:0.75em; color:#333333; }

.FormDropDown { font-family:MS Reference Sans Serif, Verdana, Arial, Sans-Serif; font-size:0.75em; color:#333333; }
.FormDropDownError { border-collapse:collapse; border:1px solid #bb0000; padding:2px; background-color:#ffeeee; font-family:MS Reference Sans Serif, Verdana, Arial, Sans-Serif; font-size:0.75em; color:#333333; }
.FormDropDownLocked { border-collapse:collapse; border:1px solid #aaaa00; padding:2px; background-color:#ffffbb; font-family:MS Reference Sans Serif, Verdana, Arial, Sans-Serif; font-size:0.75em; color:#333333; }

.TinyTextBox { width:40px; }
.TinyTextBoxError { width:40px; border-collapse:collapse; border:1px solid #bb0000; padding:2px; background-color:#ffeeee; }
.TinyTextBoxLocked { width:40px; border-collapse:collapse; border:1px solid #aaaa00; padding:2px; background-color:#ffffbb; }

.ShortTextBox { width:100px; }
.ShortTextBoxError { width:100px; border-collapse:collapse; border:1px solid #bb0000; padding:2px; background-color:#ffeeee; }
.ShortTextBoxLocked { width:100px; border-collapse:collapse; border:1px solid #aaaa00; padding:2px; background-color:#ffffbb; }

.MediumTextBox { width:200px; }
.MediumTextBoxError { width:200px; border-collapse:collapse; border:1px solid #bb0000; padding:2px; background-color:#ffeeee; }
.MediumTextBoxLocked { width:200px; border-collapse:collapse; border:1px solid #aaaa00; padding:2px; background-color:#ffffbb; }

.WideTextBox { width:400px; }
.WideTextBoxError { width:400px; border-collapse:collapse; border:1px solid #bb0000; padding:2px; background-color:#ffeeee; }
.WideTextBoxLocked { width:400px; border-collapse:collapse; border:1px solid #aaaa00; padding:2px; background-color:#ffffbb; }