body, html {
	height: 100%;
}

body {
	font-size: 1em; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, Sans-Serif;
	color: #555;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
}

a {
	color: #555;
}

a:hover {
	color: #ff6600;
}
 
#container {
    width: 960px;
	height: 100%;
 	margin: 0 auto;
	text-align: left;

}

#header {
    color: white;    
    background-color: #FF6600;  
    text-align: right;
	padding-top:10px;
    background-repeat: repeat-x;
}

#header a {
    color: white;
}

#top_nav {
    margin-bottom: 0px;
	background: #ff6600;
}

#page_title {
    font-size: 110%;
    letter-spacing: -0.07em;
    color: white;
	padding: 0xp;
	font-weight: bold;
}

#stage_title {
    font-size: 150%;
    letter-spacing: -0.07em;
    color: #555555;
	padding: 0xp;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:10px;
	
	float: left;
}

#stage_title_no_float {
    font-size: 150%;
    letter-spacing: -0.07em;
    color: #555555;
	padding: 0xp;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:10px;
	

}

.masthead_tasks {	
    font-size: 75%;
	padding-left: 4px;
}

.masthead_tasks a {
    color: blue;
}
.masthead_tasks a:visited {
    color: blue;
}

.masthead_goodies {
float: right;
}


#sidebar a {
    font-size: 75%;

    color: #666;
}
#sidebar .headline {
	background-color: transparent;
	padding-left:8px;
	font-weight:bold;
}
#sidebar a:hover {
	color: #ff6600;
}

#sidebar a:visited{
}

#sidebar a.url{
    font-size: 85%;
    color: #666;
}

#sidebar p {
	padding: 5px;
}

#breadcrumb{
    background-color: #F6F6F6;
	height: auto;
}

#breadcrumb a {
	border: solid 1px #cccccc;
	background-color: #FFF1E0;
	padding: 4px;
 	color: gray;
}

#breadcrumb a:hover {
	background-color: #FFEDD8;
}


#breadcrumb.tag {

}

#breadcrumb.pixel {
	background-color: #F6F6F6;
}

#content {
    padding: 0px;
	float:left;
	width:100%;
}

#footer {
	width: 100%;
	background-color: #ffffff;
	background-repeat: repeat-x; 
	height: 50px;
	float: left;
	margin-top: 80px;
	text-align: center;
	border-top: solid thin #eeeeee;
	padding-top: 16px;
	font-size: 70%;
	color: #888888; 
}

#footer a {
	color: #888888;
	text-decoration: none;
}

#sidebar{
	padding-top: 8px;
	width:200px;
	float: left;
	background-color: #f6f6f6;
	height: inherit;
	border-bottom: 1px solid #cccccc;
}

#sidebar input {
    width: 95%;
}

#sidebar input.keyword_button {
	width: 49px;
	height: 26px;
}

#stage{
	width:760px;
	float:left;
	margin-left: -1px;
	border-top: 1px solid #cccccc;
	
	border-left: 1px solid #f6f6f6;
	
}

#clear {
    clear: both;
}

table {
}

/* -------- Classes --------------- */



.headline {
    font-size: 80%;
    margin-bottom: 2px;
	padding: 2px;
	padding-left:4px;
	background-color: #eeeeee;
	
	border-bottom: 1px solid #dddddd;
}

div.headline a {
	font-size: 60%;
}


.notice {
    background-color: #D5F1FF;
	border: thin solid #9DDFFF;
    color: #297CA5;
	text-align: center;
	font-size:90%;
	padding: 8px;
}

.notice a {
    color: #297CA5;
}

.notice #message_toggle {
	font-size: 60%;
}

/* ------- DASHBOARD --------- */

.dashboard_property {
    font-size: 140%;
    letter-spacing: -0.02em;
}


/* ----------- Project ------------ */

.project_created_at, .tag_details{
    font-size: 60%;
    padding-left: 12px;
}


/* ----------- User ------------ */

.user_name {
    font-size: 100%;
}

.user_last_logged_in_at {
    font-size: 60%;
}


/* ----------- Experiments ---------- */

div.fact_container {
}

div.fact_float {
  float: left;
  padding: 0px;
  padding-left: 5px;
  margin-right: 15px;
  /* border-right: thin solid #aaa; */
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-size:80%;  
}

div.fact_float:hover {
	background-color: #EBF8FF;
	color: #333;
}

div.fact_spacer {
  clear: both;
}

.fact {
	font-size: 150%;
	letter-spacing: -1px;
}


/* ---------- Users ------------ */

div.user_container {
  
}

div.user_float {

  float: left;
  width: 45%;
  padding:10px;
  height: 80px;
  font-size: 90%;
}

div.user_spacer {

    clear: both;
}

