/* Guest Access */
/* 2008.10.10 */

/* ======================================================== GLOBAL ==========================================================*/
html, body, form, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl {
	margin:0;
	padding:0;
	border:0;
}
body {
	font-family:Arial; 
	font-size:12px;
	color:#555; 
}

a:link, a:visited {
	
	text-decoration:none;
}
a:hover, a:active {
	
	text-decoration:underline; 
}

input{
vertical-align:text-middle;
}


input:focus, input.focus, textarea:focus, textarea.focus, select:focus, select.focus{
color:#333;
background-color:#FFFFCC;
}

.centered, p.centered {
	text-align:center;
}
.txtright{
text-align:right;
}

.dupchar{
margin-right:-3px;
}

.none{
display:none;
}

.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
}
.block{
display:block;
clear:both;
padding:0px;
}
hr{
height:1px;
color:#ccc;
background-color:#ccc;
border:0;
}
img {
	border:0px;
	vertical-align:middle;
}
.underline, a.underline{
text-decoration: underline;
}
/*==== margin & padding ====*/
.margintop3{
margin-top:3px;
}
.margintop5{
margin-top:5px;
}
.margintop10{
margin-top:10px;
}
.margintop20{
margin-top:20px;
}
.marginbottom10{
margin-bottom:10px;
}
.marginbottom20{
margin-bottom:20px;
}
.marginbottom30{
margin-bottom:30px;
}
.marginright5{
margin-right:5px;
}
.marginright10{
margin-right:10px;
}
.marginright50{
margin-right:50px;
}
.marginleft20{
margin-left:20px;
}
/*==== width ====*/
.width15{
width:15%;
}
.width18{
width:18%;
}
.width20{
width:20%;
}
.width25{
width:25%;
}
.width30{
width:30%;
}
.width35{
width:35%;
}
.width41{
width:41%;
}
.width45{
width:45%;
}
.width55{
width:55%;
}
.width40{
width:40%;
}
.width65{
width:65%;
}
.width68{
width:68%;
}
.width70{
width:70%;
}
.width100{
width:100%;
}
/*==== color ====*/
.color_e{
background:#eee;
}

/*==== font ====*/
h2{
font-size:20px;
height:30px;
vertical-align:top;
color:#287c00;
font-weight:normal;
}
h4{
font-size:15px;
color:#555;
}
.font11{
font-size:11px;
}
.font12{
font-size:12px;
}
.font13{
font-size:13px;
}
.font14{
font-size:14px;
}
.font15{
font-size:15px;
}
.bold{
font-weight:bold;
}
.bluefont{
color:#0033cc;
}
.redfont{
color:red;
}
.greenfont{
color:#287c00;
}

/*==== button ====*/
.button_grey{
background-image:url(../../images/button_greyL.gif);
background-position:left;
background-repeat:no-repeat;
height:22px;
}
.button_grey a{
background-image:url(../../images/button_greyR.gif);
background-position:right;
height:19px;
margin-left:3px;
padding:3px 10px 0 7px;
vertical-align:middle;
color:#555;
font-weight:bold;
text-decoration:none;
}
.button_grey a:hover{
color:#000;
}
.button_green{
background-image:url(../../images/button_greenL.gif);
background-position:left;
background-repeat:no-repeat;
height:22px;
}
.button_green a{
background-image:url(../../images/button_greenR.gif);
background-position:right;
height:19px;
margin-left:3px;
padding:3px 10px 0 7px;
vertical-align:middle;
color:#555;
font-weight:bold;
text-decoration:none;
}
.button_green a:hover{
color:#000;
}
.button_greys{
background-image:url(../../images/button_greyL.gif);
background-position:left;
background-repeat:no-repeat;
height:22px;
}
.button_greys a{
background-image:url(../../images/button_greyR.gif);
background-position:right;
height:19px;
margin-left:3px;
padding:3px 8px 0 5px;
vertical-align:middle;
color:#333;
text-decoration:none;
}
.button_greys a:hover{
color:#000;
}
/* ======================================================== Header ==========================================================*/
#Header{
background-image:url(../../images/header_bg.gif);
background-repeat: repeat-x;
height:84px;
background-color:#212121;
}
#Header .head{
width:920px;
margin-left:auto;
margin-right:auto;
padding-top:30px;
}
/*==== Login ====*/
#Header .head .login{
padding-top:20px;
color:#fff;
}
#Header .head .login a{
color:#fff;
}
.loginclose div{
display:none;
}
.loginopen{
position:relative;
z-index:2;
}
.loginclose {
height:26px;
width:260px;
}
.loginopen div .top{
background-image:url(../../images/loginopen.gif);
background-position:top right;
background-repeat:no-repeat;
width:250px;
height:21px;
padding:5px 10px 0 0;
}
.loginopen div .col{
border-bottom:2px solid #888;
border-right:2px solid #888;
border-left:2px solid #888;
padding:10px 10px 10px 10px;
width:236px;
}
.loginopen div{
background-color:#212121;
position:absolute;
left:-203px;
top:-5px;
width:260px;
}

