/*
Theme Name: Community and Business Groups
Theme URI: #
Description: A version of TwentyTenFive theme for WordPress.
Author: Sorin Stefan
Version: 1.0
*/

/*
	w3.org / HTML5 Reset / HTML5 BoilerPlate :: style.css
	----------------------------------------------------------
	Using some tools from w3.org	
-------------------------------------------------------------------------------*/

/* Reset to default
-------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
}
.size1on3 .widget-container, .size1on3 aside  {margin: 0 0 5% 0;}
.size2on3 aside {margin: 0;}

article { clear: left;}
.offscreen,.screen-reader-text {
	position: absolute;
	left: -1000em;
}
address{
	font-style:normal;	
}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
/*img, object, embed {
	max-width: 100%;
}*/

/* force a vertical scrollbar to prevent a jumpy page */
html {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch; /* native style scrolling in iOS5 */
}

ul {
	list-style: disc; 
}
ol {
	list-style: decimal; 
}
dt { font-weight: bold;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;    
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
}
th {
	font-weight: bold;
}
td {
	font-weight: normal;
	vertical-align: top;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
p {
	margin-top: 1em;
	margin-bottom: .8em;
}

input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="text"].search-box {
	border: none;
}
.ie6 input {
	vertical-align: text-bottom;
}
select, input, textarea {
	font: 99% sans-serif;
}
table {
	font-size: inherit;
	font: 100%;
}
small {
	font-size: 85%;
}
strong, th {
	font-weight: bold;
}
td, td img {
	vertical-align: top;
}
/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* standardize any monospaced elements */
pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}
/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {
	cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
	margin: 0;
}
form label {display: block; font-size: 90%;}

/* make buttons play nice in IE */
button {
	width: auto;
	overflow: visible;
}
/* scale images in IE7 more attractively */
.ie7 img {
	-ms-interpolation-mode: bicubic;
}
/* prevent BG image flicker upon hover */
.ie6 html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
/* let's clear some floats */
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */

html {
	background: -webkit-gradient(linear, left top, left bottom, from(#c1cae1), to(#fff));
	background: -moz-linear-gradient(top, #c1cae1, #fff);
	background-color:#c7d0e4;
}
body {
	background: url('/community/src/img/noise.png') repeat;
	margin:0 2% 0 2%;
	font: .9em/1.5 Helmet, Freesans, sans-serif;
	color:#333;
	letter-spacing: .3px;
}
.entry-content figure {background: #eee; padding: 5px;}
.entry-content figcaption {font-size: 75%; text-align: center; text-transform: uppercase;}
.entry-content figure a, .entry-content figure a:hover {border: none;}

.checbox_agreement{
	float:left;
	margin:3px 10px 0 0;	
	padding:0;
	clear:both;
}
.agreement {
	margin:0 0 20px 0;
	overflow:hidden;
}

.input_fields{
	background:#f7f7f7;
	border:1px solid #d7d7d7;
	border-radius:5px;
	padding:8px;
	margin: 3px 0 15px 0;
	width:30%;	
}
.input_fields_long{
	width:60%;	
}
.selectbox{
	width:31.8%;
}
.input_fields_helptext{
	margin:5px 0 5px 0;
}
.radio_formfield{
	margin-right: 10px;
	float: left;	
}
.form_fields_help {
	font-size:90%;
	margin-bottom:15px;
	font-style:italic;
	padding: 0;
	color: #666;
}
.checkbox_row{
	margin:7px 0 10px 0;
}
.checkbox_formfield{
	margin:2px 7px 0 0;
	padding:0;
	vertical-align:middle;
	float:left;
}
.checkbox_labels{
	vertical-align:bottom;
	font-style:italic;
}
#getaccount_organizationdetails{
	display:none;	
}
.community_group_header {
	border-bottom:1px solid #afbad3;
	position:relative;
	width:100%;
	padding-top:40px;
	z-index:3;	
}
.page_title {
	color:#5d6f8a;
	text-shadow: 1px 1px 0 #eee;
	float:left;
	margin: 10px;
}
.page_title a span {
	display: inline-block;
	margin-top: 16px;
}
.page_title a:link, .page_title a:hover, .page_title a:visited {
	color:#0E2651;
	text-decoration:none;
	border:none;
}

/* Logo */

.logo {
	float:left;
}

/* IE8 Image width */
.w3c_logo{
    margin: 15px 0 15px 15px;
	width: 126px;
}

/* IE8 Image width */
.community_logo{
	/*min-width:500px;*/
	/*need to find another fix*/
}
.page_title a.logo img {
	vertical-align: middle;	
	-webkit-transition: -webkit-transform 0.7s ease-in-out;
	-moz-transition: -moz-transform 0.7s ease-in-out;
	-o-transition: -o-transform 0.7s ease-in-out;
	transition: transform 0.7s ease-in-out;

}
.page_title a.logo:hover img,
.page_title a.logo:focus img {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	
}

a.logo:link, a.logo:hover, a.logo:visited {
	border:none;
}
#search-form-container {
	float:right;
	opacity:1;
	position:relative;
	top: 30px;
	border-radius:20px;
	border:0;
	width: 200px;
	padding: 8px;
	background: #F4F5F9;
	box-shadow: inset 1px 1px 1px #7B7B7B;
	-webkit-box-shadow: inset 1px 1px 1px #7B7B7B;
	-webkit-appearance: none;
	z-index: 2;
	
	transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;    
}
#search-form-container:hover {
	background:#fff;
}
#search-form .search-box:active {color: #333;}

#search-form button {
	position: absolute;
	right: 7px;
	top: 9px;
	vertical-align: middle;
	font-size: 88%;
	padding: 0;
	border-style: none;
	background-color: transparent;
	width:23px;
	
}
#search-form button img.submit {
	opacity:0.7;

}
#search-form .search-box {
	border: none;
	color: #202E55;
	float: left;
	font-size: 100%;
	width: 85%;
	padding:2px;
	background-color: transparent;
	-webkit-appearance: caret;
}