div.user_name {
    font-size: 110%;
}


/** -- forms --*/


.optional_fields {
	background-color: #f6f6f6;
}

input:focus, textarea:focus {
	background-color: white;
	/*background-image: url('/images/input_background.jpg');*/
	background-repeat: repeat-x;
}

#stage form {
	
	margin-top: 20px;
	margin-left: 8px;
}

input, textarea, select {
    border: 1px solid #c3c3c3;
}

.label {
	font-size: 90%;
	color: #A8B2AC;
}

label.optional {
    font-weight: normal;
}

.fieldWithErrors {
  margin-top:-12px;
}

.fieldWithErrors input {
  border: 1px solid red; 
}

  
/* -------- Forms -------- */


input, textarea {
	font-size: 1em;
}

input.checkox {
    border: none;
}

.wide {
	width: 350px;
}

.loginField {
	font-size:90%;
	width:200px;	
}

.loginButton {
    width: 100px;
    font-size: 100%;
    padding-left:10px;   
    padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;   
	
}

.button {
    width: 100px;
    font-size: 120%;
    margin-right:10px;   
}

textarea {
    width: 500px;
    height: 200px;
}

.errorExplanation {
    color: black;
    border: thin solid red;
    padding: 10px;
    font-size:90%;
}

.alert {
    color: black;
    border: thin solid red;
    padding: 5px;
    font-size:90%;
}

.empty_set {
    font-size: 200%;

}


/* -------- tables ----------- */


table.login {
    width: 400px;
}
/* ----- lists ------- */

ul {
    margin-top: 5px;
    margin-left: 1px;
	padding-left: 8px;
	list-style-image: none;
	list-style: none;
	color: #444;
}

li {
}

div.project_created_at {
	margin-left: 0px;
	padding-left: 0px;
}


/* ---- Tags ------ */

#tag_title {
	
}

.qr_code {

    width: 120px;
    background-color: white;
    padding: 10px;
    border: thin solid #f0f0f0;
    font-size: 80%;

}

.device_summary_table{
    font-size:90%;
    padding-top:5px;
}   

#keywords {
	width: 80%;
}

#keywords_box {
	line-height: 100%;
	background-color: #fcfcfc; 
	border: thin solid #f0f0f0; 
	padding: 2px;	
}

.cloud_item {
		border: thin solid #ccc;
		margin: 2px;
}

.cloud_item a {
	margin-right: 3px;
	line-height: 120%;
		margin: 2px;
		word-wrap: none;
}

.cloud_item:hover {
	background-color: #ddd;
}

.cloud_item a {
	color: #444;
}

.cloud_item a:hover {
	color: #ff6600;
}


/* ------ */

#quick_create {
	
	background-color: white;
	padding: 5px;
	border: thin solid #c8c8c8;

}

#quick_create select {
	width: 95%;
}

.location_link {
	text-decoration: none;
	font-size:90%;
	font-weight: bold;
}

#map_container
{
	margin-left: 20px;
}
.maphead
{
	padding: 4px;
	background-color:#aaaaaa;
	width: 712px;	
}
.mapbody
{
	background-color:#cccccc;
	padding: 4px;
	width: 712px;
}

#map_container a
{
	color: blue;
}
#map_container a:visited
{
	color: blue;
}

.small_text_field
{
	font-size: 80%;
	line-height: 1em;
	padding: 2px; 
	margin: 1px;
}
.small_button
{
	font-size: 80%;
	line-height: 1em;
	padding: 1px; 
}
.info_window
{
	font-size: 80%;
	line-height: 1.2em;
	padding: 1px; 
}

.info_window a
{
	color: blue;
}

.info_window a {
	color: blue;
}

/* updates */

#updates {
	margin: 15px;	
}

#updates  .headline{
	
	font-size: 110%;
	background-color: transparent;
	padding-left:0px;
	

}
.update_metadata {
	
	font-size: 70%;
	
	
}

.update_message {
	
	margin-bottom: 20px;
	font-size: 90%;
	line-height: 1.15em;
	color: #333333;
}
.update_message p{
	width: 95%;
	font-size: 90%;	
}

.keyword_button {
	width: 26px;
	height: 49px;
	border: none;
}

.long_keyword_input {
	width: 80%;
}

#tag_pixel_tab {
	background-color:#FF6600;	
	margin-top: -1px;
	padding-left:10px;
	font-size: 100%;
	height: 25px;
}

#tag_pixel_tab a {
	font-size: 100%;
	padding-left: 8px;	
	padding-right: 8px;	
	padding-top: 8px;	
	margin-right: 8px;
	margin-bottom: 8px;
	text-decoration: none;
	background-color: #F6F6F6;
	color: #555;
	padding-bottom: 8px;
}

