
body {
	background-color: #FFFFFF;
	margin-top: 25px;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	padding: 50px 0px 0px 0px;
	margin:  15px 0px 0px 0px;
}
p {
	padding: 0px 0px 14px 0px;
	margin:  0px 0px 0px 0px;
}
h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 13px;
	line-height: 13px;
	font-weight:900;
}

.h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 13px;
	line-height: 13px;
	font-weight:900;
}

img {

	line-height: normal;
}

a {
	color: #e50023;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


.container {
	width:800px;
	min-height:200px;
	margin-left:auto; 
	margin-right:auto;
	display: block;
}
.clear{
    clear:both;
}
.header {
	width:800px;
	height:60px;
	padding: 0px 0px 15px 0px;
	border-color: #cccccc;
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	text-align:left;
	display: table;
}

.headerHome {
	width:800px;
	display: table;
	padding: 0px 0px 0px 0px;
	border-color: #cccccc;
	border-width: 0px 0px 2px 0px;
	border-style: solid;}

.pageTitle {
	width:800px;
	margin-top:auto;
	padding: 0px 5px 0px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 10px;
	line-height: 14px;
	display: table;
	padding: 0px 0px 10px 0px;
}

.pageTitleName {
	width:125px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-stretch: narrower;
	color: #e50023;
	font-size: 21px;
	line-height: 22px;
	padding: 0px 5px 0px 0px;
	text-align: right;
	float:left;
}

.body {
	width:800px;
	margin-top:auto;
	padding: 10px 0px 10px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 10px;
	line-height: 14px;
	display: table;
}
.mainBody {
	width:800px;
	margin-top:auto;
	padding: 20px 0px 10px 0px;
	min-height: 400px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 10px;
	line-height: 14px;
	display: table;
}
#nav {
	width:120px;
	padding: 0px 0px 0px 0px;
	float:left;
	display: inline;

}

.nav {
	color: #000000;
	display: block;
	text-decoration: none;
}


.nav a {
	color: #000000;
	text-decoration: none;

}
.nav a:hover {
	color: #e50023;
	text-decoration: none;
}


.navSub {
	width:12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-stretch: narrower;
	color: #e50023;
	font-size: 21px;
	line-height: 22px;
	padding: 0px 0px 20px 0px;
	float:left;
	}

.navSub a {
	color: #000000;
	display: block;
	text-decoration: none;
	line-height: 22px;

}
.navSub a:hover {
	color: #e50023;
	line-height: 22px;
	text-decoration: none;
}

.portfolioNav {
	display: block;
	text-decoration: none;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-stretch: narrower;
	font-size: 21px;

}

.portfolioNav a {
	text-decoration: none;
	color: #e50023;
}


/* ----------------------------------------------------------------------- Home Template Start    */

.clearfix:after { /*http://positioniseverything.net/easyclearing.html*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#leadGallery {
	background: #fff;
	height: 200px;
	width: 800px;
	overflow: hidden;
	z-index: 1;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	/*float: left;
	clear: both;
	min-height: 536px;*/
	}



.pageDataHome  {
	width:440px;
	min-height: 260px;
	padding: 0px 0px 0px 15px;
	margin:  0px 0px 0px 5px;
	float:left;	
	border-color: #e0e0e0;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
	text-align:left;
}

.newsHome {
	width:445px;
	padding: 0px 5px 0px 0px;
	float:left;
}

.newsHomeLine {
	width:100%;
	padding: 0px 0px 10px 0px;
	border-color: #cccccc;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	display: table;
}
.newsHomeLineDate {
	width:50px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 11px;
	font-weight: 800;
	color: #e50023;
	text-align: right;
	padding: 0px 0px 0px 0px;
	float:left;
}
.newsHomeLineData {
	width:390px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 10px;
	color: #000000;
	text-align:left;
	padding: 0px 0px 0px 5px;
	float:left;
}

.newsHomeLineSpace {
	width:100%;
	height:5px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	border-color: #cccccc;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
}

.bodyLeft {
	width:210px;
	padding: 0px 0px 0px 5px;
	border-color: #cccccc;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
	float:right;

}


.SpotLight {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	color: #000000;
	font-size: 10px;
	padding: 0px 0px 5px 5px;
	border-color: #cccccc;
	border-width: 0px 0px 1px 0px;
	border-style: solid;

}
.SpotLight b {
	font-size: 11px;
	font-weight: 800;
	color: #e50023;
}


