
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
font-size: 12px;
list-style: square;
}

body{
background-color:#CCCCCC  ;
margin: 0px;
font:   12px Arial ;
scrollbar-base-color: #ffffff;}

 
 


#header{
background-image: url(../images/back_01.jpg) ;
width:1024px;
height:107px;
display:block;
}

#header_service{
background-image:url(../images/header_purple.jpg);
width:1024px;
height:107px;
display:block;
}

#header_sales{
background-image:url(../images/header_green.jpg);
width:1024px;
height:107px;
display:block;
}


#header_products{
background-image:url(../images/header_blue.jpg);
width:1024px;
height:107px;
display:block;
}

#header_library{
background-image:url(../images/header_orange.jpg);
width:1024px;
height:107px;
display:block;
}

#header_about{
background-image:url(../images/header_orange.jpg);
width:1024px;
height:107px;
display:block;
}


#header_software{
background-image:url(../images/header_red.jpg);
width:1024px;
height:107px;
display:block;
}

#header_partner{
background-image:url(/images/header_partner.jpg);
width:1024px;
height:107px;
display:block;
}

#header_esc{
background-image:url(../images/header_esc.jpg);
width:1024px;
height:107px;
display:block;
}



.mz{
float: left;
position: relative;
color: #FFFFFF ;
font-variant:small-caps;
font-size:14px;
font-weight:800;
letter-spacing: 3px
}

.nav { 
background-image: url(../images/back_02-bg.jpg) top repeat-x #FFFFFF; 
height: 2em;
margin: 0px;
padding: 0px 0px 0px 0px;
 }


  
.nav ul{ display:inline}

.nav li {list-style:none; 
text-align:center;
float: left;
margin:  0px 0px 0px 0px;
border-right: 2px  solid #336699 ;
width: 6em;
}

.nav li a {text-decoration: none; 
color: #000000;
display:block;
padding: 4px;}

.nav a:hover {color:#FFFFFF;
text-decoration:none; 
background-color: #1969a4  ;}

.nav .active {
color:#FFFFFF;
text-decoration:none;
background-color: #1969a4;}
 


/* Nav for Partners Page */

.nav_partners { 

height: 2em;
margin: 0px;
padding: 0px 0px 0px 13px;
 }

.nav_partners ul{ display:inline}

.nav_partners li {list-style:none; 
text-align:center;
float: left;
border-right: 2px  solid #336699 ;
}

.nav_partners li a {text-decoration: none; 
color: #000000;
display:block;
padding: 4px;}

.nav_partners a:hover {color:#FFFFFF;
text-decoration:none; 
background-color: #1969a4  ;}

.nav_partners .active {
color:#FFFFFF;
text-decoration:none;
background-color: #1969a4;}
 


/* End Nav for Partners Page */


 a {
 	color: #0066CC   ;
	text-decoration: none;
	font-weight:bold;
}
 

 
#search {
float: right;
 position:relative;

 color: #ffffff  ;
}

 
#search a{
color: #ffffff ;
}

 

 
a:hover {
text-decoration: underline;}


.breadcrumb {
font-size:9px;
}



.container {
margin: 0px auto;
width:1024px;
background-image: url(../images/back_03.jpg)  ;
padding: 0px;

 }


 


 .rightcontent {
     
 width: 740px;
 margin: 20px 0px 0px 200px;
 padding: 0px 0px 0px 10px;
  }


 .leftcontent{
 background-color: #FFFFFF ; 
float:left;
width: 110px;
 
padding:5px 5px 25px 10px ;
margin-left:14px ;
		}

 
 
 
 /*
li{  
position:relative;
left:  -25px;
 
 }
 /*
 
	
	
	
/* Homepage only CSS */
	
.home_content{
 
margin-left:14px;
width: 971px
 }

 #spotlight_text {
padding: 0px 5px 0px 0px;
height: 100px;
overflow:auto;
 }

 .home_rightcontent {
    width:779px;
 
float:right;
 margin: 0px 0px 0px  8px;
 padding: 0px 0px 0px 0px;
  }


 .home_leftcontent{
 
width: 110px;
 
padding:5px 5px 15px 24px ;
margin:0;
		}

#home_text{
float:left;
width: 450px;
}
	

#news {
 
border-left: 2px black solid;
border-top: 2px black solid;
border-bottom: 2px black solid;
padding: 5px 0px 20px 20px;
margin: 0px 0px 0px 475px;
display: block;
width: 270px;
 
background-image: url(/images/home_back_news.jpg)  ;
background-repeat: repeat-y;  
}


 #news_text {
 
padding: 0px 5px 0px 0px;
 height: 300px;
overflow:auto;
 }

.news_hl {color: #000000;
border-bottom: 2px orange solid;
padding:3px 2px 3px 3px;
font-weight:bold;
font-size:14px;
}

#spotlight {
 border-bottom: 2px black solid;
border-left: 2px black solid;
border-top: 2px black solid;
padding: 5px 0px 20px 20px;
margin: 0px 0px 0px 475px;
display: block;
width: 270px;
 
background-image: url(../images/customer_quote/spot_back.jpg)  ;
background-repeat: repeat-y;  
}

.spotlight_quote {
 font-weight: bold;
	font-size: 66px;
	color: #3399CC;
 

}

 /* End Homepage only CSS */
 h1 {
padding: 0px 0px 0px 0px;
font-size: 20px;
	font-weight: bold;
	color: #999999;
}

 h2 {
padding: 0px 0px 0px 0px;
margin: 0px;
font-size: 1.5em;
	font-weight: bold;
	color: black;
}



 .header {
padding: 0px 0px 0px 0px;
font-size: 20px;
	font-weight: bold;
	color: #999999;
}

.subhead {
background: #336699 url(../images/subhead_background.gif) no-repeat;
color: #FFFFFF; padding:3px 2px 3px 10px;
 text-transform: uppercase;
font-weight:bold;
line-height:2 em}
	 
 
.left_nav ul{
 
}

.left_nav li {
list-style:none;
margin: 5px;
 
width: 100px;
 background-image: url(../images/nav_grad.png);
position:  relative;
left: -45px;
}


.left_nav li a {
text-decoration: none; 
display:block;
padding: 5px;
}


.left_nav a:hover {
color:#FF0000 ;
 
text-decoration:none;
 
}




.selected {

color: #FF0000  ;
text-decoration:none;
}






 .formtext  {

	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	
	line-height: 16px;
	padding-top: 2px 3px 2px 3px;
	border-top: 1px solid #7D7D7D;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #DEDEDE;
	border-left: 1px solid #C5C5C5;
	margin-bottom: 5px;
	margin-top: 5px;

}

.box { margin: 5px; padding: 5px; border: 2px solid black;  }



.redbox {padding: 10px; border: 2px red dotted;  background: url(../images/nav_grad.png) repeat-y  }

#errormessage {
  font-size: 16px;
  color: #c00;
}

#footer {clear:both;
text-align:center;}




	 