.secondary_navigation {
	position:absolute;
	margin-right:-2%;
	margin-left:-2%;
	width:110%;
	overflow:hidden;
	list-style: none;
}
.secondary_navigation_links {
	top:0px;
	right:0px;
	background:#dce0ec;
	box-shadow: 0 0 10px #8F9DA9;
	border-bottom:1px solid #AAA;
	text-align:right;
	
	font-family: Georgia,"Palatino","Palatino Linotype",Times,"Times New Roman",serif;
	font-size: 78%;
	text-transform: uppercase;
	letter-spacing: .5px;
}
.secondary_navigation_links li {
	display:inline;
	padding:0;
}
.secondary_navigation_links a, .secondary_navigation_links span{
	display:inline-block;
	padding:1px .5em;
	margin: 4px -4px 4px 0;
	border:none;
}
.secondary_navigation_links a:link, .secondary_navigation_links a:visited {
	border:none;
}
.secondary_navigation_links a:hover {
	background:#cfd4e6;
	border:none;
}
a.skip_link_border:link, a.skip_link_border:visited, a.skip_link_border:hover, span.skip_link_border{
	margin-right: 0;
}
a.skip_link{
	margin-right:2%;	
	padding:1px 0 1px .5em;
	color:#333;
	line-height:100%;
}
a.skip_link:link, a.skip_link:visited{
	color:#333;
	background:none;
}
a.skip_link:hover {
	border-bottom:1px solid #919191;
}

li.secondary_navigation_separator {
	display:block;
	background-color:#fff;
	width:100%;
	height:1px;
	font-size:0px;
	line-height:0px;
}
/* Main mnu fade in animation (Webkit only) */
@-webkit-keyframes showMenu {
    from { opacity: 0; top:-20px; }
    to   { opacity: 1; }
}
.top_navigation {
	-webkit-animation: showMenu 1s;
	margin:0;
	position:relative;
	width:100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#e5e9f5), to(#dde1ed));
	background: -moz-linear-gradient(top, #e5e9f5, #dde1ed);
	background-color:#e1e5f0;
	border-radius:5px;	
	border:1px solid #b5bed5;
	padding:9px 0px 13px 0px;
	margin-bottom:-6px;
	overflow:hidden;
	text-shadow: 1px 1px 0 #eee;
}
.top_navigation.fixed {
	position: fixed;
	top: 0;
	padding: 0;
	width: 96%;
	opacity: .9;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.top_navigation ul li a {
	display:block;
	padding:8px 20px 5px 20px;
	text-transform:uppercase;
	letter-spacing: .4px;
	border-radius: 4px;	
	color:#333;
	font-weight: bold;
}
.top_navigation a:link, .top_navigation a:visited, .top_navigation a:hover{
	border:0;
	color:#333;
}
.top_navigation a:hover {
	background: #cfd4e6;
}
.top_navigation a.top_nav_selected, .top_navigation .current_page_item a {
	background: #5d6f8a;
	color:#fff;
	text-shadow: 1px 1px 0 #4B4B4B;
}
.top_navigation ul {
	margin-left:10px;
	list-style: none;
}
.top_navigation ul li {
	float:left;
	margin-right:10px;
}
#main {
	background:#eef1f9;
	border:1px solid #afbad3;
	border-top:2px solid #afbad3;
	width:100%;
	float:left;
	position:relative;
	z-index:2;
	box-shadow: 0 10px 12px #E3E3E3;
}
.leftCol {
	width:17%;
	float:left;
	text-shadow: 1px 1px 0 #eee;
	-webkit-text-shadow: 1px 1px 0 #eee;
}
.leftCol p {
	padding:10px 0 0 10px;
}
/*Leftmenu items*/
.social_menu {
	padding:10px 0 10px 0;
	margin:0 5px 0 5px;
	border-bottom: 1px solid #C9D1E3;
	list-style: none;
}
.social_menu li {
	display: block;
	margin: 7px 5px 0 5px;		
}
.social_menu li ul li a {background: none;} /* first level */
.social_menu li ul li ul li a {padding: 5px 0 9px 44px;} /* second level */
.social_menu li a {
	padding: 5px 0 9px 34px;
	height: 16px;
	display: block;
	background: url('/community/src/img/leftmenu_icons_sprite.png') no-repeat;
}
.social_menu li ul li a {
	padding: 0 0 2px 1px;
	font-size: 85%;
}
.social_menu li ul {
	margin-bottom: 20px;
}
.social_menu li a:hover {
	background-color: #E1E5F5;
	border-radius: 5px;		
}
.social_menu li a.social_links {
	padding: 4px 0 10px 34px;
	height: 12px;
	width: 30px;
	
	transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out; 
}
.social_menu li a.social_links:hover {
	width:130px;
	border-radius: 12px;		
}

.social_menu li a:link, .social_menu li a:visited, .social_menu li a:hover {
	border:none;	
}

.social_menu li a.mailinglists_icon {	
	transition: none;
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none; 
    background-position:2px 0px;
}
.social_menu li a.mailinglists_icon:hover {
	transition: none;
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none; 
	background-position: 3px -327px;
}
.social_menu li a.wiki_icon {
	background-position:2px -30px;
}
.social_menu li a.blog_icon {
	background-position:2px -60px;
}
.social_menu li a.microblog_icon {
	background-position:2px -90px;
}
.social_menu li a.versioncontrol_icon {
	background-position:2px -120px;
}
.social_menu li a.issuetracking_icon {
	background-position:2px -150px;
}
.social_menu li a.twitter_icon {
	background-position:0px -183px;
}
.social_menu li a.facebook_icon {
	background-position:0px -213px;
}
.social_menu li a.rss_icon {
	background-position:0px -243px;
}
.social_menu li a.mail_icon {
	background-position:2px -270px;
}
.social_menu li a.irc_icon {
    background-position: 2px -303px;
}


/*main column*/
.mainCol {
	background:#FFF;
	overflow:hidden;
	min-height:600px;
	box-shadow: -2px 0 10px rgba(0, 0, 0, .13);
	-moz-box-shadow: -2px 0 10px rgba(0, 0, 0, .13);
	-webkit-box-shadow: -2px 0 10px rgba(0, 0, 0, .13);
	padding-left:20px;
	padding-right:20px;
	border-left:1px solid #c9cdd7;
}
.breadcrumbs {
	/*background:url(/community/src/img/breadcrumb-background.png) bottom repeat-x;*/
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F4F4F4));
	background: -moz-linear-gradient(top, #fff, #F4F4F4);
	font-size: 90%;
	background-color:#F4F4F4;
	margin-left:-20px;
	margin-right:-20px;
	padding:2px 5px 8px 20px;
}

