/*
      Created by Keith Donegan of Code-Sucks.com
      
      E-Mail: Keithdonegan@gmail.com
      
      You can do whatever you want with these layouts,
      but it would be greatly appreciated if you gave a link
      back to http://www.code-sucks.com
      
*/

/* * { padding: 0; margin: 0; } */

body {
  color: #171717;
  background-color: #d0d0d0;
  font-family: "Tahoma", "Gill Sans MT", "Gill Sans", GillSans, Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: black 1px solid;
  width: 900px;
  padding: 0px;
  /* this centers for Firefox and Safari */
  margin-left: auto;
  margin-right: auto;
}

#wrapper { 
 margin: 0 auto;
 width: 900px;
  border: black 0px solid;
 background: #ffffff;
}

#main {
/*
 background: url(faux-1-2-col.gif);
*/
 background: #FFFFFF;
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}

#header {
 color: #333;

 width: 902px;
 height: 102px;
/*
 padding: 10px;
 margin: 10px 0px 5px 0px;
 background: #ABBEBE;
*/
}

#header img {
    border: none;

}

#leftcolumn { 
 display: inline;
 color: #333;
 
/*
 margin: 10px;
 padding: 0px;

*/
 width: 200px;
 float: left;
}

#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 10px;
 width: 690px;
 display: inline;
 position: relative;
}

#footer { 
 width: 884px;
 clear: both;
 color: #eee;
/* 
 background: #ABBEBE;
*/ 
 /* background: #500000; */
 background: #332C2C;
 margin: 0px 0px 0px 0px;
 padding : 8px;
 /* padding: 10px; */
}
.clear { clear: both; background: none; }

#menu {
/*
    background: #333;
*/    
    background: #707373;    
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 900px;
    height: 32px;
    position: relative;
}

#menu li {
    float: left;
    margin: 0px;
/*
    padding: 8px 12px;
*/

}

#menu a {
/*
    background: #333;
*/    
    background: #707373;    
    color: #ffffff;
    display: block;
    float: left;
    margin: 0;
    font-size: 13px;

    padding: 8px 12px;

    text-decoration: none;
}
#menu a:hover {
/*
    background: #2580a2; 
*/    
    background: #332C2C;
    color: #fff;
/*
    padding: 8px 12px;
    padding-bottom: 8px;
*/
}

a:active,a:focus {
    outline: 0;
}

#menu a.selected {
/*
    background: #2580a2; 
*/    
    background: #332C2C;
    color: #fff;
/*
    padding: 8px 10px;


    padding-bottom: 8px;
*/
}


tr { background-color: #FFFFFF}

.initial { background-color: #DDDDDD; color:#000000 }
.normal { background-color: #FFFFFF }
.highlight { background-color: #CCFFCC }

#rounded-corner
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 14px;
    margin: 25px 45px 25px 45px;
    width: 90%;
    text-align: left;
    border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
    background: #332c2c url('images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
    background: #332c2c url('images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
    padding: 8px;
    font-weight: normal;
    font-size: 15px;
    color: #FFF;
    background: #332c2c;
}
#rounded-corner td
{
    padding: 8px;
    background: #dedede;
    border-top: 1px solid #fff;
    color: #111;
}

#rounded-corner td.form
{
    padding: 8px;
    background: #dedede;
    border-top: 0px solid #fff;
    color: #111;
}

#rounded-corner tfoot td.rounded-foot-left
{
    background: #dedede url('images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
    background: #dedede url('images/botright.png') right bottom no-repeat;
}

#rounded-corner tbody tr:hover td
{
/*
    background: #d0dafd;
*/
}
#rounded-corner tbody.form tr:hover td
{
    background: #dedede;
}

.rounded-corner
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 14px;
    margin: 25px 45px 25px 45px;
    width: 90%;
    text-align: left;
    border-collapse: collapse;
}

.rounded-corner thead th.rounded-company
{
    background: #332c2c url('images/left.png') left -1px no-repeat;
}
.rounded-corner thead th.rounded-q4
{
    background: #332c2c url('images/right.png') right -1px no-repeat;
}
.rounded-corner th
{
    padding: 8px;
    font-weight: normal;
    font-size: 15px;
    color: #FFF;
    background: #332C2C;
}
.rounded-corner td
{
    padding: 8px;
    background: #dedede;
    border-top: 1px solid #fff;
    color: #111;
}

.rounded-corner td.form
{
    padding: 8px;
    background: #dedede;
    border-top: 0px solid #fff;
    color: #111;
}

.rounded-corner tfoot td.rounded-foot-left
{
    background: #dedede url('images/botleft.png') left bottom no-repeat;
}
.rounded-corner tfoot td.rounded-foot-right
{
    background: #dedede url('images/botright.png') right bottom no-repeat;
}

.rounded-corner tbody tr:hover td
{
/*
    background: #d0dafd;
*/
}
.rounded-corner tbody.form tr:hover td
{
    background: #dedede;
}

select {
/*    width:5em; */
    border:1;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none;
    color:black;
    font-size: 16px;
}

a.info:hover{z-index:25; }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    background-color:#FFFFCC; color:#000;
    text-align: left;
    font-size: 12px;
    padding:1em 1em 1em 1em;
}

label
{
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block
}

#createaccount {
    background: #dedede;
    margin: 10px 0 60px 0;
}

input
{
/*    color: #781351;
      background: #fee3ad;
    border: 1px solid #781351 */
}

.submit input
{
    color: #000;
/*
    background: #ffa20f;
    border: 2px outset #d7b9c9;
*/
    margin-left: 18.5em;
}

input.checkbox
{
    margin-left: 18.5em;
    vertical-align: middle;
}

input.checkbox-email
{
    vertical-align: middle;
}

p.warning{
    margin: 2em 5em 2em 5em;
}

p.label
{
    margin-left: 20em;
}

p.form{
    margin: 1em 0 1em 4em;
}

#middleText
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
}

#rightText
{
    text-align: left;     
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
}

#loginText
{
    text-align: left;     
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
}

#dateText
{
    text-align: right;     
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
}

#centerText
{
    text-align: center;     
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 20px;
}
.center {
    text-align: center;
}

#summaryTitle
{
    font-size: 17px;
}
#accountTitle
{
    font-size: 17px;
}
#pageTitle
{
    font-size: 17px;
}
.sectionTitle {
    font-size: 17px;
}
.subsection {
    font-size: 15px;
}

#warning {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 14px;
    margin: 2em 5em 2em 5em;
}
#warning ul {
    margin: 2em 5em 2em 5em;
}

.formAlign {
  vertical-align: middle;
}

.confirmHeader {
  text-align: left;
  width: 50%;
}

.balTable
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 14px;
    margin: 25px 45px 25px 55px;
    width: 780px;
    text-align: left;
    border-collapse: collapse;
}

.balHeader
{
    color: #FFF;
    background: #332c2c;
    text-align: center;
}

.balRow
{
    background: #dedede;
    border-top: 1px solid #fff;
    color: #111;
}

label.password {
    width: 10em;
}