/* General Style Settings */

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

body {
  font-family:      'lucida grande', helvetica, arial, sans-serif;
  text-align:       left;
  color:            black;                  /* black; #333; */
  font-size:        75%;                    /* 80% */
  background-color: white;                  /* white; #EEEEEE; #E0E0F0; #EAEAFA; #003D4C; */
  }

a {
  color:            #F9C596                 /* #003D4C; */
  text-decoration:  underline;
  }

a:hover {
  color:            red;                    /* #003D4C; */
  text-decoration:  none;
  }

a img {
  border:           none;
  }

a:link,
a:visited,
a:active  { color: #003366; text-decoration: none; }
a:hover   { color: red;     text-decoration: none; }

a.main_menu_links:link,
a.main_menu_links:visited,
a.main_menu_links:active   { color: white;  text-decoration: none; }   /* #D2BA62; #003366; */
a.main_menu_links:hover    { color: orange; text-decoration: none; }   /* red; */

a.main_hdr_links:link,
a.main_hdr_links:visited,
a.main_hdr_links:active   { color: #F2DA82; text-decoration: none; }   /* #D2BA62; #003366; */
a.main_hdr_links:hover    { color: orange;  text-decoration: none; }   /* red; */

h1, h2, h3, h4 {
  font-weight:      normal;
  }

h1 {
  color:            black;                  /* #003D4C; */
  margin:           0.3em 0;
  font-size:        180%;
  }

h2 {
  color:            black;                  /* #C6C65B; */
  padding-top:      1em;
  margin:           0.3em 0;
  font-size:        180%;
  }

h3 {
  color:            black;                  /* #C6C65B; */
  padding-top:      2em;
  font-size:        140%;
  }

h4 {
  color:            black;                  /* #C6C65B; */
  padding-top:      0.5em;
  font-weight:      normal;
  }

em {
  font-size:        12px;
  }

ul, li {
  margin:           5px 12px;
  }


/* Layout */

#container {
  text-align:       left;
  background-color: #FFFEFC;                /* #EEEEEE; gray; pink; white; #fff; #E0F0F0; */
  /* border:           none;                   / * 1px solid red; */
  }

#header {
  clear:            both;
  padding:          0px;                    /* 5px 10px  t&b r&l */
  text-align:       left;
  background-color: #560E00;                /* #555555; black; white; #fff; #F0E0E0; */
  /* border:           none;                   / * 1px solid blue; */
  }

#menu {
  color:            #F2DA82;                /* black; */
	/* float:            left; */
	width:            175px;
	height:           auto;                   /* 300px; auto; */
  padding:          5px 10px;               /* t&b r&l */
  text-align:       left;
  background-color: #560E00;                 /* #DADADA; white; #fff; #E0F0E0; */
  border-right:     1px solid #555555;
  /* border:           1px solid black;        / * none; 1px solid green; */
  }

#content {
	/* float:            left; */
	/* width:            auto;                   / * 750px; */
	/* height:           auto;                   / * 400px; */
  padding:          5px 10px 5px 10px;      /* t r b l */
  text-align:       left;
  background-color: #FFFEFC;                /* #FFF8DC; #FADCB4; #EEEEEE; white; #fff; #F0E0E0; */
  /* border-left:     1px solid #555555; */
  /* border:           none;                   / * 1px solid black; */
  }

#footer {
  clear:            both;
  padding:          5px 10px;               /* t&b r&l */
  text-align:       center;                 /* right; */
  background-color: #560E00;                /* gray; white; #fff; #F0E0E0; */
  /* border:           none;                   / * 1px solid blue; */
  }

.main_menu {
  font-size:        110%;
  font-weight:      bold;
  }

.main_menu_items {
  line-height:      125%;
  }



/* Tables */

#main_tbl {
  width:            100%;
  margin:           0;
  padding:          0;
  border:           0;
  border-spacing:   0;
  border-collapse:  collapse;
  background-color: #FFFEFC;                /* #EEEEEE; white; #fff; #F0E0E0; */
  }

#main_tbl_left {
	width:            175px;
  margin:           0;
  padding:          0;
  border:           0;
  text-align:       left;
  vertical-align:   top;
  background-color: #560E00;                /* #DADADA; white; #fff; #E0F0E0; */
  }

#main_tbl_right {
  margin:           0;
  padding:          0;
  border:           0;
  text-align:       left;
  vertical-align:   top;
  background-color: #FFFEFC;                /* #EEEEEE; white; #fff; #F0E0E0; */
  }


/*
table {
  width:            100%;
  border-top:       1px solid #ccc;
  border-left:      1px solid #ccc;
  border-bottom:    1px solid #ccc;
  color:            #333;
  clear:            both;
  margin:           0 0 2em 0;
  padding:          0;
  white-space:      normal;
  background-color: #fff;
  }

th {
  border-top:       1px solid #fff;
  border-left:      1px solid #fff;
  border-right:     1px solid #003d4c;
  border-bottom:    1px solid #003d4c;
  padding:          1px 4px;
  text-align:       center;
  background-color: #e2e2e2;
  }

table tr td {
  border-right:     1px solid #ddd;
  padding:          4px 4px;
  vertical-align:   top;
  text-align:       center;
  }

table tr.altRow td {
  background:       #f4f4f4;
  }

table td.actions {
	white-space:      nowrap;
  }

table td.setup {
  padding:          3px 5px;
  border:           1px solid black;
  background-color: #FFFEFC;
  }

#cakeSqlLog td {
  text-align:       left;
  padding:          4px 8px;
  background:       #fff;
  border-bottom:    2px solid #ccc;
  }
*/



