/* 
    Document   : ecolitools
    Created on : Dec 8, 2009, 2:15:33 PM
    Author     : Sadhna Phanse
    Description: styel sheet for the EColiTools website pages
*/

body{margin: 0;
     padding: 0;
     background: #F4F4F4 url(../images/img01.jpg) repeat-x left top;
     font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
     color: #000000;

}
h1, h2, h3 {margin-top: 0;
            color: #6E6C00;
}
h1{font-size:2em;
}
h2{font-size: 1.2em;
}
h3{font-size: 1em;
  text-align:right;
  border-bottom: 1px dashed #CCCCCC;
}

ul{list-style-type: none;
}

a, hr{text-decoration: none;
  border-bottom: 1px dashed #CCCCCC;
  color: #6E6C00;
 }
a:hover{border-bottom:none;}

img{border:none;}

img.left{float: left;
         margin:0 20px 0 0;
}
img.right{float: right;
         margin: 0 0 0 20px;
}

/*Header*/
#logo{width:1000px;
      height:108px;
      margin:0 80px;
      padding:0 10px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
}
#logo img{height:50px;
          width: 50px;
          border: 0px;
    }

#logo h1, #logo p{float:left;
                  width: 750px;
                  margin: 0;
                  color: #FFFFFF;
}

#logo h1{padding: 20px 0 0 3px;
         text-transform: capitalize;
         font-weight: normal;
         font-size: 3em;
}

#logo .headnew{padding: 52px 0 0 3px;
         text-transform:capitalize;
         font-weight: normal;
         font-size: 16px;
}
#logo a{border: none;
        text-decoration: none;
        color: #FFFFFF;
}


/*Menu*/
#menu{width: 1000px;
      height: 41px;
      margin: 0 220px;
      padding-top: 5px;
}
#menu ul{margin: 0;
         float: left;
         padding: 0;
         list-style-image: url(../images/img02.gif);
         position:absolute;
         z-index:999;
}
#menu li{display:inline;
}
#menu a{display: block;
        float: left;
        margin: 0 3px 0 0;
        background: url(../images/img02.gif) no-repeat left;
        padding: 10px 15px 10px 15px;
        border: none;
        text-decoration: none;
        text-transform: uppercase;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #262626;
}
#menu a.hover{margin: 0 3px 0 0;
              padding: 10px 15px 10px 15px;
              color: #000000;
              
}
#menu .currentpageitem  a{
                           margin: 0 3px 0 0 ;
                           padding: 10px 15px 10px 15px;
                           color: #595900;
                           font-weight: bolder;
                           font-size: 14px;
}
#menu .child  a{
   font-size: 11px;
}

/* class group in the menu*/
#menu .otherpageitem a{}

/* wrapper */
.wrapper{
    float:none;
    display:block;
}

/*sidebar*/
.sidebar{float: left;
         width: 200px;
         padding: 0 0 0 18px;
}
.sidebar ul{margin: 0;
            padding: 0;
            list-style: none;
}
.sidebar li{padding: 0 0 20px 0;
               text-transform: uppercase;
               text-align:justify;
               letter-spacing: 1px;
}
.sidebar li ul{}
.sidebar li li{padding: 5px;
               text-align:justify;
               text-align: right;
               text-transform: uppercase;
               font-family: Verdana,Arial,Helvetica,sans-serif;
               font-size: 11px;
               letter-spacing: 1px;
}
.sidebar li h2{margin: 0 0 10px 0;
               padding: 5px;
               border-bottom: 1px dashed #8D8D8D;
               font-size: 14px;
               font-weight: bolder;
               color: #6E6C00;
               text-align:justify;
               text-align: right;
}