div#testa {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	color: #000000;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	border-color: #cccccc;
	border-width: 0px 0px 1px 0px;
	border-style: solid;

}
div#testaLast {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	color: #000000;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	border-color: #cccccc;
	border-width: 0px 0px 0px 0px;
	border-style: solid;

}

.ContactLocation {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	color: #000000;
	font-size: 10px;
	padding: 5px 0px 5px 5px;
	border-color: #cccccc;
	border-width: 0px 0px 0px 0px;
	border-style: solid;

}
.ContactLocation b {
	font-size: 11px;
	font-weight: 800;
	color: #e50023;
}


/* ------------------------------------------------------------------------- Default    */

.pageData  {
	width:442px;
	min-height: 360px;
	padding: 0px 5px 0px 15px;
	margin:  0px 0px 0px 5px;
	border-color: #cccccc;
	border-width: 0px 0px 0px 1px;
	border-style: solid;	
	float:left;
}
.pageDataContent {
	width:440px;
	max-width:440px;
	min-width:440px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border-color: #e0e0e0;
	border-width: 0px 0px 0px 0px;
	border-style: solid;	
	float:left;

}

/* ------------------------------------------------------------------------- Home Template End    */

/* ---------------------------------------------------------------------- About Template Start    */

#AboutPage {}

.bodyAbout {
	width:800px;
	background-image: url(/images/pencils.jpg); 
	background-repeat: no-repeat;
	padding: 15px 0px 10px 0px;
	margin:  0px 0px 0px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	display: table;
 	 min-height:200px;
 }

.pageDataAbout  {
	width:445px;
	padding: 0px 0px 0px 5px;
	margin:  0px 0px 0px 0px;
	float:left;	
	border-color: #ffffff;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
}

.pageDataAboutContent {
	width:400px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	text-align:left;
	padding: 0px 0px 0px 0px;
	float:left;
}

.bodyLeftAbout {
	width:210px;
	padding: 0px 0px 0px 0px;
	border-color: #cccccc;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	float:right;

}
.ContactLocationAbout {
	margin-top: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	color: #000000;
	font-size: 10px;
	padding: 5px 0px 5px 5px;
	border-color: #cccccc;
	border-width: 0px 0px 0px 0px;
	border-style: solid;

}
.ContactLocationAbout b {
	font-size: 11px;
	font-weight: 800;
	color: #e50023;
}

/* ------------------------------------------------------------------------ About Template End    */


/* --------------------------------------------------------------------- ContactTemplate Start    */

#ContactPage {}


.bodyContact {
	width:800px;
	background-image: url(/images/postit.jpg); 
	background-repeat: no-repeat;
	margin-top:auto;
	padding: 15px 0px 10px 0px;
	margin:  0px 0px 0px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	display: table;
 	 min-height:200px;
}

.pageDataContact  {
	width:445px;
	padding: 0px 0px 0px 5px;
	margin:  0px 0px 0px 0px;
	float:left;
}

.pageDataAboutContact {
	width:400px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	text-align:left;
	padding: 0px 0px 0px 0px;
	float:left;
}

.bodyLeftContact {
	width:210px;
	padding: 0px 0px 0px 0px;
	border-color: #cccccc;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	float:right;

}
.ContactLocationContact {
	margin-top: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	color: #000000;
	font-size: 10px;
	padding: 5px 0px 5px 5px;
	border-color: #cccccc;
	border-width: 0px 0px 0px 1px;
	border-style: solid;

}
.ContactLocationContact b {
	font-size: 11px;
	font-weight: 800;
	color: #e50023;
}

/* ---------------------------------------------------------------------  Contact Template End    */


/* ------------------------------------------------------------------------ NewsTemplate Start    */

#NewsPage {}

.bodyNews {
	position: relative;
	width:800px;
 	background-image: url(/images/news.jpg); 
	background-repeat: no-repeat;
	padding: 15px 0px 10px 0px;
	margin:  0px 0px 0px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	display: table;
 	min-height: 200px;
 	float:left;
}


.pageDataNews  {
	width:445px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	float:left;	
}

.pageDataNewsContent {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	text-align:left;
	padding: 0px 0px 0px 5px;
}

