/*

Title: Air21 WayBill Tracking Stylesheet
Description: This is the main theme
Version: 1.0
Author: Marites L. Quitoriano (marites@orangefix.net)
Author URI: http://orangefix.net/
*/



/* Remove all margin and paddings */

* {
margin: 0;
padding: 0;
}

html , abody {
height: 100%;
}


body {
margin: auto;
padding: 0;
width: 100%;
color: #000;
background: #268CBE  url(images/body_bg.gif) top center repeat-y;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 72%;
line-height: 1.3em;
}

a img, img {
border: none;
}


/* Define font sizes */
h1 {
font-size: 1.5em;
}

h2 {
font-size: 1.4em;
}

h3 {
font-size: 1.3em;
}

h4 {
font-size: 1.2em;
}

h5 {
font-size: 1.1em;
}

h6 {
font-size: .95em;
}

/* Define links color */
a, a:link, a:visited {
color: #000;
text-decoration: underline;
}

a:hover {
color: #000;
}

blockquote {
margin-left: 15px;
}

.hidetext {
display: none;
}

#accessibility {
display: none;
}


#backtoair21 {
float: left;
width: 100%;
height: 16px;
background: #985ACF;
font-family: Arial, Helvetica, serif;
}

#backtoair21 p {
width: 820px;
margin: 0 auto;
height: 14px;
padding: 1px 0;
}

#backtoair21 a {
text-decoration: none;
color: #FFF;
background: url(images/backto_air21.gif) 0 1px no-repeat;
padding-left: 35px;
height: 14px;
}

#backtoair21 a:hover {
background: url(images/backto_air21.gif) 0 -14px no-repeat;
color: #4F0054;
}

#wrapper {
width: 858px;
margin: 0 auto;
background: #FFF;
}




/* ---- Start of Header ---- */
#header {
float: left;
width: 820px;
height: 120px;
padding: 0 19px;
background:  url(images/header_bg.gif) 0 0 no-repeat;

}

#logo {
float: left;
position: relative;
}

#logo, #logo a {
display: block;
width: 236px;
height: 114px;
}

#logo a {
background: url(images/logo_smart.gif) no-repeat;
}

#pldtlogo {
float: right;
position: relative;
right: 10px;
}

#pldtlogo, #pldtlogo a {
display: block;
width: 205px;
height: 90px;
}

#pldtlogo a {
background: url(images/logo_pldt.gif) no-repeat;
}


#main {
float: left;
width:100%;
}


/* ---- Start of LeftContent ---- */
#leftcontent {
float: left;
width: 345px;
padding-top: 4px;
padding-left: 20px;
}


#tracktext {
position: relative;
left: 20px;
border: 1px solid #737373;
width: 198px;
height: 90px;
}


#trackform {
float: left;
width: 363px;
height: 174px;
background: url(images/form_bg.gif) 0 0 no-repeat;
}



#trackform .title {
padding-top: 40px;
padding-left: 12px;
}

#trackform form {
padding-bottom: 3px;
}

#btn_track {
position: relative;
left: 20px;
border: 1px solid #737373;
text-align: center;
background: #3E71BE;
width: 200px; 
font-weight: bold;
color: #FFF;
}

#btn_track:hover {
background: #DB4353;
color: #FFF;
}

#air21tracking {
float: left;
position: relative;
top: 15px;
}

#air21tracking, #air21tracking a {
display: block;
width: 363px;
height: 43px;
}

#air21tracking a {
background: url(images/btn_air21tracking.gif) 0 0 no-repeat;
opacity: .80;
filter:alpha(opacity=80);
}

#air21tracking a:hover {
opacity: 1;
filter:alpha(opacity=100);
display: block;
}

/* ---- Start of RightContent ---- */
#rightcontent {
float: left;
width: 434px;
padding-left: 40px;
color: #4D4D4D;
padding-bottom: 30px;

}


