/*
 * T-Rec
 *
 * Copyright 2012, Joe DoubleYou
 */


[draggable=true] {
  -khtml-user-drag: element;
  -webkit-user-drag: element;
  -khtml-user-select: none;
  -webkit-user-select: none;
}


.textfield
{
border: 2px solid lightblue;
}

.input.button
{
  border: 2px solid orange;
}

.dropHover
{
border: solid 2px blue;
}

.userdatadivlabel
{
float: left;
width: 200px;
}

.userdatadivcontent
{
overflow: hidden;
}

#destinationsFilterFrame
{
width:29%;
float:left;
}

#availableDestinations
{
width:50%;
height:70%;
float:left;
border:1px solid #222234;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 10px;
}


#availableDestinations li
{
margin: 5px;
padding: 5px;
width: 150px;
border: 1px solid #d3d3d3/*{borderColorDefault}*/; 
background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; 
font-weight: normal/*{fwDefault}*/; 
color: #555555/*{fcDefault}*/; 
}

#availableDestinations ul
{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 10px;
}

#choosenDestinations
{
width:49%;
height:70%;
float:left;
border:1px solid #222234;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 10px;
}


#choosenDestinations li
{
margin: 5px;
padding: 5px;
width: 150px;
border: 1px solid #d3d3d3/*{borderColorDefault}*/; 
background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; 
font-weight: normal/*{fwDefault}*/; 
color: #555555/*{fcDefault}*/; 
}

#choosenDestinations ul
{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 10px;
}




#propertiesFilterFrame
{
width:29%;
float:left;
}

#availableProperties
{
width:50%;
float:left;
}


#choosenProperties
{
width:50%;
float:left;
}


#head_nav
{
  background:#012bf6;  
  width:100%;
}

#language_chooser
{
  float:left;
  width:100%;  
  color:1122ff;  
}

.language_item
{
  color:1144ec;
  float:left;
  text-align:center;
  display:inline-block;
  padding-left:10px;
  padding-right:10px;
  cursor:pointer;
}


#main_nav
{
width:50%;
float:left;
height:40px;
}

#login_div
{
width: 50%;
float:right;
text-align:right;
height:40px;
}

.nav_item
{
color:1144ec;
  float:left;
  text-align:center;
  display:inline-block;
  padding-left:10px;
  padding-right:10px;
  cursor:pointer;
}


.nav_item : hover
{
  color:cccccc;
  float:left;
  text-align:center;
  display:inline-block;
  padding-left:10px;
  padding-right:10px;
  cursor:pointer;
}


#found_hotels
{
  width: 40%;
  float:right;
}

.h1
{
 font-size: 20;
}

#available_hotel_preferences
{
margin:2px;
width:45%;
float:left;
border: 1px solid;
list-style-type: none;
min-height:100;
}

#choosen_hotel_preferences
{
margin:2px;
width:45%;
float:left;
border: 1px solid;
min-height:100px;
list-style-type: none;
}

#available_destination_preferences
{
margin:2px;
width:45%;
float:left;
border: 1px solid;
min-height:100;
list-style-type: none;
}

#choosen_destination_preferences
{
margin:2px;
width:45%;
float:left;
border: 1px solid;
min-height:100;
list-style-type: none;
}



.draggableLIObject
{
margin: 5px;
padding: 10px;
border: 1px solid #d3d3d3/*{borderColorDefault}*/; 
background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; 
font-weight: normal; 
color: #555555; 
}


.draggableLIObject:hover {
border: 1px solid navy;
}

.preferencerating:before {
content: attr(title)" (";
}
.preferencerating:after{
content: ")";
}


.destinationrecommendations
{
width:25%;
float:left;
margin-right: 10px;
}

#destinationlist .destinationlist_text
{
float:left;
}

#destinationlist .destinationlist_button
{
float:right;
}


.hotelrecommendations
{
width:74%;
float:left;
}


.hotelphoto
{
width:150px;
float:left;
}

#language_chooser
{
margin-top: 10px;
background: #4297d7;
align: center;
border-top: 2px solid black;
}
#language_chooser div
{
background: #d8e7f3;
border: 1px #000000;
margin: 3px;
}

#language_chooser div:hover
{
background: #3fe1f3;
}


#choosen_hotel_evaluations
{
margin:2px;
width:45%;
float:left;
border: 1px solid;
min-height:100;
list-style-type: none;
}

#available_hotel_evaluations
{
margin:2px;
width:45%;
float:left;
border: 1px solid;
min-height:100;
list-style-type: none;
}

#choosen_destination_evaluations
{
margin:2px;
width:45%;
float:left;
border: 1px solid;
min-height:100;
list-style-type: none;
}

#available_destination_evaluations
{
margin:2px;
width:45%;
float:left;
border: 1px solid;
min-height:100;
list-style-type: none;
}

#hoteldetails_googlemap
{
width:30%;
height:200;
float:right;
}


#hoteldetails_picturediv
{
width:30%;
float:left;
height:200;
}

#hoteldetails_picturediv img
{
width:150;
height:150;
}

#hoteldetails_contact
{
width:30%;
float:left;
font-size: 12px;
height:200;
}

#hoteldetails_description
{
width: 60%;
float:left;
}

#hoteldetails_evaluations
{
width: 39%;
float:right;
}

#hoteldetails_evaluations p
{
margin-bottom:0;
padding-bottom:0;
}

.evaluationCanvas
{
width:150;
height:20px;
border: solid 1px;
}

#edithotel_picturediv
{
width:30%;
float:left;
height: 230;
}

#edithotel_picturediv img
{
width:150;
height:150;
}

#edithotel_data
{
width:70%;
float:right;
height:230;
}