/* -----nano scroll----- */
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano .content:focus {
  outline: thin dotted;
}
.nano .content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
}
.nano > .pane > .slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

-------------------------------------------------------------------- */
.ui-tooltip, .arrow2:after {
background: #E6E3E3 !important;
border: 2px solid white !important; 
}
.ui-tooltip { 
padding: 10px 20px;
color: #333333;
border-radius: 20px;
font:13px Arial, Helvetica, sans-serif !important;
box-shadow: 0 0 7px #666666;
background: #E6E3E3 !important;
border: 2px solid white !important; 
} 
.arrow2 {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow2:after {
background: #E6E3E3 !important;
border: 2px solid white !important; 
}
.arrow2.top {
top: -16px;
bottom: auto;
}
.arrow2.left {
left: 20%;
}
.arrow2:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
tranform: rotate(45deg);
}
.arrow2.top:after {
bottom: -20px;
top: auto;
}




/* -------------------------------------------------------------------- */



.row:after{
	clear:left;
}
.span_half{
	width:73px;
	float:left;
	color:#fff;
}
.span_half img{
	vertical-align: text-top;
	margin-bottom: 1px;
}
.span_half_right{
	float:left;
	padding-left: 6px;
}

.ball {
    background-color: #BE1E2D;
    border-radius: 10px 10px 10px 10px;
    color: white;
    padding: 0 5px;
	cursor: pointer;
	margin-bottom:4px;
	margin-left: 8px;
	line-height:14px;
}
#activity_status{
	font-size:0.9em;
	margin-bottom:10px;
}


/*
 * Copyright 2013, Widen Enterprises info@fineuploader.com
 *
 * Licensed under GNU GPL v3, see license.txt.
 */
.qq-uploader {
    position: relative;
    width: 100%;
}

