/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}
:focus {
  -moz-outline-style:none;
}
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(tabs.png) no-repeat -420px 0;
	font-size:14px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
    border: 0px;
    outline: none;
}


ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }



/* tab pane styling */
.pane {	
	padding:15px 10px;
	height:200px;
	font-size:14px;
	background-color:#fff;
}
.pane-left-border {
    background-image:url("side.png");
    background-repeat:no-repeat;
    padding-left:1px;
}
.pane-right-border {
    background-image:url("side.png");
    background-repeat:no-repeat;
    padding-right:1px;
    background-position:right top;
}

div.flow-form-element {
    float:left;
    padding-right:15px;
}
div.flow-form-last {
    float:none;
}

select {
    border:1px solid #ccc; 
    font-size:14px; 
    padding:4px;
    -moz-box-shadow:0 0 10px #eee inset;
}
select.name-select {
    width:194px;
}

input.button {
    font-size:14px; 
    padding:7px; 
    -moz-box-shadow:0 0 10px #eee inset;
}

textarea {
    border:1px solid #ccc; 
    font-size:14px; 
    padding:4px; 
    -moz-box-shadow:0 0 10px #eee inset;
    width:95%;
	font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana;
}

div.checkbox-grid div {
    width:14em;
    font-size:14px;
    float:left;
}

/* root element for tabs  */
ul.options-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-right:1px solid #666;	 
    width: 10em;
}

/* single tab */
ul.options-tabs li {  
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.options-tabs a { 
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-right:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	top:1px;	
	outline:0;
	-moz-border-radius:4px 4px 0 0;	
}

ul.options-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.options-tabs a.current {
	background-color:#ddd;
	border-bottom:1px solid #ddd;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
.options-panes div {
    position:relative;
    left:10em;
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;	
}

/* Tabular, editable data (flight entry, asset entry, etc) */
table.tabular_data {
    border-collapse:collapse;
    margin:1em;
}
table.tabular_data th  {
    border: 1px solid black;
    padding:.5em 1em .5em 1em;
}
table.tabular_data td {
    border: 1px solid black;
    padding:.5em 1em .5em 1em;
    vertical-align:top;
}   

.span_width {
    width:100%;
}
table.tabular_data th {
    background-color:#777788;
    color:white;
}

.fadedout {
    display:none;
}


td.noborder {
    padding:1px 5px 1px 5px;
    border-right:0px;
}

table.flight_attr_table td {
    border:0px;
    padding:0px;
    margin:.2em;
}
td.flight_attr_field {
    text-align:right;
    padding-right: 3em;
}
table.flight_attr_table {

    position:relative;
}
.defaultText {
    color:#999;
}
.neutralBackground {
    background-color: #f4f2e8;
}

div#logout {
    position:absolute;
    top:24px;
    right:20px;
    font-size:1.2em;
    z-index:10;
}
a.buttony {
    text-decoration:none;
    color:black;
    cursor:pointer;
}

input.invalid {
    background-color:white;
}


.label {
    color:black;
}

tr.oddRow {
  background-color:#eee;
}
body.modalOpen {
  overflow:hidden;
}

