#greenheart h1{
    color: green;
}

#greenheart p {
    font-size: 18px;
    padding: 0px;
    margin: 0px;

}

#trip_find > div{
    float:left;
    width:24%;
    max-width: 24%;
   
    
}



.skryte{
    visibility:hidden;
}

body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background: #EFEFEF;
}

#page
{
	margin-top: 5px;
	margin-bottom: 5px;
	background: white;
	border: 1px solid #C9E0ED;
}

#header
{
	margin: 0;
	padding: 0;
        height: 198px;
	
}

#content
{
    padding: 20px;
}

#wide-content{
    background-color: white;
    border: 1px solid #C9E0ED;
    left: -145px;
    margin: 20px;
    padding: 5px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    width: 1200px;
}


#sidebar
{
	padding: 20px 20px 20px 0;
}

#footer
{
	padding: 10px;
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #C9E0ED;
        
}

#logo
{
	padding: 10px 20px;
	font-size: 200%;
}



.multiForm {
    
}

.multiForm .col {
    float:left;	    
    margin: 5px;
    padding: 5px;    
}

.multiForm .header {
    text-align: center; 
    font-family: Georgia,'Times New Roman', Times,serif; 
    font-size: 4em;
}

.lavalamp {
    
    border: 1px solid #d6d6d6;
    background: #fff;
    padding: 15px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    border-radius : 10px;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
    background : -webkit-gradient(linear, left top, left bottom, from(rgb(240,240,240)), to(rgb(204,204,204)));
    background : -moz-linear-gradient(top, rgb(240,240,240), rgb(204,204,204));
    height: 18px;
}

.lavalamp ul {
    margin: 0;
    padding: 0;
    
    
}

.lavalamp ul li {
    list-style: none;
    display: inline;
    height:30px;
    text-align: center;
    }

.lavalamp ul li a {
    padding: 15px;
    text-align: center;
    }

.dark {
 background : rgb(89,89,89);
 background : -webkit-gradient(linear, left top, left bottom, from(rgb(89,89,89)), to(rgb(54,54,54)));
 background : -moz-linear-gradient(top, rgb(89,89,89), rgb(54,54,54));
 border: 1px solid #272727;

}
 .dark li a{
 color: #fff;
 text-shadow: 0 -1px 0 rgba(0,0,0,.40);

}

.dark2 {
    background-image: -moz-linear-gradient(bottom, rgb(225,235,218) 30%, rgb(231,245,223) 65%, rgb(235,240,231) 83%);
    background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.3, rgb(225,235,218)),
	color-stop(0.65, rgb(231,245,223)),
	color-stop(0.83, rgb(235,240,231))
    );
}
 
.lavalamp ul li a:hover, .lavalamp ul li.active a
{    
    text-shadow: 0 0 0 rgba(0,0,0,.40);
    color: black;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    border-radius : 10px;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
    background : -webkit-gradient(linear, left top, left bottom, from(rgb(240,240,240)), to(rgb(204,204,204)));
    background : -moz-linear-gradient(top, rgb(240,240,240), rgb(204,204,204));
}

.flash-error, .flash-notice, .flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

.flash-error a
{
	color:#8a1f11;
}

.flash-notice a
{
	color:#514721;
}

.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid silver;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
        border-bottom: 1px solid #C9E0ED;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

div.stopover-detail, div.tripuser-detail
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}


.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}

div.trip-repeat
{
	background:#E5F1F4;
	color:#514721;	
    border: 3px #B7D6E7 solid;
    margin:5px;
    padding:3px;
    font-size:16px;
}



div.rating-panel
{
	background:#E5F1F4;
	color:#514721;	
        border: 3px #B7D6E7 solid;
        margin:5px;
        padding:3px;    
}

div.rating-panel div.rating{
    width:50%;  
    float:left;   
}

div.control-panel
{
	background:#E5F1F4;
	color:#514721;	
        border: 3px #B7D6E7 solid;
        margin:5px;
        text-align:center;
        font-size:16px;    
}

.control-panel span{
    margin-left:20px;
}

.control-panel .create:before{
    content: url('../images/create.png')
}

.control-panel .update:before{
    content: url('../images/update.png')
}

.control-panel .delete:before{
    content: url('../images/delete.png')
}

.control-panel .addstopover:before{
    content: url('../images/flag.png')
}

.control-panel .adduser:before{
    content: url('../images/people.png')
}

.control-panel .addcloice:before{
    content: url('../images/create.png')
}

