﻿* 
{
   padding:0;
   margin:0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

body
{
	background: #fff;
	color: #333;
    font-family:Trebuchet MS;
    font-size: 11px;    
}

a 
{
	color: #0077a4;
	text-decoration:none;
}

a:hover { text-decoration:underline; }


hr { margin: 50px 0; border-top: 1px solid brown }

#container  
{	
	width: 790px;
	margin-left: auto; 
	margin-right: auto; 
}

	#incident 
	{
		position: absolute;
		margin-left: 626px;
		
	}

	#header 
	{
		background: #d7cc00 url(../img/header.png) no-repeat;
	}
	
		#logo 
		{
			color: #fff;
			font-size: 60px;
			line-height: 118px;
			padding: 0 32px;
			text-transform: uppercase;
			text-decoration: none;
		}
	
		#banner 
		{
			background: #58a4d7 url(../img/banner.png) no-repeat;		
			color: #fff;
			font-size: 16px;
			line-height: 41px;
			text-align: left;
			padding:0 0 0 35px;
		}
		
		#navigation 
		{
			background: #fff url(../img/borders.gif) repeat-y;
			text-align: right;
			padding: 0 10px;
			font-size:10px;
		}
		
			#navigation a 
			{
				line-height: 22px;
				text-transform: uppercase;
				color: #666;
				padding: 0 10px;
				text-decoration: none;
			}
			
			    #navigation a.selected { color:#000; font-weight:bold; }
				#navigation a:hover { text-decoration: underline; }
				
	#body 
	{
		background: #fff url(../img/borders.gif) repeat-y;
		padding: 10px 35px;
	}		
		
		#body p { margin-bottom: 10px; line-height:15px; }
	
		#body p.warning { color: #ae0021; font-weight: bold; margin-bottom:25px; }
	
		#offer_transport  
		{
			position: relative;
		}		
		
		#travels 
		{
			margin: 0 -35px;
			padding: 0 5px;
		}		
		
			#travels ul 
			{
				list-style: none;
			}
			
			#travels .header  
			{
				background: #d0c500 url(../img/travels_header.png) repeat-x; 
				color: #fff;
				font-size: 22px;
				text-transform: uppercase;
				line-height: 40px; 
				padding-left: 30px;
			}
			
				#travels .header span { color: #000; }
			
			#travels .subheader  
			{
				color: #ae0021; 
				padding: 2px 0;
				padding-left: 30px; 
				text-transform: uppercase;
			}

                #travels .subheader a 
			    {
				    color: #e74628;
                    font-weight:bold;
                    font-size: 12px;
                    /*text-decoration: underline;*/
                    padding: 0px;
                    padding-top: 10px;
                    padding-bottom: 10px;
                    height: 15px;
			    }
			
			    #travels .subheader a:hover { text-decoration:underline; }
			
			#travels li 
			{				
				border-bottom: 1px solid #fff;
			}
			
				#travels a  
				{
					color: #333; 
					display: block; 
					padding: 6px 0;
					padding-left: 30px;	
					text-decoration: none;		
                    /*height: 35px;*/
                    height:100%;

				}
				
				#travels li .country { float: left; padding-right: 10px; text-transform: uppercase; font-weight: bold; }
				#travels li .city { color: #7e973d; font-weight: bold; }
				#travels li .created { float: right; padding-right: 10px; color: #999; }
				
				#travels li .date { display:inline-block; padding-right: 5px; }
				#travels li .transport { display:inline-block; padding-right: 5px; }
                #travels li .destination { display:inline-block; padding-right: 5px; }
                
				#travels li .block { display:block; float:left; width:100%; }
			    #travels li .clear { clear:left; }
			
			#travels li a { background: #e1f2df; }			
			#travels li a:hover { background: #d7edd4; }
			
			#travels li.odd a { background: #f8f6d9; }			
			#travels li.odd a:hover { background: #f3f0bf; }
			
			#to, #from 
			{
				float: left;
			}
			
			#to 
			{
				width: 389px;
				margin-right: 1px;
			}	
			
			#from 
			{
				width: 390px;
			}
		
		/* ---- travel_details --- */ 
		
		.details
		{
			
		}
		
			.details a  
			{
				color: #e95e31; 
				text-transform: uppercase; 
				text-decoration: none; 
				font-size:10px;
			}
			
				.details a:hover { text-decoration: underline; }
				                   
			
			.details .header 
			{
				background: #e95e31;
				font-size: 18px;
			}
			
				.details .header .route 
				{
					color: #fff;
					line-height: 53px;
					padding: 0 20px;
				}
		
					.details .header .route .created 
					{
						float: right; 
						font-size: 12px;
					}
					
					.details .header .route .country 
					{
						text-transform: uppercase;
					}
			
				.details .header .departure
				{
					background: #f7f4d5;
					padding: 10px 20px;
					font-size: 14px;
					font-weight: bold;
				}
		
				.details .departure .transport { float: left; }

			.details .body { padding: 20px 0 5px 0; }
			
				.details .body .content 
				{
					padding: 0 50px 0 20px;
					float: left;
					width: 450px;
				}
			
				.details .body h1 { font-size: 11px; font-weight: bold; margin: 0; }
				.details .body strong,	
				.details .body b,
				.details .body a  
				{
					color: #000; 
				}			
				
				.details .body a 
				{
					text-transform: inherit; 
					text-decoration: underline;
					font-size:11px;
				}
		
				.details .body .status 
				{
					float: right;
					text-align: center;
					width: 190px;
				}
				
					.details .body .status .seats  
					{
						background: #444; 
						color: #fff; 
						font-size: 18px; 
						padding: 22px 0;
					}
					
					.details .body .status .updated 
					{
						line-height: 25px;
						color: #9d9d9d;
					}  
					
			.details .terms 
			{
				background: #e1e1e1;
				font-weight: normal;
				margin: 15px 0;
				padding: 15px;
				line-height:15px;
				color:#4c4c4c;
			}
			
			.details p { color:#545454; }		
		
		/* article */
		
		.article 
		{ 
			width: 450px;
			font-size: 11px;
		}
		
			.article h2 { margin: 0 0 25px 0; font-weight:normal; font-size: 20px; }
			.article .abstract { font-size: 13px; }
		
		.info 
		{
			margin-top: 50px;
			padding-top: 15px;
			border-top: 9px solid #d8e8d6;
			font-size: 12px;
		}
		
		.infoText { font-size:11px; line-height:15px; color:#545454; }
		.infoText a { color:#0077A4; font-size:11px; text-transform:none; }
		#extraInfo { border-top:9px solid #dff1dd; padding:12px 0 0 0; margin:50px 0 0 0;  }
		
		/* create */
		
		.create 
		{
			background: #e95e31;
		}
		
			.create h1 { padding: 15px; color: #fff; font-size: 18px; text-transform: uppercase; }
			.create h1 .destination { color: #eee; }
			.create p.terms { background: #ddd; padding: 5px 15px;  font-weight:normal; }
		
		.form input,
		.form select,
		.form textarea 
		{
			color: #333;
			font-family:Trebuchet MS;
			font-size: 11px;	
			padding: 2px;
		}
		
		.form td { vertical-align: top; padding: 1px 0 2px 0; font-size: 11px; }
		.form .field { color: #999; }
		.form > .required { color: #e74628; font-size: 13px; padding: 15px 0 5px 170px }
		.form .required .field { color: #333; }
		.form .field { padding-top: 3px; text-align: right; padding-right: 5px; }
		.form .field .star { color: #e74628; font-weight: bold; }
		.form .padinput { padding-bottom: 4px; }
		.form .padgroup { padding-bottom: 20px; }
		.form .buttons { text-align: right; }
        .form .buttons span { float: left; margin-left: 160px; margin-top: 5px; color: #E74628; }
		.form .buttons input { background: #e74628; border: 1px solid #f5b5a9; font-weight: bold; font-size: 13px; text-transform: uppercase; color: #fff; }
	    .form .buttons .cancelBtn { background: #9a9f95; border: 1px solid #b3b3b3; }
	    
	    .form .fieldInfo { color:#888; font-size:11px; }
	    				
	#footer 
	{
		background: #fff url(../img/footer.png) no-repeat; 		
		padding-top: 30px; 
	}			
	
		#copyright 
		{
			background: #fff url(../img/hsh.png) no-repeat right;
			line-height: 18px;
			color: #aaa;
			padding:0 30px 0 35px
		}
		

/* -- disabledMessage -- */
#disabledMessage { display:none; }
#message {}
