body 
{
    font-family:Arial;
    font-size:9pt;
    margin:0px 0px 0px 0px; 
    background-position:center top; 
    background-repeat:no-repeat; 
}
table.TP_Title
{
    background-image:url(../img/bg_b.png);
    width:100%;
    color:#FFFFFF;
    border-collapse:collapse;
    border: 0px; 
}
.TP_Head{
    background-image:url(../img/bg_b.png);
    color:#FFFFFF; 
    font-weight:bold;
    height:22px
}

table.TPBG
{
    background:url(../img/bg_w.png);
    padding:4 4 4 4;
}

select {
    font-family:Arial;
    font-size:9pt;
}
.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

table.withBorder
{
    border:1px solid #888888;
    background-color:#FFFFFF;
}

table.withoutBottomBorder
{
    border-top-color:#888888;
    border-top-style:solid;
    border-top-width:1px;
    
    border-left-color:#888888;
    border-left-style:solid;
    border-left-width:1px;
    
    border-right-color:#888888;
    border-right-style:solid;
    border-right-width:1px;
    
    background-color:#ffffff;
}

table.withBottomBorder
{
    border-bottom-color:#888888;
    border-bottom-style:solid;
    border-bottom-width:1px;
    background-color:#ffffff;
}

table.withoutTopBorder
{
    border-bottom-color:#888888;
    border-bottom-style:solid;
    border-bottom-width:1px;
    
    border-left-color:#888888;
    border-left-style:solid;
    border-left-width:1px;
    
    border-right-color:#888888;
    border-right-style:solid;
    border-right-width:1px;
    
    background-color:#ffffff;
}

table.withTopBorder
{
    border-top-color:#888888;
    border-top-style:solid;
    border-top-width:1px;
    background-color:#ffffff;
}

A {font-family:Arial;}
A:link {color:#0066CC;}
A:visited {color:#0066CC;}
A:hover {color:#FF0000;}

/*menu */
li.selectedNav {
    color:#000;
    background:#eee;  
    background-color:#eee; 
}

#navigation, #navigation li ul 
{   
    list-style-type:none;
}
#navigation {
    padding:0;
    margin:0;
    float:left;
}
#navigation li {
    float:left;
    text-align:center;
    position:relative;
    z-index:999;
}
#navigation li a:link, #navigation li a:visited {
    font-weight:bold;
    display:block;
    text-decoration:none;
    color:#ffffff;
    height:27px;
    line-height:27px;
    border:0px;
    border-width:0px 0px 0 0;
    padding-left:0px;
}
#navigation li a:hover {
    color:#000;
    background:#eee;
    background-color:#eee;
}
#navigation li ul 
{
    display:none;
    position:absolute;
    top:27px;
    left:0;
    margin-top:0px;
}
#navigation li ul li {
    background:url(../img/bg_b.png);
}
#navigation li ul li a:hover {
    color:#000000;
    background:#eee;
    background-color:#eee;
    border:1px solid #000;
}
#navigation li ul li ul {
    display:none;
    position:absolute;
    top:0px;
    margin-top:0;
    margin-left:0px;
}

/*ProgressBar */
.progressbar { 
	height:70%;
	background-color:#333333;
	/*border:1px solid #000000;*/
	height:6px; 
	text-align: left;
	padding: 1px 1px 1px 1px;
}
.progressbar-value {
	width: 0%;
	height: 100%;
	background-color:#99CC00;
}
.progressbar-lable{
    text-align: center;
    font-size:1.5em;
    font-weight:bold;
	color: #000000;
	position:relative;
	width: 100%;
	margin-top:-32px;
}
	
/* Booking Progress Setp Box */	
.processStep{
    width:100%;
    border:1px solid #888888;
    background-color:#FFFFFF;
    text-align:left;
    background-position:bottom;
    background-repeat:repeat-x;
    background-image:url('../img/TB_FG.jpg');
}
.processStep td{
    height: 20px;
}
.processStep-Selectable{
}
.processStep-Selectable a{
    text-decoration: none;
    color: #000000;
}
.processStep-Unselectable{
   color: #AAAAAA;
}
.processStep-Current{
   background-image:url(../img/processStep.gif);
   background-color:#FF6600;
   color: #FFFFFF;
   font-weight:bold;
}
.processStep-Current a{
   color: #FFFFFF;
   text-decoration: none;
}	
	
/*ToolTip */
a.tooltip {
/*color:#000000;
text-decoration:none;*/
}

a.tooltip:hover {
/*color:#000000;
background-color:inherit;
text-decoration:none;*/
}

a.tooltip:visited {
/*color:#000000;
text-decoration:none;*/
}
a.tooltip span {
display:none;
text-align:left;
text-decoration:none;
font-size:x-small;
padding:2px 3px; 
margin-top:15px; 
}
a.tooltip:hover span{
display:inline; 
position:absolute; 
text-decoration:none;
border:1px solid #888; 
background:#ffffff; 
color:#000000;
}

/*Textbox Watermark*/
.unwatermarked {
	height:18px;
	width:100px;
	padding:2px 0 0 2px;
}
.watermarked {
	height:20px;
	width:102px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

/*Reorder List*/
.dragHandle {
	width:12px;
	height:12px;
	background-color:#000000;
	cursor:move;
}
.callbackStyle 
{
    background-color:#CCCCCC;
}
.callbackStyle table {
	background-color:#CCCCCC;	
	color:Black;
}
.reorderList li {
	/*list-style:none;*/
	list-style-type:decimal;
	margin:2px;
	color:#000000;
}

.reorderList li a 
{
    /*color:#000000; */
    font-weight:bold;
}

.reorderCue {
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}