.newsLine {
	width:100%;
	padding: 3px 0px 10px 0px;
	border-color: #cccccc;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	display: table;
}

.newsLineDate {
	width:50px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 11px;
	font-weight: 800;
	color: #e50023;
	text-align: right;
	padding: 0px 0px 0px 0px;
	float:left;
}

.newsLineData {
	width:310px;
	text-align:left;
	padding: 0px 0px 10px 5px;
	float:left;
	border-color: #cccccc;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
}
.newsLineDataShort {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 11px;
	color: #000000;
}

.newsLineDataShort a {
	color: #000000;
	text-decoration: none;
}
.newsLineData a:hover {
	color: #e50023;
}

.newsLineDataMore {
	padding: 5px 0px 0px 5px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 11px;
	color: #000000;
}

.newsLineDataMore a {
	color: #e50023;
	text-decoration: none;
}
.newsLineDataMore  a:hover {
	color: #000000;
}


.newsLineSpace {
	width:100%;
	height:1px;
	font-size:1px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 50px;
	border-color: #cccccc;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	display: table;
}


.pageDataNews  {
	width:445px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	float:left;
	
	
}



.bodyLeftNews {
	width:210px;
	padding: 0px 0px 0px 0px;
	border-color: #cccccc;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	float:right;

}
.ContactLocationNews {
	margin-top: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	color: #000000;
	font-size: 10px;
	padding: 5px 0px 5px 5px;
	border-color: #cccccc;
	border-width: 0px 0px 0px 1px;
	border-style: solid;

}
.ContactLocationNews b {
	font-size: 11px;
	font-weight: 800;
	color: #e50023;
}

/* ------------------------------------------------------------------------  News Template End    */
/* ---------------------------------------------------------------------- Portfolio Template Start    */


.bodyPortfolio {
	width:800px;
	background-image: url(/images/portfolioBack.png); 
	background-repeat: no-repeat;
	padding: 15px 0px 10px 0px;
	margin:  0px 0px 0px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	display: table;
 	min-height: 200px;
 	float:left;
 }
.bodyViewPortfolio {
	width:800px;
	background-image: url(/images/portfolioBack2.png); 
	background-repeat: no-repeat;
	padding: 15px 0px 10px 0px;
	margin:  0px 0px 0px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	display: table;
 	min-height: 200px;
 	float:left;
 }
 
.pageDataPortfolio  {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	float:left;	
	border-color: #ffffff;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
}

.pageDataPortfolio {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	text-align:left;
	padding: 0px 0px 0px 3px;
	float:left;
}
.pageDataPortfolioPiece {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	text-align:left;
	padding: 0px 0px 0px 0px;
	float:left;
	overflow:hidden;
	width: 440px;
}

.pageDataPortfolioTypeInfo {
	width:440px;
	max-width:440px;
	min-width:440px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	text-align:left;
	padding: 0px 0px 0px 0px;
	float:left;

}

.pageDataPortfolioTypeInfo a {
	color: #000000;
	text-align:left;
	text-decoration:none;
	line-height: 30px;
	padding: 0px 0px 0px 0px;
}

#pageDataPortfolioScroller {
	width: 440px;
	max-width:440px;
	height: 100px;
	display:block;
}
.pageDataPortfolioTypeInfo a:hover {
	color: #e50023;
}

.bodyLeftPortfolioView {
	width:200px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	border-color: #cccccc;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	text-align: left;
	color: #cccccc;
	border-color: #cccccc;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
	float:right;
	display: inline;
}

.bodyLeftPortfolio {
	width:200px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	border-color: #cccccc;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	text-align: left;
	color: #cccccc;
	border-color: #cccccc;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	float:right;
	display: inline;
}

.portfolioImageIcon {
	text-align: left;
}

.portfolioImageIcon img { 
	padding: 5px 5px 0px 0px;
}

.portfolioClient {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 12px;
	font-weight: 900;
	line-height: 16px;
	color: #e50023;
	text-align:left;
	padding: 0px 0px 0px 0px;
}
.portfolioTitle {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	text-align:left;
	padding: 0px 0px 0px 0px;
}
.portfolioInfo {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 10px;
	line-height: 16px;
	color: #000000;
	text-align:left;
	padding: 0px 0px 0px 0px;
}
.portfolioLink {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 10px;
	line-height: 16px;
	color: #000000;
	text-align:left;
	padding: 0px 0px 0px 0px;
}

