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

body {
  font-family: verdana, sans-serif;
  font-size: 14px;
  color: #500;
  text-align: center;
  margin: 0px 10% 0px 10%;
}

#main {
 width: 100%;
 text-align: left;
 margin: 0px auto 0px auto;
 background-color: #dcc;
}

#content {
 background-color: #fff;
 margin: 0px 0px 0px 200px;
 padding: 10px 0px 100px 16px;
}

#topheading {
 background: #fff;
 text-align: right;
 border-bottom: #a77 solid 4px;
 overflow: hidden;
}

#mainimage {
    float: left;
    width: 200px;
    height: 200px;
    background: #456;
    margin: 10px 10px 10px 0px;
}

#menucontainer {
    float: left;
    background-color: #dcc;
    padding: 10px 10px 20px 20px;
}

#menu {
    list-style-type: square; width: 170px;
	font-size: 14px; f loat: left;
    ba ckground-color: #dcc;
    pad ding: 10px 10px 20px 20px;
}

#menu li a {
    color: #844;

}

#menu li a:hover {
    color: #a88;

}

#menu li {
    margin-bottom: 2px;
}

/*---------------------------------------------------------COLUMNS & CHROME---*/

.formlabel {
    width: 150px;
}

.buttons {
    position: relative;
    left: 150px;
    width: 200px;
}

#footer {
    font-size: 10px;
    clear: both;
    text-align: right;
    margin-right: 10px;
}

br.cl {
    clear: both; line-height: 0px;
}


/*------------------------------------------------------------TEXT STYLES-----*/

p {

padding: 7px 0px;
color: #500}

h1 {
  font-size: 34px; font-weight: normal; text-align: left; color: #844;
  line-height: 30px;
}

h2 {
  font-size: 26px; font-weight: normal; color: #844;
  margin: 10px 0px; line-height: 25px;


}

h3 {
  font-size: 16px; font-weight: bold; color: #844; margin: 10px 0px 5px 0px;
}

h4 {
  font-size: 13px; display: inline; color: #844; margin: 5px 0px;
}

h5 {
  font-size: 11px; display: block; color: #844; margin: 5px 0px;
}

.admincontrol {
  background: #ddd; float: right; font-size: 10px; clear: right;
  border: 1px solid  #a77; margin: 3px;
}

#candidate_table_row {
    height: 30px;
}

.candidate_table_heading {
    font-weight: bold;
    float: left; padding-right: 6%;
}

/*-------------------------------------------------------------LINK STYLES----*/



a {
  color: #955;
}

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

/*------------------------------------------------------------BLOCK STYLES----*/

ol {
margin-left: 20px; 
}

#content ol li {
    margin-bottom: 4px; margin-left: 10px;
    color: #733;
}

#content ul {
    margin: 0px 0px 5px 30px; list-style-type: square;
}

#content ul li {
    color: #733;
}

blockquote {
    color: #733;
    margin: 10px;
    padding: 5px;
    background: #fed;
    
}

#controls {
  width: 100%;
}

label {
  float: left; width: 133px; padding-right: 2px; text-align: right; vertical-align: bottom;
}

.checklist {
margin: 10px 10px 10px 100px;
}

input,textarea,select {
  color: #200; border: 1px solid  #a77; margin: 1px;
  background-color: #daa;
  margin: 2px;
}

input.editcheckbox {
  margin-left: 10px; background-color: transparent; border: none;
}

#specselectdiv {
  float: right;
}

.loose0 {
  float: left; bor der: #a77 1px solid; text-align: left;
  width: 100px; height: 160px;  margin: 0px; padding: 5px;
}

.loose1 {
  float:left; bo rder: #a77 1px solid;  text-align: left;
  width: 100px; height: 160px;  margin: 0px; padding: 5px;
}


#issues, .edittable, #downloadkeys, .items, #payment_details {
width: 85%;
}

.edittable td, .loctable td, #issues td, #downloadkeys td,th, .items td, #payment_details td {
  border: #daa 1px solid; text-align: left;
  padding: 3px; vertical-align: top;
}

.tdheader {
    font-weight: bold;
    width: 20%;
}

.issuename {
    width: 30%;
    }

.alert, .alertgreen, .alertred, .alertblue {
  border: #bbb 1px dashed;
  color: #500; margin-bottom: 10px;
  background: no-repeat url(../img/info.gif) #e8a6a7;
  background-position: left top; padding: 2px 2px 2px 30px;

}

.alertred {
  background: no-repeat url(../img/info.gif) #e8a6a7;
}

.alertgreen {
  background: no-repeat url(../img/info.gif) #98cb98;
}

.alertblue {
  background: no-repeat url(../img/info.gif) #99d;
}


div.sbox {
  overflow: auto;  height: 200px;;
}

#shout {
  display: block; margin: 10px 3px;
  color: #ddf; line-height: 20px; font-family: serif; text-align: center;
  filter:alpha(opacity=40); opacity: 0.4; background-color: #334;
  padding: 3px; width: 190px; border: 2px solid #aab; font-size: 18px;
}
/*-------------------------------------------------------IMAGES & BARLIST-----*/

.loose0 {
  float: left; bo rder: #a77 1px solid; text-align: left;
  width: 100px; height: 130px;  margin: 0px; padding: 5px;
}

.loose1 {
  float:left; bo rder: #a77 1px solid;  text-align: left;
  width: 100px; height: 130px;  margin: 0px; padding: 5px;
}

img {
	border: none;
}

img.decorimg {
  float: right; margin: 10px; border: none; background: ##fed;
}

img.bookcover {
  float: right; margin: 10px; border: none;
}

img.profilephoto {
  float: right; margin: 10px; border: none;

}

#multisearch {
  position: absolute; top: 10px; left 0px;
}

.orderconfirm {
width: 100%;
border: #a77 1px solid;
}

.orderconfirm td {
border: #a77 1px solid;
}

.floatingleft {
    margin: 5px;
    float: left;
}

.floatingright {
    margin: 5px;
    float: right;
}

.keystate a {
    color: black;
}

#moreFields {
margin-bottom: 20px;
}