/* body fullscreen (all browsers) */
html, body { 
  margin:0; 
  height:100%;
  font-family: arial;
  overflow: hidden;
} 

.center {
  text-align: center;
}

.clear {
  clear:both;
}

#map {
  position:absolute;
  top:101px;
  left:295px;
  background:#DDD;
  bottom:0;
  right:0;
}

/* Tabs */
#tabs {
  position:absolute;
  top:75px;
  z-index:10000000;
  left:20px;
  list-style: none;
  margin:0;
  padding: 0;
}

#tabs li {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 12px;
  text-align: center;
}

#tabs li {
  background:#AB630A;
  color: #FFF;
  float:left;
  width: 60px !important;
  margin:0 !important;
  padding: 5px 10px;
  display: inline;
  cursor: pointer;
}

#tabs .selected {
  background: #FFF;
  color: #ff9900;
  border:none;  
}

#list_container {
  top:0;
  bottom:30px;
  overflow:auto;
  position:absolute;
}

#filter_container {
  top:0;
  bottom:30px;
  overflow:auto;
  position:absolute;
}


#list_container div.company {
  background:#F5F5F5;
  float:left;
  height:63px;
  width:100%;
  border-bottom:1px solid #BDBDB5;
  border-top:1px solid #FFF;
  overflow:hidden;
  position:relative;
  cursor: pointer;
}

#list_container div.company .logo {
  float: left;
  width: 100px;
  margin: 10px 0  0 10px;
  height: 45px;
  overflow:hidden;
  
}
#list_container div.company .name {
  color:#FE3300;
  float:left;
  font-size:14px;
  height:18px;
  margin:10px 0 0 10px;
  overflow:hidden;
  width:160px;  
}

#list_container div.company .address {
  font-size:10px;
  float: left;
  width:160px;
  margin: 0px 0  0 10px;
  font-weight:bold;
  height:24px;
  overflow:hidden;
}

#list_container div.company.over {
  background:url( ../images/v2/cellbg.png) repeat-x;
}

#list_container a.more {
  background:#F5F5F5;
  float:left;
  height:40px;
  width:100%;
  margin:0;
  padding:0;
  border-bottom:1px solid #BDBDB5;
  border-top:1px solid #FFF;
  overflow:hidden;
  position:relative;
  color:#FE3300;
  text-align: center;
  font-height: 20px;
  line-height: 40px;
  cursor: pointer;
  
}

#list_container a.more:hover {
  background:url( ../images/v2/cellbg.png) repeat-x 0 -12px;
  color:#FFF;
  
}

#list_container div.company.over .name, #list_container div.company.over .address {
  color:#FFF;
  
}

.last {
  margin-bottom: 10px;
}

#loader {
  background:#FFFFFF none repeat scroll 0 0;
  border:5px solid #DDDDDD;
  color:#DDDDDD;
  font-size:50px;
  left:50%;
  margin-left:-135px;
  position:absolute;
  text-align:center;
  top:100px;
  width:250px;
  z-index:100000000;
  opacity: 0.8;
}
/* Window content */
.maptimize_info_window {
  float:left;
  width: 272px;
  height: 170px;
  position: relative;
  padding:5px;
  overflow: auto;
}

.maptimize_info_window.multiple {
  height: 320px;
}

.maptimize_info_window h1 {
  color: #4F76BA;
  margin: 5px 5px 0 5px ;
  padding: 0;
  font-weight: normal;
  font-size: 20px;
}

.maptimize_info_window h2 {
  color:#4D4D4D;
  margin: 0 5px 10px 0px ;
  padding: 0;
  font-weight: normal;
  font-size: 20px;
}

.maptimize_info_window p {
  font-size: 13px;
  margin: 5px 0 5px 0;
  color:#231F20;
}

.maptimize_info_window a.company, .maptimize_info_window a.website {
  color: #4F76BA;
  text-decoration:none;
  padding-left: 14px;
  margin: 5px;
  background: url(../images/link.gif) no-repeat 0px 3px;
  font-size: 14px;
  line-height:18px;
}

.maptimize_info_window a.more {
  color: #4F76BA;
  text-decoration:none;
}

.maptimize_info_window a.logo, .maptimize_info_window a.logo img {
  text-decoration:none;
  border:0;
}

.maptimize_info_window a.company {
  float:left;
}

.maptimize_info_window a.website {
  float:right;
}

