/* Content Styles */
#main {
  padding: 20px 10px 10px 10px;
}
#main h3 {
  margin: 8px 0px;
}
#main div.content {
  margin: 7px 0px 0px 210px;
}
#main div.search {
  padding-bottom: 8px;
  text-align: right;
}
#main div.warning {
  background-color: #FFFFB3;
  border: 2px solid #E1E100;
  font-size: 12px;
  padding: 5px;
  width: 700px;
}
#wrapper {
  background: #FDFDFD;
  border: 1px solid #C0C0C0;
  margin: 4px 0px;
}

/* Data Tables */
.data_table {
  /*background-color: #F7F9FD;*/
  background-color: #FFFFFF;
  border: 1px solid #D8E3F5;
  border-collapse: collapse;
  font-size: 12px;
}
.data_table a {
  color: #0000FF !important;
  text-decoration: none;
}
.data_table td {
  color: #666666;
}
.data_table th {
  background-image: url(/images/admin/th_background.gif);
}
.data_table th.pager {
  font-weight: normal;
}
.data_table th.pager .pages {
  color: #6E6E6F;
  font-size: 10px;
}
.data_table tr.draft td {
  color: #AAAAAA;
  font-style: italic;
}
.data_table tr.inactive td {
  color: #AAAAAA;
  font-style: italic;
  text-decoration: line-through;
}
.data_table tr:hover {
  background-color: #F7E8C8;
}

/* Flash Messages */
#flash_wrapper {
  margin: 5px 0px 0px 225px;
}
.flash {
  padding: 5px 10px 5px 5px;
}
.flash_error {
  background-color: #FF9799;
  border: 2px solid #F07376;
}
.flash_header {
  font-weight: bold;
  text-align: center;
}
.flash_list {
  color: black;
}
.flash_list_item {
  
}
.flash_success {
  background-color: #C4F8C0;
  border: 2px solid #9BE171;
  height: 20px;
}
.flash_warning {
  background-color: #FFFFB3;
  border: 2px solid #E1E100;
}

/* Footer Styles */
#footer {
  color: #999999;
  font-size: 11px;
}
#footer a, a:link, a:hover, a:visited {
  color: #666666;
}
#footer div.copyright {
  text-align: center;
}
#footer div.logo {
  text-align: center;
}
#footer div.poweredby {
  text-align: center;
}
#footer span.version {
  font-weight: bold;
}

/* Basic Form Styles */
#form {
  
}
#form span.error {
  color: #FF0000;
  font-size: 12px;
}

/* Header Styles */
#header {
  padding-bottom: 8px;
}
#header div.logo {
  
}

/* HTML Tag Styles */
* {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
a:link, a:visited, a:hover {
  color: #636363;
}
form {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}

/* Login Styles */
#login {
  padding: 12em 0px 0em 100px;
}
#login div.form {
  border-left: 1px solid #CCCCCC;
  float: left;
  padding: 0px 8px 8px 30px;
}
#login div.form h3 {
  color: #545454;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
}
#login td.action input {
  background-color: #FAFAFA;
  border: 1px solid #CBCBCB;
  color: #525163;
  cursor: pointer;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  height: 21px;
}
#login td.label {
  background-color: #FAFAFA;
  border: 1px solid #E4E4E4;
  color: #525163;
  font-family: Verdana,sans-serif;
  font-size: 13px;
  padding: 4px 8px;
  text-align: right;
  width: 150px;
}
#login td.input input {
  border: 1px solid #CBCBCB;
  color: #525163;
  font-family: Verdana,sans-serif;
  font-size: 13px;
  height: 19px;
  padding: 1px 0px 0px 4px;
  width: 250px;
}
#login div.logo {
  float: left;
  padding-top: 10px;
  width: 250px;
}

/* Sidebar Styles */
#sidebar {
  float: left;
  font-size: 11px;
  padding-right: 25px;
  width: 200px;
}
#sidebar ul {
  margin: 0;
  padding: 0;
}
#sidebar ul li {
  display: inline;
}
#sidebar ul li a {
  border-bottom: 1px solid #C0C0C0;
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  color: #545454;
  display: block;
  padding: 4px 5px 4px 9px;
  text-decoration: none;
}
#sidebar ul li a:hover {
  text-decoration: underline;
}
#sidebar ul li.heading {
  background: #8BB56F url("/images/admin/sidebar_gradient.gif") top left repeat-x;
  border: 1px solid #60804B;
  color: #FFFFFF;
  display: block;
  font-weight: bold;
  margin-top: 3px;
  padding: 4px;
}

/* Tab Styles */
#tabs {
  font-size: 11px;
  line-height: normal;
  margin: 0 0 -6px 7px;
  min-width: 570px;
}
#tabs ul {
  list-style: none;
  margin:0;
  padding: 0;
}
#tabs li {
  display: inline;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
#tabs a {
  background: url(/images/admin/tabs1.gif) no-repeat 0% -35px;
  float: left;
  margin: 0 1px 0 0;
  padding: 0 0 0 6px;
  position: relative;
  text-decoration: none;
}
#tabs a span {
  background: url(/images/admin/tabs2.gif) no-repeat 100% -35px;
  color: #FFFFFF;
  display: block;
  float: left;
  padding: 7px 12px 6px 6px;
  white-space: nowrap;
}
#tabs a:hover span {
  color: #3D592B;
}
#tabs li.active a {
  background-position: 0 0px;
  border-bottom: 1px solid #FFFFFF;
}
#tabs li.active a span {
  background-position: 100% 0px;
  color: #545454;
  padding-bottom: 7px;
}
#tabs a:hover {
  background-position: 0 -70px;
}
#tabs a:hover span {
  background-position: 100% -70px;
}
#tabs li.active a:hover span {
  color: #545454;
}
#main:after, #wrapper:after, #tabs:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* Hide this rule from IE6 & IE5-Mac \*/
#tabs a span { float: none; }

/* Hide this from Mac IE. Windows IE uses this as it doesn't support the :after method above \*/
#main, #wrapper, #tabs {
  height: 1%;
}

/* Welcome Box Styles */
#welcome {
  background: #FFFFFF;
  border: 1px solid #C0C0C0;
  padding: 5px;
}
#welcome div.logout {
  text-align: right;
}
#welcome div.logout a {
  text-decoration: none;
}
#welcome div.logout a:hover {
  text-decoration: underline;
}
#welcome span.name {
  font-weight: bold;
}

/* Subnav Styles */
#subnav {
  background: #98BCF6 url(/images/admin/subnav_gradient.gif) repeat-x left top;
  border: solid 1px #5785A6;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  height: 15px;
  margin-left: 210px;
  padding: 4px;
}
#subnav a {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}
#subnav a:hover {
  color: #FFFF9B
}
#subnav img {
  vertical-align: middle;
}

/* Errors */
.error {
  color: #FF0000;
  font-size: 12px;
  font-weight: normal;
}