/* ---- Start of Footer ---- */
#footer {
clear: both;
float: left;
width: 100%;
height:92px;color: #4D4D4D;
color: #00419F;
}

#footer a:hover {
color: #4F0054;
}

#footer p {
text-align: center;
}


#powered {
position: relative;
padding-top: 65px;
margin: 0 auto;
margin-bottom: 10px;
}

#powered, #powered a {
display: block;
width: 80px;
height: 40px;
}

#powered a {
background: url(images/air21_powered.gif) top left no-repeat;
}

#powered a:hover {
background: url(images/air21_powered.gif) bottom left no-repeat;
}



/* ---- End of Footer ---- */
h3 {
width: 434px;
height: 46px;
margin-top: 4px;
text-transform: uppercase;
color: #DDD;
background-image: url(images/tab_bg.gif);
background-position: top left;
background-repeat:no-repeat;
cursor: pointer;
}


h3 a, h3 a:link , h3 a:visited {
letter-spacing: 1px;
display: block;
text-decoration: none;
color: #000;
width: 414px;
height: 16px;
padding: 15px 10px 15px 10px;
}


h3 a:hover , h3 a:active{
color: #00419F;
background-image: url(images/hover_bg.gif);
background-position: top left;
background-repeat:no-repeat;
}


h3.open , h3.open a {
color: #00419F;
background-image: url(images/open_bg.gif);
background-position: top left;
background-repeat:no-repeat;
}

h3.alternate {
background: url(images/tab_bg.gif) top left no-repeat;
}

h3.gethelp {
background: url(images/tab_bg.gif) top left no-repeat;
}

h3.gethelp a  {
color: #00419F;
}


.accordion {
background: #FFF; 
color: #4D4D4D;
width: 432px;
border-left: 1px solid #8D8D8D;
border-right: 1px solid #8D8D8D;
background: url(images/close_tab_bg.gif) bottom left repeat-x;
padding-bottom:2px;
margin-bottom: 10px;
}



.accordion  p {
padding: 10px 10px;
}

.accordion .title {
padding: 10px 10px 0 10px;
}

.accordion table {
margin: 10px 10px;
padding: 0 0 10px 0;
border-width: 1px 1px 1px 1px;
border-style: solid solid solid solid;
border-color: #DFDFDF;
border-collapse: collapse;
border-spacing: 2px;

}

.accordion th {
text-transform: uppercase;
font-weight: bold;
padding: 4px 2px;
background: #CFCFCF;
}

.accordion tr {
background: #F2F2F2;
}
.accordion tr:hover, .accordion tr.alternate:hover {
background-color:#DFDFDF;
}

.accordion tr.alternate {
background: #FFF;
}


.accordion td {
padding: 2px 2px;
}

.pdate {
text-align: center;
width: 70px;
}

.ptime {
text-align: center;
width: 45px;
}

.plocation {
width: 85px;
text-align: center;
}

#error {
float: left;
font-weight: bold;
color: #FFF;
width: 330px;
position: relative;
padding: 6px 0;
}

.hidden { display: none; }
.unhidden { display: block; }

.catch {
padding: 5px 5px;
width: 424px;
background: #FFF;
color: #00419F;
margin-top: 5px;
font-size: 13px;
}

.note {
color: #00419F;
padding-left: 19px;
font-size: .9em;
}

.showsig {
position: relative;
left:10px;
width: 380px;
}

.sigbox {
padding: 2px 0;
}

.sigbox a {
background: url("images/btn_view_sig_client_specif.png") 0 0 no-repeat;
width: 100px;
height: 14px;
display: block;

}
.sigbox a:hover {
background: url("images/btn_view_sig_client_specif.png") 0 -14px no-repeat;
}

.sig {
background: url(../bg_sig.png) 0 0 no-repeat;
width: 207px;
height: 74px;
}

.sig img {
position: relative;
top: 2px;
}