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



/* Remove all margin and paddings */

* {
margin: 0;
padding: 0;
}

html , body {
height: 100%;
}


body {
padding: 0;
width:100%;
height: 100%;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 72%;
line-height: 1.3em;
}

a img, img {
border: none;
}


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

h2 {
color:#5C2D91;
font-size: 1.85em;
padding: 30px 0 15px 0;
}

h3 {
font-size: 1.6em;
padding-bottom: 10px;
}

h4 {
color:#5C2D91;
font-size: 1.3em;
}


h5 {
font-size: 1.1em;
text-align: right;
padding-bottom: 10px;
}

h5 a {
color: #fff;
}

h6 {
position: relative;
font-size: 1.2em;
padding-bottom: 4px;
}

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

a:hover {
color: #F26522;
}

p {
font-size: 1.1em;
}

blockquote {
margin-left: 15px;
}

.hidetext {
display: none;
}

#accessibility {
display: none;
}

#wrapper {
width: 400px;

}


#main {
float: left;
width:380px;
padding: 0 10px;
background: #DED5E9;
}

#main2 {
float: left;
width:560px;
padding: 0 10px;
background: #DED5E9;
}

#header {
background: #5C2D91;
}


ul {
float: left;
list-style: none;
margin-top: 5px;
}


li {
float: left;
width: 100%;
margin-top: 1px;
}


.alternate {
background: #CCCCFF;
}


.awb{
float: left;
width: 130px;
padding: 3px 5px;
text-align: center;
}

.status{
width: 230px;
padding: 3px 5px;
}

.pdate {
width: 65px;
padding: 3px 0 3px 5px;
text-align: center;
}

.ptime {
width: 55px;
padding: 3px 0 3px 5px;
text-align: center;
}

.plocation {
width: 100px;
padding: 3px 0 3px 5px;
}

.pstatus {
width: 135px;
padding: 3px 0 3px 5px;
}


.track {
width: 100px;
padding: 3px 3px 3px 2px;
text-align: center;
}

.cref {
width: 85px;
padding: 3px 2px 3px 5px;
text-align: center;
}

.package {
float: left;
width: 40px;
padding: 3px 0 3px 5px;
text-align: center;
}

.stat {
float: left;
width: 132px;
padding: 3px 0 3px 5px;
}
.stat2{
float: left;
width: 100px;
padding: 3px 0 3px 5px;
}

.mlocation{
float: left;
width: 110px;
padding: 3px 0 3px 5px;
}

.mstatus{
width: 220px;
padding: 3px 0 3px 5px;
}

.chktrack {
float: left;
padding: 3px 0 3px 5px;
width: 25px;
}


.ship_to {
float: left;
width: 130px;
padding: 3px 0 3px 5px;
text-align: center;
}


#trackform {
float: left;
width: 100%;
padding: 25px 0;
}

#trackform  p{
float: left;
padding: 15px 5px 0 0;
}

#trackform  .note {
float: left;
width: 140px;
padding: 0 5px 0 10px;
}

#main2 #trackform  p{
float: left;
width: 300px;
height: 60px;
padding: 60px 5px 0 5px;
}

#emailform, #downloadform, #loginform, #regform, #matrackform  {
float: left;
width: 100%;
padding: 20px 0;
}

#emailform p , #loginform  p, #regform  p{
padding: 3px 0;
}

#members {
float: left;
padding-bottom: 25px;
}


.searchtype {
float: left;
padding: 10px 0;
width: 100%;
float: left;
}

.box {
margin-left: 3px;
margin-right: 8px;
}

.changecolor {
background:#5C2D91;
color:#FFF;
font-weight: bold;
padding: 3px 2px;
margin-bottom: 4px;
width: 100%;
}

label {
display: block; 
float: left; 
text-align: right;
margin: 0 6px 0 0; 
padding-top: 2px;
clear: left;  
font-weight: bold;
width: 133px;
}


input {
padding: 1px 0;
}


input, textarea, .box  {
border: #5C2D91 1px solid; 
background: #fff;

}

textarea:focus, input:focus  {
border: #9F9F9F 1px solid; 
}


