﻿body 
{
	font-family:Verdana;
	font-size: 11px;
	color: #764c29;
	background: transparent url(../images/TravelMob/images/header_02.jpg) top repeat-x;
	padding:0px;
	margin:0px;	
	font-weight:300;
}
h5
{
	font-weight: bold;
	font-size:14px;
	padding:0px;
	margin:0px;	
}
h6
{
	font-weight: bold;
	font-size:13px;
	padding:0px;
	margin:0px;
}
.h10
{
	color:Gray; font-size:10px;
}
h1
{
	font-size:20px;
	font-weight:normal;
	margin-bottom: 15px;
}
h2
{
	font-size:18px;	
}
h3
{
	font-size:16px;
}
h4
{
	font-size:13px;
	font-weight:bold;
}
br.clear
{
	clear:both;
}
hr
{
	color:#764c29;
	height:1px;
}
a
{
	text-decoration:none;
	color:#669900;
	font-weight:bold;
}
a:hover
{
	text-decoration:none;
	color:#85c800;
}
.pictureBlock
{
	display:block; float:left; padding:4px;
}
.pictureBlock:hover
{	
	background:#b9d08a;
}
img.logo
{
	margin-top:20px;
	margin-left:20px;
}

div.mainWrap
{
	width:100%;	
}
table.contentTable td.content
{	
	padding: 10px 10px 10px;	
	vertical-align:top;
}
table.contentTable td.forms
{
	width:283px;
	vertical-align:top;
	
}
table.contentTable td
{
 
}
table.contentTable
{
    overflow:visible !important;
}
div.posts img
{
	float:left;
	margin-right:10px;
}
div.posts a
{
	float:right;
}
div.posts p
{
	padding:0px;
	margin:0px;	
}
div.form
{
}

div.loginHeader
{
	width: 295px;
	background: #cbccda url(../images/CollapseTitle.png) top left repeat-x ;
	border:solid 1px #999999;	
	font-size: medium;
	height: 35px;		
}

div.CollapseHeader
{	
	width: 295px;
	height: 33px;
	background: #cbccda url(../images/CollapseTitle.png) top left no-repeat;
	border:solid 0px #999999;	
	font-size: medium;
}

div.CollapseHeader h5
{	
  font-family:Verdana;
  color: White;
  font-size:16px;
}

div.CollapseBody
{
    margin-left:0px;
	width: 292px;
	background-color: #ffffff;
	border-left:solid 1px #ff7d27;
	border-right:solid 1px #ff7d27;
	font-family:Verdana;
	font-size:14px;	
	color: #8a4a1e;
}
div.CollapseBody .tblSearch td
{
    padding-top:3px;
}
div.CollapseBody .tblChildren td
{
    padding-top:3px;
    font-size:12px;
    font-weight:normal;
}
.searchRoom
{
    padding-bottom:4px;
}
.ways
{
    padding-top:12px;
    padding-bottom:12px;
}
div.CollapseBody table td
{
    font-weight:bolder;   
	font-family:Verdana;
	font-size:14px;	
	color: #8a4a1e;
}
div.CollapseBody .inp
{
    border: solid 1px #f9c07f;
    height:30px;
    font-family:Verdana;
    font-size:20px;
    color:#8a4a1e;
}
.calendarIcon
{
    display:block;  padding-top:2px; padding-left:2px;
}
.calendarInput
{
    float:left;
}
div.CollapseBody .inp14
{
    border: solid 1px #f9c07f;
    height:20px;
    font-family:Verdana;
    font-size:14px;
    color:#8a4a1e;
}

div.CollapseFooter
{	
	width: 295px;
	height: 35px;
	background: url(../images/CollapseFooter.png) top left no-repeat;	
		
}

div.loginBody
{
	width: 300px;
	background-color: #ffffff;
	border:solid 1px #999999;		
	padding-left:6px;
}

div.loggedControl
{
	width: 200px;
	border:solid 0px #999999;		
	padding:6px;
	height:5px;
}