#tag_pixel_tab a.tag {	
	background-color: #c0c0c0;
}

#tag_pixel_tab a.tag_selected {	
	background-color: #F6F6F6;
	font-weight: bold;
}

#tag_pixel_tab a.pixel {	
	background-color: #c0c0c0;
}

#tag_pixel_tab a.pixel_selected {	
	background-color: #F6F6F6;
	font-weight: bold;
}

.keyword_entry {
	color: #666;
}

/* */

#login_form {
	background-image: url('/images/footer_background.jpg');
	background-repeat: repeat-x; 
	width: 300px; 
	margin: 0 auto; 
	margin-top: 60px; 
	border: thin solid #ccc; 
	padding: 20px; 	
}


.userguide {
	font-size: 90%;
	padding: 5px;
}


.userguide p {
	
}

.userguide ul {
	padding-left: 20px;
}

.userguide li {
}


/* tabs */
		#tabs {			
			padding:0px;
			margin:0px;
			margin-bottom: -40px;
			text-align:left;
		}
				
		.tab {
			margin-right: 10px;
			margin-left: 0;
			margin-bottom: 0;
			padding: 5px 10px 5px 10px;
			background-color: #cdcdcd;			
			text-align:center;
			float:left;		
			color: black;	
		}
							
		.selected_tab {			
			background-color: #F6F6F6;
			float:left;
		}		

		#tabs a {
			text-decoration: none;
			color: #666666;
			font-size: 85%;
		}

/* search */
			#top_nav a
			{
				color: #666666;
			}
			input#dashboard_search, input#dashboard_search:focus {
				/* background-image: url('/images/lupe.jpg');	
				background-repeat: no-repeat;				
				background-position: left center;
				padding-left: 32px;
				padding-top: 5px;*/
				width: 160px;
				heigth:100%;
				font-size:75%;
				padding: 1px;
				margin: 0px;
			}
			
			div.auto_complete {
              background: #F6F6F6;
			  text-align: left;
			  margin:0px;
			  heigth:100%;
			  width:400px;
            }

            div.auto_complete .box {
              
              margin:0px;
              padding:0px;
              width:50%;
			  float:left;
			  height:inherit;
            }
            div.auto_complete .boxwide {
              
              margin:0px;
              padding:0px;

			  height:inherit;
            }			
			div.auto_complete .wrap
			{
				background-color:white;
				clear:both;
				height:auto;
			}

			#dashboard_search.dim
			{
				color: #cccccc;
				font-style: italic; 
				height:19px;
				padding:1px;
			}

			#dashboard_search.normal
			{
				color: black;
				font-style: normal; 
				height:19px;
				padding:1px;
			}			
			div.search_header
			{
			    font-size: 80%;
				font-weight: bold;
			    margin: 0px;
				background-color: rgb(246, 246, 246);;
				padding:2px;
				border-bottom: 1px solid #dddddd;
							  
			}
            div.auto_complete  li {
              list-style-position: inside;
			  list-style: none;
						  
			  margin-left:0px;              
              padding:3px;
			  font-size:75%;
            }
			
			div.auto_complete a {
			  text-decoration:none;
			}
			
			div.auto_complete a:hover {
				color: black;
				background-color: #ffb;
			}
			
			li.autocomplete_item {
				margin-left:10px;
			}
			
            div.auto_complete li:hover { 
              background-color: #ffb;
			  
			  
            }

			
            div.auto_complete ul strong.highlight { 
              margin:0;
              padding:0;
            }
			
			input#dashboard_search {
			}
			
			
.items
{
	padding-left:10px;	
}		
.dialog
{
	margin:50px 200px 0px 200px; width:560px;
	font-size: 90%;
	
}
.dialog .headline
{
	font-size: 110%;
	font-weight: bold;
	background-color: transparent;
	margin-bottom:16px;
	
}

.dialog p
{
	margin: 8px;
}
.dialog ul
{
}
.dialog form
{
	text-align: center;
}


.userguide .headline 
{
	font-size: 110%;
	font-weight: bold;
	background-color: transparent;
	margin-bottom:16px;
	
	
}
.userguide p
{
	font-size: 90%;
}
.userguide ul
{
	font-size: 90%;
}
.userguide li
{
	padding-top: 4px;
}
.userguide ul ul
{
	font-size: 100%;
}                     

.map_amount
{
	font-weight: bold;
	color: black;
	font-size: 90%;
	width:100px;       
	z-index:10;
  
}

.map_amount_small
{
	font-weight: bold;
	color: black;
	font-size: 75%;
	width:100px;       
	z-index:10;
  
}

	

/* finally, import picky ie */
/* IE is picky */
/*\*/ @import "ie-win.css"; /**/