/*************************************
* AAVirtual Stylesheet
* Copyright American Airlines Virtual, 2008
* Revision History
* 02/16/2008 - Initial release
*************************************/

/*************************************
* Home page header content
*************************************/
body {
  background: #cccccc fixed;
  font-family: arial, helvetica, serif;
}

#content {
  width: 1000px;
  background: #cccccc;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  font-family: arial, helvetica, serif;
  border-width: 2px;
  border-style: solid;
  border-color: #000044;
}

img#content {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

form#login {
  font: bold 10pt arial;
  color:#000044;
  padding: 2px;
  margin: 0;
}

a#login {
  font: bold 10pt arial;
  color:#000044;
  padding: 2px;
  margin: 0;
  text-decoration: none;
}

div.clearer {
  clear: left;
  line-height: 0;
  height: 0;
}

/*************************************
* Left side navigation menu
*************************************/
#leftbar {
  float: left;
  margin: 0;
  padding: 0;
}

#leftmenu {
  border-width: 2px;
  border-style: solid;
  border-color: #ff0000;
}

dl#header {
  width: 186px;
  margin: 0px;
  padding: 0px;
  background: #000044;
}
dt#header {
  margin: 0px;
  padding: 5px;
  font: bold 10pt arial;
  text-decoration: none;
  background: #000044;
}
dd#item {
  margin: 0;
  padding: 2px;
  font: bold 10pt arial;
  text-decoration: none;
  background: #ffffff;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #000044;
}
dt#header a {
  color: #ffffff;
  text-decoration: none;
}
dt#header {
  color: #ffffff;
  text-decoration: none;
}

dd#item a {
  display: block;
  color: #000044;
  text-decoration: none;
}
dd#item a:hover {
  color: #ffffff;
  background: #a0a0ff;
}

table#stats {
  width:186px;
  margin: 0px;
  padding: 2px;
  font: bold 10pt arial;
  text-decoration: none;
  color: #000044;
}

tr#stats {
  margin: 0px;
  padding: 0px 2px 0px 2px;
  border: solid 1px blue;
}
/*************************************
* Footer
*************************************/
p#copyright {
  margin: 0px;
  padding: 0px;
  font: 8pt arial;
  text-decoration: none;
  color: #000044;
}

/*************************************
* Main content
*************************************/
#main {
  float:left;
  width:800px;
  background: #f0f0f0;
  margin: 0;
  padding: 0px 5px 0px 5px;
  font: 10pt arial;
  color: #000044;
  text-decoration: none;
}

#section {
  width:800px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #000044;
}

#main img {
  padding: 10px 0px;
}

#main p {
  margin: 0.5em 0.2em 0.5em 0.5em;
  padding: 0px;
}

#main ul {
  margin: 0 0 0 1.5em;
  padding: 0px 0px 0px 20px; 
}

#main ul li {
  width:700px;
  margin: 0;
  padding: 0px;
}

#main a {
  text-decoration: none;
  color:#000044;
  font-weight:bold;
}


#main a:hover {
  text-decoration: underline;
}

tr.tableheader td {
	font-size:10pt;
	font-weight:bold;
        z-index:0;
}

tr.tableheader td{
	background-color: #000044;
	color:#ffffff;
	padding:2px;
        z-index:0;
}

tr.tablesubheader td {
	font-size:10pt;
	font-weight:bold;
}

tr.tablesubheader td{
	background-color: #ffffff;
	color:#000044;
	padding:2px;
}

tr.tablerow td, tr.tablerow td a{
	font-size:10pt;
	padding:2px;
	color:#000044;
}

tr.tablerowalt td, tr.tablerowalt td a{
	background-color: #c0c0c0;
	font-size:10pt;
	padding:2px;
	color:#000044;
}

tr.tablerow td a:hover{
	font-size:10pt;
	padding:2px;
	color:#8080ff;
}

div#pdata {position: relative; }
div#pdata a {display: block;
    text-decoration: none; 
   }
div#pdata a:hover {
   background-color:#a0a0ff;
   color:#000044;
}

div#pdata a span {display: none;}
div#pdata a:hover span {display: block;
   position: absolute; 
   background-color:#000044;
   color:#ffffff;
   width:200px;
   margin: 0 0 0 2em;
   z-index: 2;
   }

#hubadmin h2 a, #hubadmin p a{
  color:#000044;
	text-align: center;
  text-decoration: none;
}

td#detail_r {
  text-align: right;
  color:#FF8000;
}

td#detail_l{
  text-align: left;
}

div#modulemenu {
	text-align: center;
  text-decoration: none;
}

div#modulemenu a {
	background-color:#000044;
	padding: 5px;
	border: 1px;
        color:#ffffff;
}

div#modulemenu a:hover span {
	background-color:#ffffff;
        color:#000044;
}

td#red {
	color: #FF0000;
}

strong.red {
	color: #FF0000;
}

a.bold_red {
	color: #FF0000;
	font-weight:bold;
}

a#red {
	color: #FF0000;
	font-weight:bold;
}

a#blue {
	color: #3333dd;
	font-weight:bold;
}

a#orange {
	color: #FF8000;
	font-weight:bold;
}

a#yellow {
	color: #FFC619;
	font-weight:bold;
}

a#green {
	color: #00cc33;
	font-weight:bold;
}

p#green_msg {
	color: #00cc33;
	font-weight:bold;
}

/*************************************
* Pagination
*************************************/
.pagination {
	height: 1%; /* IE tweak (holly hack) */
	width: auto;
	text-align: left;
	margin-top: 5px;
	float: left;
}

.pagination span.page-sep {
	display: none;
}

li.pagination {
	margin-top: 0;
}

.pagination strong, .pagination b {
	font-weight: normal;
}

.pagination span strong {
	padding: 0 2px;
	margin: 0 2px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #bfbfbf;
	border: 1px solid #bfbfbf;
	font-size: 0.9em;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	color: #747474;
	margin: 0 2px;
	padding: 0 2px;
	background-color: #eeeeee;
	border: 1px solid #bababa;
	font-size: 0.9em;
	line-height: 1.5em;
}

.pagination span a:hover {
	border-color: #d2d2d2;
	background-color: #d2d2d2;
	color: #FFF;
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}

/*************************************
* Logbook comments
*************************************/
div#ldata {position: relative; }
div#ldata a {display: block;
    text-decoration: none; 
   }
div#ldata a:hover {
   background-color:#a0a0ff;
   color:#000044;
}

div#ldata a span {display: none;}
div#ldata a:hover span {display: block;
   position: absolute; 
   background-color:#000044;
   color:#ffffff;
   width:200px;
   margin: 0 0 0 -12em;
   }