@charset "utf-8";
/* CSS Document */

.page {width:100%; height: auto; }
.page .col01 { float:left; width:620px; border:0px solid #00CC33; padding-right:20px !important; padding-right:15px; margin-top:10px; border-right:1px solid #e5e5e5; min-height: 300px;}
.page .col01 a:link, .page .col01 a:visited  {color: #ff0000; text-decoration: none; }
.page .col01 a:hover {color: #ff0000; text-decoration: underline; }

.page .col02 { float:right; width:320px !important;  width:295px;   border:0px solid red; margin-top:10px; margin-left:18px; }
.page .col01a { float:left; width:620px; border:0px solid #00CC33; padding-right:20px; margin-top:10px; min-height: 300px;}

.page .page_inner { font: normal 12px Arial, Helvetica, sans-serif; color:#000; padding:0 0 10px 0; }
.page .page_inner h1 { font: bold 16px Arial, Helvetica, sans-serif; color:#000; margin:8px 0 5px 0;}
.page .page_inner h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#ff0000; margin:20px 0 5px 0;}
.page .page_inner ul { font: bold 12px Arial, Helvetica, sans-serif; color:#000; padding:15px  0 10px 0; }
.page .page_inner ul li {
list-style: decimal inside;  padding: 2px 0; font-weight: normal;
}
.page .page_inner ul li a:link, .page .page_inner ul li a:visited { color: #000; text-decoration: underline; }
.page .page_inner ul li a:hover { color: #ff0000; text-decoration: underline; }
.page .page_inner dl {  width: 100%; margin: 15px 0; }
.page .page_inner dt { font-weight: bold; margin: 5px 0;}
.page .page_inner dd { font-weight: normal; }
.page .page_inner dd  a:link, .page .page_inner ul li a:visited { color: #ff0000; text-decoration: underline; }
.page .page_inner dd  a:hover { color: #ff0000; text-decoration: none; }
.page .page_inner .login { margin: 10px 0;  border: 1px solid #dedcc8; background: #f7f6ed; float: left;}
.page .page_inner .login table { font: normal 11px Arial, Helvetica, sans-serif; margin: 10px; vertical-align:middle;  }
.page .page_inner .login input {  border: 1px solid #ddd; margin-right: 5px;  vertical-align:middle;}
.page .page_inner .login   a:link, .page .page_inner ul li a:visited { color: #ff0000; text-decoration: underline; }
.page .page_inner .login   a:hover { color: #ff0000; text-decoration: none; }

/*my itinerary*/
.page .my_itineraries { width:100%; border:1px solid #dbdbdb; margin:5px 0; padding:1px;  }
.page .my_itineraries table tr th { font: bold 11px Arial, Helvetica, sans-serif; color:#fff; background-color:#000000;  padding:3px 5px; text-align:center; border:1px solid #fff; border-width:0 1px 0 0; }
.page .my_itineraries table tr th small { font: normal 11px Arial, Helvetica, sans-serif; color:#fff; display: block;}
.page .my_itineraries table tr td { background-color:#f7f6ed; font: normal 11px Arial, Helvetica, sans-serif; color:#000; text-align:center; border:1px solid #fff; border-width:0 1px 1px 0; padding:5px; }
.page .my_itineraries table tr td.left, .page .my_itineraries table tr th.left{ text-align:left; }
.page .my_itineraries table tr td.right, .page .my_itineraries table tr th.right{ text-align:right; }
.page .my_itineraries table tr td select { font: normal 11px Arial, Helvetica, sans-serif; color:#000;}
.page span.note { font: normal 11px Arial, Helvetica, sans-serif; color:#000; margin: 20px 0; display: block; }

.page .page_inner .message { width:100%; color:#000; height:31px; border:1px solid #e8e8e8; padding:0; background: url(images/ui_sortby_bg.gif) repeat-x; margin: 10px 0; }
.page .page_inner .message table { align: left;   width:100%; }
.page .page_inner .message th { font: bold 12px Arial, Helvetica, sans-serif; color:#ff0000; padding:5px 10px; }
.page .page_inner .message td { text-align: right;  font: normal 11px Arial, Helvetica, sans-serif; color:#000; padding-right: 20px;}
.page .page_inner .message select { font: normal 11px Arial, Helvetica, sans-serif;  }


/*my Remarks*/
.page .my_remarks { width:100%; border:1px solid #dbdbdb; margin:5px 0; padding:1px;  }
.page .my_remarks table tr th { font: bold 11px Arial, Helvetica, sans-serif; color:#fff; background-color:#000000;  padding:3px 5px; text-align:center; border:1px solid #fff; border-width:0 1px 0 0; }
.page .my_remarks table tr th small { font: normal 11px Arial, Helvetica, sans-serif; color:#fff; display: block;}
.page .my_remarks table tr td { background-color:#f7f6ed; font: normal 11px Arial, Helvetica, sans-serif; color:#000; text-align:center; border:1px solid #fff; border-width:0 1px 1px 0; padding:5px; }
.page .my_remarks table tr td.left, .page .my_remarks table tr th.left{ text-align:left; }
.page .my_remarks table tr td.right, .page .my_remarks table tr th.right{ text-align:right; }
.page .my_remarks table tr td textarea { width:99.5%; font: normal 12px Arial, Helvetica, sans-serif; color:#000; }

.page .my_remarks table tr td div.right {  float:right;}