body {
	margin: 0;
	text-align: center;
	font: normal 12px/1.5em "Lucida Grande", Lucida, Helvetica, sans-serif;
	padding: 0;
	background-image: url(/themes/portal/images/page_bg.jpg);
	background-repeat: repeat-x;
	background-color: #E3E3E3;
	min-width: 900px;
}

ul, li, form, dt, dl, dd, ol, div, p, 
blockquote, h1, h2, h3, h4, h5, h6, a {
  margin: 0;
  padding: 0;
}

#content p {
  padding: 0 5px 5px 5px;
}

table {
	font-size: inherit;
}

table td {vertical-align:top;}
input, textarea, select, button { border: 1px solid #CCC; font-size:10pt !important; padding:0px;}
select { font-size:09pt !important; padding:0px;}
pre, code { font: 115% monospace; white-space:normal; }
pre.debug_dump {white-space:pre;}
thead {margin:0;padding:0;}
p {margin-top:0px;margin-bottom:5px;}
h1 {font-size:12pt; margin:5px; margin-left:0px; margin-top:10px;}
h2 {font-size:10pt; margin:5px; margin-left:0px; margin-top:10px;}
h3 {font-size:09pt; margin:5px; margin-left:0px; margin-top:10px;}
img {vertical-align:middle;}
img.shadow {vertical-align:top;}
img.button {cursor:pointer;}
hr {color:#bdb181;background-color:#bdb181;height:1px;width:100%;margin-top:5px;margin-bottom:5px;font-size:0px;border:0;text-align:left;}

a { color:#125474; text-decoration:none; }
a:visited { color:#125474; }
a.delete { color:red; }
label kbd{text-decoration: underlined; font-family: inherit; font-size: inherit; font-style: inherit;}

ul.error { font-size: 12px; color: #f33; list-style-type: square; margin-left: 1em;  }

div.divider {background-color:#bdb181;height:1px;width:98%;margin-top:5px;margin-bottom:5px;font-size:0px;}
div.formError {display:inline; color:red; font-weight:bold;}
div.labelWithError, div.fieldWithErrors {display:inline;}
div.buttons {margin-top:15px; margin-bottom:5px;}
div.buttons input {margin-right:15px; border-width:0px;}
div.shadow { background-image:url(/themes/portal/images/under_shadow.jpg); background-repeat:no-repeat; font-size:0pt; height:5px; margin:0; }
div.blue_shadow { background-image:url(/themes/portal/images/blue_bottom_shadow.jpg); background-repeat:no-repeat; font-size:0pt; height:5px; }
div.clear {clear:both;}


#main {
  width: 100%;
  float: none;
  margin: 0 auto;
  text-align: center;  
}

#main #content {
  width: 400px;
  float: none;
  margin: 0 auto !important;
  text-align: left;
  padding: 0;
}

#header {
  background: transparent;
  text-align: center;
  height: 200px;
}

#header h1 {
  margin: 0 auto;
  width: 150px;
}


/*
 *=ACCOUNT/LOGIN
 */
 
#body-account {
  color: #333;
}

#body-member .btns {
  background: transparent;
  text-align: left;
  border: none;
}

/*
 *=MISC BOXES
 */

.little-box {
  width: 320px;
  margin: 50px 0 0 0;
  background: #f4e9cb;
  border: 5px solid #fff;
}


/*
 *=FORMS
 */

form dl {
  margin: 0 10px;
}

dt label, .sform label {
  font-weight: bold;
  text-shadow: #fff 2px 2px;
  margin: 0;
  padding: 0;
}

dt {
  margin-top: 15px;
}

dd {
  line-height: normal;
  padding: 1px;
}

input[type='text'], input[type='password'], 
input[type='checkbox'], select, textarea {
  border: 1px solid #ddd;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  font-family: "Lucida Grande", Lucida, Helvetica, sans-serif;
  font-size: 100%;
  padding: 2px;
}

input[type='text']:focus, textarea:focus {
  background: #fff;
  color: #000;  
}

.btn-asset {
  border-top: 1px solid #FFEB9E;
  margin-top: 5px;
  padding: 3px;
  text-align: right;
  background: #F0C000;
}

.btns {
  padding: 10px !important;
  margin: 20px 0;
  background: #dee;
  border-top: 1px solid #99D3D5;
}

.big { font-size: 180% !important; }
.lil { font-size: 80%; }
.fat { width: 100%;}

.tiny { width: 30px; }


/*
 *=ERRORS AND NOTICES
 */
#flash-errors {
  margin: 0 auto;
  background: #a22;
  padding: 10px;
  color: #fff;
  text-align: center;
}

#errorExplanation {
  margin: 0 auto;
  background: #F69A91;
  padding: 10px;
  color: #510;
  text-align: center;
}

#flash-notice {
  background: #cfc;
  padding: 10px;
  color: #051;
  text-align: center;
}

#errorExplanation ul, 
#flash-notice ul, 
#flash-errors ul,
#flash-notice li,
#flash-errors li {
  list-style: none;
}

#errorExplanation {
  text-align: left;
  border: 1px solid #F99;
  background: #fdd;
}

#errorExplanation h2 {
  border: none;
  margin: 0;
  padding: 0;
}

/*
 *=LISTS
 */

#managePanel, ul {
  margin-top: 10px;
  margin-bottom: 30px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;

}

#managePanel, li {
  margin-bottom: 6px;
}

/*
 *=CUSTOM
 */
 
div#time_ranges {
  padding-top: 20px;
  padding-bottom: 4px; 
  min-height: 50px;
}