.loginopen div label{
float:left;
width:80px;
margin:3px 0;
}
.loginopen div input{
float:left;margin:3px 0;
}
.loginopen div span{
float:left;
}


#intro{
background-image: url(../../images/intro_bg.jpg);
height:191px;
color:#fff;
}
#intro .col{
width:920px;
margin-left:auto;
margin-right:auto;
}
#intro .txt_b{
font-size:30px;
padding:20px 0 0 20px;
}
#intro .txt_s{
margin-top:15px;
line-height:20px;
}
/* ======================================================== Wrapper ==========================================================*/
#Wrapper{
background-image:url(../../images/Wrapper_bg.jpg);
background-position:top center;
background-repeat:repeat-x;
}

/*==== Container ====*/
#Wrapper .Container{
padding:20px 0 0 0;
width:920px;
margin-left:auto;
margin-right:auto;
}
#Wrapper .Container .content_intro ul
{
	padding-top:10px;
}
#Wrapper .Container .content_intro li{
list-style:none;
vertical-align: top;
clear:both;
padding-bottom:10px;
}
#Wrapper .Container .content_intro li img{
float:left;
/*border:1px #ccc solid;*/
margin:0px 30px 10px 0 !important;
margin:10px 30px 10px 0;
}
#Wrapper .Container .content_intro li div{
margin:0px 0 8px 0;
line-height:20px;
}

#Wrapper .Container .homeleft{
padding-top:20px;
}
#Wrapper .Container .signup{
border:1px #ccc solid;
width:320px;
padding:20px;
background-image:url(../../images/signup_bg.gif);
background-position:bottom center;
background-repeat:repeat-x;
}
#Wrapper .Container .signup label{
float:left;
width:130px;
margin:7px 0;
font-size:13px;
}
#Wrapper .Container .signup input{

width:176px;
margin:5px 0;
height:20px;
}
#Wrapper .Container .signup span{
width:182px;
float:right;
}
#Wrapper .Container .signup a{
color:#287c00;
text-decoration:underline;
}
#Wrapper .Container .signup span input{
border:0;
width:auto;
height:auto;
margin:0;
}
.normalinput{
border:1px #ccc solid;
}
.errorinput{
border:1px red solid;
}
.error_tips{
border:1px #ff9292 solid;
padding:5px;
background-color:#ffdbdb;
}
.correct_tips{
border:1px #aaccfd solid;
padding:5px;
background-color:#edf4fe;
}
.yellow_tips{
background-color:#fefed4;
border:1px #ffea92 solid;
padding:5px;
}
.yellow_tips span{

}

.page{
font-weight:bold;
}
.page a{
font-weight:normal;
text-decoration:underline;
color:#666;
padding:0 2px;
}
.page a:hover{
color:#000;
}
.list_passserger{
border:1px #666 solid;
font-size:11px;
margin-top:10px;
}
.list_passserger tr td{
padding:0px 0 0px 10px;
line-height:30px;
}
.list_passserger .border_l{
border-left:1px #ccc solid;
}
.list_passserger .grey_bg{
background-color:#f9f9f9;
}
.list_passserger .black{
background-color:#606060;
color:#fff;
font-weight:bold;
}
.list_passserger .greenS{
background-color:#e0ffca;
color:#333;
border-bottom:1px #666 solid;
}
.list_passserger .blueS{
background-color:#ddebff;
color:#333;
border-bottom:1px #666 solid;
}