.maptimize_info_window .maptimize_separator {
  float:left;
  width: 100%;
  height: 1px;
  background: #DDD;
  margin: 5px 0;
  font-size: 1px;
}

#waiting_content {
  text-align: center;
  line-height: 55px;
  font-size: 28px;
  color: #888;
}


/* Header */
#header {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 101px;
  background:#FFF url(../images/v2/bg-header.gif) bottom left repeat-x;
  z-index:10000000;
  text-align: center;
}

#logo {
  position: absolute;
  background: url(../images/v2/crunchpanorama.gif);
  height:55px;
  left:10px;
  top:10px;
  width:315px;
}

#right {
  float:right;
}

#maptimize_logo {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 168px;
  height: 38px;
  background: url(../images/v2/maptimize.gif);
  color:transparent;
}

#crunchbase {
  position: absolute;
  top: 77px;
  right: 10px;
  width: 360px;
  height: 20px;
  text-align: right;
  color: #FFF;
  font-size: 13px;
}

#crunchbase a {
  text-decoration:none;
  color: #FFF;
}

#crunchbase a:hover {
  text-decoration:underline;
}

#counter {
  text-align:left;
  margin: 6px 0 0 295px;
  color: #FFF;
}

/* Controls in side bar */
#controls h3 { 
  width:100%;
  background: #e5ebec;
  margin:10px 0;
  font-size:14px;
  padding: 5px 0;
}
#controls h3 span {
  padding-left:10px;
}
#controls h3.first {
  margin-top: 0;
}

h3#twitter {
  background: #FF9900;
  padding:0;
  width:295px;
  height:30px;
  position:absolute;
  bottom:0;
  margin:0;
}
h3#twitter img{
  border:0;
}
#controls img {
  border: 0;
}
#controls label {
  color:#3f87bb;
  font-size:12px;
  font-weight:bold;
}

#controls input[type="radio"], #controls input[type="checkbox"] {
  width: 12px;
  height: 12px;
}

#controls li {
  float:left;
  width: 120px;
  margin:1px 4px 1px 12px;
  display: inline;
}

#controls .margin-left {
  margin-left:15px;
}

#controls .center {
  text-align:center;
}

#controls {
  position:absolute;
  top: 101px;
  left: 0px;
  width:295px;
  bottom:0;
  padding-left:00px;
  background: #F9F9F9;
}

#controls #controls_content {
  overflow: auto;
}

#controls #date_type {
  margin-top:10px;
  position:relative;
  font-size: 12px;
  float:left;
  width:260px;
}

#controls #date_type  label {
  color:#000;
  font-size:11px;
  font-weight: normal;
}

#controls #date_type input[type="radio"], #controls input[type="checkbox"] {
  width: 14px;
  height: 14px;
}

#controls ul {
  list-style: none;
  margin:0 0 10px 0;
  padding: 0;
  float:left;
}

#controls #track {
  width:240px;
  background:url(../images/v2/time_range.png);
  height:21px;
  float:left;
  position: relative;
  margin: 25px 20px 20px 8px;
}

#controls #track .handle {
  position: absolute;
  height:17px;
  cursor: move;
  z-index: 2;
  top: -3px;
}

#controls #track #handle2 {
  background:url(../images/v2/right-slider.gif);
  width:6px;
  left:230px;
  top: 1px;
}

#controls #track #handle1 {
  background:url(../images/v2/left-slider.gif);
  width:7px;
  left: 0px;
  top: 1px;
}

#controls #track .legend {
  position: absolute;
  height:20px;
  font-size: 10px;
  font-weight: bold;
}

#controls #track #handle1_legend {
  text-align:left;
  width:60px;
  top:-17px;
}
#controls #track #handle2_legend {
  top:20px;
  width:50px;
  text-align:right;
}

#controls #selected_tack {
  position:absolute;
  background-color:#FF9900;
  height:9px;
  font-size: 1px;
  z-index: 1;
  left: 0px; 
  top: 6px;
  width: 230px;
  opacity: 0.8;
}


/* Auto complete */
#search {
  width: 239px;
  height: 17px;
  font-size: 12px;
  border:1px solid #FF9900;
  color: #888;
  margin-top: 25px;
  padding: 4px 0 0 5px;
  background:url(../images/v2/bg-search.gif);
}

.clear_link {
}
#search.focus {
  color: #333;
}

div.auto_complete {
  width: 350px;
  font-size:14px;
  text-align:left;
}

