/* CSS Document */

body { 
 background-color: #FFFFFF;
 font: 11px Verdana, Arial, Helvetica, sans-serif;
 color:#3670A7;
}

.button {
   font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
   background-color: #D7E5F2;
   color: #102132;
   margin-left: 12px;
   margin-top: 3px;
   margin-bottom: 2px;
   }

/*  MAIN DIVS  */
 #aplusweb {}

 #container
 {
   width: 97%;
   margin: 10px auto;
   background-color: #fff;
   color: #333;
   /*border: 4px solid #84B7FF;*/
   line-height: 130%;
  }
 
/* #pageheader {
   padding: .6px;
   background-color: #ddd;
   border-bottom: 1px solid gray;
  }

#pageheader h1
  {
   padding: 0;
   margin: 0;
  }*/

 .topmenu {
	background-repeat:repeat-x;
	padding-bottom:6px;
	width:98%;
	text-align:right;
	color: #FF9900;
	font-weight: bold;
 }
 
 .col_left{
   float: left;
   width: 170px;
   margin: 0;
   padding: 1em;
   color:#3670A7;
   line-height:100%;
  }
 
 .col_mid {
   margin-left: 200px;
   /*border-left: 1px solid navy;*/
   margin-right: 200px;
   /*border-right: 1px solid navy;*/
   padding: 1em;
   max-width: 56em;
   color:#3670A7;
  }

 .col_right{
   float: right;
   width: 180px;
   margin: 0;
   padding: 1em;
   color:#3670A7;
  }
		
   .col_left div, .col_right div {margin-bottom:2em;}
   .col_left h1 {font-size:1.1em ; font-weight:bold; margin: 0 0 .5em -.5em; }
   .col_mid h1 {font-size:1.5em ; font-weight:bold; margin: 0 0 .5em 0; } /*font-variant:small-caps;*/
   .col_right h1 {font-size:1em ; font-weight:bold; margin-left:-12px;}

   .col_left p, .col_right p, .col_mid p { margin: 0 0 1em 0; }
   .col_mid h2 { margin: 0 0 .5em 0; }

 .pagefooter{
   clear: both;
   margin: 0;
   padding: .5em;
   color: #white;
   background-color:#003366;
   /*background-color: #84B7FF;*/
   /*border-top: 1px solid gray;*/
  }
  .pagefooter h3{font-size: 90%;margin:0;padding: 0 6px 3px 8px;background:#003366; color:silver; text-align: right; font-weight:normal;}

/* General Controls */
 table td {vertical-align:top; color:black; padding-right:2px}
  td.caption {color:#666666; }
  td.data {  color:#0066FF; text-indent:4px; }
  td.btop {border-top: 1px solid navy;}
  td.btoplt {border-top-style:dotted;}

/* MODULE DIVS */
 .module {margin-left:8px;}

 /* Removes the black box around image links and gives a red highlight on mouseover */
 .imgborder {border: 0px solid white; }
 .imgborder:hover {border:1px solid red;}
 
 .statusbar {text-align:center; margin-bottom: 2px; } /*float:left;*/
  #Red    {background-color:red; font-weight:bolder; color:black; padding: 6px; background-image: url(images/alertbad_icon.gif); background-repeat:no-repeat;}
  #Green  {text-align: left; color:green; font-size: 85%; visibility:hidden; height:0}
  #Yellow {background-color:yellow; color:blue; padding: 2px;} 

  .tooltip {text-decoration:none; font:color:#AAAAAA; border:1px solid #FFB3C6}

 /*Rounded Boxes */
 div.minimod{margin-bottom: 20px; background: #EEEEEE; }
  .minimod h3 {font-size: 90%;margin:0;padding: 0 0 3px 8px;background: #217CAF; color: #FFF;text-align: left;}
  .minimod td, .minimod p, .minimod ul{font-size: .85em; background: #EEEEEE; margin:0; padding: 4px 4px 0 12px}

 /* Header */
 .aphdrbox { text-align:right; padding-right: 6px;}
 div#apheader {margin:0 0 10px; padding: 0 0 5px; background: red; color: red;}
 div#apheader h1 { height:55px; background-image: url(./image/gradient.gif); background-repeat: repeat-x; margin:0 5px 0px; padding: 10px 10px ; color: #FF9900; text-align: right }
 /* background: #217CAF; */

 /* Project Contacts */
 /* #contacts {font-size:90%} */

 #partsX {border: 1px solid #DDD;}

 #drawingsX {border: 1px solid #DDD;}

 /* Discussion Module */
  #discussion { font-family:Verdana, Arial, Helvetica, sans-serif;
                font-size:100%;}
  #discussion 
    td.post_date {font-size:70%;
	              color:#CFCFCF}
	td.poster    {font-size:70%;
	              color:#CFCFCF;
				  font-variant:small-caps;
				  text-align:right;}
	td.post_title     {font-size:90%;
	              color:#000099;
				  font-variant:small-caps;
				  font-weight:bold;
				  background-color:#CCCCCC;}
    td.post_text {font-size:75%;
	              background-color:#CCFFFF;
				  padding-left: 5px;
				  }
				  
	#indent {padding-left:30px;
	         font-size:70%;}


/* NAVIGATION */
 span#nav
 { margin: 0;
   padding: .5em 0;
   border-top: 1px solid #666;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   /*list-style-type: none;  // for using with ULs */
 }
 
 span#nav a
 { display: block ;
   width: 5em;
   color: #FFF ;
   background-color: #3670A7; /* #036;*/
   padding: .2em 0;
   text-align: center;
   text-decoration: none;
 }

 span#nav a:hover 
 { color: #fff;
   background-color: #69C;
   outline: none;
 }
 
 span#nav .left {float: left; }
 span#nav .right {float: right; }

 .sdmenu {
    font-family: Sans-Serif;
    font-size: 12px;
    background: #EEE;
    color: #FFF;
  }

 .sdmenu .submenu a {
    padding: 5px 0;
    text-indent: 10px;
    background: #EEE;
    display: block;
    border-bottom: 1px solid #DDD;
    color: #066;
    text-decoration: none;
  }

 .sdmenu .submenu a:hover {
    background : #066 ;
    color: #FFF;
  } 


/* LOGIN FORM STYLES */
 div#login {background-color:#fff; 
			 width:300px; 
			 padding: 10px;
			 position: absolute; 
			 top: 100px; 
			 left: 100px; 
			 border: 4px solid #EAEAEA; 
			 display:block;}
/* #login 
 { border:outset blue 5px;
   width:400px;
   height:180px;
   position:absolute;
   left: 50px;
   top: 100px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:90%;
  } */

 #login input {border:1px solid #ccc; background-color: #FFFFE5; }

 #login h1 {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #3670A7; 
 }

 #login td.labelcell {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: #3670A7;
  background-color:transparent;
  padding: 6px;
   }
 
  #login td.smalllabelcell {
   font: 10px Verdana, Arial, Helvetica, sans-serif;
   color: #3670A7;
   background-color:transparent;
   padding: 0px;
  }
 
  #login .button {
   font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
   background-color: #D7E5F2;
   color: #102132;
   margin-left: 12px;
   margin-top: 3px;
   margin-bottom: 2px;
   }

 /* Discussion Form Styles */
 td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
   }
   
 .tdSide {
	border-left: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
	background-color:#DEE3E7;
  }
  
 .tdMain {
	border-left: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
	text-align: left;
	vertical-align: top;
  }
  
 .tdHeader {
	color: #FF9900; 
	font-size: 11px; 
	font-weight : bold;
	background-color: #0000FF; height: 25px;
	background-image: url(../images/cellpic3.gif);	
	text-align: center;
	vertical-align: middle;
  }
  
 .tdNav {
	background-image: url(../images/cellpic1.gif);
	background-color:#D1D7DC; 
	border: #FFFFFF; 
	border-style: solid; 
	height: 20px;
	text-align:right;
  }
  
 .tdForumFooter_right { 
    color: #408080;
	font-size: 0.8em; 
	text-align: right;
	vertical-align: middle;
  }
  
 .tdForumFooter_left { 
    color: #408080;
	font-size: 0.8em; 
	text-align: left;
	vertical-align: middle;
  }
  
   /* Test Stuff */
 .thumbnail{
  position: relative;
  z-index: 0;
 }

.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
 }

.thumbnail span{ /*CSS for enlarged image*/
  position: fixed; /* absolute; */
  background-color: lightyellow;
  padding: 5px;
  left: -1000px;
  border: 1px dashed gray;
  visibility: hidden;
  color: black;
  text-decoration: none;
 }

.thumbnail span img{ /*CSS for enlarged image*/
  border-width: 0;
  padding: 2px;
 }

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
  visibility: visible;
  top: 0;
  left: 60px; /*position where enlarged image should offset horizontally */
 }