@charset "utf-8";

/* akhter-main.css - in Security section SandBox /services/Security/styles */
/* was in akhtertest07 */


/* set everything to 0 */
* { 
  margin:0;
  padding:0;
/*   border-style: none; */  
  /* get rid of annoying links outline in FireFox */
  outline: none;
  outline-style: none;
  outline-width: 0;
  outline-color: transparent;
}

a:active { 
  /* get rid of annoying links outline in FireFox */
  
  outline: none;
  outline-style: none;
  outline-width: 0;
  outline-color: transparent;
}

a, img { 
  border-style: none;
 }

body { 
  background-color: #C7BCDF;
}


a, a:visited {
  color: #0000ff;
}


#pageContainer {
  height: 1000px;
  width: 1004px;  /* accomodate right (vertical) scroll bar when viewing at 1280x1024 */
  margin-right: auto;
  margin-left: auto;
  margin-top: 0px;
  padding-top: 0px;
  position: relative;
  top: 0px;
  background-color: #ffffff;
}


#navBar {
  height: 100%;
  width: 200px;
  float: left;
  clear: left;
  background-image: url(/images/gradient-green-200x1-32bit.png);
  background-repeat: repeat-y;
  padding-top: 0px;
}


#flashMenu { 
  width: 200px;
  height: 1000px;
  top: 0px;
  position: absolute;
 }


/* header stuff */
#header {
  position: absolute;
  left: 200px;
  top: 0px;
  height: 150px;
  width: 804px;
  background-image: url(/images/gradient-purple-804x1-32bit.png);
  background-repeat: repeat-y;
  font-family: Verdana, "MS Reference Sans Serif", "Tahoma";
  border-top: 3px solid #22AE4B;
  border-right: 1px solid #22AE4B;

}

#akhterLogo {
  position: absolute;
  top: 13px;
  left: 670px;
  width: 120px;
  height: 120px;
  background-image: url(/images/akhter-logo-medium.png);
  background-repeat: no-repeat;
}

.headerH1 {
  position: absolute;
  color: #666666;
  font-size: 220%;
/*   font-size: 165%; */
  font-family: inherit;
  font-weight: bold;
  left: 24%;
  top: 28px;
  display: inline;
}

#header > p {
  position: absolute;
  color: #666666;
  left: 22%;
  top: 45px;
  font-family: inherit;
  font-size: 80%;
  width: 60%;
 }


/* scale Inman flash replacement - sIFR */
.sifr { 

 }




/* main page content rules */
#contentContainer {
  position: absolute;
  top: 150px;
  left: 200px;
  width: 801px;
  height: 807px;
  height: 750px;
  float: left;
  clear: left;
  border-width: 3px;
  border-style: solid;

  border-color: #3f017d;

  border-color: #572381;
  border-right: 1px solid #22AE4B;
  padding: 0px;
  background-color: #ffffff;
  margin-top: -5px;
  z-index: 0;
  font-family: Verdana, "MS Reference Sans Serif", "Tahoma", "Verdana";
}


#upperContent {
  background-color:#FFFFFF;
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0;
}

#lowerContent { 
  background-color:#FFFFFF;
  width: 100%;
  height: auto;
  margin: 0;
 }

#upperRightContent {
  padding-left: 5em;
}

#middleContent {
  margin-top: 1em;
  width: 98%;
  z-index: -1;
}

/* #lowerContent {
  clear: both;
  height: 395px;
  width: 100%;
  padding-left: -10px;
  position: absolute;
  top: 355px;
} */


/* more info button, used everywhere */
.moreinfo { 
  background-color: #999999;
  z-index: 2;
  border: 1px solid #ffff00;
  width: 68px;
  height: 13px;
  margin: -22px 25px 10px auto;
  padding-top: 1px;
  position: relative;
  font-size: 7pt;
  font-family: Verdana, "MS Reference Sans Serif", "Tahoma", "Verdana";
  vertical-align: middle;
  text-align: center;
 }

.moreinfo:hover { 
  background-color: #22AE4B;
  cursor: pointer;
 }