/*Search*/
#searchform {
	display: block;
}
/*textearea*/
.searchtext {
	margin: 0;
	padding: 2px 2px;
	width: 150px;
	height: 120px;
	border: 1px solid #A49D3C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
	color: gray;
}
/*submit button*/
.submitbutton {
	margin: 0;
	padding: 2px 2px;
	height: 20px;
  border-bottom: none;
	background: #A49D3C;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.formlabel{
  color:#615f00;
  line-height:20pt;
}
/*content*/
#content{width: 1000px;
        margin: 0 225px;
        padding: 5px 5px;

}

#content li{display:block;
            text-align:left;
}

#content h2{margin: 0 0 10px 0;
               padding: 5px;
               border-bottom: 1px;
               font-size: 16px;
               font-weight: bolder;
               color: #615f00;
               text-align:justify;
               text-align: left;
}
#content .large{
  font-size: 1.5em;
}
#content label{
  color:#615f00;
  line-height:20pt;
}
#content .textlabel label{}
#content .sequence input[type=text]{}
#content input {
    margin-top: 2px;
}
#content select{margin-top:2px;}
#content input[type=text]{
    width:220px;

}
#primercontent{
    float:left;
    display:block;
    width: 950px;
        margin: 0 0 10px 10px;
        padding: 10px 5px;
}
#primercontent input[type=text]{
    width:100px;

}
/* classes to manipulate form elements*/
.horizontal {
  float: left;
  list-style: none;
  margin: 0 0 0 -10px;
  width: 225px;
}

.placeholder{color:silver; font-size:0.8em;}
.hidediv {display: none;}
.showdiv {display: block; }

tr.ptable:hover {
  background-color: #E4DAB1;
}
#primertable h2{
  margin: 0 0 10px 0;
 padding: 5px;
 border-bottom: 1px;
 font-size: 16px;
 font-weight: bolder;
 color: #615f00;
 text-align:justify;
 text-align: left;
}

.dragme{
  display: none;
  position :absolute;
  border: 1px solid #A49D3C;
  background-color: #FFFFFF;
  padding: 0px;
  width: 600px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dragme3{
  display: none;
  position :absolute;
  border: 1px solid #A49D3C;
  background-color: #FFFFFF;
  padding: 0px;
  width: 600px;
  overflow:auto;
}

.dragme1{
  display: none;
  position :absolute;
  border: 1px solid #615f00;
  color:#615f00;
  background-color: #F4F4F4;
  font-family:Arial;
  font-size:11px;
  font-weight:normal;
  text-align:left;
  padding: 2px;
  width:600px;
}
.dragme2{
  width:500px;
  color:#005548;
}
.headertext{
  font-size:12px;
    font-family:Arial;
    color:#990000;
}
#maincontentdiv input[type=text]{
    width:100px;

}
.imgalign{
  vertical-align:bottom;

}
#svgzoom{
  display:block;
  border:1px red solid;
  position:absolute;
left:200px;
top:425px;
height:215px;
width:230px;
background-color: #F4F4F4;
}

.horizontalp {
  float: left;
  list-style: none;
  margin: 0 0 0 -10px;
  width: 580px;
}

.messagebox{
	position:absolute;
	width:100px;
	margin-left:30px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
.messageboxok{
	position:absolute;
	width:auto;
	margin-left:30px;
	border:1px solid #349534;
	background:#DCDCBA;
	padding:3px;
	font-weight:bold;
	color:#666633;

}
.messageboxerror{
	position:absolute;
	width:auto;
	margin-left:30px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}
#overlay {
    height: 100%;
    width:100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url('../images/overlay.png') repeat 0 0;
    display: none;
    text-align: center;
}
#overlay-panel {
    margin: 10% auto 0 auto;
    width: 420px;
    background: #FFF;
}

/** ie6 and below only **/
* html #overlay {
    background-image: url('../images/overlay-ie6.png');
    height: 100%;
    width:100%;
    position: absolute;
}
.accordtext{
  font-size:11px;
}
.accordtext1{
  font-size:11px;
  line-height:15px;
}
fieldset{
  border: 0px;
}
.error{
  font-size:11px;
  line-height:15px;
  color:#990000;
}