table.form
{
	background:#fff1d9;		
	width:100%;
}

table.form th h2
{
	margin:0;
	padding:0 0 5px;
	width:100%
}
table#bigForm
{
	width:720px;
}
table#bigForm td
{
	padding-left:10px;	
	vertical-align:top;
}
table.form td
{
	padding-left:7px;
	padding-right:7px;
	padding-top:7px;
	background:#ffe8bf;			
}
table.form th
{
	text-align:left;
	padding:7px;
	background:#fff1d9;
}
table.form td.button
{
	text-align:right;
	padding-bottom:10px;
}

div.block
{
		float:left;		
		margin-right:10px;
		margin-bottom:5px;
}
tr.peopleInWrap div.block
{
	margin-right:10px; margin-left:15px; text-align:right; width:55px; text-align:right;
}
input.button
{
	display:block;
	background-image:url(../images/buttons/empty.gif);
	background-repeat:repeat-x;
	height: 27px;
	width:100px;	
}
div.MyCalendar
{
	background:#fff1d9;
    position :absolute;
    visibility:hidden;
}
	.TESTcpYearNavigation,
	.TESTcpMonthNavigation
			{
			background-color:#6677DD;
			text-align:center;
			vertical-align:middle;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	.TESTcpDayColumnHeader,
	.TESTcpYearNavigation,
	.TESTcpMonthNavigation,
	.TESTcpCurrentMonthDate,
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDate,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDate,
	.TESTcpCurrentDateDisabled,
	.TESTcpTodayText,
	.TESTcpTodayTextDisabled,
	.TESTcpText
			{
			font-family:arial;
			font-size:8pt;
			}
	TD.TESTcpDayColumnHeader
			{
			text-align:center;
   		    font-weight :bold;
			}
	.TESTcpCurrentMonthDate,
	.TESTcpOtherMonthDate,
	.TESTcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.TESTcpCurrentMonthDate
			{
			color:#6677DD;
			font-weight:bold;
			}
	.TESTcpCurrentDate
			{
			color: green;
			font-weight:bold;
			}
	.TESTcpOtherMonthDate
			{
			color:#808080;
			}
	TD.TESTcpCurrentDate
			{
			color:#FFFFFF;
			background-color: #6677DD;
			border-width:1;
			border:solid thin #000000;
			}
	TD.TESTcpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
	TD.TESTcpTodayText,
	TD.TESTcpTodayTextDisabled
			{
			border:solid thin #6677DD;
			border-width:1 0 0 0;
			}
	A.TESTcpTodayText,
	SPAN.TESTcpTodayTextDisabled
			{
			height:20px;
			}
	A.TESTcpTodayText
			{
			color:green;
			font-weight:bold;
			}
	SPAN.TESTcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.TESTcpBorder
			{
			border:solid thin #6677DD;
			}
	

div.MyCalendar td
{
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	background:#fff1d9;
}
div.MyCalendar div.ajax__calendar_header
{
	background:white;
	border:1px solid #ffc61c;
}
div.MyCalendar div.ajax__calendar_dayname
{
	font-weight:bold;
}
#calWrap .ajax__calendar .ajax__calendar_container{
    border:1px solid #ffc61c;
}
div.ajax__calendar_body
{
	border:1px solid #ffc61c;
	background:#fff1d9;
}
div.overlap
{
	margin-left:-10px;
	padding:0 10px 10px;
	width:260px;
	background:white;	
}
div.footer
{	
	height:60px;
	width:99%;
	padding-left:1%;
	color:White;	
	text-align:left;
	color:#b2b2b2;
	background:#dedede;
	padding-top:10px;
}
div.footer span.copyright
{
	display:block;
	float:right;
	margin-right:20px;
	margin-top:10px;
}
div.footer ul.footer_menu li
{
	display: block;
	color:#669900;
	font-weight:bold;
	float:left;
	margin-right:20px;
	margin-top:0px;
}
/*hiding window*/
div.hidingWindow
{
	height: 400px;
	overflow:scroll;
	text-align:center;
	width:500px;	
	z-index:101;
	border:1px solid #1072b9;	
	position:absolute;
	background:white;
	visibility:hidden;			
}