.list_trip{
width:100%;
}
.list_trip ul li{
list-style:none;
float:left;
}
.list_trip ul.title{
background-color:#ddebff;
width:98%;
float:left;
padding:0 10px;
}
.list_trip .title li{
padding:5px 5px;
font-weight:bold;
}
.list_trip ul.list{
width:98%;
float:left;
padding:0 10px;
border-bottom:1px #ccc dotted;
}
.list_trip .list li{
padding:8px 5px 5px 5px;
}
.list_trip .grey_bg{
background-color:#f9f9f9;
}

.modulepopupbg {
	background-color:Gray;
	filter:alpha(opacity=70);	
	opacity:0.7;
}
.popup{
background-color:#fefed4;
border:1px #ffea92 solid;
/*width:640px;*/
padding:8px 10px;
/*margin-left:auto;
margin-right:auto;
margin-top:10%;*/
width:640px;
}
.popup .box{
margin:20px 50px;
}
.popup .box label{
font-size:15px;
font-weight:bold;
line-height:22px;
}
.popup .box span input{
margin:0;
padding:0;
text-align:left;
}
.popup .box .box_img{
margin:0 10px 20px 0;
float:left;
}
.popup .box .welcome ul{
padding-left:30px;
}
.popup .box .welcome ul li{
list-style: inherit;
margin-left:50px;
line-height:18px;
margin:5px 0;
}
.popup .box2{
margin:20px 20px;
}
.popup .box2 label{
font-size:15px;
font-weight:bold;
line-height:22px;
}
.user_agreenment{
height:200px; 
overflow-y:scroll; 
background-color: #FFFFF0; 
padding:5px 5px;
}
.user_agreenment p{
font-size:11px;
margin:5px;
color:#666;
}

.passenger_l{
padding:0 40px 0 0;
width:660px;
}
.passenger_detail div{
width:100%;
float:left;
margin:3px 0;
}
.passenger_detail div span{
float:left;
}
.passenger_detail label{
width:105px;
float:left;
margin-left:3px;
}
.passenger_detail input{
float:left;
padding:1px 3px;
}
.passenger_detail select{
width:155px;
}
.passenger_detail textarea{
width:147px;
height:50px;
}
.box_greenTop{
background-image: url(../../images/box_greenTop.gif);
width:360px;
height:27px;
}
.box_greenTop .title{
color:#fff;
font-size:13px;
font-weight:bold;
float:right;
margin:6px 25px 0 0;
}
.box_greenMid{
background-image: url(../../images/box_greenMid.gif);
width:330px;
padding:10px 15px;
}
.box_greenBottom{
background-image: url(../../images/box_greenBottom.gif);
width:360px;
height:5px;
font-size:0px;
}
.box_Mid div{
float:left;
margin:3px 0;
width:100%;
}
.box_Mid label{
width:90px;
float:left;
font-size:11px;
color:#125500;
}
.box_Mid input, select, textarea{
float:left;
font-size:11px;
padding:1px 3px;
}
.box_Mid .normalinput{
border:1px #93df74 solid;
}
.box_Mid .normalinput2{
border:1px #a4c4f1 solid;
}

.box_blueTop{
background-image: url(../../images/box_blueTop.gif);
width:360px;
height:27px;
}
.box_blueTop .title{
color:#fff;
font-size:13px;
font-weight:bold;
float:right;
margin:6px 15px 0 0;
}
.box_blueMid{
background-image: url(../../images/box_blueMid.gif);
width:330px;
padding:10px 15px;
}
.box_blueBottom{
background-image: url(../../images/box_blueBottom.gif);
width:360px;
height:5px;
font-size:0px;
}


.passenger_r{
border-left:1px #eee solid;
border-right:1px #eee solid;
border-bottom:1px #eee solid;
width:195px;
padding:28px 10px;
min-height:200px;
margin-top:-20px;
}
.passenger_r a{
color:#666;
}
.passenger_list ul li{
list-style:none;
border-bottom:1px #ccc dotted;
float:left;
padding:0 5px;
line-height:18px;
width:95%;
margin:5px 0;
}
.passenger_list ul li span{
max-width:150px;
}