/*----------------------------------------------------------------------------------
=flash messages (from blueprint framework) / error messages
----------------------------------------------------------------------------------*/
#flash_messages {
    text-align:center;
    width:390px;
    font-weight:bold;
}

#flash_messages .error,
#flash_messages .notice,
#flash_messages .message,
#flash_messages .failure{
  padding: 4px 0px;
  border: 1px solid #ddd;
}

#flash_messages .error, #flash_messages .failure {
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
}

#flash_messages .notice {
  background: #fff6bf;
  color: #514721;
  border-color: #FFF1A8;
}

#flash_messages .message {
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880;
}

#flash_messages .error a, #flash_messages .failure a {
  color: #8a1f11;
  background: none;
  padding: 0;
  margin: 0;
}

#flash_messages .notice a {
  color: #514721;
  background: none;
  padding: 0;
  margin: 0;
}

#flash_messages .message a {
  color: #264409;
  background: none;
  padding: 0;
  margin: 0;
}

/* form errors */

#errorExplanation {
  background: #fcc;
  border: 1px solid #f00;
  margin-bottom: 18px;
  padding: 17px;
}

span.field_with_errors input[type="text"],
span.field_with_errors input[type="password"] {
  background: #fcc;
  border: 1px solid #f00;
}

/*------------------------------------------------------------------------
=horizontal list (basis of most navigation schemes)
------------------------------------------------------------------------*/
ul.horizontal {
  overflow: hidden;
}

ul.horizontal li {
  float: left;
}

ul.horizontal.right {
  float: right;
}

body ul.horizontal li.first {
  margin-left: 0;
}

/*------------------------------------------------------------------------
=nav > dividers
------------------------------------------------------------------------*/
ul.horizontal.dividers {
  line-height: 1.2em;
  margin-bottom: 18px;
}

ul.horizontal.dividers li {
  border-left: 1px solid #999;
  margin-left: .4em;
  padding-left: .3em;
}

ul.horizontal.dividers li.first {
  border: none;
  margin-left: 0;
  padding-left: 0;
}

/* inline space without divider */

ul.horizontal.dividers li.space {
  border-left: none;
  margin-left: 0;
}

/*------------------------------------------------------------------------
=nav > space
------------------------------------------------------------------------*/
ul.horizontal.space {
  margin-bottom: 18px;
}

ul.horizontal.space li {
  margin-left: .8em;
}

ul.horizontal.space li.first {
  margin-left: 0;
}

/*------------------------------------------------------------------------
=nav > tabbed
------------------------------------------------------------------------*/
ul.horizontal.tabbed {
  border-bottom: 1px solid #ccc;
  clear: both;
  margin-bottom: 18px;
}

ul.horizontal.tabbed li {
  font-weight: bold;
  line-height: 36px;
  text-align: center;
}

ul.horizontal.tabbed li a {
  background: #ddd;
  border-bottom: none;
  display: block;
  margin-right: 2px;
  padding: 0 9px;
  text-decoration: none;
}

ul.horizontal.tabbed li a.active {
  background: #eee;
}

/*ul.tabbed li span.inactive {
  background: #ddd;
  color: #bbb;
  display: block;
  margin-right: 1px;
  padding: 9px;
}*/

/*------------------------------------------------------------------------
=nav > tabbed > bar
------------------------------------------------------------------------*/

/* Adds background color and spacing to tabbed nav. Use this in conjunction with with tabbed nav */

ul.horizontal.tabbed.bar {
  background: #aaa;
  border-bottom: none;
  padding: 18px 0 0;
  border-top: 1px solid #eee;
}

ul.horizontal.tabbed.bar li a {
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
  border-top: 2px solid #ccc;
}

ul.horizontal.tabbed.bar li a.active {
  background: #fff;
}

/* Use for non-navigation element inline with tabbed nav */

ul.horizontal.tabbed li.non_nav {
  color: #666;
  font-weight: normal;
  padding: 0;
  text-align: left;
}