.stopover-view, .tripuser-view{
    min-height:35px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.stopover-view .stopover-control{
    float:right;
}

.tripuser-view .tripuser-control{
    float:right;
}

.stopovers-view .start:before{
    content: url('../images/start_flag.png');
}

.stopovers-view .finish:before{
    content: url('../images/finish_flag.png');
}


.stopovers-view .ok:before{
    content: url('../images/ok_flag.png');
}

.stopovers-view .deny:before{
    content: url('../images/deny.png');
}

.stopovers-view .cancel:before{
    content: url('../images/cancel_flag.png');
}

.stopovers-view .wait:before{
    content: url('../images/wait_flag.png');
}


.tripusers-view .ok:before{
    content: url('../images/ok.png');
}

.tripusers-view .deny:before{
    content: url('../images/deny.png');
}

.tripusers-view .cancel:before{
    content: url('../images/cancel.png');
    
}

.tripusers-view .wait:before{
    content: url('../images/wait.png');
}

.tripusers-view .warning:before{
    content: url('../images/warning.png');
}

.row2{
    float:left;
    padding-right:10px;
}

hr {
    margin-top:30px;
    margin-bottom:30px;
}


/* city autocomplete */
.ui-autocomplete {
	max-height: 250px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: auto;
    /*max-width:600px;*/
	/* add padding to account for vertical scrollbar */
	padding-right: 300px;
}

.ui-autocomplete {
	height: 250px;
}


.trip-item
{
    margin: 10px;
    border: 1px solid silver;  
    
}

.trip-decoration
{
    border-left: 10px solid #6FACCF;
}

.trip-title
{
    background-color: #CCCCCC;
    padding: 10px;
}


.trip-decoration-free
{
    border-left: 10px solid #4FF905;
	
}

.trip-decoration-full
{	
    border-left: 10px solid #FB7F82;	
}

.trip-content
{
    padding: 5px;
}

.red{
    color: #FB7F82;
}

.green{
   color : #00C400; 
}


span.clear_icon{   
   
    font-family:verdana;
    cursor:pointer;
    color:#38468F;
    font-weight:bold;
    position:relative;
    height:20px;
    left:-18px;
}
span.clear_icon:hover{
    color:#ccc;
}


#map_canvas {
    height: 400px;
    width: 350px;
    max-height: 400px;
    max-width: 350px;
    margin-top: 0.6em;
}

#searchForm {
    
}

#TripMap {
    display: none;          
}

#registrationMap{
    position: relative;
    right:300px;
}

.text{
    min-height: 26px;    
    border: 1px solid #2F5BB7;
    text-align: center;
    padding-right: 1px;
    padding-left: 1px;    
}

.text:hover , .text:focus{
    background-color: #B7D6E7;
}


.button {
    padding: 2px 8px;
    min-height: 30px;
    min-width: 100px;
    border: 1px solid #2F5BB7;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    background-color: #357AE8;
}

.button:hover {
    background-color: green;
}

.button-red{    
    background-color: #D14836;
    padding: 2px 8px;
    min-height: 30px;
    min-width: 100px;
    border: 1px solid #d52424;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    
}

.button-red:hover{
    background-color: #d52424;
}

.userProfile-view{
    min-height:35px;
    margin-top:3px;
    margin-bottom:3px;
}

.userProfile-view .userProfile-control {
    float:right;    
}

.odd{
    text-align: center;
    background-color: #E5F1F4;
}

.even{
    text-align: center;
}

.decorate 
{
    margin:5px;
    padding:5px;
    -webkit-box-shadow: 0 2px 8px #333;
    -moz-box-shadow: 0 2px 8px #333;
    box-shadow: 0 2px 8px #333;    
}

#firstRow{
    
}

#secondRow, #thirdRow, #fourthRow {
    clear: both;
}

div.infoBox {    
}

div.infoBox div {
    margin-left:2px;        
    font-size: 15px;    
    float:left;
}

.stop-time{
    margin-left: 10px;
    margin-top: 5px;
}

.stop-city{    
    
}

.stop-image{
    margin-left: 10px;
    margin-top: 5px;
}

.user-city{
    margin-left: 10px;
    margin-top: 5px;
    float:left;
}

.user-name{    
    margin-left: 10px;
}

.user-image{
    margin-left: 10px;
    margin-top: 5px;
    float:left;
}

.evaluation-view {
    margin: 10px;
    border: 1px solid silver;
}
.evaluation-head {
    background-color: #CCCCCC;
    padding: 10px;
}
.evaluation-body {
    padding: 5px;
}

.user-view span{
    border-left: 1px solid black;
    padding:10px;
    margin:5px;
    float:left;
}

.user-view span:last-child {
    border-right: 1px solid black;
}
.zvyrazni tr:nth-child(even) {background: #CCC; margin: 5px;}
.zvyrazni tr:nth-child(odd) {background: #FFF; margin: 5px;}
.zvyrazni th { background-color: white; border: 2px black solid; margin:  5px; }