.portfolioLink a {
	color: #0000ff;
}

.portfolioLink a:hover {
	color: #e50023;
}



.ContactLocationPortfolio {
	margin-top: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: text-top;
	color: #000000;
	font-size: 10px;
	padding: 5px 0px 5px 5px;
	border-color: #cccccc;
	border-width: 0px 0px 0px 0px;
	border-style: solid;

}
.ContactLocationPortfolio b {
	font-size: 11px;
	font-weight: 800;
	color: #e50023;
}

#thumbInfo { 
    display:none; 
    background:transparent url(/includes/images/tooltip/white_arrow_122x122solidRed.png); 
    background-repeat: no-repeat;
    font-size:12px; 
    height:85px; 
    width:75px; 
    margin: 10px 0px 10px 0px; 
    padding: 15px 25px 30px 25px; 
    color:#000000; 
}

#demotip { 
    display:none; 
    background:transparent url(/includes/images/tooltip/white_arrow_122x122solidRed.png); 
    background-repeat: no-repeat;
    font-size:12px; 
    height:85px; 
    width:75px; 
    margin: 10px 0px 10px 0px; 
    padding: 15px 25px 30px 25px; 
    color:#000000; 
}

/* ------------------------------------------------------------------------ Portfolio Template End    */

/* ------------------------------------------------------------------------ Portfolio Template End    */
.footer {
	width:800px;
	padding: 10px 0px 0px 0px;
	border-color: #cccccc;
	border-width: 2px 0px 0px 0px;
	border-style: solid;
	display: table;
}

.footerCopyright {
	width:370px;
	float:left;
	text-align: left;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	line-height: 10px;
	display: inline;
}

.footerNav {
	width:430px;
	float:right;
	text-align: right;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	display: inline;

}
.footerNav a {
	color: #666666;
	text-decoration: none;
}

.footerNav a:hover {
	color: #333333;
	text-decoration: none;
}


/* ------------------------------------------------------------------------   form.css */



form {
  margin: 0;
  padding: 0;
  font-size: 11px;
  min-width: 400px;
  max-width: 400px;
  width: 400px;
}

form fieldset {
  clear: both;
  font-size: 11px;
  color: #000000;
  border-color: #999999;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 0px;
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: 12px;
  font-weight: normal;
  color: #999999;
  margin: 0 0 0 5px;
  padding: 0 5px 0 5px;
}

label {
  font-size: 11px;
  width: 100px;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
	font-family:"Lucida Grande", Helvetica, Arial, sans-serif;

  font-size: 11px;
  color: #000000;
}

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  width: 354px;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

form fieldset div.notes h4 {
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form fieldset div.notes p.last {
  margin: 0em;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form div fieldset legend {
  font-size: 11px;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label  {
  display: block;
  float: left;
  width: 100px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form div label.AlignLeft  {
  display: block;
  float: left;
  width: 100px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: left;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

form div.required label, label.required {
  font-weight: bold;
}
form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

form div img {
  border: 1px solid #000000;
}

p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

form div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form div.error p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

form div input, form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputFile {
  width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form div.submit {
  width: 214px;
  padding: 0 0 0 146px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;

}
/* form.import.css */

label img {
}

form fieldset legend {
  line-height: 150%;
}

form input, form select, form textarea {
  background-color: #ffffff;
}

form textarea.expanding {
  overflow: auto;
  overflow-x: auto;
  overflow-y: visible;
}

div.optional label:before {
  content: '';
}

div.required label:before {
  content: '';
}
  
form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {
  display: block;
  width: 190px;
  padding: 4px 0px 0px 18px;
  text-indent: -18px;
  line-height: 120%;
}

form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0px 0px 0px 0px;
}

form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea {
  width: 160px;
  margin: 0px 0px 0px 18px;
}
.inputCode {
  width: 100px;
  margin: 0px 0px 0px 18px;
  vertical-align:top;
}

form div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0px 0px;
  text-indent: 0px;
  margin: 0px 0px 0px 0px;
}

form div.wide label {
  float: none;
  display: block;
}

form div label.wide {
  width: 348px;
}

form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {
  width: 344px;
  margin: 0px;
}

form div.notes p, form div small {
  line-height: 125%;
}

form div.wide small {
  margin: 0px 0px 5px 0px;
}