div.auto_complete ul {
  margin:0;
  padding:10px 0 0 0 ;
  width:100%;
  list-style-type:none;
}

div.auto_complete ul li {
  margin:0 4px 0 0;
  padding:2px;
}

div.auto_complete ul li.selected {
  background-color: #FF9900;
}

div.auto_complete ul strong.highlight {
  color: #800; 
  margin:0;
  padding:0;
}

/* Google map shadox */
#ds_h {
	position: absolute;
  left: 295px;
  top: 101px;
  bottom: 0;
  width:5px;
  z-index:1000;
}

#ds_h div {
  float: left;
  height: 20000px;
  width: 1px;
  font-size: 1px;
  background-color: #000000;
  display:inline;
  overflow:hidden;
}

#ds_v div {
  position: relative;
  width: 100%;
  height: 1px;
  font-size: 1px;
  background-color: #000000;
  overflow:hidden;
}

#ds_v {
	position: absolute;
  left: 295px;
  right:0;
  top: 101px;
  height:5px;
  z-index:1000;
}

#ds_v div {
  position: relative;
  width: 100%;
  height: 1px;
  background-color: #000000;	
}

#ds .o1 {
	opacity: .4;
	filter: alpha(opacity=40);
}

#ds .o2 {
	opacity: .32;
	filter: alpha(opacity=32);
}

#ds .o3 {
	opacity: .24;
	filter: alpha(opacity=24);
}

#ds .o4 {
	opacity: .16;
	filter: alpha(opacity=16);
}

#ds .o5 {
	opacity: .08;
	filter: alpha(opacity=8);
}


/* Popup */
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100000000;
	background-color:#000;
	filter:alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
}

* html #overlay {
	_position: absolute;
	_margin-top: expression( ignore = document.documentElement.scrollTop + 'px' );
}

.popin {
	position: fixed;
	left: 50%;
	top: 178px;
	width: 640px;
	margin-left: -320px;
	padding: 1px;
	overflow: hidden;
	z-index: 100000001;
	margin-top: 0;
}

* html .popin {
	_position: absolute;
	_margin-top: expression( ignore = document.documentElement.scrollTop + 'px' );
}

.popin .top {
	background: url(../images/v2/box_pop_top.png) no-repeat;
	width: 640px;
	height: 6px;
	float: left;
	font-size: 1px;
}

.popin .middle {
	background: url(../images/v2/box_pop_middle.png) repeat-y;
	width: 640px;
	float: left;
	min-height: 14px;
}

* html .popin .middle {
	_height: 14px;
}

.popin .middle .button-close {
	position: absolute;
	top: 7px;
	right: 8px;
	width: 17px;
	height: 17px;
}

.popin .middle .content {
	color:#444444;
  float:left;
  font-size:14px;
  margin-left:12px;
  width:615px;
}

* html .popin .middle .content {
	_margin-left: 6px;
}

.popin .middle .content h2 {
	color: #666666;
	margin-bottom: 12px;
	margin-top: 6px;
}

.popin .middle .content fieldset {
	width: 426px;
}

.popin .middle .content fieldset input.full {
	width: 420px;
}

.popin .middle .content .large-button {
	float: right;
}

.popin .middle .content .button-validate {
	margin-top: 10px;
}

.popin .middle .content .button-close-window {
	margin-top: 20px;
}

.popin .bottom {
	background: url(../images/v2/box_pop_bottom.png) no-repeat;
	width: 640px;
	height: 22px;
	float: left;
	font-size: 1px;
}

* html .popin .content {
	padding-bottom: 0;
}

*:first-child+html .popin .content {
	padding-bottom: 0;
}

.button-close {
	background: url(../images/v2/bt_fermer.png) no-repeat 0 0;
}

.button-close:hover {
	background: url(../images/v2/bt_fermer.png) no-repeat 0 -17px;
}

.black {
  color:#000;  
}

.orange {
  color:#FF9900;
}

a {
  color: #3f87bb;
}

.highlight {
/*  background-color:#FFFF00;*/
font-weight: bold;
}

#appstore {
  color:#000000;
  font-size:12px;
  height:44px;
  left:50%;
  line-height:14px;
  margin-left:127px;
  padding-top:4px;
  position:absolute;
  text-shadow:0.01em 0.1em 0.2em black;
  top:18px;
  width:160px;
}
#appstore img {
  border: none;
  vertical-align:top;
}