.mainCol ul, .mainCol ol {
    padding-left: 2em; margin-top: .5em;
}

.mainCol ul.participants_pics {padding: 0; margin: 0 0 15px;}
.mainCol ul.participants_pics.supporters {margin: 0;}
.mainCol ul.participants_pics.supporters + form {clear: both;}

.breadcrumbs ul {
    list-style: none;
	padding-left: 0;
}

.breadcrumbs ul li {
	display:inline;
	margin-right:3px;
}
.breadcrumbs a:link, .breadcrumbs:visited{
	border:none;	
}
.breadcrumbs a:hover {
	border-bottom: 1px solid #006ec6;
}
.arrow_inactive {
	color:#333;
	font-size:115%;
}
.arrow_active {
	color:#005AA3;
	font-size:115%;
}
.mainCol_right {
	overflow:hidden;
	margin-top:74px;
	margin-bottom:20px;
}
.home .join_box {
	margin: 7% 0;
}	
.join_box {	
	border-radius:7px;
	background: #d8e7f3;
	text-shadow: 1px 1px 0 #eee;
	padding: 15px;
	border-bottom: 1px solid #CCC;
}
.join_box aside:first-child {
	margin-bottom: 15px;	
}
.join_box aside:first-child h3,
.participants_box h3:first-child {margin: 0;}

a.chair_image img{
	padding: 3px; 
	border: 1px solid #aaa; 
	float:left;
	margin-right:10px;
}
a.chair_image:link, a.chair_image:visited {border-bottom: 0;}
a.chair_image:link img, a.chair_image:visited img { 
	border: 1px solid #aaa;

}
a.chair_image:hover img {
	opacity:0.85;
	padding: 3px;
	border: 1px solid #aaa;
}
.participants_box {
	background:#eef1f9;
	border-radius: 7px;
	padding:15px;
	border-bottom: 1px solid #CCC;
}
.participants_pics {
	margin:30px 0 0 0;
	float: left;
}
.participants_pics + P {clear: both;}

