body {  }

.graph {
width:100%;
height:520px;
background-color:#000;
color:#FFF;
}
#hide { float: right; }

body.mic { padding: 0; margin: 0; background: black; }
#posurl { display: block; margin-bottom: 1em; }
#loader {
display:none; 
position:absolute;
top:30px;
}
#toolbarDiv { position: absolute !important; z-index:100; bottom: 50px; right: 20px; width: 150px }
.fullpage { width: inherit !important; margin: 0 !important; padding; 0; }
#toolbarDiv.fullpage  { display: none;  }
/* .fullpage, .fullscreen  {
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAADUlEQVQYV2P4//8/IwAI/QL/+TZZdwAAAABJRU5ErkJggg=='),
    url(images/blank.cur),
    none;
} */
#count_results {
display: none; 
font-size: 15px;
color: #666;
margin: 10px;
}
.sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
#sortable li span { position: absolute; margin-left: -1.3em; }
#sortable-delete { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; background: red; color: white;  }
.location { font-size: 10px; }
.debug { font-size: 10px; display: none;  }
.showlinks { clear: both; margin-top: 10px; 	 }
.close {
background:transparent;
border:0;
}

.mywell {
margin-bottom:3px;
padding:5px;
}

.mywell .rn,.mywell .location {
margin-left:1em;
}

.mywell .sn {
font-weight:700;
}

.overlay {
border:1px solid #FFF;
font-weight:700;
margin-top:4px;
margin-right:4px;
}

.padtop {
margin-top:20px;
}

.tweep {
opacity:0.9;
float:left;
width:184px;
margin-right:10px;
font-size: 12px; 
line-height: 16px; 
}

.tweep .rn,.mywell .desc, .clearfix {
display:block;
}

.tweep:hover {
opacity:1;
cursor:pointer;
}

body {
padding-top:20px;
}

img.timg {
width:48px;
height:48px;
padding-right:5px;
float:left;
}

	div.btn-group {
    margin: 0 auto; 
    text-align: center;
    width: inherit;
    display: inline-block;
}
.searchen {
    text-shadow: 0px 1px 1px #fff;
	color: #444;
	font-weight: bold;
	padding: 10px 0;
	font-size: 25px; 

    
}
#legend {    
    display: none; 
    cursor: pointer;

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     }
#overlay {
    position: fixed;

     width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.8);
      z-index: 100;
}  

#imgen {
    position: fixed;
    top: 0;
    width: 100%; text-align: center;
    margin:  10px auto ;  
    z-index: 1200; 
}
.search {

    position: relative;
	text-align: center;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: url("/graph2013/tex2.png");

padding: 14px 40px 20px 40px;
margin: 0 auto;
text-align: center;
box-shadow: 2px 2px 6px rgba(0,0,0, 0.5);
-moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
-webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);


}
.search h1 {
position: absolute !important;
left: 20px;
padding: 0; margin: 0; 
color: #000;
opacity: 0.1;
    /* Shadows are visible under slightly transparent text color */
    color: rgba(10,60,150, 0.8);
    text-shadow: 1px 4px 6px #def, 0 0 0 #000, 1px 4px 6px #def;

z-index: 20;
}
.inset {
    /* Shadows are visible under slightly transparent text color */
    color: rgba(10,60,150, 0.8);
    text-shadow: 1px 4px 6px #def, 0 0 0 #000, 1px 4px 6px #def;
}
    

.mapextension {
    background: #000;
    padding: 10px; 
    color: white; 
}
.search-query { height: 32px; }
		      
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */



/*override*/
body.ic {
    padding-top: 0;
    background: #000;
    position: relative;
    font-family: Arial;
}
.ic p {
    font-family: Arial;
}
.ic a,
.ic a:hover {
 /* color: #b2b2b2;
    text-decoration: underline;*/ 
    cursor: pointer;
}
.ic a:hover {
    color: #fff;
}
.fullwidth-container {
    background: #212121;
        position: relative;
}
#fixedlogo {
    position: fixed;
    top: 25px;
    right: 25px;
}
#followerswrapper {
    position: fixed;
    top: 25px;
    left: 256px;
    right: 256px;
    margin-left: 30px;
    padding-bottom: 20px;
    color: #b2b2b2;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
}
#followerswrapper h1 {
    font-size: 24px;
    line-height: 27px;
    color: #fff;
    margin-bottom: 10px;
}
#followerswrapper .btn {
    margin-right: 6px;
}
#searchwrapper {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 256px;
    border-right: 1px solid #2b2b2b;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMUlEQVQIW2NkYGD4D8QMioqKIAoMGIGc//fv3wdzYBJgQZAAsgRcEFmCEWQmsnkgHQBszBIq/DtRvgAAAABJRU5ErkJggg==) repeat;
}
#searchwrapper .search {
    background:transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 20px;
    text-align: left;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    max-width: 84.5%;
    border-top: 1px solid #2b2b2b;
    border-bottom: 1px solid #2b2b2b;
}

