/* ######### Simplicity AI Website Style Sheet ######### */
  
  
  /* ######### Header Sizes ######### */
  BODY {
  background-color:#f0f0f0;
  color:#e0e0e0;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:12px;
  font-weight:normal;
  text-align:center;
  margin-top: 0px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  }
  
  /* ######### Header Sizes ######### */
  h1 {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size: 17px;
  color:#0C075B;
  font-weight:normal;
  }

  h2 {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size: 15px;
  color:#0C075B;
  font-weight:normal;
  text-decoration:underline;
  }
  
  h3 {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size: 12px;
  color:#0C075B;
  font-weight:normal;
  text-decoration:underline;
  margin-bottom: 0;
  padding-bottom: 0; 
  } 
  
  h4 {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size: 12px;
  color:#0C075B;
  font-weight:normal;
  text-decoration:underline;
  margin-bottom: 0;
  padding-bottom: 0; 
  display:inline;
  } 
  
     
  /* ######### Set Default Indents ######### */  
  ul {
  padding: 0;
  margin: 0;
  }
  li {
  padding: 0;
  margin: 0;
  }
  
  /* ######### Overall Shadow ######### */ 
  .shadowbox {
  width:980px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  -moz-box-shadow: 0 0 5px 5px #c0c0c0;
  -webkit-box-shadow: 0 0 5px 5px #c0c0c0;
  box-shadow: 0 0 5px 5px #c0c0c0;
  }

  
  
  /* ######### Front Page Feature Boxes ######### */
  .front_page_feature_blocks{
  width:980px;
  background:#ffffff;
  border-color:#FFFFFF;
  border-width:0px 10px 0px 10px;
  border-style:solid;
  margin-left:auto;
  margin-right:auto;
  }
  .front_page_feature_1 {width:290px; height:auto; color:#eeeeee; padding:10px 10px 0px 10px;border-color:#0C075B;border-style: solid;border-width:0px;background: url("/pictures/stylesheet/Front_Feature1.jpg") no-repeat; text-align: left;}
  .front_page_feature_2 {width:380px; height:auto; color:#eeeeee; padding:10px 10px 0px 10px;border-color:#303030;border-style: solid;border-width:0px;background: url("/pictures/stylesheet/Front_Feature2.jpg") no-repeat; text-align: left;}
  .front_page_feature_3 {width:290px; height:auto; color:#eeeeee; padding:10px 10px 0px 10px;border-color:#0C075B;border-style: solid;border-width:0px;background: url("/pictures/stylesheet/Front_Feature1.jpg") no-repeat; text-align: left;}

  .front_page_feature_header {font-size:17px;font-weight:normal;border-color:#eeeeee; color:#ffffff; border-style: dotted;border-width: 0 0 1px 0; padding: 0 0 3px 0; text-align:left;text-decoration:none;}

  .front_page_feature_text_title{font-size:15px;font-weight:normal;padding: 3px 0 3px 0; color:#ffffff;text-decoration:underline;}
 
  .front_page_feature_text {font-size:12px;font-weight:normal;padding: 10px 0 0 0; color:#ffffff;}
  .front_page_feature_text a:link{font-size:12px;font-weight:normal;padding: 10px 0 0 0; color:#ffffff;text-decoration:none;}
  .front_page_feature_text a:visited{font-size:12px;font-weight:normal;padding: 10px 0 0 0; color:#ffffff;text-decoration:none;}  
  .front_page_feature_text a:hover{font-size:12px;font-weight:normal;padding: 10px 0 0 0; color:#e0e0e0;text-decoration:underline;}
 
  .front_page_feature_1_bottom {width:290px; height:10px; color:#eeeeee; padding:10px 10px 0px 10px;border-color:#0C075B;border-style: solid;border-width:0px;background: url("/pictures/stylesheet/Front_Feature1_bottom.jpg") no-repeat left bottom; text-align: left;}
  .front_page_feature_2_bottom {width:380px; height:10px; color:#eeeeee; padding:10px 10px 0px 10px;border-color:#0C075B;border-style: solid;border-width:0px;background: url("/pictures/stylesheet/Front_Feature2_bottom.jpg") no-repeat left bottom; text-align: left;}
  .front_page_feature_3_bottom {width:290px; height:10px; color:#eeeeee; padding:10px 10px 0px 10px;border-color:#0C075B;border-style: solid;border-width:0px;background: url("/pictures/stylesheet/Front_Feature1_bottom.jpg") no-repeat left bottom; text-align: left;}
  
  /* ######### Contact Page Feature Boxes ######### */

  .contact_page_feature_main {width:940px; color:#ffffff; padding:10px 10px 0px 10px;border-color:#0C075B;border-style: solid;border-width:0px;background: url("/pictures/stylesheet/Contact_Feature1.jpg") no-repeat; text-align:left;}
 
  .contact_page_feature_header {font-size:17px;font-weight:normal;border-color:#ffffff; color:#ffffff; border-style: dotted;border-width: 0 0 1px 0; padding: 0 0 3px 0; text-align:left;}
  .contact_page_feature_text_title{font-size:15px;font-weight:normal;padding: 5px 0 0 0; color:#ffffff;text-decoration:underline;}
  .contact_page_feature_text {font-size:12px;font-weight:normal;padding: 10px 0 0 0; color:#ffffff;}
  .contact_page_feature_text a:link{font-size:12px;font-weight:normal;padding: 10px 0 0 0; color:#ffffff;text-decoration:none;}
  .contact_page_feature_text a:visited{font-size:12px;font-weight:normal;padding: 10px 0 0 0; color:#ffffff;text-decoration:none;}  
  .contact_page_feature_text a:hover{font-size:12px;font-weight:normal;padding: 10px 0 0 0; color:#e0e0e0;text-decoration:underline;}  
 
  .contact_page_feature_bottom {width:960px; color:#ffffff; padding:10px 10px 0px 10px;border-color:#0C075B;border-style: solid;border-width:0px;background: url("/pictures/stylesheet/Contact_Feature1_bottom.jpg") no-repeat left bottom; text-align:left;}

  /* ######### Contact Page Form ######### */

  .form_submit input {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:15px;
  font-weight:normal;
  color: white;
  background: #0C075B url("/pictures/stylesheet/button.jpg")left bottom;
  border: 0px outset #6464A2;
  } 
  
  .form_input{
  margin: 3px 0px;
  padding: 3px 3px 3px 3px;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:14px;
  font-weight:normal;
  color: #4f4f4f;
  border: 1px solid #bbbbbb;
  outline: none;
   -moz-box-shadow: inset 1px 1px 10px #e0e0e0;
   -webkit-box-shadow: inset 1px 1px 10px #e0e0e0;
   box-shadow: inset 1px 1px 10px #e0e0e0;
  }

  .form_input:focus {border: 1px solid #6464A2;}
  

  
  /* ######### Logo Image ######### */ 
  .image_bar {
  width:960px;
  height:auto;
  border-style:solid;
  border-color:white;
  background:#ffffff;
  border-width:0px 10px 0px 10px;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  }
  
  .image_bar a:link{ font-size:90%; color:#ffffff; float:right; text-decoration:none;}
  .image_bar a:visited{ font-size:90%; color:#ffffff; float:right; text-decoration:none;}
  .image_bar a:hover{ font-size:90%; color:#ffffff;float:right; text-decoration:none;}
  .image_bar img { padding:0px 0px 0px 0px; border-style:none; }
  
  /* ######### Front Page Box ######### */
  .front_box {
  background: url("/pictures/stylesheet/FrontPage.png");
  width:960px;
  height:50px;
  color: white;
  margin-left:auto;
  margin-right:auto;
  font-size: 16px;
  line-height: 23px;
  }
  
  .front_box a:link{
  color: #6F6F6F;
  text-decoration:none;
  font-weight:bold
  }
 
  .front_box a:visited{
  color: #6F6F6F;
  text-decoration:none;
  font-weight:bold
  }
  
  .front_box a:hover{
  color: #6F6F6F;
  text-decoration:underline;
  font-weight:bold
  }
 

  /* ######### Front Page Flash ######### */
  .front_flash {
  width:960px;
  height: 300px;
  background: white url(/pictures/rolling_graphic/rollers.jpg) no-repeat;
  color: white;
  margin-left:auto;
  margin-right:auto;
  border-width:0px 10px 0px 10px;
  border-style:solid;
  border-color:#FFFFFF;
  z-index:-1;
  }  
  
  .menubar {
  width:960px;
  height:auto;
  border-style:solid;
  border-color:white;
  border-width:0 10px 0 10px;
  margin-left:auto;
  margin-right:auto;
  padding:0px 0px 0px 0px;
  float:center;
  text-align: left;
  }
  

  /* ######### Lower Link Bar 2 ######### */ 
  .menu_bar_2 {
  font-size:10px;
  text-align:left;
  height:auto;
  width:960px;
  padding:0px 0px 6px 0px;
  border-style:solid;
  border-width:0 10px 0px 10px;
  color:#0C075B;
  border-color:#ffffff;
  background:#ffffff;
  text-decoration:none;
  margin-left:auto;
  margin-right:auto;
  }

  .menu_bar_2 a:link{  text-align:left; height:100%;  border-style:solid; border-width:0 0 0px 0; color:#0C0750; border-color:#0C075B; background:#ffffff;text-decoration:none;}
  .menu_bar_2 a:visited{  text-align:left; height:100%;   border-style:solid; border-width:0 0 0px 0; color:#0C0750; border-color:#0C075B; background:#ffffff;text-decoration:none;}
  .menu_bar_2 a:hover { color:#484498;text-decoration:underline; height:100%}
  .menu_bar_2 img {float:left; margin:0;padding:0; border:0;}


  /* ######### 10px High Grey Padding ######### */  
  .grey_padding {width:980px; height:10px; margin:0; padding: 0; border:0; background:#e0e0e0;}
  
  /* ######### Solid Blue Line ######### */
  .solidline {
  width:960px;
  height: 1px;
  border-width:0 10px 0px 10px;
  border-style:solid;
  border-color:#FFFFFF;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  spacing:0px;
  background:#cccccc;
  font-size:80%;
  text-align:left;
  }

    /* ######### 10px High White Padding ######### */
  .white_padding {
  width:980px;
  height: 10px;
  border-width:0px 0px 0px 0px;
  border-style:solid;
  border-color:#0C075B;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  spacing:0px;
  background:#FFFFFF;
  font-size:100%;
  text-align:left;
  }
  
  
  .feature_pic {width: 146px; text-align:center;}
 
  /* ######### Page Content with Righthand Image Bar ######### */  
 
  .main_text {
  width:730px;
  color:#4f4f4f;
  text-align:left;
  height:auto;
  margin-left: 10px;
  padding-bottom:10px;
  border-style:solid;
  border-color:white; 
  border-width: 1px;
  } 

  
  .main_text a:link {
  font-weight:normal;
  color:#0C075B;
  text-decoration:none;
  }
 
  .main_text a:visited {
  font-weight:normal;
  color:#0C075B;
  text-decoration:none;
  }
  
  .main_text a:hover {
  font-weight:normal;
  color:#0C075B;
  text-decoration:underline;
  }
  
  .main_text_para {
  width:730px;
  border-width:1px 0 0 0;
  border-style:dotted;
  border-color:#b0b0b0;
  padding:0px 0 1px 0;
  margin:0;
  text-align:left;
  }
  
  
   /* ######### Page Content with NO Righthand Image Bar ######### */  
  .main_text_wide{
  width:960px;
  color:#4f4f4f;
  text-align:left;
  margin-left:10px;
  height:auto;
  padding-bottom:10px;
  border-style:solid;
  border-color:white;
  border-width: 1px;
  }
  

  .main_text_wide a:link {
  font-weight:normal;
  color:#0C075B;
  text-decoration:none;
  }
 
  .main_text_wide a:visited {
  font-weight:normal;
  color:#0C075B;
  text-decoration:none;
  }
  
  .main_text_wide a:hover {
  font-weight:normal;
  color:#0C075B;
  text-decoration:underline;
  }



 

  .image { float: right;}
  .left { text-align: left;}

  /* ######### Contact Page Graphic ######### */

  .contact_graphic {
  width:950px;
  height:380px;
  background: white;
  text-align: left;
  margin-left:auto;
  margin-right:auto;
  border-style:solid;
  border-color:white;
  border-width:0px 0px 0px 0px;
  padding: 20px 0px 0px 10px;
  background-image:url(/pictures/company/contact/contact_plug.jpg);
  color:#4f4f4f;
  font-size:15px;
  font-weight:normal;
  }

  .contact_graphic a:link {
  font-weight:normal;
  color:#4f4f4f;
  text-decoration:underline;
  }

  .contact_graphic a:visited {
  font-weight:normal;
  color:#4f4f4f;
  text-decoration:underline;
  } 

  .contact_graphic a:hover{
  font-weight:normal;
  color:#4f4f4f;
  text-decoration:none;
  }   

  .contact_graphic_small {
  font-weight:normal;
  font-size:12px;
  color:#4f4f4f;
  text-decoration:normal;
  }
  
  .contact_graphic_title {
  font-weight:normal;
  font-size:15px;
  color:#050505;
  text-decoration:normal;
  } 

  
  /* ######### Footer Bar Text ######### */
  .footer_text {
  background: white url("/pictures/stylesheet/FooterBar.jpg") no-repeat;
  width:960px;
  height: 125px;
  border-width:0px 10px 10px 10px;
  border-style:solid;
  border-color:#FFFFFF;
  margin:0px;
  spacing:0px;
  color:#ffffff;
  font-size:12px;
  text-align:left;
  padding: 5px 0px 0 0;
  margin-left:auto;
  margin-right:auto;
  }
  .footer_text a:link {font-weight:normal;color:#ffffff;text-decoration:none;}
  .footer_text a:visited {font-weight:normal;color:#ffffff;text-decoration:none;}
  .footer_text a:hover {font-weight:normal;color:#e0e0e0;text-decoration:underline;}

  .image_right { float: right; margin: 0 0 0 0px; padding:0;}
  .image_left { float: left; margin: 0 0 0px 0; padding:0; border-width:0px;}
  .image_left a:link{ float: left; margin: 0 0 0px 0; padding:0;}
  .image_left a:visited{ float: left; margin: 0 0 0px 0; padding:0;}
  .image_left a:hover{ float: left; margin: 0 0 0px 0; padding:0;}
  



  .picture {border-color:0C075B; margin: 0px; float: right; clear: right; margin-left:12px}
 
 .bgbox {
  background:#ffffff;
  padding: 0px 0px 0px 0px;
  width:980px;
  border:0;
  border-color:white;
  margin-left:auto;
  margin-right:auto;
  }




/* ######### Glossary ######### */
  .glossary {
  width:960px;
  border-width:1px 0 0 0;
  border-style:dotted;
  border-color:#b0b0b0;
  padding:10px 0 10px 0;
  margin:0;
  text-align:left;
  }
  

  .glossary img{
  border-style:none;
  }


  .glossary2 {width:960px; border-width:0; border-style:dotted; border-color:#b0b0b0;padding:10px 0 10px 0; margin:0;text-align:left;}
  .sep_block {width:960px; border-width:1px 0 0 0; border-style:dotted; border-color:#b0b0b0;padding:0px 0 0px 0; margin:0;text-align:left;}

/* ######### Download ######### */
  .download  {
  width:auto;
  border-width:1px 1px 1px 1px;
  border-style:solid;
  background-color:#e9e9e9;
  border-color:#c0c0c0;
  padding:4px 4px 4px 4px;
  text-align:left;
  }  
  
  
/* ######### Lightbox CSS ######### */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/scripts/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/scripts/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

    /* ######### CSS Button ######### */ 
  
   .SAIButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:Verdana;
	font-size:14px;
	font-weight:normal;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	}

    }.SAIButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	text-decoration:none;
    }
	
	.SAIButton:active {
	position:relative;
	top:1px;
    }


/* ######### ALL Lines Below are for Menu System ######### */


/* ######### Top Menu Bar Items ######### */
.menubaritem{
background: white;
voice-family: "\"}\"";
voice-family: inherit;
float:left;
}

.menubaritem ul{
font: 13px;
list-style:none;
padding:0px;

}

.menubaritem li{
display:inline;
padding:0px;
float:left;
}

.menubaritem a {
font: 13px;
color: white;
float:left;
height:15px;
width:130px;
display:block;
background: transparent url(/pictures/topmenubar/SAIBlueMenuBar.gif) no-repeat left top;
padding: 20px;
text-decoration:none;
letter-spacing: 0px;
border-bottom: 0px solid gray;
text-align: center;
}

.menubaritem a:hover{
background-color: #FF0000;
text-decoration:none;
background: transparent url(/pictures/topmenubar/SAIBlueMenuBarSelected.gif) no-repeat left top;
}

.menubaritem  .selected a, #menubaritem .selected a span{ /*currently selected tab*/
background-color: #0000FF;
text-decoration:none;
background: transparent url(/pictures/topmenubar/SAIBluemenuBarSelected.gif) no-repeat left top;
}

.menubaritem ul li a:visited{
color: white;
}

.menubaritem ul li a.cogmenubaritem {
margin:0px 0px 0px 0px;
float:left;
height:55px;
width: 55px;
display:block;
background: transparent url(/pictures/topmenubar/SAIBlueLeftCog.gif) no-repeat left top;
padding: 0px 0px 0px 0px;
text-decoration:none;
letter-spacing: 0px;
}

.menubaritem ul li a.cogmenubaritem:hover{
background-color: #FF0000;
text-decoration:underline;
background: transparent url(/pictures/topmenubar/SAIBlueLeftCogSelected.gif) no-repeat left top;
}

.menubaritem ul li a.rightend {
float:left;
height:55px;
width: 49px;
display:block;
background: transparent url(/pictures/topmenubar/SAIBlueRightEnd.gif) no-repeat right top;
padding: 0px 0px 0px 0px;
text-decoration:none;
letter-spacing: 0px;
}

.menubaritem ul li a.divider {
float:left;
height:55px;
width: 1px;
display:block;
background: transparent url(/pictures/topmenubar/SAIMenuBarDiv.gif) no-repeat right top;
padding: 0px 0px 0px 0px;
text-decoration:none;
letter-spacing: 0px;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top: 1px;
font:normal 13px;
line-height:20px;
background-color: transparent;
width: 200px;
visibility: hidden;
border-top: 10px solid #918d8d; /*THEME CHANGE HERE*/
border-width: 0px 0px;
text-align:left;
z-index:9;
}


.dropmenudiv_a a{
text-align:left;
width: 200px;
display: block;
text-indent: 5px;
padding: 4px 0 2px;
text-decoration: none;
color: white;
background: transparent url(/pictures/topmenubar/SAIBlueMenuBackground.png) no-repeat left top;
height: 26px;
z-index:9;
}

.dropmenudiv_div {
text-align:left;
width: 200px;
height: 1px;
display: block;
text-indent: 5px;
padding: 0px 0 0px;
text-decoration: none;
color: white;
background: transparent url(/pictures/topmenubar/SAIBlueMenuBackgroundDiv.png) no-repeat left top;
z-index:9;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: transparent;
text-decoration:none;
color: white;
background: transparent url(/pictures/topmenubar/SAIBlueMenuBackgroundSelected.png) no-repeat left top;
z-index:9;
}


.dropmenudiv_a a.bottom{
width: 200px;
height: 38px;
display: block;
text-indent: 5px;
border-top: 0 transparent #678b3f;
border-bottom: 0px transparent #678b3f; /*THEME CHANGE HERE*/
padding: 4px 0 2px 0px;
text-decoration: none;
color: white;
background: transparent url(/pictures/topmenubar/SAIBlueMenuBottom.png) no-repeat left top;
z-index:9;
}

.dropmenudiv_a a.bottom:hover{ /*THEME CHANGE HERE*/
text-decoration:none;
background: transparent url(/pictures/topmenubar/SAIBlueMenuBottomSelected.png) no-repeat left top;
z-index:9;
}