.exitButton
{
	float:right;
	margin:8px;
}
.addPeople
{
	position:absolute;	
	z-index:120;
}

.leftMenu
{
	background: #f6be35 url('/images/travelMob/images/f6be35.jpg') top left repeat-x;
	 min-height:600px; 
	 width:165px;
	 padding:0px 0px 0px 10px !important;  
	 vertical-align:top;
}
.leftMenu div
{
    width:165px;
}
ul.tripMenu li input
{
	display:inline;
}
ul.tripLeftMenu li *
{
	margin-left:10px;
	display:block;
	font-weight:bold;
	color:White;
	padding:8px;
	text-decoration:none;
}
ul.tripLeftMenu li:hover
{
	background:url(images/button_back_03.jpg) repeat;	
}
ul.tripLeftMenu li.selected{
	background:#ffa100;
	background-image:url(images/menu_triangle_03.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

ul.tripMenu li *
{
	
	display:block;
	font-weight:bolder;
	color:#FFFFFF;
	padding:8px;
	text-decoration:none;
}
ul.tripMenu li:hover a
{
	background:#FFFFFF;
	color:Orange;
}
ul.tripMenu li:hover
{

}
ul.tripMenu li.selected a{
	background:#ffffff;
	color:Orange;
	
}
ul.tripMenu li.selected{
	background:#ffffff;
	color:Orange;
	background-image:url(images/menu_triangle_03.jpg);
	background-repeat:no-repeat;
	background-position:right;
}
div#lblBlack span
{
	color:#000000;
}

div.tripWrap
{
	background:white;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:12px;
}

.heading
{
	height: 29px; 
	width: 100%; 
	font-size:20px;

	background-color: rgb(118, 76, 41); 
	padding-top: 5px; 
	padding-left: 16px;
	color:#FFFFFF;
}


.diver
        {
          height:23px; 
          color: rgb(102, 153, 0); 
          font-weight:bolder; 
          font-size:12px;
        }
.faq h3, .faq b
{
    color:#75ad01;
    font-weight:bold;
    font-size: 1em;
    padding:10px 0;
    margin:0;
}
fieldset input, fieldset  select
{
    margin:0 0 10px 0;
}
fieldset legend
{
    font-size:1.2em;
    font-weight:bold;
    }
    fieldset.search
    {
        margin-bottom:10px;   
    }
    ol li label 
    {
        display:block;  
        clear:both; 
    }
    .acceptRejectPanelGreen
    {
        height:120px;
        padding-left:100px;
        padding-right:-17px !important;
        width:inherit;   
        padding-top:40px;   
        background: #73ae00 url(../images/rsvp.jpg) top left no-repeat;
    }
    .acceptRejectPanelGreen label
    {
        font-family:Arial;
        font-size:1.3em;
    }
    .acceptRejectPanelGreen div
    {
        border:0px;
        height:15px;
        text-decoration:none;
        vertical-align:middle;
    }
    .acceptRejectPanelGreen a.acceptLink
    {
        display:none;
        margin-bottom:0;
    }
    .acceptRejectPanelGreen b
    {   
        color:White;
        
    }
    a.RSVPButton
        {
        	background:#73ae00 url(../images/rsvp.gif) top left no-repeat;
        }
    .itineraryObject a
    {
        font-size:10px;
    }
    #lefttop
    {
        margin-top:-45px; 
        z-index:-1; 
        position:absolute; 
        height:50px;
        width:290px;
        background-color:White;        
    }
    .middle
    {
        margin-top:0px; z-index:99999; width:270px; padding:10px; background-color:White;
    }
    .middle .lowmid
    {
        width:270px;  overflow:hidden;
        margin-top:0px;
    }
    img.header_band, header_band_wrap
    {
        float:right;
        position:absolute;
        z-index:-999;
        right:0;
        
    }
    .sizeto18
    {
        font-size:15px;
    }
    .errorPanel
    {
    	background-color: #fff124;
    	text-align:center;
    	width: 90%;
    	height:150px;		
		margin-top:50px;
		padding: 50px 10px 10px 10px;
		border: solid 4px #ffd825;					
    }
    
    
/* Create trip */

.createTripWizard
{
	width:720px !important;
	background: #fff1d9;
	padding: 0;
	margin: 0;
	display: block;		
}

    .createTripWizard .stepTitle
    {
        padding: 10px 0 10px 15px; 
        margin: 0px;       
        color: #339900;
    }

    .createTripWizard .createTripForm
    {
        width: 720px;
    }

        .createTripForm dt
        {
            font-weight: bold;
            width: 200px;
            float: left;
            height: 30px;
            padding-left: 20px;
        }
        
        .createTripForm dd
        {            
            float: left;
            clear: right;
            width: 500px;
            height: 35px;
        }
        
            .createTripForm dd .textInput
            {
                width: 325px;
            }
            
            .createTripForm dd .listInput
            {
                width: 332px;
            }

            .createTripForm dd .calendarInput
            {
                width: 312px;
            }

.validator
{
    background: transparent left top no-repeat url(../images/form_error.gif);
    display: inline;
    position:absolute;
    height: 16px;
    width: 16px;
    margin: 8px 0 0 4px;
}

.createTripFormNavigation
{
    margin: 5px 0 5px 211px;
}

.createTripFormNavigationThirdStep
{
    margin: 5px 0 5px 24px;
}

.mobForm
{
}

    .mobForm label {
	    font-weight: bold;
	    display: block;  /* block float the labels to left column, set a width */
	    float: left;
	    width: 195px;
	    padding: 4px 0 0 5px;
	    margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	    text-align: right;
    }
    
    .mobForm input,
    .mobForm textarea,
    .mobForm select {
	    margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                                  label aligns textarea better in IE */
    }
    
    .mobForm input
    {
        width: 470px;
        height: 17px;
    }
    
    .mobForm select
    {
        width: 477px;
        height: 22px;
    }
    
    .mobForm textarea
    {
        overflow: auto;
        width: 470px;
    }
 
    .mobForm .calendarInput 
    {
        width: 235px;            
    }
     
    .mobForm .calendarImage
    {
        width: 21px;
        height: 21px;
        position: absolute;
        margin-top: 5px;
        margin-left: 5px;
    }
        
    .mobFormThirdStep
    {
        padding-left: 20px;
        margin-bottom: 10px;
    }        
        
        .mobFormThirdStep label
        {
            font-weight: bold;
        }   
        
.errorText
{	
	color:Red;
	font-size:8;
	padding-bottom:50px;
	margin-bottom:50px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
div.sendMsgWrap
{
	background:white;
	margin:0px;
	padding:0px;
	font-size:12px;
	width:100%;
}
div.sendMsgBody
{
	background:white;	
	padding:0px 15px 0px 15px;
	font-size:12px;
}

.emptyButton 
{
	background-color: #74ac00;
	background-image:url(../images/buttons/empty.gif);
	background-repeat:repeat-x;
	height: 27px;
	width:150px;
	color:White;
	font-weight:bold;
}	

.accordionTripsHeader
{
	height: 27px; 
	width: 100%; 
	font-size: 18px;
	background-image: url(../images/brounHeader.gif);
	color: #FFFFFF;
	padding-top: 6px;
	border-bottom : solid 2px #764c29;
	border-top : solid 2px #764c29;
}
.profileMyTripsHeader
{
	 text-align:center;
	 border-left:solid 3px #764c29; 
	 border-right:solid 3px #764c29; 
	 border-top:solid 3px #764c29; 
	 background-image: url(../images/brounWhiteHeader.gif);
	 height:26px; 
	 vertical-align:middle;
	 font-size:18px;
	 padding-top:6px;
}