.moreinfo > a { 
  text-decoration: none;
  color: #ffffff;
  width: 68px;
  height: 13px;
 }

/* end of main page content rules */



/* emphasis classes */
.emph-01 { 
  /* make it red */
  color: #ff0000;
 }

.emph-02 { 
  /* make it italic */
  font-style: italic;
 }

.emph-03 { 
  /* make it bold */
  font-weight: bold;
}



/* footer stuff */
#footer {
  position: absolute;
  left: 200px;
  top: 958px;
  top: 901px;
  width: 804px;
  height: 42px;
  height: 99px;
  border-right: 1px solid #22AE4B;
  background-color: #21a947;
}
	

/* #footerLogo { */
/* 	position: relative; */
/* 	width: 74px; */
/* 	height: 74px; */
/* 	margin-left: auto; */
/* 	margin-right: auto; */
/* 	background-image: url(/Security/images/akhter-logo-small.png); */
/* 	background-repeat: no-repeat; */
/* 	background-position: center center; */
/* 	padding-top: 2em; */
/* 	display: inliine; */
/* } */

/* .footerH1 { */
/* 	color: #fff; */
/* 	margin-left: 65%; */
/* 	margin-top: -3.2em; */
/* } */


/* end of footer stuff */


#upperChamfer { 
/*   display: none; */
  position: absolute;
  top: -10px;
  left: -3px;
  height: 22px;
  width: 29px;
  background-image: url(/images/upper-chamfer.png);
  background-repeat: no-repeat;
  z-index: 5;
 }

#lowerChamfer { 
/*   display: none; */
  position: absolute;
  top: 738px;
  left: -3px;
  height: 22px;
  width: 29px;
  background-image: url(/images/lower-chamfer.png);
  background-repeat: no-repeat;
  z-index: 5;
 }


#upperContent img { 
  margin: 5px auto 0 auto;
 }

#upperContent h1 { 
  color: #cd001e;
  font-size: 220%;
  font-family: Georgia, serif;
  font-family: "Verdana", "MS Reference Sans Serif", "Tahoma";
 
 }


#lowerLeft { 
  position: relative;
  float: left;
  height: 100%;
  width: 25%;
  padding: 5px;
  margin-top: 1em;
/*   border-right: 1px solid #000; */
 }


#lowerLeft > p { 
  width: 100%;
  font-size: 80%;
  text-align: left;
  margin: 0 0 0.75em 0.25em;
 }


#lowerRight ul { 
  font-size: 80%;
  text-align: left;
  margin: 0.5em 0.5em 0 1em;

 }



#lowerRight { 
  background: transparent url(/services/Security/images/disk-encryption-01-8bit.png) no-repeat 70% 98%;
  position: relative;
  padding: 5px;
  float: right;
  height: 100%;
  width: 72%;
 }


#lowerRight > p { 
  width: 95%;
  font-size: 80%;
  text-align: left;
  margin: 1em 0.5em 0.5em 0.5em;
  padding-right: 5px;
 }


#lowerRight > a { 
  display: inline;
  position: absolute;
  left: 380px;
  bottom: -12px;
 }


#vgutter { 
  clear: both;
  height: 0%;
  width: 100%;
 }

.tm { 
  vertical-align: super;
  font-size: 55%;
  font-weight: bold;
/*   color: #000000; */
  font-variant: small-caps;
 }

h1 .tm { 
  font-size: 45%;
 }

.emp { 
  font-weight: bold
 }

.bigRed { 
  font-weight: bold;
  color: #cd001e;
 }


#dlr_pg #upperContent h1 {
  margin: 1em auto;
  font-size: 200%;
 }

#dlr_pg #upperContent p {
  margin: 1em;
  text-align: left;
 }


input { 
  margin-top: 0.5em;
 }


fieldset { 
  margin: 5px;
  padding: 5px;
 }



.notes { 
  font-size: 60%;
  margin-bottom: 1em;
  color: #cd001e;
 }



#lowerRight > ul > li { 
  margin-left: 0.7em;
 }