.qq-upload-drop-area, .qq-upload-extra-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 30px;
    z-index: 2;
    background: #FF9797;
    text-align: center;
}
.qq-upload-drop-area span {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -8px;
    font-size: 16px;
}
.qq-upload-extra-drop-area {
    position: relative;
    margin-top: 50px;
    font-size: 16px;
    padding-top: 30px;
    height: 20px;
    min-height: 40px;
}
.qq-upload-drop-area-active {
    background: #FF7171;
}
.qq-upload-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.qq-upload-list li {
    margin: 0;
    padding: 9px;
    line-height: 15px;
    font-size: 16px;
    background-color: #FFF0BD;
}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-failed-text, .qq-upload-finished, .qq-upload-delete {
    margin-right: 12px;
}
.qq-upload-file {
}
.qq-upload-spinner {
    display: inline-block;
    background: url("loading.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}
.qq-drop-processing {
    display: none;
}
.qq-drop-processing-spinner {
    display: inline-block;
    background: url("processing.gif");
    width: 24px;
    height: 24px;
    vertical-align: text-bottom;
}
.qq-upload-finished {
    display:none;
    width:15px;
    height:15px;
    vertical-align:text-bottom;
}
.qq-upload-retry, .qq-upload-delete {
    display: none;
    color: #000000;
}
.qq-upload-cancel, .qq-upload-delete {
	color: #000000;
}
.qq-upload-retryable .qq-upload-retry {
    display: inline;
}
.qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-delete {
    font-size: 12px;
    font-weight: normal;
}
.qq-upload-failed-text {
    display: none;
    font-style: italic;
    font-weight: bold;
}
.qq-upload-failed-icon {
    display:none;
    width:15px;
    height:15px;
    vertical-align:text-bottom;
}
.qq-upload-fail .qq-upload-failed-text {
    display: inline;
}
.qq-upload-retrying .qq-upload-failed-text {
    display: inline;
    color: #D60000;
}
.qq-upload-list li.qq-upload-success {
    background-color: #5DA30C;
    color: #FFFFFF;
}
.qq-upload-list li.qq-upload-fail {
    background-color: #D60000;
    color: #FFFFFF;
}
.qq-progress-bar {
    background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
    width: 0%;
    height: 15px;
    border-radius: 6px;
    margin-bottom: 3px;
    display: none;
}
.qq-upload-button input{
	cursor:pointer;
}


/* event popup */
.popup_event_reg{
	color: #5d5d5d;
	font-size: 14px;
}
.popup_reg_header{
	margin-top:0;
	margin-bottom:12px;
	font-weight: normal;
}
.webcast_storyname{
	font-size: 21px;
	font-weight: bold;
	
}
.webcast_storytypename{
	font-size: 10px;
}
.popup_event_reg_info{
	
}
.webcast_red{
	font-size: 32px;
	color: #BE1E2D;
}
a.webcast_upgrade_decoration{
	color: #BE1E2D;
	text-decoration: underline;		
}
h4.popup_event_reg_recert{
	color: #BE1E2D;
	font-size: 16px;
}
		
		

/* sidebar followers and following */
.follow_sidebar{
    border: 1px solid #999999;
    padding: 10px;
	margin-bottom:20px;
}
.follow_sidebar ul{
	list-style: none outside none;
	padding: 0;
	
}
.follow_sidebar ul li{
	float: left;
	height: 95px;
	margin: 3px;
	width: 86px;
	font-size: 10px;
	overflow:hidden;

}
.follow_sidebar a.more_link{
	text-align: right;
	display: block;
}
.follow_sidebar ul li div.user_img{
	height:40px;
	overflow:hidden;
}
.follow_sidebar ul li div.user_img img{
	height: 100%;
}
.follow_sidebar .follow_count{
	color: #BE1E2D;
	font-size: 14px;
	font-weight: bold;
} 
/* popup followers and following */
.followingPopup_wrapper{
width:800px;height:500px;overflow:auto;text-align:left;
}
.followingPopup_headline h1{
font-family: Myriad Pro,Arial,Arial,Helvetica,sans-serif;
color:#BE1E2D;
font-size:25px;
}
.followingPopup_h2{
font-size:21px;line-height:10px;
}

.follow_popup ul{
	list-style: none outside none;
	padding: 0;
	
}
.follow_popup ul li{
	float: left;
	height: 108px;
	margin: 3px;
	width: 91px;
	font-size: 11px;
	overflow:hidden;

}
.follow_popup a.more_link{
	text-align: right;
	display: block;
}
.follow_popup ul li div.user_img{
	height:50px;
	overflow:hidden;
	width:55px;
}
.follow_popup ul li div.user_img img{
	height: 100%;
}
.follow_popup .follow_count{
	color: #BE1E2D;
	font-size: 14px;
	font-weight: bold;
} 
#testNext{   
	float:right;
	margin-right:20px;
	padding:5px;
}
#linkNext{   
	float:right;
	margin-right:20px;
	padding:5px;
		}
		
/* SF widget colour 4 override, may need to be somewhere else */
.c04{
	border: none !important;
}
.c04 .head{
	display: none !important;
}

.c04 .content{
	background-color: #FFFFFF !important;
	color: #000000 !important;
	padding: 0 !important;
}
/* ----------------------------------------------------------- */



a img{
	border: none;
}

#myFeeds{
	margin-top:15px;
}

a.social_feed_more{
	display: block;
	text-align: right;
}

div.removable, div.editable{
	float: right;
	margin: 0 0 5px 5px;
	cursor: pointer;
}

/* follow and follower box */
.wrapper_follow{
	width:278px;
	border: 1px solid #999;
	padding:10px;
}
.wrapper_follow .blue_follow{
	color: #005696;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.wrapper_follow .align_main{
	float:left;
}
.wrapper_follow .align{
 float: left;
 padding: 3px;
 font-size: 10px;
 padding-bottom: 8px;
 width: 57px;
 height: 105px;
 word-break:break-all; 
  }
.wrapper_follow .img_follow{
	float:right;
}
.wrapper_follow .FollowImg {
	height:40px; 
	margin-bottom:4px;
	
}
.wrapper_follow .align img{
	height:40px;
}
.followImg {
width:45px;
overflow:hidden; 
}
/* ----------------------------- */


#post_types{
	background: none repeat scroll 0 0 #000000;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size:10px;
	padding:3px;
	color: white;
	font-weight: bold;
	text-align: left;
}
#post_types input{
	margin:0;
	vertical-align: top;
	margin-left:4px;
}
#post_types label{
	margin:0;
	display: block;
	float: left;
	width: 100px;
	/*margin: 0 10px 0 0;*/
}