#searchwrapper .input-large {
    width: 85%;
    padding: inherit 5%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-color:#333; 
    background: #000;
}
.ic .searchen {
    color: #fff;
    font-size: 15px;
    line-height: 19px;
    font-weight: normal;
    padding: 0;
    text-shadow:none;
    text-align:left;
}
.ic .searchen .icon-search {
    display: none;
}
.ic .graph {
    margin-left: 256px;
}

.fullscreen .graph {
    margin-left: 0px;
}

.ic #loader {
    top: 60px;
    right: 30px;
}
.ic #count_results  {
    margin-left: 0;
}
.ic #count_results a,
.ic #count_results a:hover,
.ic #count_results a:visited {
    color: #b2b2b2;
    font-size: 15px;
    line-height:19px;
    font-weight: 400;
}

#mapextensionwrapper {
    position: fixed;
    bottom: 0px;
    left: 256px;
    right: 0px;
}
#mapextensionwrapper .mapextension {
    padding: 10px 0;
    background: #212121;
    text-align: center;
}
.ic #instant_results
{

}
.ic #instant_results h1 {
    color: #fff;
    font-size: 15px;
    line-height:19px;
    font-weight: 400;
    margin: 20px 0 10px 20px;
}
.ic .tweep {
    width: auto;
    margin:10px 20px 0;
    float: none;
}
.ic .well {
    padding: 5%; 
    margin:10px 20px 0;
}
.ic .modal {
    left: 60%;
}
#modallegend.modal {
    width: 780px;
    margin-top: -400px;
    margin-left: -390px;
    max-width: 90%;
}
#modallegend.modal .modal-body
{
        max-height:635px;
}
#modallegend.modal .modal-body img
{
        max-width:100%;
}
/*    */
.ic .btn {
        cursor: pointer;
    text-decoration: none;
}
.ic .btn:hover {
    color: #b2b2b2;
}
.ic .mapextension .btn {
    color: #fff;
    text-shadow: none;
    margin: 0 6px 0 0 ;
}
.ic .mapextension .btn,
.ic .btn-info {
   /*-moz-box-shadow:inset 0px 1px 0px 0px #666666;
	-webkit-box-shadow:inset 0px 1px 0px 0px #666666;
	box-shadow:inset 0px 1px 0px 0px #666666;*/
   border:1px solid #000000; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4a4a4a), color-stop(1, #383838) );
	background:-moz-linear-gradient( center top, #4a4a4a 5%, #383838 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a4a4a', endColorstr='#383838');
	background-color:#4a4a4a;
}
.ic .mapextension .btn:hover,
.ic .btn-info.active,
.ic .btn-info:hover{

    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #383838), color-stop(1, #4a4a4a) );
	background:-moz-linear-gradient( center top, #383838 5%, #4a4a4a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#383838', endColorstr='#4a4a4a');
	background-color:#383838;
}
.ic .btn-info.active {
        color: #b2b2b2;
}
.ic-switch {
    display:inline-block;
}
.ic-switch label {
    display:inline-block;
    color: #fff;
}
/*nono scroller*/

.nano {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;    
}
.nano .content {
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    top: 0;
}
.nano .content:focus {
    outline: thin dotted;
}
.nano > .pane {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    bottom: 0;
    opacity: 0.01;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s ease 0s;
    width: 10px;
}
.nano > .pane > .slider {
    background: none repeat scroll 0 0 rgba(125, 125, 125, 0.5);
    border-radius: 3px 3px 3px 3px;
    margin: 0 1px;
    position: relative;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
    opacity: 0.99;
}
/*
@media (max-width: 1056px) {
    .ic .mapextension {
    
    }
    .ic .mapextension .btn {
        width: 50%;
        margin-right: 0;
    }
}*/
@media (max-width: 767px) {
    #mapextensionwrapper,
    #followerswrapper,    
    #searchwrapper {
        position: static;
        width: 100%;
        margin-left: 0;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        min-width: inherit;
    }
    .ic .mapextension .btn {
        width:90%;
        margin-right: 0;
    }
    #modallegend.modal,
    .ic .modal {
        top: 2%!important;
        left: 5%;
        width:90%;
        margin-left: 0;
        margin-top: 0;
    }
    .ic #graph {
        width: 100%;
        margin-left: 0%;
    }
}
@media (max-width: 480px) {
    #fixedlogo {
   width: 50px;
   position: absolute;
}
   .ic #graph {
     min-height: 150px;
    }
    .nano {
        min-height: 200px;
    }
}