/*------------------------------------------------------------------------
=pagination (REFACTOR)
------------------------------------------------------------------------*/
.pagination_wrap {
  background: #777;
  color: #fff;
  position: relative;
  clear: left;
  height: 35px;
}

.pagination_wrap span.record_count {
  float: none;
  line-height: 35px;
  padding-left: 10px;
}

/* for pagination at the top of a list */

.pagination_wrap.top {
  margin-bottom: 18px;
}

/* for pagination at the bottom of a list */

.pagination_wrap.bottom {
  margin: 9px 0 18px;
}

/* end */

.pagination a,
.pagination span {
  background: #fff;
  display: block;
  float: left;
  margin: 9px 4px 9px 0;
  padding: .2em .5em;
}

.pagination span.disabled {
  color: #999;
}

.pagination span.current {
  background: #333;
  color: #fff;
  font-weight: bold;
}

.pagination a {
  color: #105cb6;
  text-decoration: none;
}

.pagination a:hover,
.pagination a:focus {
  border-color: #003;
  color: #003;
}

.pagination .page_info {
  background: #2e6ab1;
  color: #fff;
  margin-bottom: .3em;
  padding: .4em .6em;
  text-align: center;
  width: 22em;
}

.pagination .page_info b {
  background: #6aa6ed;
  color: #003;
  padding: .1em .25em;
}

/*------------------------------------------------------------------------
=table
------------------------------------------------------------------------*/
/*
	Blue on blue
	written by Glenn Slaven http://slaven.net.au
*/
table {
  	width:100%;
    border:1px solid #E3E3E3;
}

table,td,th {
	border-collapse:collapse;
	margin:0;
	padding:0;
}

table caption {
	text-align:left;
	text-transform:uppercase;
	letter-spacing:0px;
}

td, th{
	vertical-align:top;
	font-weight:normal;
}

thead {

}

thead th, tbody th {
	background: #acf;
  font-weight: bold;
	padding: 4px 0.4em 4px 0.4em;
  border:1px solid #8EA9CF;
}

tfoot td, tfoot th {
	font-weight: bolder;
	padding: 0.4em 0.5em 0.4em 0.5em;
}

tbody td {
	background-color: #fff;
	padding: 0.2em 0.5em 0.2em 0.5em;
  border-left:1px solid #E3E3E3;
}

tbody tr.odd th, tbody tr.odd td{
	background-color: #E6EDF5;
  border-left:1px solid #E3E3E3;
  border-top: 1px solid #D1D8DF;
  border-bottom: 1px solid #D1D8DF;
}

tbody th{
	font-weight: bold;
}
 tbody td.action{
   text-align: center;
 }

/*------------------------------------------------------------------------
=Application wide will remin same
------------------------------------------------------------------------*/

.current_version{
  color: #B30802;
}

.version_number{
  color: #333;
  font-weight: bold;
}

.commenter {
  color: #666;
}

#time_code {
  text-align:right;
}

#time_code input {
  width: 100px;
}

#qt_container{
 	width: 480px;
}

.big_link{
  font-size: 14px;
}

.small_link{
  font-weight: normal;
  font-size:11px;
}

.fixed_width_dd {
  width: 286px;
}

.filter_fixed_width{
  width: 130px;
}

.long_label {
  width: 200px;
}

.tabsholder, tbody tr.odd td.tabsholder{
  padding:0px;
}

.link_box{
  background-color: #efefef;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 2px;
}

#image_zoom { overflow:hidden;}
#image_zoom a {position:relative; float:left; margin:5px; text-decoration: none;}
#image_zoom a span {
    background-color: #333;
    color: #fff;
    display:block;
    left:6px;
    position:absolute;
    text-align:center;
    top:87px;
    width:140px;
    font-weight:normal;
}

#image_zoom img { border: solid 1px #999; padding:5px;}