/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  September 16, 2010, 10:04 am with psd2css Online version 1.85
 *
 */


.front {
color: black;
}

body {
	margin: 0;
	padding: 0;
  font-family: Verdana;
  text-align: left;
  font-size: 12px;
  color: #c2c2c2;
  background-color: #171717;
//  background-image:url("../images/bck.png");
  background-repeat: repeat; 
}

.imageFull {
    position: absolute;
    left: 105px;
    top: 54px;
    max-height: 700px;
    min-height: 100px;
    min-width: 100px;
    max-width: 700px;
    z-index: 25;
    background-color: #171717;
    padding: 10px;
    border: solid 2px white;
   
}
.wrapper {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 110px;
z-index: 13;
margin: auto;

}

.experiment {
    padding: 15px;
    overflow: auto;
    margin: 30px;
    border: dashed 2px grey;
    z-index: 12;
    height: auto;
    font-size:14px;
background-color: #222222;
line-height: 150%;
}

#popUp {
	position: absolute;
	left: 200px;
	top: 200px;
	z-index: 22;
	background-color: #171717;
	padding: 10px;
	border: solid 2px grey;
}

h1 {
font-size: 23px;
font-weight: normal;
}

input[type="text"] {
    background: transparent;
    border-width: 0;
    color: #FFFFFF;
}

/* You named this layer Backgound_bkgnd_center_jpg */
#Layer-1 {
  position: absolute;
  margin-left: -462.5px;
  left: 50%;
  top: +0px;
  width: 925px;
  height: 627px;
  z-index: 1;
}


/* You named this layer Parameters_jpg */
#Layer-2 {
  position: absolute;
  left: 14px;
  top: 123px;
  width: 289px;
  height: 282px;
  z-index: 2;
}

.Parameters {
    line-height: 20px;
    border: dashed grey 1px;
    padding: 0px 20px 20px 10px;
    margin: 10px;
}

h3 {
    font-size: 12px;
    line-height: 30px;

    padding: 0;
    margin: 15px 0 0 -10px;
}


    

/* You named this layer TopBar_jpg */
#Layer-3 {
  position: absolute;
  left: 14px;
  top: 11px;
  width: 894px;
  height: 96px;
  z-index: 3;
}

/* You named this layer InputLayer_jpg */
#Layer-4 {
image-rendering: -moz-crisp-edges;

  position: absolute;
  left: 325px;
  top: 124px;
  width: 281px;
  height: 281px;
  z-index: 4;
  border: 2px solid #DEE01F;
}

#Listlayer {
image-rendering: -moz-crisp-edges;

  position: absolute;
  left: 325px;
  top: 124px;
  width: 575px;
  height: 450px;
  z-index: 4;
  border: 2px solid #DEE01F;
}

/* You named this layer outputLayer_jpg */
#Layer-5 {
image-rendering: -moz-crisp-edges;

  position: absolute;
  left: 627px;
  top: 124px;
  width: 281px;
  height: 281px;
  z-index: -1;
  margin:0 auto;
  overflow: hidden;
  border: 2px solid #57AEFF;
}

#nextBox {
	margin: 1em;
	padding: 1em;
	border: dashed grey 1px;
	}

/* You named this layer IIIT */
#Layer-6 {
  position: absolute;
  left: 30px;
  top: 5px;
  width: 100px;
  height: 80px;
  z-index: 6;
}

#topMenu {
  position: absolute;
  left: 150px;
  top: 0;
  width: 744px;
  height: 59px;
  z-index: 99;
}

#imgInfo {
	position: absolute;
	left: 330px;
	top: 410px;
	z-index: 12;
	}

#ruler1{position: absolute; top: 1px;left: 298px;width: 281px; border-left:1px solid white; border-right: 1px solid white; height: 25px;}
#ruler1 ee{float:left;width:0in;border-left:1px solid white;height:10px;padding:0;margin:0;margin-bottom:14px;} 
#ruler1 e2{float:left;width:0in;border-left:1px solid white;height:13px;padding:0;margin:0;margin-bottom:14px; text-align: center;} 
#ruler1 mm{float:left;width:17.5px;height:20px;padding:0;margin:0;vertical-align:top;} 
#ruler1 tt{position: absolute; top: 15px; color: white;}

#ruler2{position: absolute; top: 125px;right: -20px;width: 30px; border-top:1px solid white; border-bottom: 1px solid white; height: 281px; z-index: 24;}
#ruler2 ee{float:left;width:10px;border-top:1px solid white;height:0px;padding:0;margin:0;margin-right:14px;} 
#ruler2 e2{float:left;width:10px;border-top:1px solid white;height:0px;padding:0;margin:0;margin-right:14px} 
#ruler2 mm{float:left;height:17.5px;width:20px;padding:0;margin:0;vertical-align:top;} 
#ruler2 tt{position: absolute; left: 15px; color: white;}




#zoom {
	position: absolute;
	left: 800px;
	right: 20px;
	top: 425px;
	z-index: 11;
	}

/* You named this layer Thumbnails_jpg */
#Layer-7 {
  position: absolute;
  left: 325px;
  top: 480px;
  width: 584px;
  height: 184px;
  z-index: 7;
}

/* You named this layer Mosaic_jpg */
#Mosaic {
image-rendering: -moz-crisp-edges;

  position: absolute;
  left: 185px;
  top: 54px;
  width: 513px;
  height: 513px;
  z-index: 20;
}

/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a {
  cursor: pointer;
  outline: none;
}
a:link { color: #888888; }
a:visited { color: #888888; }
a:hover {
  color: #F00;
  /* text-decoration: underline; */
  /* font-weight: bold; */
}

.transdiv {
      filter:alpha(opacity=40);
      -moz-opacity:0.40;
      -khtml-opacity: 0.40;
      opacity: 0.40;
   }

.highlight {
      color: red;
   }

#para_pop {
width: 200px;
    line-height: 20px;
    border: solid red 1px;
    padding: 0px 20px 20px 10px;
    margin: 10px;
z-index: 50;
display: none;
position: absolute;
left: 300px;

  background-color: #171717;
}

.home {
position: absolute;
right: 10px;
top: 39px;
font-weight: normal;
}