@charset "utf-8";
/*
===========================================================================
Theme Name: Campfire Default Theme
Theme URI: http://campfire.i-to-i.com/
Description: Bespoke theme for the 'Community Engine' based i-to-i Campfire
Version: 1.0
Author: Rich
------------------
THEME NOTES:
green = #73bb43
blue = #4698cb
===========================================================================
*/

/*LOAD THE COMMON STYLES FROM THE 'themes/shared' FOLDER*/
@import url("../shared/style.css");

/*===========================================================================
HEADER
===========================================================================*/
/*main site header graphic*/
/* #header-wrapper, #header { background:url(images/bg-photo-beach.jpg) no-repeat top center; } */

/*font colour for h2 tags in the header of this theme*/
#header h2 { color:#fff }

/*font colour for h2 links in the header of this theme + speech bubble image, include IE6 version with no anti-aliasing (with the _undercore hack)*/
/*#header h2 a { color:#74d0ff; background-image:url(images/bubble-view-profile.png);_background-image:url(images/bubble-view-profile-ie6.gif) }
#header h2 a:hover, #header h2 a:focus, #header h2 a:active { color:#73bb43 }
*/


/*===========================================================================
SITE-WIDE
===========================================================================*/
/*main text font colour for this theme*/
body { color:#666 }

/*main colour of all (most) of the links throughtout this theme*/
a,.sidebar h3 a,div.user_list div.vcard h2 a,#profile_details h3 a  { color:#4698cb }

/*colour of the many 'read more' style links throughout the site*/
.hentry .entry-content h6 a,h6.all a { color:#73bb43 }

/*main header font and font colour for this theme*/
h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; color:#606060 }

/*main header link colour for this theme*/
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#606060 }

/*prototip user menu bit - the bit that drops down from the speech bubble once you're logged in*/
.my-user-menu .content { color:#fff }
.my-user-menu a { color:#fff!important }
.my-user-menu hr { border-color:#87c3e1 }

/*navigation tab images and font colours, includes IE6 version with no image anti-aliasing (with the _undercore hack)*/
/*
#nav li a { color:#43585a }
#nav li a:hover, #nav li a:focus, #nav li a:active { color:#73bb43!important }
#nav li a span { } */

/*announcement box background colours and font colours*/
/*main announcement colour*/
.announcement-wrapper { background-color:#73bb43 }
.announcement h4 { color:#d4ffb7 }
.announcement a { color:#9fde76 }

/*colour of the 2x boxes that only appear on the homepage when not logged in*/
#welcome-message { background-color:#62abd0 }
#sign-up { background-color:#fc575e }
#welcome-message, #sign-up { color:#fff }

/*colour and hover colour of the 'sign up' link in the signup box*/
#sign-up h4 a { background-color:#e92046 }
#sign-up h4 a:hover, #sign-up h4 a:focus, #sign-up h4 a:active { background-color:#ff898e }

/*bg colour, font colour and hover state of the form buttons throughout the site*/
.MainForm p input, .MainForm p button { background:#1991e0; color:#fff }
.MainForm p input:hover { background:#73bb43 }

/*font used on table headers - e.g. on polls and on lists of blog posts etc*/
table th { font-family:Georgia, "Times New Roman", Times, serif }

/*===========================================================================
FOOTER
===========================================================================*/
/*main site footer graphic*/
#footer-wrapper, #footer {background-color:#d6ba82; background-image:url(images/bg-footer.jpg) }
#footer,#footer a {color:#fff }


/*styling for message on logo rollover*/
.beta-message-container {background:transparent}
#beta-tip-message {
	background:#62abd0;
	border:1px solid #35525a;
	padding:10px 10px 0 10px;
	width:250px;
	text-align:left;
	color:#fff;
	/*rounded-corners won't show in IE - but they'll never know*/
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}




.inline-form {
  width:auto;
  float:left;
  padding:5px;
}


/*SWF UPLOAD*/
.progressWrapper {
	width: 357px;
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
.progressContainer .red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}
.progressContainer .green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}
.progressContainer .blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}
.progressName {
	font-size: 8pt;
	font-weight: bold;
	color: #555555;	
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}
div.uploadStatus {
  margin: 5px;
}
div.progressBar {
  margin: 5px;
}
div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}
div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}