/*

values:

Yellow : #FFC425
*/

/*

General Styles:

*/

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

/*

Elements:

*/
body {
    font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
    color: rgb(85, 85, 85);
}

h2 {
    font-size: 21px;
    line-height: 1.3em;
    margin-bottom: 0;
    color: #555555;
}

/*

Layout:

*/

.container {
    font-size: 12px;
/*     display: table; */
    width: 100%;
    min-width: 800px;
    margin: 0 auto;
}

.row {
    display: table-row;
}

.col-xs-6,
.col-xs-3 {
    box-sizing: border-box;
    /*padding:1em 0 1em 1em;*/
    float: left;
    position: relative;
    display: table-cell;
	-moz-box-sizing: border-box;
}

.col-xs-3 {
    width: 20%;
}

.col-xs-6 {
    width: 52%;
}

.ie7 .col-xs-6,
.ie8 .col-xs-6 {
    width: 45%;
}

/*
Bookmark Icons
TODO: Merge to main
*/

.bookmark-add,
.bookmark-favorite, 
.bookmark-remove
{
    font-family:FontAwesome;
    position:relative;
    /*background:#ccc;*/
    border-radius:4px;
    display:inline-block;
    zoom:1;
    *display:inline;
    font-size: 12px;
    padding:3px;
    margin:2px 4px;
}

.bookmark-add {
    color:#999;
}
.bookmark-add:hover {
    /*color:#ffffff;*/
    color:#FFC425;
    /*background:#333;*/
}
.bookmark-add span:before {    
    content:"\f006";
}
.bookmark-add:hover span:before {    
    /*content:"\f005";*/
}
.bookmark-favorite span:before {
    color:#FFC425;
    content:"\f005";
}
.bookmark-remove span:before {
    content:'\f00d';
}

/*

Map interface:

*/

/* 
#taxonomy-selector{
    margin:0;
}
 */

.results-list-column {
    position:relative;
    height: 508px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.sort-tool {
    background:#eee;
    padding:10px;
    border-bottom:1px solid #999;
}

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

.results-list ul {
    padding:0;
    list-style: disc;
    list-style-position: inside;
}


.results-list > li, #chl-interns-map-page .results-list > li .title{
    padding: 3px;
    cursor: pointer;
}

#chl-interns-map-page .results-list > li {
    cursor: default;
}

.results-list > li:hover {
    background:#eee;
}

.results-list > li.current {
    background:#E8F5FF;
}



.map-area {}

#map-canvas {
    background: #333;
    height: 575px;
    /*width:535px;*/
    margin:0 auto;
}

#map-canvas h3 {
    margin:0 0 5px;
}

#map-canvas .occ_list {
    margin:0;
    padding:0;
    list-style: none;
}

#map-canvas .occ_list li {
    color:blue;
    cursor: pointer;
    text-decoration:underline;
}

/* A hack, because I'm not sure why the ems are conflicting in the multiselect checkbox:*/
.ui-widget.hlchartform {
 font-size: 1em; 
};