textarea {
float: left;
width: 210px;
}

#main #emailform textarea {
width: 230px;
}

#main2 #emailform p {
width: 100%;
float: left;
}


#btn_track {
position:relative;
left: 135px;
}


#btn_search, #btn_email {
position:relative;
left: 135px;
text-align:center;
}

.navigation {
text-align: right;
padding: 7px 0 5px 0;
font-size: .975em;
}

.navigation a {
text-decoration: none;
}

.center {
text-align: center;
}

table {
border-collapse: collapse;
border-spacing: 2px;
background: #FFFFFF;
margin: 3px 0;
}

tr {
background: #EFEFEF;
}

td {
padding: 4px 5px;
}

th, .heading {
background: #5C2D91;
color: #FFFFFF;
font-size: 1.05em;
padding: 8px 0 6px 0;
font-weight: bold;
text-align: center;
}


.user td, .user th {
padding-left: 20px;
text-align: left;
}


tr.alternate {
background: #CCCCFF;
}

tr:hover {
background:#DFDFDF;
}

.tb_cref {
width: 82px;
text-align: center;
padding: 3px 0 3px 8px;
}

.tb_username {
width: 85px;
text-align: left;
padding: 3px 0 3px 5px;
}


.tb_package {
width: 35px;
text-align: center;
padding: 3px 0 3px 5px;
}
.tb_name {
text-align: center;
padding: 3px 0 3px 5px;
}

.tb_ship_to {
width: 130px;
text-align: center;
padding: 3px 0 3px 5px;
}

.tb_action, .tb_lock {
text-align: center;
}

.tb_company {
width: 135px;
text-align: left;
padding: 3px 0 3px 5px;
}


.tb_track {
width: 95px;
padding: 3px 3px 3px 2px;
text-align: center;
}

.tb_date {
width: 55px;
padding: 3px 3px 3px 5px;
text-align: left;
}

.tb_chktrack {
padding: 3px 0 3px 5px;
width: 21px;
}

.tb_stat, .tb_mstatus, .tb_status, .tb_stat2 {
padding: 3px 2px 3px 5px;
}

.tb_left {
width: 150px;
font-weight: bold;
}

.tb_left2 {
width: 90px;
font-weight: bold;
}

#main2 #matrackform table {
width: 560px;
}

#main table {
width: 380px;
font-size: 12px;
}

#catch {
background: #fff;
}

#catch h3 {
font-weight: normal;
font-size: 14px;
}

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

/* navigations and menu */

#menu {
float: left;
width: 100%;
height: 21px;
background: #F26522;
margin-top: 10px;
}

#menu ul, #signoff ul, .submenu ul {
padding: 0;
margin: 0;
list-style: none;
}

#menu li, #signoff li, .submenu li {
float: left;
width: auto;
display: block;
margin: 0 0;
}


#menu li a {
float: left;
background: #F26522;
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
padding: 3px 6px;
font-size: 13px;
}

#menu li a:hover {
background: #5C2D91;
color: #F26522;
}

#menu li.active a {
background: #7441AF;
color: #fff;
}

#signoff {
float: right;
margin: 2px 0;
}

#signoff li  {
padding: 3px 6px;
float: left;
}

.submenu {
float: left;
margin: 4px 0;
}

td .submenu {
text-align: center;
}

.submenu li a {
float: left;
background: #fff;
color: #7441AF;
text-decoration: none;
padding: 2px 6px;
margin-right: 4px;
border: 1px solid #7441AF;
font-weight: bold;
}

.button  {
background: #fff;
color: #7441AF;
text-decoration: none;
padding: 2px 6px;
margin-right: 4px;
border: 1px solid #7441AF;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
padding: 0 3px;
}

.submenu li a:hover, .button:hover {
background: #fff;
color: #F26522;
border: 1px solid #F26522;
}


.adv .showsig {
position: relative;
left:30px;
width: 340px;
}

.sigbox {
padding: 2px 0;
}

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

}

.sigbox a:hover {
background: url(btn_view_sig.png) 0 -14px no-repeat;
}

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

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