/* Scaffold Show */

div.related {
  clear:            both;
  display:          block;
  }

dl {
  line-height:      2em;
  margin:           0em 1em;
  float:            left;
  width:            400px;
  }

dt {
  font-weight:      bold;
  vertical-align:   top;
  }

dd {
  margin-left:      10em;
  margin-top:       -2em;
  vertical-align:   top;
  }



/* Notices and Errors */

#flashMessage, .error, .error_message {
  color:            #900;
  font-size:        16px;
  background-color: #fff;
  margin:           8px 0px;
  font-weight:      bold;
  }

.error_message {
  clear:            both;
  }

.error em {
  font-size:        18px;
  color:            #003d4c;
  }

.notice {
  color:            #656565;
  font-size:        14px;
  background-color: #f4f4f4;
  padding:          0.5em;
  margin:           1em 0;
  display:          block;
  }

.tip {
  color:            #656565;
  background-color: #ddd;
}

div.error-message {
	clear:            both;
	color:            #CC0000;
	font-weight:      bold;
}


/* Forms */

form { /*
  margin-top:       2em;
  */ }

form div { /*
  vertical-align:   text-top;
  margin-left:      1em;
  margin-bottom:    2em;
  */ }

form div.date { /*
  margin-left:      0em;
  */ }

label { /*
  display:          block;
  width:            140px;
  font-size:        14px;
  padding-right:    20px;
*/
  color:            darkblue;
  font-weight:      bold;
  }

input[type=radio] {
  border:           none;
  }

input[type=checkbox] { /*
  float:            left;
  clear:            left;
  margin:           2px 6px 7px 2px;
  */
  border:           none;
  }

input, textarea { /*
  clear:            both;
  display:          block;
  font-size:        14px;
  font-family:      inherit;
  */
  font-size:        .9pc;
  font-family:      inherit;
  color:            darkblue;                 /* black; blue; */
  /* background-color: #ffffff; */
  border:           1px solid black;          /* #003366; black; */
  }

select { /*
  clear:            both;
  vertical-align:   text-bottom;
  font-size:        14px;
  font-family:      inherit;
  */
  font-size:        .8pc;
  font-family:      inherit;
  color:            darkblue;                 /* black; blue; */
  /* background-color: #ffffff; */
  border:           1px solid black;          /* #003366; black; */
  }

option { /*
  font-size:        14px;
  font-family:      inherit;
  padding:          0 0.3em;
  */
  font-size:        .8pc;
  font-family:      inherit;
  color:            darkblue;                 /* black; blue; */
  }

div.required { /*
  clear:            both;
  color:            #222;
  font-weight:      bold;
  */ }

div.optional { /*
  clear:            both;
  color:            #555;
  */ }

div.auto_complete {
  position:         absolute;
  width:            250px;
  border:           1px solid #888;
  margin:           0px;
  padding:          0px;
  background-color: white;
  }

li.selected {
  background-color: #ffb;
  }

div.submit { /*
  clear:            both;
  margin-top:       40px;
  margin-left:      140px;
  */ }

/*
input[type=submit] { / *
  display:          inline;
  vertical-align:   bottom;
  * /
  }
*/

input[type=submit], input[type=button] {
  font-size:        14px;
  color:            white;                    /* darkblue; black; blue; */
	height:           22px;                     /* auto; */
  padding:          0px 5px;                  /* t&b r&l */
  background-color: #202070;                  /* #555555; darkgray; darkblue; black; blue; */
  border:           1px solid black;          /* #003366; black; */
  }

input[type=submit].hdr_submit {
  font-size:        12px;
  color:            #560E00;                  /* white; darkblue; black; blue; */
	height:           17px;                     /* auto; */
  padding:          0px 2px;                  /* t&b r&l */
  background-color: #FDFB8C;                  /* #F2DA82; #202070; #555555; darkgray; darkblue; black; blue; */
  border:           none;                     /* 1px solid white; #003366; black; */
  }

input[type=button].sh_button {
  font-size:        12px;
  font-weight:      bold;
  color:            white;                    /* darkblue; black; blue; */
	height:           18px;                     /* auto; */
	/* width:            80%; */                     /* auto; */
  padding:          0px 0px;                  /* t&b r&l, 0px 5px */
  margin:           0px 0px;                  /* t&b r&l */
  background-color: maroon;                   /* #202070 #555555; darkgray; darkblue; black; blue; */
  border:           1px solid black;          /* #003366; black; */
  }



/* Action Links */
/*
ul.actions {
  float:            left;
  margin-left:      20px;
  width:            200px;
  }

ul.actions li {
  margin-top:       4px;
  }
*/


/* Misc */

pre {
  padding:          1em;
  }