/* Styles shared by all Flux widgets */
/* resets */
.flux p,
.flux ol,
.flux ul,
.flux .floatsWrapper ul,
.flux form {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flux a { outline: none; }
.flux a img { border: none; }
/* main structure */

/* Fonts */
.flux,
.flux .fluxForm input.widgetInput,
.flux .fluxForm textarea { font-family: Arial; }


.flux p.formHelp,
.flux p.formHelpText,
.flux .cacSmall .itemText,
.flux .loginBtnsHolder { font-size: 10px; }

.flux .fluxBtn,
.flux .commentInfo,
.flux p.standard,
.flux .actions,
.flux .shareSubTitle,
.flux .fluxForm .smallLink,
.flux .fluxForm .fieldLabel,
.flux .fluxForm .formAlert { font-size: 11px; }

.flux .fluxBtn.btnMedium,
.flux .nonUserWarning,
.flux .fbook,
.flux .container,
.flux .fluxDropDown,
.flux .fluxDropDown .fluxDDItem,
.flux .itemText,
.flux .cacSmall .itemText .txtCount,
.flux .contentAction .cacSmall .fluxBtn,
.flux .actions .active { font-size: 12px; }

.flux .commentBody,
.flux h3.paging,
.flux .prevnext,
.flux .editorActivator,
.flux .fluxForm textarea { font-size: 14px; }

.flux .callout,
.flux .fluxBtn.btnLarge,
.flux .itemText .txtCount,
.flux .contentAction .fluxBtn,
.flux .upload h3.shareContentTitle,
.flux .groupTitle { font-size: 16px; }

.flux .widgetTitle,
.flux .moduleTitle {
	font-size: 18px;
	color: #333;
}
/* Colors */
.flux,
.flux .fbook,
.flux .editorActivator {
	color: #666666;
}

.flux a,
.flux .link {
	color: #29abe2;
	text-decoration: none;
	cursor: pointer;
}

.flux .moduleContent,
.flux .widgetContent { padding: 16px; }

.flux .bold,
.flux .loginBtnsHolder a,
.flux .nonUserWarning .link { font-weight: bold; }

/* 50/50 split */
/* IE6 */
* html .flux .floatsWrapper { height: 1%; }
/* IE7 */
*:first-child+html .flux .floatsWrapper { min-height: 1px; }
.flux .floatsWrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.flux .leftHalf {
	float: left;
	width: 48%;
}
.flux .rightHalf { margin-left: 52%; }

/* Common styles */
.flux { font-weight: normal; }

.flux .moduleContainer,
.flux .widgetContainer {
	border: 3px solid #b2b2b2;
	background-color: #f2f2f2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}


/* with vertical separator */
.flux .sep .leftHalf {  border-right: 1px solid #ccc; }
.flux .widgetHalfWrap { padding: 0 20px 0 0; }

/* headings */
.flux .moduleTitle,
.flux .widgetTitle {
	margin: 0;
	padding: 10px;
	line-height: 1;
	background: #d6d6d6;
}

.flux .callout,
.flux .groupTitle {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 1;
}
.flux h3 img {
	vertical-align: middle;
}
.flux .paging {
	margin: 0;
	padding: 0 0 4px 0;
	font-weight: normal;
	line-height: 1;
}
.flux .pagingBottom {
	padding: 4px 0 0 0;
	border-top: 1px solid #d6d6d6;
}
.flux .callout {
	padding: 5px;
	background: #d6d6d6;
}
.flux .commentInfo {
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 1;
}

/* text */

.flux p.standard { line-height: 1.3; }
.flux em.alt {
	color: #999;
	font-style: normal;
}
	
/* actions */

.flux .actions {
	float: right;
	line-height: 14px;
	color: #b1b1b1;
}

.flux .actions .active {
	font-weight: bold;
	line-height: 14px;
}
/* avatars */

.flux img.avatar {
	border-color: #d6d6d6;
	border-style: solid;
}
.flux img.avatarSmall {
	border-width: 3px;
	height: 25px;
	width: 25px;
	vertical-align: middle;
}
.flux img.avatarMediumSmall {
	border-width: 6px;
	height: 40px;
	width: 40px;
}
.flux img.avatarMedium {
	border-width: 6px;
	height: 50px;
	width: 50px;
}

/* form defaults */

.flux .fluxForm .fieldLabel {
	display: block;
	margin: 0 0 4px 0;
	font-weight: bold;
}
.flux .fluxForm p.formHelp {
	margin: 0 0 10px 0;
	color: #999;
}
.flux .fluxForm p.formAlert {
	margin: 0;
	padding: 4px 0 10px 0;
	font-weight: bold;
	color: #f00;
}
.flux .fluxForm .fieldset {
	margin-bottom: 10px;
}
.flux .fluxForm textarea {
	margin: 0;
	color: #666;
	border: 1px solid #c1c1c1;
	background-color: #fff;
}
.flux input.widgetInput {
	width: 97%;
	margin: 0;
	padding: 5px;
	border: 1px solid #c1c1c1;
	background-color: #fff;
	display: block;
}
.flux input.widgetInput.inputShort { width: 75%; }

.flux .fluxBtn {
	margin: 0;
	padding: 0px 5px;
	height: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #fff;
	border: none;
	background: #29abe2;
	cursor: pointer;
	min-width: 45px;
	text-align: center;
	white-space: nowrap;
}

.flux .fluxBtn.btnMedium {
	height: 20px;
	line-height: 20px;
	min-width: 55px;
}

.flux .fluxBtn.btnLarge {
	height: 30px;
	line-height: 30px;
	min-width: 80px;
}

/* drop down */
.flux .fluxDropDown {
	background-color: #edecec;
	color: #333333;
	line-height: 1.2;
	border: 1px #999999 solid;
	position: absolute;
	left: 0px;
	top: 100%;
}
.flux ul.fluxDropDown {padding: 0px!important;}
.flux .fluxDropDown .fluxDDItem {
	color: #333333;
	padding: 2px 20px 3px 7px;
	display: block;
	white-space: nowrap;
}
.flux .fluxDropDown a.fluxDDItem:hover {
	background-color: #999999;
	color: #ffffff;
	text-decoration: none;
}

/* flux tabs */
.flux ul.fluxTabs {
	border-bottom: 4px solid #333;
}
.flux ul.fluxTabs li {
	float: left;
	margin: 0 3px 0 0;
	font-size: 12px;
}
.flux ul.fluxTabs li a {
	float: left;
	padding: 8px 15px;
	color: #666;
	background: #ccc;
}
.flux ul.fluxTabs li.active a {
	color: #fff;
	background: #333;
}
.flux ul.fluxTabs li a:hover {
	color: #444;
	background: #bbb;
}