/* -----------------------------------------------------------------------

   BlueTripCSS Framework
   
   Mike Crittenden
   mike@capsizedesigns.com
   Copyright 2008 Mike Crittenden
   
   License - MIT or GPL (whichever suits you better)

----------------------------------------------------------------------- */

/* BASIC TYPOGRAPHY */


/* QUOTES */

blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* FORMS */

fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
label { font-weight: bold; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #a3d9df; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }

/* LISTS */


/*.container ul li:before {content: "\2022\00a0\00a0"; }  REMOVED FOR FF3 */
.container ol { list-style-position: outside; list-style-type: decimal; }
.container dt { font-weight: bold; }

/* TABLES */

.container table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
.container th, .container td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */

.container blockquote *:first-child { margin: .8em 0; }
.container hr, .container p, .container ul, .container ol, .container dl, .container pre, .container blockquote, .container address, .container table, .container form { margin-bottom: 1.6em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.container h1 { margin: 1em 0 .5em;  }
.container h3 { margin: 1.14em 0 .57em; }
.container h4 { margin: 1.23em 0 .615em; }
.container h5 { margin: 1.33em 0 .67em; }
.container h6 { margin: 1.6em 0 .8em; }
.container th, .container td { padding: .8em; }
.container caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.container blockquote { padding: 0 1em; margin: 1.6em 9em; width: 600px; }
.container fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.container legend { padding-left: .8em; padding-right: .8em; }
.container legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.container textarea, .container input { padding: .3em .4em .15em .4em; }
.container select { padding: .1em .2em 0 .2em; }
.container option { padding: 0 .4em; }
.container a { padding: 0.3em 0 .1em 0; } /* for larger click-area */
.container dt { margin-top: .8em; margin-bottom: .4em; }
.container ul { margin-left: 1.5em; }
.container ol { margin-left: 2.35em; }
.container ol ol, .container ul ol { margin-left: 2.5em; }
.container form div { margin-bottom: .8em; }




/* COLORS */


/* 24 COLUMN GRID */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(../img/grid.png);}
body {margin:1.5em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23 {float:left;margin-right:10px;}
div.span-24 {float:left;}
div.last {margin-right:0;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* to create serif italic dramatic text, use this class */
.fancy { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
}  



/*---------STYLES FOR BUTTONS----------*/
/* Demo: particletree.com/features/rediscovering-the-button-element */
/*
	<button type="submit" class="button positive">
	  <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
	</button>

	<a class="button" href="/password/reset/">
	  <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
	</a>

	<a href="#" class="button negative">
	  <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
	</a>
*/

.container a.button, .container button {
  display: inline-block;
  float: left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
.container button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
.container button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html .container button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

.container button img, .container a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}




/* Standard Buttons */

a.plus {
	margin-top: 1px;
	display: block; 
	float: right;  
	width: 16px; 
	height: 16px;
	padding:0; 
	background: url('/media/images/plus.png') no-repeat 0 0;
}

a.minus {
	margin-top: 1px;
	display: block; 
	float: right;  
	width: 16px; 
	height: 16px;
	padding:0; 
	background: url('/media/images/minus.png') no-repeat 0 0;
}

a.left_arrow {
	margin-top: 1px;
	display: block; 
	float: left;  
	width: 16px; 
	height: 16px;
	padding:0;
	background: url('/media/images/left_arrow.png') no-repeat 0 0;
}

a.right_arrow {
	margin-top: 1px;
	display: block; 
	float: right;  
	width: 16px; 
	height: 16px;
	padding:0;
	background: url('/media/images/right_arrow.png') no-repeat 0 0;
}

a.plus:hover {
	background-position: 0 -16px;
}

a.minus:hover {
	background-position: 0 -16px;
}

a.left_arrow:hover {
	background-position: 0 -16px;
}

a.right_arrow:hover {
	background-position: 0 -16px;
}

button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active, button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active, button.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active, button.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}


/* class for tracking input box state */
.pre_input {
	color: #aaa;
} 


/* autocomplete combobox  */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

#table_header_print_detail { display: none; visibility: hidden;}