/* ----------------------------- */
#activity_settings{
	margin-top:20px;
}

#social_settings th.disabled{
	color:grey;
}
#social_connections, #social_settings, #activity_settings {
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
width:630px; 
}
#social_connections td, #social_connections th, 
#social_settings td, #social_settings th,
#activity_settings td, #activity_settings th{ 
border-top:1px solid #ccc;
border-right:1px solid #ccc;
padding:6px
}
#social_connections .subTitleHeaderKey, 
#social_settings .subTitleHeaderKey,
#activity_settings .subTitleHeaderKey {
font-size:16px;
}
.connection_update a {
font-size:14px;
}

/* ----------------------------- */

#show_upload{
	color: #827572;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: underline;
}

.qq-upload-file{
	margin-right:10px;
}
.qq-upload-failed-text{
	colour:red;
	display:none;
}

.file_upload{
	text-align:left;
	margin-top:20px;
}

ul.file_list{
	border: 1px dotted lightgray;
	height: 300px;
	margin: 5px;
	overflow: auto;
	padding: 5px;
}

ul.file_list li div.preview{
	background: url('/global_files/backgrounds/cgr/bg_lightbox_320.gif') repeat scroll center center transparent;
	border: 1px solid #EEEEEE;
	height: 80px;
	margin: 0 0 0 5px;
	overflow: hidden;
	padding: 0;
	width: 80px;
	text-align: center;
}
ul.file_list li div.preview img.sfsIcons{
	margin-top:32px;
}

ul.file_list li{
	cursor: pointer;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	width: 90px;
	padding:5px;
	font-size:0.7em;
	height: 90px;
}

.error{
	font-weight:bold;
}
label.error{
	color: red;
	margin-left:10px;
}

form.add_content{

}
form.add_content textarea{
    display: block;
    height: 100px;
    resize: none;
    width: 100%;
}
form.add_content .right{
	
}


ul.feed_list{
	list-style: none;
	padding: 0;
	font-size: 11px;
}
ul.feed_list li{
	margin-bottom: 15px;
}

.feed_left_image{
	float:left;
	width:30px;
	margin:5px;
}
.feed_main{
	margin-left:40px;
   min-height: 70px; 
   height:auto !important; 
   height: 70px; 
}

.feed_item_like{
	cursor:pointer;
	color: #069;
	margin-right: 5px;
	float: left;
}
.comment_area{
	clear: both;
}
.feed_comments{
	clear: both;
}
.feed_actions{
	clear: both;
}
.feed_actions .fb-like{
	float: left;
	margin-right:10px;
/*	border: medium none;
	height: 21px;
	overflow: hidden;
	width: 90px;*/
}
.feed_actions textarea{
	width: 275px; 
	height: 70px;
	resize: none;
	display: block;
}
.feed_show_commenter, .feed_event_register{
	cursor:pointer;
	color: #827572;
	float: left;
	margin-top: 6px;
	margin-right: 5px;
}

.feed_event_register{
	background-image: url("/remoteimages/website-images/2013_siteupdate/activity_register.gif");
	height: 20px;
	margin-top: 0;
	text-indent: -99999px;
	width: 80px;
}

.feed_time{
	color: #666666;
}
.feed_time a{
	font-size: 0.8em;
	text-decoration: none;
	color: #666666;
}

.feed_description_image{
	float:left;
	margin: 5px;
}
.feed_description_text{
	margin: 5px;
}
.feed_description_text img {
max-width:270px;
}
.feed_description_optional{
	margin:5px;
}

.feed_waiting{
	display:inline;
}

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

.feed_comments ul li {
    background-color: #E6E3E3;
    margin: 0 0 1px;
    padding: 10px;

}

.feed_follow{
	cursor:pointer;
	color: #827572;
	font-size: 9px; 
	width: 36px;
}
.feed_unfollow{
	cursor:pointer;
	font-size: 9px;
	color: #827572;
	width: 36px;
}

.feed_bottom{
	border-bottom: 1px solid #999;
	clear: both;
	margin-left: 40px;
}


.popupInner .feed_description_image {
display:none;
}
.popupInner .feed_main {
min-height:50px;
}

.sceditor-dropdown{
	z-index: 600000 !important;
}