/*----------------------------------------------------------
----------------------------------------------------------*/
html, body
{
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background-image: url(../../images/bg01.jpg);
    background-repeat: repeat;
}

a
{
    text-decoration: none;
}
a:link
{
    color: #6b7b95;
}
a:visited
{
    color: #6b7b95;
}
a:hover
{
    color: #990000;
}
a:active
{
    color: #e79d35;
}
a.selected:link
{
    color: #222;
}
a.selected:visited
{
    color: #222;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.1em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}


/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

/*layout*/


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------
fieldset label
{
    display: block;
}
*/

fieldset
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p
{
    margin: 2px 12px 10px 10px;
}



fieldset label.inline
{
    display: inline;
}

legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"]
{
    padding: 5px;
    border: 1px solid #CCC;
}

input[type="password"]
{
    border: 1px solid #CCC;
}


.feedback
{
    padding: 10px 0px 5px 10px;
    width: 95%;
    height: 300px;
    border: 1px solid #CCC;
}
.btnnormal
{
    width: 100px;
    height: 34px;
    background: url(../../images/back/buttonnormal.png) no-repeat;
    border: 0px;
    color: #990000;
    font-weight: bold;
}
.btnwide
{
    width: 255px;
    height: 34px;
    background: url(../../images/back/buttonwide.png) no-repeat;
    border: 0px;
    color: #990000;
    font-weight: bold;
}

/* TABLE
----------------------------------------------------------*/
table
{
    border: solid 1px #e8eef4;
    border-collapse: collapse;
    display: block;
}

table td
{
    padding: 5px;
    border: solid 1px #e8eef4;
}

table th
{
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}
table.itemlist
{
    width: 100%;
}
table.itemlist td
{
    padding: 5px;
    border-bottom: 1px solid #95bce2;
    border-width: 0px 0px 1px 0px;
}
table.itemlist td *
{
    padding: 5px;
}
table.itemlist tr.alt td
{
    background: #ecf6fc;
}

table.itemlist tr.over td
{
    background: #bcd4ec;
}
.pricelabel
{
    margin: 10px auto 10px auto;
}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

/*date*/
a.dp-choose-date
{
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 5px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(../../images/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled
{
    background-position: 0 -20px;
    cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
#calendar-me
{
    margin: 20px;
}
input.dp-applied
{
    width: 140px;
    float: left;
}
ul.horizontal li
{
    margin-left: 15px;
    display: inline;
    list-style: none;
}

/*hide*/
.hide
{
    display: none;
}
/*team logo pic*/
.code
{
    border: 1px solid #ccc;
    padding: 1.5em;
    background: #ffffdd;
    margin-left: 0;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.center
{
    text-align: center;
}
.more
{
    padding: 10px 30px 0px 10px;
    text-align: right;
    font-weight: bold;
}
.listprice
{
    font-size: 1.5em;
    font-weight: bold;
    font-style: italic;
    font-variant: normal;
    color: #0000FF;
}
.fullwidth
{
    width: 100%;
}

.positionrelative
{
    position: relative;
}
.logo_small
{
    border-width: 0px;
    width: 80px;
    height: 80px;
    padding: 5px;
}
.logo_medium
{
    margin: 5px;
    border-width: 0px;
    width: 140px;
    height: 140px;
}

.defaulttourpackageitem
{
    margin-bottom: 5px;
}
.title
{
    font-size: 1.1em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.headertitle
{
    font-size: 1.1em;
    padding: 6px 5px;
    text-align: center;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
    font-weight: bold;
}
.toptitle
{
    background-position: 20px center;
    border-style: none none solid none;
    font-size: 1.2em;
    color: #990000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    border-bottom-width: 2px;
    padding-bottom: 5px;
    background-image: url(../../images/back/toptitleback.png);
    _background-image: url(../../images/back/toptitleback.gif);
    background-repeat: no-repeat;
    padding-left: 80px;
    height: 50px;
    line-height: 50px;
}

.floatleft
{
    float: left;
}
.floatright
{
    float: right;
}

.yeartourpackagelist
{
    background-image: url(../../images/back/2009tourback.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
.overview
{
    overflow: hidden;
}
.orderbar
{
    text-align: right;
}
#orderform input[type="text"]
{
    width: 150px;
    border: 1px solid #CCC;
}
.a
{
    border: #ddd 2px solid;
    margin: 1em 0px;
    position: relative;
    background: #bbb;
}
.b
{
    border: #999 2px solid;
    padding: 1px;
    margin: 1px;
    position: relative;
    background: #777;
}
.c
{
    border: #555 2px solid;
    padding: 5px;
    position: relative;
    background: #fff;
    min-height: 400px;
}
.ltin
{
    left: -5px;
}
.tpin
{
    top: -5px;
}
.rtin
{
    left: 5px;
}
.closeoverlay
{
    text-align: right;
}

.displaynone
{
    display: none;
}
.backbegin
{
    background-color: #C0C0C0;
}
.backnow
{
    background-color: #00FFFF;
}
.backfinish
{
    background-color: #990000;
    color: #FFFFFF;
}
.needed
{
    color: #990000;
}
.totalamount
{
    font-size: 2em;
    font-weight: bold;
    color: #990000;
}
.noticemsg
{
    text-align: center;
    padding: 10px;
    font-size: 1.5em;
}
.orderdiv
{
    padding: 5px 10px 5px 5px;
    text-align: right;
}
.tourpackagelisttours
{
    float: left;
    width: 68%;
    bottom: 0px;
}
.tourpackagelistorder
{
    float: left;
    width: 15%;
    text-align: center;
    bottom: 0px;
}
.tourpackagelistprice
{
    float: left;
    width: 15%;
    text-align: center;
    bottom: 0px;
    font-size: 1.2em;
    font-weight: bold;
    color: #990000;
}
.note
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}
.aligncenter
{
    vertical-align: middle;
    text-align: center;
}
.width600
{
    width: 600px;
}
.backgroundcolornone
{
    background-color: #fff;
}
#atrractionlist
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 5px;
}
#citylist
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 5px;
}
.cityblock
{
    float: left;
    width: 140px;
    height: 140px;
    position: relative;
    margin-left: 10px;
}
.cityblock img
{
    border: 0;
    width: 140px;
    height: 140px;
    top: 0;
    left: 0;
}
.pictext
{
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 30px;
    background-color: #000000;
    filter: alpha(opacity=60);
    opacity: 0.6;
    width: 100%;
    font-size: 1em;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
}
.divcontent
{
    position: relative;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
}
.onlineservice img
{
    border: 0;
    margin: 10px 3px 3px 3px;
}
.short
{
    width: 50px;
}
#memeberlist
{
    text-align: center;
    padding: 5px;
}
#memeberlist a
{
    display: block;
}
#memeberlist img
{
    margin: 10px;
    border: 0;
}
.sideblock
{
    margin-bottom: 10px;
}
.needvlotus
{
    background-image: url(../../images/back/vlotus.png);
    background-repeat: no-repeat;
    background-position: 600px bottom;
}
.needhlotus
{
    background-image: url(../../images/back/hlotus.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}
.ulcitylist
{
    list-style-type: none;
}
.ulcitylist li
{
    float: left;
    width: 180px;
}
.ulattractionlist
{
    list-style-type: none;
}
.ulattractionlist li
{
    float: left;
    width: 230px;
}
ul#tagcloud
{
    padding: 2px;
    margin: 0;
    text-align: center;
    list-style: none;
    background-color: #e7f3f3;
}
ul#tagcloud li
{
    background-position: none;
    display: inline;
    font-family: "Times New Roman" , Times, serif;
    font-size: 70%;
    color: #ccc;
    background: none;
    margin-left: 5px;
}
ul#tagcloud li a, ul#tagcloud li a:link
{
    text-decoration: none;
}
ul#tagcloud li a:hover
{
    text-decoration: underline;
}
ul#tagcloud li.t1 a:link
{
    color: #797979;
    font-size: 120%;
}
ul#tagcloud li.t2 a:link
{
    color: #6d6d6d;
    font-size: 160%;
}
ul#tagcloud li.t3 a:link
{
    color: #616161;
    font-size: 190%;
}
ul#tagcloud li.t4 a:link
{
    color: #555555;
    font-size: 210%;
}
ul#tagcloud li.t5 a:link
{
    color: #484848;
    font-size: 230%;
}
ul#tagcloud li.t6 a:link
{
    color: #3c3c3c;
    font-size: 250%;
}
ul#tagcloud li.t7 a:link
{
    color: #303030;
    font-size: 270%;
}
ul#tagcloud li.t8 a:link
{
    color: #242424;
    font-size: 290%;
}
ul#tagcloud li.t9 a:link
{
    color: #181818;
    font-size: 310%;
}
ul#tagcloud li.t10 a:link
{
    color: #990000;
    font-size: 330%;
}
ul#tagcloud li.t1 a:hover
{
    color: #990000;
    font-size: 300%;
}
ul#tagcloud li.t2 a:hover
{
    color: #990000;
    font-size: 300%;
}
ul#tagcloud li.t3 a:hover
{
    color: #990000;
    font-size: 300%;
}
ul#tagcloud li.t4 a:hover
{
    color: #990000;
    font-size: 300%;
}
ul#tagcloud li.t5 a:hover
{
    color: #990000;
    font-size: 300%;
}
ul#tagcloud li.t6 a:hover
{
    color: #990000;
    font-size: 300%;
}
ul#tagcloud li.t7 a:hover
{
    color: #990000;
    font-size: 300%;
}
ul#tagcloud li.t8 a:hover
{
    color: #990000;
    font-size: 300%;
}
ul#tagcloud li.t9 a:hover
{
    color: #990000;
    font-size: 300%;
}
.ordertitle
{
    color: #990000;
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 2px;
}
.bot {
	font-family: "宋体";
	font-size: 9pt;
	font-style: normal;
	color: #000000;
	background-color: #F7F5ED;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px
}

.popInfo {
	visibility: hidden;
	position: absolute;
	background: #ffffcc;
	width: 120;
}
.notice
{
    font-size: 1.2em;
    color: #990000;
    padding-bottom: 5px;
    padding-top: 5px;
}