.participants_pics li {
	display:block;
	float:left;
	margin:0 5px 5px 0;
	padding:0;
	line-height: 0;
}
.participants_pics.supporters li {
	margin: 0 7px 5px 0;
}
.participants_chair span {display: block; font-style: italic; color: #555; font-size: 85%;}
.participants_chair figcaption {margin-left: 50px;}

.participants_pics li img, .participants_chair img {padding: 3px; border: 1px solid #aaa;}
.participants_pics.supporters li img.empty-pic {padding: 3px; border: 1px dashed #aaa; display: block;}
.participants_pics li a:link, .participants_pics li a:visited {display: inline-block; border-bottom: 0; position: relative;}
.participants_pics li a:link img, .participants_pics li a:visited img {
	border: 1px solid #aaa;
}
.participants_pics li a:hover img {
	opacity:0.85;
	padding: 3px;
	border: 1px solid #555;
}

/* Tooltip */
.participants_pics li a .tooltip { 
	position: absolute;
	text-decoration: none;
	display: block;
	opacity: 0;
	width: 0;
	height: 0;
	top: -10px;
	left:0;
	background: #484848;
	text-decoration: none;
	color: #FFF;
	font-size: 11px;
	border-radius: 3px;
}
.participants_pics li a .tooltip em {color: #aaa; display: block; margin-bottom: 3px;}
.participants_pics li a:hover .tooltip {
	position: absolute;	
	z-index: 5;
	line-height: 100%;
	width: 80px;
	padding: 7px 5px 5px 7px;
	opacity: 1;
	height: auto;
	box-shadow: 0 1px 5px #5B5B5B;
	transition: opacity .4s ease-in;
	-webkit-transition: opacity .4s ease-in;
	-moz-transition: opacity .4s ease-in;
	-o-transition: opacity .4s ease-in;
}

/* Group actions */
a.group-action {font-size: 85%;}

/* Call-to-action and Submit buttons */
.action_button:link, .action_button:visited {
	background: -webkit-gradient(linear, left top, left bottom, from(#EBB6AB), to(#EF755D));
	background: -moz-linear-gradient(top, #EBB6AB, #EF755D);
	background-color:#EBB6AB;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #DDB0A7 #CFA39A #B07B70;
	padding: 8px;	
	border-radius: 7px;
	text-decoration: none;
	text-align: center;
	color: #333;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	font-weight:bold;
	margin-top:15px;
	text-transform:uppercase;
	white-space:normal;
}
.action_button:hover {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 5px rgba(255, 255, 255, 1) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 5px rgba(255, 255, 255, 1) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 5px rgba(255, 255, 255, 1) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
	color: #000;
	border-color: #DDB0A7 #CFA39A #B07B70;
}
.action_button.second:link, .action_button.second:visited {
	background: -webkit-gradient(linear, left top, left bottom, from(#EBB6AB), to(#EF5D5D));
	background: -moz-linear-gradient(top, #EBB6AB, #EF5D5D);
	background-color:#EF5D5D;	
}
.action_button_no_strech:link, .action_button_no_strech:visited{
	float:left;
	padding:8px 20px 8px 20px;
}
.submit_button {
	font: .9em/1.5 Helmet, Freesans, sans-serif;
	background: -webkit-gradient(linear, left top, left bottom, from(#DEE3EF), to(#ACB5CC));
	background: -moz-linear-gradient(top, #DEE3EF, #ACB5CC);
	background-color:#DEE3EF;	
	
	display: inline-block;
	padding: 10px 15px 8px;
	border: 0;
	border-bottom: 1px solid #8492A3;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	color: #333;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	font-weight:bold;
	margin-top:15px;
	text-transform:uppercase;
	white-space:normal;
}
.submit_button[disabled] { opacity: 0.3; }

.submit_button:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#EEF1F8), to(#ACB5CC));
	background: -moz-linear-gradient(top, #EEF1F8, #ACB5CC);
	background-color:#EEF1F8;		
}
.submit_button_sml{
	padding: 5px 10px;
	margin-top:0;
	font-size:87%;
}
.cancel_button {
	background-color: transparent;
	display: inline-block;
	padding: 8px;
	width: auto;
	border: 0;
	border-radius: 6px;
	text-decoration: none;
	text-align: center;
	color: #0059a6;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	font-weight:bold;
	margin:15px 0 0 10px;
	text-transform:uppercase;
}
.cancel_button:hover {
	background: #eaedf3;
}
.add_editor_button {
	background:url(/community/src/img/add_editor.png) no-repeat 3px 3px;
	background-color: #eaedf3;
	display: inline-block;
	padding: 7px 10px 8px 34px;
	border:0;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	color: #0059a6;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	font-size:105%;
	font-weight:bold;
	text-transform:uppercase;
	margin-left:5px;
	width:75px;
}
.add_editor_button:hover {
	background-color: #CFD6E3;
}
a.close_button:link {
	display: inline-block;
	background-color: transparent;
	border:0;
	border-radius: 2px;
	text-decoration: none;
	text-align: center;
	color: #b3b8c6;
	font-size:100%;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
	padding:0;
	position:absolute;
	right:10px;
	top:7px;
	width:15px;
	height:20px;
	overflow: hidden;
}
a.close_button:hover {
	color: #fff;
	background-color: #aeb3c1;
}

.editor_selected {
	background-color:#e1e5f0; 
	border-radius: 5px; 
	padding:8px; 
	width:30%; 	
	position:relative;
	margin:0 0 10px 0;
}
a.more-button:link, a.more-button:visited {
	border: 0;
	background: -moz-linear-gradient(#E4E4E4 7%, #CFCFCF 54%) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(#E4E4E4 7%, #CFCFCF 54%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(#E4E4E4 7%, #CFCFCF 54%) repeat scroll 0 0 transparent;
	background-color: #E4E4E4;
    border-radius: 5px;
    border-bottom: 1px solid #B4B4B4;
    font-weight: bold;
    padding: 8px 12px 7px;
    text-shadow: 1px 1px 0 #EAEAEA;
    text-transform: uppercase;
	margin:4px 4px 0 0;
	letter-spacing: 0;
	
}
a.more-button:hover {
	background: -moz-linear-gradient(#E4E4E4 7%, #E4E4E4 54%) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(#E4E4E4 7%, #E4E4E4 54%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(#E4E4E4 7%, #E4E4E4 54%) repeat scroll 0 0 transparent;
	background-color: #E4E4E4;
}
a.report-button:link, a.report-button:visited {
	margin: 0 0 0 5px;    
}
.news_article {
	padding:0 0 15px 0;
	border-bottom:2px dotted #E6E6E6;
	margin:0;
	clear: both;
}
.news_article_last {
	border:0;
	padding:0 0 15px 0;
}
.news_article_first {
	margin-top:15px;
}
.blogpost_links a:link {
	color: #EE5739;
	border: 0;
	font: italic 1.05em Georgia,"Palatino","Palatino Linotype",Times,"Times New Roman",serif;
}
.blogpost_links a:first-child{
	margin-right:20px;	
}
.not_commited{
	display:none;	
}
.reports_table{
	margin:15px 0 15px 0;	
	width:100%;
}
.reports_table th, .reports_table td{
	text-align:left;
	padding:3px 0 5px 0;
	border-bottom:1px solid #E6E6E6;
}
.table_col_date{
	width:12%;
	min-width:85px;
}

/* links (w3.org) */
a {
	color: #036;
}
a img {
	cursor: pointer;
}
a:visited {
	color:#006EC6;
}
a:link, a:visited, a:hover {
	text-decoration: none;
}
a:active {
	position: relative;
	top: 1px;
}
a:link, a:visited {
	border-bottom: 1px solid #b9d0f5;
}
a:hover {
	border-bottom: 1px solid #006ec6;
	color: #034888;
}
a img, a:visited img, a:hover img{
	border: none;
}
a + .arrow_for_links {
	color:#F23800;
	text-decoration:none;
	padding-left: 4px;
	margin-right:40px;
	
	transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out; 
}
a:hover + .arrow_for_links {padding-left: 10px;}

.back_arrow_for_links {padding-right: 5px; color:#F23800;}
.front_arrow_for_links {padding-left: 5px; color:#F23800;}

.ellipsis_link{
	border:none;
	font-size:150%;
	outline:none;
	line-height:1%;
	margin-left:5px;
}
a.ellipsis_link:link, a.ellipsis_link:visited{
	border:none;
}
a.ellipsis_link:hover{
	border-bottom:1px solid #006ec6;
}
.highlight_text{
	color:#F23800;
	font-style:italic;
	margin:0 0 5px 0;
}
/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
background: #FF5E99;
color:#fff;
text-shadow: none;
}
::selection {
	background:#FF5E99;
	color:#fff;
	text-shadow: none;
}
/*	j.mp/webkit-tap-highlight-color */
a:link {
	-webkit-tap-highlight-color: #fcd700;
}
ins {
	background-color: #fcd700;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #fcd700;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
.size1on2 article p .small_text, .small_text {
	font-size:87%;	
}
/* Pagination styles */
.pagination{
	margin-bottom:20px;
}
.pagination a:link{
	margin-right:15px;
}
.pagination a.next{
	margin-right:0;	
}
.selected_page{
	display:inline-block;
	margin-right:15px;
	padding:0px 5px;
	font-weight:bold;
	border-radius: 2px;    
	background:#bfc7dc;
}
/* Headings (w3.org) 
-------------------------------------------------------------------------------*/

/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */

.mainCol h2.first_header {margin-top: 10px;}
.mainCol h2, .mainCol h3, .mainCol h4, .mainCol h5, .mainCol h6 { margin-top: 1.4em; }
.participants td h3 {margin: 0;	}
.mainCol .size1on3.lastUnit h2, .mainCol .size1on3.lastUnit h3, .mainCol .size1on3.lastUnit h4, .mainCol .size1on3.lastUnit h5, .mainCol .size1on3.lastUnit h6 { margin: 0;}

h1, .h1 {
	font-size:220%;
	font-weight:normal;
	overflow: hidden;
}
h2, .h2 {
	font-size:170.7%;
	font-weight:normal;
	color: #F23800;
}
h3, .h3 {
	font-size:133.3%;
	font-weight:normal;
}
.article_date {
	float: left;
	font: italic 80% Georgia,"Palatino","Palatino Linotype",Times,"Times New Roman",serif;
	margin: 0 0 13px 0;
	letter-spacing: .7px;
}
.article_info .article_date {	
	margin: 0 10px 0 13px;	
}
.article_date p.author {font: 1.3em/1.5 Helmet, Freesans, sans-serif; margin: 2px 0;}
.article_info {
	background-color: #F2F2F2;
    border-bottom: 1px solid #CCCACA;
    border-radius: 3px;
    float: left;
    margin: 3px 0;
    overflow: hidden;
    padding: 10px 0 10px 0;
}
.article_info img {
	float: left;
	padding: 3px;
	margin-left: 10px;
	border: 1px solid #98C0E6;
}
.article_info .affiliation {
	background-color: #FFF;
    border-radius: 3px;
    box-shadow: 1px 1px 0 #E6E6E6 inset;
    clear: both;
    font-size: 70%;
    letter-spacing: 1px;
    margin: 66px 4px -5px 3px;
    padding: 5px 5px 2px 6px;
    text-transform: uppercase;
}
.entry-utility {
 	border-top: 1px dotted #AAAAAA;
    color: #555;
    font-family: Georgia,"Palatino","Palatino Linotype",Times,"Times New Roman",serif;
    font-size: 77%;
    letter-spacing: 1px;
    padding-top: 5px;
    text-transform: uppercase;
}

.entry-utility a {border: 0;} 
a.header_open_collapse {
	color:#555;
	padding:5px 0;
}
a.header_open_collapse:link, a.header_open_collapse:visited{
	border:none;
}
a.header_open_collapse:hover {
	color:#777;
}
.icon_plus_minus  {
	padding:0 7px 0 0;
}
.icon_closed  {
	padding:0 7px 0 25px;
	background: url(/community/src/img/open_collapse.png) no-repeat 0 0;
}
.news_content{
	background-color:#f3f6fe;
	padding:0 10px 0 10px;
	border:1px solid #E6E6E6;
	margin-top:5px;
}
.news_content_open{
	display:block;
}
.news_content_closed{
	display:none;	
}
.link-home {
	background: #FFF;
    border: 0;
    border-radius: 2px;
    box-shadow: 1px 0 2px #D3D3D3;
    font-size: 12px;
    padding: 3px 4px;
    text-decoration: none;
    text-transform: uppercase;
}

/* For Diamond, which uses a list */

#diamond-recent-posts ul {
    padding-left: 0;
    list-style: none;
}
.header_article_group {
	color:#F23800;
	float:left;
	margin-bottom: 1em;
}
.header_article_group.column {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 125%;
}
.header_article_group + ul li{
	padding-top:5px;
}
.header_normal{
	color:#333;	
}

.header_article_group+p, .header_article_group+ul, .header_article_group+ol, .header_article_group+div{clear: both;}
.header_article_group a:link, .header_article_group a:visited{
	color:#F23800;	
	border:0;
}
.header_article_group a:hover{
	color:#ff8447;
	border:0;
}
.header_article_group_proposed a:link, .header_article_group_proposed a:visited{
	color:#555;
	border:0;
}
.header_article_group_proposed a:hover{
	color:#777;
	border:0;
}
h2+p {clear: both;}
header+p {clear: both;}
.group_logo + .first_header + p {clear: none; margin-top: 0;}

.entry-content h1+p, 
.entry-content h2+p, 
.entry-content h3+p, 
.entry-content h4+p {margin-top: 0; }

.icon_headers {
	height:25px;
	float:left;
	padding:5px 7px 0 45px;
	background:url(/community/src/img/article_icons_sprite.png) no-repeat top left;
}
a.icon_headers:link, a.icon_headers:visited, a.icon_headers:hover{
	padding-bottom:0;
}
.header_icon_news {
	background-position:0px 0px;
}
.header_icon_groups {
	background-position:0px -32px;
}
.header_icon_groups_proposed {
	background-position:0px -64px;
}
.header_icon_implementation {
	background-position:0px -96px;
}
.header_icon_meetings {
	background-position:0px -128px;
}
.header_icon_reports {
	background-position:0px -160px;
}
.header_icon_comments{
	background-position:0px -224px;
}
.header_icon_writecomments{
	background-position:0px -256px;
}
.header_icon_archives{
	background-position:0px -352px;
}
.header_icon_categories{
	background-position:0px -320px;
}
.header_icon_events{
	background-position:0px -384px;
}
.header_article a:link{
	color:#036;	
	border:none;
}
.header_article a:hover{
	color:#034888;	
}
.header_article em.groupParticipants, .header_article em.groupDate {
	display: none; 
	margin: 0 0 0 22px; 
	font-size: 80%; 
	color: #666; 
	letter-spacing: 0.7px;
	line-height: 13px;
}
.error_text{
	color:#dd0000;
}
.error_icons{
	height:32px;
	float:left;
	padding:0 7px 0 25px;
	margin-top:3px;
	background:url(/community/src/img/article_icons_sprite.png) no-repeat 0 -192px;
}

h4, .h4 {
	font-size:131%;
	font-weight:normal;
}
h5, .h5 {
	font-size:108%;
	font-weight:bold;
	margin:10px 0 0 0;
}
h6, .h6 {
	font-size:85%;
	font-weight:normal;
}
.size1on2 article p, .join_box p, .join_box ol {font-size: 90%; letter-spacing: .4px;}

/* Grid (w3.org)
-------------------------------------------------------------------------------*/

.line {
	margin-bottom: 10px;
}
.w3c_javascript.w3c_handheld .line .size2on3 {
	margin: 0;
}
.size1on1, .size1on2, .size1on3, .size2on3, .size1on4, .size3on4 {
	float:none;
	width:auto;
}
.line, .lastUnit {
	overflow: hidden;
}

.unit {float:left;}
.runit {float: right;}

.size1{
	width:100%;	
}
.size1on2 {
	width:48%;
	margin-right:4%;
}
.size1on3 {
	width:33.33333%;
	margin-top: 6%;
}
.home .size1on3 {
	margin-top: 1%;
}
.size2on3 {
	width:66.66666%;
	margin-top: 1%;
	margin-right: 3%;
}
.size1on4 {
	width:25%
}
.size3on4 {
	width:75%
}
.size1on5 {
	width:18%
}
.lastUnit {
	float:none;
	width: auto;
	margin-right:0;
}

/* footer */
#w3c_footer {
    text-align:center;
    width: 100%;
    background-color: #fff;
}
#w3c_footer ul {
    list-style: none;
}
#w3c_footer a:hover {text-decoration: underline;}
#w3c_footer-inner {    
    padding:30px 0 20px;
    max-width: 600px;
    margin: 0 auto;
}
#w3c_footer-inner ul {
	text-align: left;
}

/* footer nav */
.w3c_footer-nav{
    float: left;
    margin-left: 23px;
    margin-top: 0;
}
.w3c_footer-nav h3{
    text-align: left;
	font-weight: bold;
	font-size: 119%;
	color: #17445F;
	text-transform: uppercase;
	padding:20px 20px 0;
}
.w3c_footer-nav ul{
    padding: 10px 20px;
}
.w3c_footer-nav a:hover img.social-icon {
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
} 

.copyright {
    clear:both;
    color:#333;
    font-size:94%;
    padding-top:30px;
}
#w3c_footer a:link, #w3c_footer a:visited { border-bottom: none; }

/* on home page, some space before older/newer posts */

#nav-below { margin-top: 1em; }

/* Tables 
-------------------------------------------------------------------------------*/
.participants {margin: 1em 0;}
.participants td {padding: 20px 10px 20px 0; border-bottom: 1px dotted #ddd;}
.participants td img {border: 1px solid #333; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.participants .pic {padding: 5px; display: block;border: 1px solid #B7B3B3; width:50px;}
.participants .pic:hover {border: 1px solid #000;}
.participants th { text-align:left;}

.participants .check-inline {
  	background-color: #EEE;
    border-radius: 3px;
    float: left;
    margin: 7px 0 0;
    padding: 3px 7px;
}
.participants .check-inline input {margin-right: 2px; margin-bottom: 3px;}
.participants .check-inline label {display: inline; font-style: italic; color: #555;}

.data table {
  table-layout: fixed;
  width: 100%;
}

.data th, .data td {border-right:1px solid #FFF; 
	border-bottom:1px solid #FFF;
	padding:5px 20px}
.data th, .data td{vertical-align:top}
.data tr:nth-child(even) {background-color:#f8f8f8;}
.data tr:nth-child(odd) {background-color:#E2E2E2;}

/* Useful Classes (w3.org and html5 boilerplate)
-------------------------------------------------------------------------------*/

/* For image replacement */
.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}
/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
	display: none;
	visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}
/* padding - classes to be used to adjust defaut padding in specific contexts */
.tPadding0 {
	padding-top:0 !important
}
.rPadding0 {
	padding-right:0 !important
}
.bPadding0 {
	padding-bottom:0 !important
}
.lPadding0 {
	padding-left:0 !important
}
/* default padding 20px */
.padding {
	padding:20px !important
}
.tPadding {
	padding-top:20px !important
}
.rPadding {
	padding-right:20px !important
}
.bPadding {
	padding-bottom:20px !important
}
.lPadding {
	padding-left:20px !important
}
/* large padding */
.lPaddingLg {
	padding-left:40px !important
}
.tPaddingLg {
	padding-top:40px !important
}
.rPaddingLg {
	padding-right:40px !important
}
.bPaddingLg {
	padding-bottom:40px !important
}
/* ---- content margins (blocks) ----- */
.tMargin0 {
	margin-top:0 !important
}
.rMargin0 {
	margin-right:0 !important
}
.bMargin0 {
	margin-bottom:0 !important
}
.lMargin0 {
	margin-left:0 !important
}
/* margins */
.tMargin {
	margin-top:20px !important
}
.rMargin {
	margin-right:20px !important
}
.bMargin {
	margin-bottom:20px !important
}
.lMargin {
	margin-left:20px !important
}
/* small margins */
.bMarginSml {
	margin-bottom:5px !important
}
.tMarginSml {
	margin-top:5px !important
}
.lMarginSml {
	margin-left:5px !important
}

/* large margins */
.tMarginLg {
	margin-top:40px !important
}
.rMarginLg {
	margin-right:40px !important
}
.bMarginLg {
	margin-bottom:40px !important
}
.lMarginLg {
	margin-left:40px !important
}
/* No border */
.Border0 {
	border:none;
}

/* text-alignment */
.rAlign {text-align: right;}
.lAlign {text-align: left;}

.checkmark-green {font-size: 1.5em; color: green; margin: 0 3px;}

/* License style */

.license ol { list-style: none; }
.license li {margin-bottom: 1em; margin-top: 1em;}
.license .u { text-decoration: underline; }

/* Special CG list */

ol.cglist li {
    list-style-image: url("/community/src/img/community-group-logo-sm.png");
}

/* FAQ style */

.single_faq {margin-top: 1em;}
.faq-header { color: #F23800; }
/*.single_faq {
        padding-left: 16px;
	background: url(/community/src/img/open_collapse.png) no-repeat 0 0;
}
*/


/* 3d text */
h1.header_article.threed {
  color: #fff;
  font-size: 365%;
  font-weight: bold;
  text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 10px 10px rgba(0,0,0,.15);
}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
 html, body { background: none; }
 #main, .mainCol { background: white; border: none; box-shadow: none;}
 header, #secondary, .breadcrumbs, #w3c_footer, .post-revisions, .edit-link { display: none; }
 h1, h2, h3, h4 { color: black; background: white; }
 .mainCol { overflow: visible; }
}

/* Media queries!
-------------------------------------------------------------------------------*/
body, img { 
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}

/* Desktops and laptops ----------- */
@media screen and (min-width: 700px) {
	body { font-size: 75%; }
	h1, .h1 {font-size: 152%;}
	#search-form-container {width: 180px; top: 45px;}
	.w3c_logo img {max-width: 100%;}
	.w3c_logo {width: 100px;}
}
@media screen and (min-width: 797px) {
	#search-form-container {width: 180px; top: 30px;}
}
@media screen and (min-width: 1023px) {
	body { font-size: 85%; }
	h1, .h1 {font-size: 185%;}
	.leftCol {width: 17%;}
	#search-form-container {width: 200px;}
	.w3c_logo img {max-width: 100%;}
	.w3c_logo {width: 126px;}

}	
@media screen and (min-width: 1120px) {
	body { font-size: 90%; }
	h1, .h1 {font-size: 200%;}
	.leftCol {width: 17%;}	
	#search-form-container {width: 200px;}
	.w3c_logo img {max-width: 100%;}
	.w3c_logo {width: 126px;}
}

@media screen and (max-width: 700px) {
	body {background: none; font-size: 85%;}
	
	.w3c_logo,#search-form-container, .leftCol {display: none;}		
	.page_title, .unit {float: none;}
	.size1on1, .size1on2, .size1on3, .size2on3, .size1on4, .size3on4 {width: auto;}
	
	.page_title {margin: 7px 0 20px;}
	h1, .h1 {font-size: 135%;}
	.page_title a.logo img {width: 40px;}
	.secondary_navigation_links {width: 100%; font-size: 69%; margin: 0; text-align: left;}
	.top_navigation {padding: 3px 0 5px;}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	html {-webkit-text-size-adjust: none;}
	body {background: none; font-size: 90%;}
	
	.w3c_logo,#search-form-container, .leftCol {display: none;}		
	.page_title, .unit {float: none;}
	.size1on1, .size1on2, .size1on3, .size2on3, .size1on4, .size3on4 {width: auto;}	
	.page_title,.page_title a span {margin: 0;}
	.top_navigation {font-size: 80%; margin: 0; padding: 2px;}
	.top_navigation ul li {margin-right: 10px;}
	.top_navigation ul li a {padding: 2px 3px;}
	
	h1, .h1 {font-size: 105%;}
	.page_title a.logo img {width: 20px;}
	.secondary_navigation_links {width: 100%; font-size: 60%; margin: 0; text-align: left;}
	.top_navigation {padding: 3px 0 5px; margin: 0 0 -4px;}
	
	.secondary_navigation_links {font-size: 79%;}
	
}



/* ********** Errors/Warnings/Info block messages *********** */

.testimonial {	
	padding: 15px;
	margin: 20px 0;
}
.testimonial ul {
	padding: 0; margin-left: 50px;
}

#request_form fieldset input.error, 
.request_form fieldset input.error, 
#request_form fieldset select.error, 
.request_form fieldset select.error, 
#request_form fieldset textarea.error,
.request_form fieldset textarea.error {
    border: 2px solid #DC4747;
}

.w3c_message {width: 30%;}

.w3c_message.errors {
	background-color: #FFEBE6;
	border: 1px solid #D5A79C;
}
.w3c_message.warnings {
	background-color: #FCFBE4;
	border: 1px solid #D6D49E;
}
.w3c_message.messages {
	background-color: #F1FBEB;
	border: 1px solid #AAC28E;
}

/* image sprite handling icons messages */
.w3c_message h3 {
	display: block;
	height: 40px;
	font-weight: 600; 
	letter-spacing: 0.02em;
	font-size: 180%;
	text-shadow: 0 1px 1px #fff;
	padding: 3px 50px 0; 
	background: url("/2008/site/images/icons/messages_sprite.png") no-repeat top left;
	margin: 0;
}

.w3c_message.errors h3 {background-position: 0 0; color: #CF3C3C;}
.w3c_message.warnings h3 {background-position: 0 -80px; color: #C6A712;}
.w3c_message.messages h3 {background-position: 0 -40px; color: #65A020;}

/* For event list widget */
.dig-in { margin-left: 1em; margin-top: 1em; }
.category-events #content #tec-content {width: auto;}

/* For RHS blocks */
.widget_nav_menu {
	margin-bottom: 1em; 
	background: #eee;
	border-radius: 7px;
	padding: 15px;
}
/* For lede sentence on home page */
.lede {
	color: #304987;
    font-size: 118%;
    margin-bottom: 25px;
}

/* For account forms */
.js .required_field_extra { display: none; }

.group_logo {
	margin: 30px 20px 20px 30px;
    max-width: 100px;
}

/* caps title eg. Participants */
.cTitle {
	text-transform: uppercase;
	font-size: 90%;
}
.cTitle a {text-transform: none;}

/* warning/error/info messages */

.w-msg { /*warning*/
	background: none repeat scroll 0 0 #FFFFBC;
	border-radius: 3px;
    font-size: 85%;
    font-style: italic;
    padding: 4px 8px;
}

/* Revisions */
.revision-header {
    background-color: yellow;
    border: 1px solid #3a8b8c;
    padding: 10px; }

div.revision-header { padding: 0 10px; }

table.diff { width: 100%; }
table.diff th { text-align: left; }
table.diff .diff-deletedline { background-color:#fdd;
                               width: 50%; }
table.diff .diff-deletedline del { background-color:#f99;
                                   text-decoration: none; }
table.diff .diff-addedline { background-color:#dfd;
                             width: 50%; }
table.diff .diff-addedline ins { background-color:#9f9;
                                 text-decoration: none; }
table.diff .diff-context { display: none; }

/* For beta */

.beta {
 font-size: .5em;
}

/* Filtering, Sorting system */

#filtering {position: relative;}
#filtering label {
	display: inline; 
	text-transform: uppercase; 
	vertical-align: bottom; 
	font-size: 75%;
	color: #4B83BE;
}
#filtering a {text-decoration: none; border: 0;}

#filtering ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#filtering .upper-filters > ul > li,
#filtering .lower-filters > ul > li  {float: left;}

#filtering #live-search {float: right; margin: 0; position: relative; border: 0;}
#filtering #live-search input[name="search"] {
	background: url("/community/src/img/magnifying.png") no-repeat 8px 8px #fff;
	border-radius: 14px;
	padding: 6px 4px 4px 25px;
	width: 170px;
	height: 20px;
	border: 0;
	box-shadow: inset 1px 1px 1px #999;
	font-size: 110%;
}
#filtering a.clear {
    -moz-transition: opacity 0.15s linear 0s;
    background-image: url("/community/src/img/clear.png");
    display: none;
    height: 16px;
    opacity: 0.75;
    position: absolute;
    right: 7px;
    text-indent: -9999em;
    top: 8px;
    width: 15px;
}
#filtering a.clear.activated {
    display: block;
}

#filtering .lower-filters {margin: 8px 12px;}
#filtering .upper-filters {
	padding: 10px 13px;
	background: #f1f1f1;
	border-radius: 3px;
	font-size: 11px;
	text-transform: uppercase;	
	line-height: 2.5em;
}
#filtering .upper-filters a {	
	transition: none;
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none; 
}
#filtering .upper-filters > ul > li {
    border: 1px solid #bfbfbf;
    border-radius: 2px;
    margin: 2px 10px 0 0;
    padding-top: 1px;    
}
#filtering .lower-filters > ul > li {padding: 0 20px 0 3px;}
#filtering .lower-filters > ul > li label[for="mygroups"] {color: #F23800;}

#filtering .upper-filters > ul > li#live-search:hover {background: none;}

#filtering .upper-filters a.sort-button {
    border: 1px solid #FFF;
    border-radius: 2px;
    box-shadow: 0 3px 5px #AAA;
    padding: 7px 12px 4.5px;
    text-shadow: 1px 1px 0 #fff;

	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 27%, #e6e6e6 100%);
	background: -webkit-linear-gradient(top,  #f5f5f5 27%,#e6e6e6 100%);
	background: -o-linear-gradient(top,  #f5f5f5 27%,#e6e6e6 100%);
	background: linear-gradient(top,  #f5f5f5 27%,#e6e6e6 100%);
}
#filtering .upper-filters a.sort-button:hover {background: #f5f5f5;}
#filtering .upper-filters > ul > li:active {
	position: relative;
	top: 2px;
}
#filtering .upper-filters > ul > li#live-search:active {top: 0;}

#filtering .upper-filters a.sort-button:active {
	box-shadow: none; 

}
#filtering .upper-filters > ul > li span {
	background: url("/community/src/img/sort-sprite.png") no-repeat right bottom;
    display: inline-block;
    height: 12px;
    right: 4px;
    position: relative;
    top: 2px;
    
}
#filtering .upper-filters > ul > li span.sort-up {
	background-position: -19px 0;
	width: 13px;
}
#filtering .upper-filters > ul > li span.sort-down {
	background-position: 0 0;
	width: 13px;
}

#filtering .status {
	background: rgba(254,253,185,.6);
	font-size: 80%;
	padding: 10px 12px;
	overflow: hidden;
	display: none;
}
#filtering .status.active {
	display: block;
}

#filtering .status p {margin: 3px;}
#filtering .status .reset-all,
#filtering .status p {
	float: left;
	font-weight: 600;
}
#filtering .status .reset-all {
	margin: 0 0 0 10px;
	padding: 3px 10px 1px 10px;
	background: #eee;
	border-radius: 5px;
}
#filtering + hr {margin: 0;}

/* For WP revision information at bottom of page */

.post-revisions { 
    margin-top: 2em; margin-bottom: 1em; 
}

/* For forms for publishing reports */

.publish_box {
	border-radius:7px;
	background: #EEF1F9;
	text-shadow: 1px 1px 0 #eee;
	padding: 15px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 1em;
}
.publish_box h2 { margin-top: 0; }

.publish-form table { width: 100%; }
.publish-form tr td:first-child { width: 50% }
.form-note { font-size: .75em; font-style: italic; margin-left: 2em; display: block;}

/* For join page */

div label {
     display: block;
     margin-top: 1em;
}

/* For interactive bg agreement page */

.bgagreement.underline { border-bottom: thin black solid; padding-left: 3em; padding-right: 3em;}