/*

Title: US Embassy - 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 , body {
height: 100%;
}


body {
margin: auto;
padding: 0;
width: 100%;
color: #4D4D4D;
background: #673276 url(images/body_bg.gif) 0 16px repeat-x;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 75%;
line-height: 1.3em;
}

.popup {
width: 600px;
}

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;
}

#wrapper {
width: 932px;
margin: 0 auto;
}

#wrapper2 {
width: 580px;
margin: 0 auto;
}


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

#backtoair21 p {
width: 850px;
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;
}

/* ---- Start of Header ---- */
#header {
float: left;
width: 100%;
background: url(images/header_bg.gif) top center no-repeat;
height: 142px;
}


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

#logo, #logo a {
display: block;
width: 300px;
height: 180px;
}



#main {
float: left;
width:100%;
/*background: url(images/main_bg.gif) top left no-repeat;*/

}


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


#tracktext {
position: relative;
top: -4px;
left: 15px;
border: 1px solid #737373;
width: 199px;
height: 88px;
float: left;
}

#trackform {
float: left;
width: 360px;
height: 172px;
padding: 5px 5px;
border: 1px solid #C0C0C0;
background: url(images/form_bg.gif) 5px 5px no-repeat;
position: relative;
left: 50px;
z-index: 100;
}


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

#btn_track {
float: left;
position: relative;
top: -6px;
left: 16px;
}


.choosenum {
float: left;
width: 120px;
position: relative;
left: 25px;
top: -95px;
font-weight: bold;
color: #094696;
}

.radiotitle {
font-size: 1.2em;
}


.box {
margin-top: 7px;

}

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


#advisory {
float: left;
width: 372px;
padding: 10px 0;
height: 390px;
position: relative;
left: 50px;
top: 30px;
line-height: 1.2em;
background: #fff url(images/advisory_bg.gif) top left no-repeat;
}

#advisory .title, .accordion .title {
color: #0B3658;
}


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

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

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

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

#tabs{
position: relative;
left: 50px;
top: 30px;
float: left;
border-bottom: 1px solid #C0C0C0;
width: 370px;
}

#buttons {
list-style: none;
margin: 0;
padding: 0

}

#buttons li {
float: left;
cursor: pointer;
padding: 2px 8px;
font-size: 14px;
height: 16px;
}

#buttons li {
color: #5C5C5C;
font-weight: bold;
border-top: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
background: #fff;
}

#buttons li.active {
background: url(images/active_bg.gif) 0 0 repeat-x;
color: #fff;
}

#panes {
float: left;
width: 372px;
height: 400px;
}
		
#panes p {
padding: 4px 12px 4px 12px;
line-height: 1.2em;
width: 330px;
}

#panes div div { overflow: hidden; }


#panes ol {
margin-left: 22px;
padding: 4px 12px 0 10px;
}

#panes ul {
margin-left: 16px;
}

#panes li {
padding: 2px 0px;
}

/* ---- Start of RightContent ---- */
#rightcontent {
float: left;
width: 435px;
color: #4D4D4D;
}


/* ---- Start of Footer ---- */
#footer {
clear: both;
width: 100%;
height:92px;
}

#footer a {
color: #4F0054;
}


#footer a:hover {

color: #fff;
}

#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 ---- */

/* ---- Style of Accordion ---- */
h3 {
width: 434px;
height: 44px;
margin-top: 4px;
text-transform: uppercase;
color: #dfdfdf;
background: url(images/tab_bg.gif) top left no-repeat;
cursor: pointer;
font-size: 15px;	
}



h3 a, h3 a:link , h3 a:visited {
letter-spacing: 1px;
display: block;
text-decoration: none;
color: #dfdfdf;
width: 411px;
height: 16px;
padding: 15px 8px 13px 15px;
}

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

h3.open span.changecolor {
color: #FFF;
}
h3.open , h3.open a {
color: #dfdfdf;
background: url(images/open_bg.gif) top left no-repeat;
}

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

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

h3.hotline a  {
color: #DDD;
}

.accordion {
color: #4D4D4D;
width: 434px;
background: #FFF url(images/close_tab_bg.gif) bottom left repeat-x;
padding-bottom: 2px;
margin-bottom: 12px;
}

.accordion  p {
padding: 5px 18px;
}
.accordion .title {
padding: 15px 10px 0 18px;
line-height: 1.25em;
font-size: 1.3em;
}

.accordion .phone {
font-size: 1.31em;
}

.accordion table {
margin: 10px 18px 15px 18px;
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;
/*position:relative; vertical-align:top;*/
}

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

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

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


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

.catch {
padding: 5px 5px;
width: 424px;
background: #6BA4CE;
color: #fff;
margin-top: 5px;
font-size: 13px;
}

.errormsg {
margin-top: 12px;
}



.note {
color: #C5D0F2;
padding-left: 15px;
font-size: .9em;
position: relative;
float: left;
width: 300px;
top: -40px;
}


#maincontent table {
margin: 10px 18px 15px 0px;
padding: 0 0 10px 0;
border-width: 2px 2px 2px 2px;
border-style: solid solid solid solid;
border-color: #DFDFDF;
border-collapse: collapse;
border-spacing: 2px;
background: #fff;
width: 520px;
}


#maincontent th {
text-transform: uppercase;
font-weight: bold;
padding: 6px 4px;
border: 1px solid #DFDFDF;
}



#maincontent td {
padding: 5px 3px;
border: 1px solid #DFDFDF;
text-align:center;
/*position:relative; vertical-align:top;*/
}

#maincontent .type {
width: 90px;
}

.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 {
margin-top: 2px;
background: url(../bg_sig.png) 0 0 no-repeat;
width: 207px;
height: 74px;
}

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