@charset "UTF-8";

@import url("/_css/reset.css");

img, div { behavior: url(/_css/resources/iepngfix.htc) }

/*
------------------------------------------------------------------
----------------------- TYPOGRPAHY -------------------------------
------------------------------------------------------------------

This is where you set your desired font size. The line-heights
and vertical margins are automatically calculated from this.
The percentage is of 16px (0.75 * 16px = 12px).

*/


body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  color: #b4b4b4;
  background-color: #191919;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

a {	text-decoration: none;
  color: #FFCC33 }

a:focus { outline:none;	}

a:hover	{ text-decoration: underline;
     color: #FFCC33; }

.highlight		{
  color: #FF0000;	}

h1,h2,h3,h4,h5,h6 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 0px;
  margin: 0px;	}


h1 { font-size: 24px; }
h2 { font-size: 24px; padding-top: 20px; }
h3 { font-size: 14px; padding: 0px 0px 0px 0px; color: #ff920e;  }
h4 { font-size: 14px; padding: 0px 0px 10px 0px;}
h5 { font-size: 12px; text-transform: uppercase; padding: 10px 0px 0px 0px; color: #FFFFFF; }
h6 { font-size: 10px; font-weight: bold; text-transform: uppercase; }


/* Text elements
-------------------------------------------------------------- */
p	{ 	margin: 10px 0px 10px 0px;
    font-size: .80em;
    line-height: 1.5em;	}

ul, ol	{ margin:0 1.5em 1.5em 1.5em; font-size: 11px; color: #999999; }
  ul	{ list-style-type: square; }
  ol	{ list-style-type: decimal; }


blockquote  {
  margin: 1.5em;
}


/*
------------------------------------------------------------------
----------------------- PAGE CONTENT -----------------------------
------------------------------------------------------------------
*/

/* STRUCTURE & MAIN */

#wrapper {
  padding: 15px 25px 15px 25px;
  width: 575px; }

#employeeList td {
  font-size: 12px;
  padding: 2px 10px 2px 0px;
  border-bottom: 1px solid #666666; }

#employeeList td.names {
  color: #FFFFFF;
  padding: 0px 0px 0px 0px; }

#employeeList td.numbers {
  padding: 2px 5px 2px 10px;
  background-color: #202020;
  font-size: 12px;
  color: #FFFFFF; }

#design-build p {
  margin-top: 0;
  padding-top: 0;
  font-size: 12px;
}

#design-build dt {
  font-size: 14px;
  color: #ffffff;
}

#design-build dd {
  font-size: 12px;
  padding-left: 20px;
  padding-bottom: 10px;
}

/*
-----------------------------------------------------------------
------------------------ BUTTONS --------------------------------
----------------------------------------------------------------- */

/* my buttons */
ul.myButton {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.myButton li {
  text-align: left;
  white-space: nowrap;
  float: right;
  margin: .25em 0 .5em 2em;
}

.createButton {
  width: 100px;
  }
.deleteButton {
  width: 100px;
  }
.submitButton {
  width: 115px;
  }

/*
http://www.w3schools.com/css/pr_pseudo_first-child.asp
http://www.dynamicsitesolutions.com/css/filters/first-child-plus-html/
*/

*:first-child+html .createButton {
  width: 110px;
  }
*:first-child+html .deleteButton {
  width: 110px;
  }
*:first-child+html .submitButton {
  width: 125px;
  }
*:first-child+html .testButton {
  width: 185px;
  }

ul.myButton li img {
  vertical-align: middle;
  margin: -2px 0 0 0;
}

ul.myButton li a {
  display: block;
  font-size: 90%;
  font-weight: bold;
  color:#FFF;
  text-decoration: none;
  background-color: #000;
  border: solid 1px #333;
  padding: .6em .5em .4em .5em;
}

ul.myButton li#active a {
  color:#FFF;
  background-color: #000;
}

ul.myButton li a:hover, ul.myButton li#active a:hover {
  color: #FFF;
  background-color: #cccccc;
}


ul.myButton li.MoveLeft {
  text-align: left;
  white-space: nowrap;
  float: none;
  margin: .25em 0 .5em 0;
}

ul.myButton li.MoveUp {
  white-space: nowrap;
  margin: -24px 0 0 0;
}


/*
------------------------------------------------------------------
------------------------  FORMS ----------------------------------
------------------------------------------------------------------
*/

#myForm {
  margin: 0;
  padding: 0;
  font-size: 11px;
  }

#myForm thead td{
  padding: .5em;
  color: #666666;
  font-size: 80%;
  text-transform: uppercase;
  }

#myForm tbody td{
  padding: .25em;
  }

#myForm tbody td.description-td {
  vertical-align: top;
  }

#myForm h2 {
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 2.5em;
  margin: .75em 0 .25em 0;
  padding: 0 0 12px 0;
  border-bottom: solid 1px #222;
}

#myForm tbody h3 {
  font-size: 18px; line-height: 1; margin: 1.0em 0 0.5em 0; color: #305a84; font-weight: bold;
 }

#myForm .submit {
  background: #fff;
  padding: 1.5em 0;
  }

#myForm label {
  color: #666;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  display: block;
  margin: 3px 0 2px 0;
  }

label img {
  vertical-align: text-bottom;
  margin-right: 6px;
  margin-left: 6px;
  }

#myForm .line {
  background-color:#cccccc;
  height: 2px;
  padding: 0;
  font-size: 2px;
  line-height: 2px;
}

#myForm input.text {
  background-color: #ccc;
  font-size: 95%;
  padding: .125em;
  margin: .125em 0 .050em 0;
  border: 1px solid #999999;
  }

#myForm input.text:focus {
  border:1px solid #999999;
  background:#bed1e4;
  }


#myForm select.editSelect {
  background-color: #ccc;
  font-size: 95%;
  padding: .125em;
  margin: .125em 0;
  border:1px solid #999999;
  }

#myForm select.editSelect:focus {
  border:1px solid #999999;
  background:#bed1e4;
  }
/* Textareas */
#myForm textarea            { margin:0.125em 0; }
#myForm textarea            { border:1px solid #999; background:#ccc; padding: .125em; }
#myForm textarea:focus      { border:1px solid #999; background:#bed1e4; }


.hiddenDiv {
  display: none;
  }
.visibleDiv {
  display: block;
  }


/*
------------------------------------------------------------------
----------------------- MORE USEFUL STUFF ------------------------
------------------------------------------------------------------
*/

.hide { display: none; }

.prop-theme {
    height: 566px;
    float: right;
    width: 1px;
  }

.clear-both {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  }
.center {
  text-align: center;
  }
.nowrap {
  white-space: nowrap;
  }
.warning {
  color: #FF6600;
  }

.asterix	{
  color: red;
  font-size: 10px;
  position: absolute;
  margin: 0px 0px 0px 3px; }

/* some default widths */
.width25 {
  width: 25px;	}

.width50 {
  width: 50px;	}

.width75 {
  width: 75px;	}

.width100 {
  width: 100px;	}

.width125 {
  width: 125px; 	}

.width150 {
  width: 150px;	}

.width175 {
  width: 175px;	}

.width200 {
  width: 200px;	}

.width230 {
  width: 230px;	}

.width235 {
  width: 235px;	}

.width250 {
  width: 250px;	}

.width300 {
  width: 300px;	}

.width350 {
  width: 350px;	}

.wdith400 {
  width: 400px;	}

.up10	{
  margin: -10px 0px 0px 0px;	}

.up20	{
  margin: -20px 0px 0px 0px;	}

.up30	{
  margin: -20px 0px 0px 0px;	}