/* ############################################################# */
/* ektron registered stylesheet */
/* id: EktronThickBoxCss */
/* path: /WorkArea/csslib/box.css
/* ############################################################# */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#Ekt_AjaxContent{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#EkTB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#EkTB_window a:link {color: #666666;}
#EkTB_window a:visited {color: #666666;}
#EkTB_window a:hover {color: #000;}
#EkTB_window a:active {color: #666666;}
#EkTB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#EkTB_overlay {
	position: fixed;
	z-index:100000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.EkTB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #EkTB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#EkTB_window {
	position: fixed;
	background: #ffffff;
	z-index: 100002;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #EkTB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#EkTB_window img#EkTB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#EkTB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#EkTB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}


#EkTB_closeAjaxWindow a 
{
	width: 16px;
	height: 16px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 1px 0;
	text-align:right;
	float:right;
	position:absolute;
	right:0.25em;
	top:0.25em;
	background-image:url('/WorkArea/images/ui/icons/cancel.png');
	display:block;
	background-repeat:no-repeat;
	
}

#EkTB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#EkTB_title{
	background-color:#e8e8e8;
	height:27px;
}

#EkTB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#EkTB_ajaxContent.EkTB_modal{
	padding:0px;
}

#EkTB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#EkTB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:100003;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #EkTB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#EkTB_HideSelect{
	z-index:99000;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #EkTB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#EkTB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
.EkTB_dialog_header
{	
	background-color:#6699CC;
	font-family:Verdana;
	font-weight:bold;
	font-variant:small-caps;
	padding:3px;
	border-bottom:solid 1px black;	
	text-align: right;
	margin-bottom:5px;
}
.EkTB_dialog_header span
{	
	float: left;
	text-align: left;
	display: block;
}

.EkTB_dialog
{

}
.EkTB_dialog th
{	
	padding-right: 10px !important;
}

.EkWksChoice
{
	text-align:center;
}
.EkWksName
{
	
}
.EkWksShareFolders th
{
	padding-left: 5px !important;
}

.EkTB_Button
{	
	border: solid 1px black !important;
}

.EkTB_Button:hover {
    border: 1px solid #f00 !important;
    background: #6699CC !important;
}

.EkTB_dialog label {
    /*display: block !important;*/
    /*float: left !important;*/
    margin: 2px 4px 2px 4px !important;
}

div.Ekt_AccordianMain { width: auto; }
div.Ekt_AccordianMain,div.Ekt_AccordianItem { margin: 0; }
div.Ekt_Accordian { background: #6699CC; font-size: 18px; padding: 5px; margin: 2px; }
div.Ekt_Accordian a { color: #FFF; }
div.Ekt_AccordianItem a { color: #000; }
div.Ekt_AccordianItem { border:solid 1px black; margin:2px;}
div.Ekt_AccordianItem ul { list-style: none; padding: 5px; }

#EkTB_container-image {padding:0;margin:12px;border:1px solid silver;position: relative;} 

#EkTB_container-image div.ekt_captionWrapper 
{
	position: absolute;
	top: 0em;
	left: 0em;
	width: 100%;
}

#EkTB_container-image div.ekt_captionWrapper div.ekt_captionInnerWrapper {
	padding: .25em;
	margin: .25em;
}

#EkTB_container-image div.ekt_caption {
	background-color: #fff;
	border: 1px solid #999;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	width: 100%;
	margin: 0em;
	padding: 0em;
}

#EkTB_container-image div.ekt_caption div.ekt_caption_text {
	padding: .5em;
	color: #333;
}

#EkTB_container-image a {
	display: block;
	float: right;
	padding: .4em .5em;
	margin: .35em;
	color: #fff;
	background-color: #333;
	font-size: .87em;
	text-decoration: none;
	line-height: 1em;
}

#EkTB_container-image a:hover {color: #fff; background-color: #666;}

#EkTB_container-foot {padding:0;margin:0;}

.EkTB_overlayMacFFBGHack {background: url('/WorkArea/images/application/macFFBgHack.gif') repeat;}

/* ############################################################# */
/* ektron registered stylesheet */
/* id: EktronBubbleCss */
/* path: /WorkArea/csslib/bubble/bubble.css
/* ############################################################# */

#FloatBubble{display: none;position: absolute;z-index: 3200;}
#EkBubbleTable{width:400px;border:0px;text-align:left;}
#EkBubbleData{width: 360px; overflow: auto;background-color:#ffffff;}
#EkCloseBubbleIcon{text-align: right;background-color:#ffffff;}
#EkClose{height:11px;width:11px;}
#EkTop{height:52px;width:247px;background-image:url('/WorkArea/images/application/bubble/top.gif');}
#EkTopR{height:52px;width:21px;background-image:url('/WorkArea/images/application/bubble/topr.gif');}
#EkTopL{height:52px;width:21px;background-image:url('/WorkArea/images/application/bubble/topl.gif');}
#EkBotR{height:52px;width:21px;background-image:url('/WorkArea/images/application/bubble/botr.gif');}
#EkBotL{height:52px;width:21px;background-image:url('/WorkArea/images/application/bubble/botl.gif');}
#EkTopTile{background-image:url('/WorkArea/images/application/bubble/toptile.gif');}
#EkCenL{background-image:url('/WorkArea/images/application/bubble/cenl.gif');}
#EkCenR{background-image:url('/WorkArea/images/application/bubble/cenr.gif');}
#EkBot{background-image:url('/WorkArea/images/application/bubble/bot.gif');}
#FloatBubbleT{display: none;position: absolute;z-index: 3200;}
#EkBubbleTableT{width:400px;border:0px;TEXT-ALIGN:left;}
#EkBubbleDataT{width: 360px; overflow: auto;background-color:#ffffff;}
#EkCloseBubbleIconT{TEXT-ALIGN: right;background-color:#ffffff;}
#EkCloseT{height:11px;width:11px;}
#EkTopT{background-image:url('/WorkArea/images/application/bubble/topt.gif');}
#EkTopRT{height:52px;width:21px;background-image:url('/WorkArea/images/application/bubble/topr.gif');}
#EkTopLT{height:52px;width:21px;background-image:url('/WorkArea/images/application/bubble/topl.gif');}
#EkBotRT{height:52px;width:21px;background-image:url('/WorkArea/images/application/bubble/botr.gif');}
#EkBotLT{height:52px;width:21px;background-image:url('/WorkArea/images/application/bubble/botl.gif');}
#EkBotTile{background-image:url('/WorkArea/images/application/bubble/bottile.gif');}
#EkCenLT{background-image:url('/WorkArea/images/application/bubble/cenl.gif');}
#EkCenRT{background-image:url('/WorkArea/images/application/bubble/cenr.gif');}
#EkBotT{height:52px;width:247px;background-image:url('/WorkArea/images/application/bubble/bott.gif');}

/* ############################################################# */
/* ektron registered stylesheet */
/* id: EktronModalCss */
/* path: /WorkArea/java/plugins/modal/ektron.modal.css
/* ############################################################# */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
   the Window's z-index value will be set to 3000 by default (in ektron.jqmodal.js). 
   You can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).modal({zIndex: 500}); 
*/
	
.ektronWindow {display: none; position: fixed !important; top: 25%; left: 50%; margin-left: -20em; width: 40em; background-color: #fff; color: #333; border: 1px solid #525252; padding: 1em;}
.ektronModalOverlay { background-color: #3f3f3f; margin: 0; padding: 0;}

/* widths */
.ektronModalWidth-10 {margin-left: -5em !important; width: 10em !important;}
.ektronModalWidth-20 {margin-left: -10em !important; width: 20em !important;}
.ektronModalWidth-25 {margin-left: -12.5em !important; width: 25em !important;}
.ektronModalWidth-30 {margin-left: -15em !important; width: 30em !important;}
.ektronModalWidth-40 {margin-left: -20em !important; width: 40em !important;}
.ektronModalWidth-50 {margin-left: -25em !important; width: 50em !important;}
.ektronModalWidth-60 {margin-left: -30em !important; width: 60em !important;}
.ektronModalWidth-70 {margin-left: -35em !important; width: 70em !important;}
.ektronModalWidth-80 {margin-left: -40em !important; width: 80em !important;}
.ektronModalWidth-90 {margin-left: -45em !important; width: 90em !important;}
.ektronModalWidth-100 {margin-left: -50em !important; width: 100em !important;}

/* heights */
.ektronModalHeight-10 {height: 10em !important;overflow-y: auto !important;}
.ektronModalHeight-20 {height: 20em !important;overflow-y: auto !important;}
.ektronModalHeight-25 {height: 25em !important;overflow-y: auto !important;}
.ektronModalHeight-30 {height: 30em !important;overflow-y: auto !important;}
.ektronModalHeight-40 {height: 40em !important;overflow-y: auto !important;}
.ektronModalHeight-50 {height: 50em !important;overflow-y: auto !important;}
.ektronModalHeight-60 {height: 60em !important;overflow-y: auto !important;}
.ektronModalHeight-70 {height: 70em !important;overflow-y: auto !important;}
.ektronModalHeight-80 {height: 80em !important;overflow-y: auto !important;}
.ektronModalHeight-90 {height: 90em !important;overflow-y: auto !important;}
.ektronModalHeight-100 {height: 100em !important;overflow-y: auto !important;}


/* Ektron Themes:  multiclass the outermost div with the theme className to achieve these styles */
.ektronModalStandard {font-size: 12px;}
div.ektronModalStandard { padding: 0em;	border: solid 1px #525252; background: #E1E7F2;	top: 50%; font-size: 12px;}
div.ektronModalStandard, div.ektronModalStandard input, div.ektronModalBody table th, div.ektronModalBody table td {font-family: Arial, Verdana, sans-serif;}
.ektronModalStandard .ektronModalHeader h3 { background-image: url('/WorkArea/images/application/darkblue_gradiant-nm.gif'); background-color: #3163BD;	background-repeat: repeat-x; background-position: 0 -2px; color: #fff;	margin: 0;	padding: .6em .25em; font-size: 1em; position: relative;}
.ektronModalStandard .ektronModalHeader h3 a.ektronModalClose {display: block;	background-image: url('/WorkArea/images/application/closeButton.gif'); background-repeat: no-repeat;	background-position: 0px -23px;	background-color: Transparent; text-decoration: none; width: 21px; height: 21px; position: absolute; right: .25em; top: .25em; text-indent: -10000px; overflow: hidden; cursor: pointer;}
.ektronModalStandard .ektronModalHeader h3 a.ektronModalClose:hover {background-position: -23px 0;}
.ektronModalStandard div.ektronModalBody { background: #FFFFFF none repeat scroll 0%; border: 1px solid silver;	color: #333333;	margin: 1em 0.75em;	padding: 0.5em;}
.ektronModalStandard div.ektronModalBody table { margin: 0 1.5em;}
.ektronModalStandard div.ektronModalBody table th {	font-size: 12px; padding-right: 1em; padding-top: .25em;}
.ektronModalStandard div.ektronModalBody table th, div.ektronModalBody table td{ vertical-align: top;}
.ektronModalStandard div.ektronModalBody fieldset{	clear: both;}

/* Buttons */
.ektronModalStandard .ektronModalButtonWrapper{	margin: 1em 0 .25em; padding: 0; list-style: none; width: 100%;}
.ektronModalStandard .buttonWrapper { float: right;	margin: 1em 0 0 0;	padding: 0;	list-style: none;	width: 50%;}
.ektronModalStandard .ektronModalButtonWrapper li, ul.buttonWrapper li { display: inline; background-image: none; background-color: transparent;}
.ektronModalStandard ul.buttonWrapper li { float: right;	margin: 0;	padding: 0;	border: 0px;}
.ektronModalStandard a.button{	display: block;	padding: .5em 1em .5em 2.25em; border: 1px solid silver; background-color: #eee; color: #8F8F8F; background-repeat: no-repeat; background-position: .5em .4em; font-size: 1em; margin: 0 0 0 .75em; line-height: 100%; cursor: pointer; text-decoration: none;}
.ektronModalStandard a.button:active {  color: #8F8F8F;	font-size: inherit;}
.ektronModalStandard a.button:visited {	color: #8F8F8F;}
.ektronModalStandard a.button:hover { text-decoration: none;}
.ektronModalStandard a.buttonLeft {	float: left;}
.ektronModalStandard a.buttonRight { float: right;}
.ektronModalStandard a.text { font-size: .75em;}
.ektronModalStandard a.cancelButton { background-image: url('/WorkArea/images/application/delete.gif');}
.ektronModalStandard a.okButton { background-image: url('/WorkArea/images/application/check.gif');}
.ektronModalStandard a.nextButton { background-image: url('/WorkArea/images/application/but_next.gif'); background-position: .5em .25em;}
.ektronModalStandard a.backButton {	background-image: url('/WorkArea/images/application/but_prev.gif'); background-position: -.1em .25em;}
.ektronModalStandard a.deleteButton { background-image: url('/WorkArea/images/application/btn_delete-nm.gif'); background-position: .25em .1em; margin-right: .5em;}
.ektronModalStandard a.redHover:hover {	background-color: #FBE3E4; border: 1px solid #FBC2C4; color: #D12F19;}
.ektronModalStandard a.blueHover:hover { background-color: #DFF4FF;	border: 1px solid #C2E1EF; color: #336699;}
.ektronModalStandard a.greenHover:hover { background-color: #E6EFC2; border: 1px solid #C6D880;	color: #529214;}

/*Messages*/
.ektronModalStandard .messages {display: block; width: auto; margin-bottom: .1em; font-size: 1em;}
.ektronModalStandard .messages span { display: block; margin: .25em; padding: .5em .5em .5em 2em; background-repeat: no-repeat;	background-position: .25em .5em;}
.ektronModalStandard .messages span.wordbreak {	display: inline; text-indent: -10000px;	margin: 0; padding: 0; width: 0; overflow: hidden; font-size: 1px;}

/* clearfix */
.ektronModalStandard .clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;}
.ektronModalStandard .clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .ektronModalStandard .clearfix {	height: 1%;}
.ektronModalStandard .clearfix { display: block;}
/* End hide from IE-mac */

/* The following section of code must always be the last section of this file (IE Expression Bug)
   Do not place any piece of styling information below this point */
/* Background iframe styling for IE6. Prevents ActiveX bleed-through 
   (<select> form elements, etc.). 
*/
* iframe.ektronModalIframe {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6 star (*) selector used to hide 
   definition from browsers other than IE6.
   For valid CSS, use a conditional include instead 
*/
* html .ektronWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* ############################################################# */
/* ektron registered stylesheet */
/* id: EktronJQueryTabsCss */
/* path: /WorkArea/csslib/jquery.tabs.css
/* ############################################################# */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
       visibility:hidden;
       left:-5000px;
       position:absolute ;

    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        visibility: hidden;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url('/WorkArea/csslib/tab.gif') no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url('/WorkArea/csslib/loading.gif') no-repeat 0 50%;
}





/* ############################################################# */
/* ektron registered stylesheet */
/* id: Membership */
/* path: /WorkArea/csslib/ActivityStream/activityStream.css
/* ############################################################# */


ul.EkActivityList {list-style-type: none;font-style:italic;font-size:13px;font-weight:bold;font-family: Arial, sans-serif;}
ul.EkActivityList li.EkActivityMessage { clear: both; display:block; margin: 0em 0em .75em 0em; padding: .55em;}

li.EkActivityMessage div.message p {margin: .25em 0 .25em 4.5em ; overflow: auto;}
li.EkActivityMessage div.message p a.EkForceWrap{word-break: break-all; -moz-binding: url('/WorkArea/csslib/xml/moz_wordwrap.xml#wordwrap');}
ul.EkActivityList li.EkActivityMessage div.message p a.EkForceWrap:active,ul.EkActivityList li.EkActivityMessage div.message p a.EkForceWrap:focus{outline: none;} /* fixes scrollbars appearing when focus and active status is brought to link in mozilla */


ul.EkActivityList li div.avatar{width: 48px; text-align: center; float: left;}
ul.EkActivityList li div.avatar img.avatar {width: 40px; height: 40px; border:none;}
ul.EkActivityList li div.avatar {width: 40px; text-align: center; float: left;}
ul.EkActivityList li div.avatar {width: 40px; height: 40px; border:none;}

ul.EkActivityList li span.EkActivityTimeSpan {white-space: nowrap; font-size: .75em; color:#666696;float:right;font-style:normal;}
ul.EkActivityList li span.EkActivityLogin {color:red;font-family:Arial,sans-serif;}



/* Paging */
div.ekActivityFeedPaging {margin: 0em; width:100%; position: relative; overflow: hidden; height: 20px;}
div.ekActivityFeedPaging h4 {margin: 0em 0em 0em .25em; font-size: 1em; margin-top: .25em; text-align: left;}
div.ekActivityFeedPaging div.ekPageControl {position: absolute; top: -.25em; right: 0em; text-align: right; width: 80px;}
div.ekActivityFeedPaging div.ekPageControl span {display: block; width: 20px; height: 20px; overflow: hidden; background-repeat: no-repeat; float: left;}
div.ekActivityFeedPaging div.ekPageControl span a {background-image: none;}

div.ekActivityFeedPaging div.ekPageControl span.but_first_disable {text-indent: 100px; background-image:url('/WorkArea/images/application/but_first_d.gif'); background-position: -9px 0px;}
div.ekActivityFeedPaging div.ekPageControl span.but_first{background-image:url('/WorkArea/images/application/but_first.gif'); background-position: -9px 0px;}
div.ekActivityFeedPaging div.ekPageControl span.but_first a{display: block; text-indent: 100px; height: 20px;}

div.ekActivityFeedPaging div.ekPageControl span.but_previous_disable{text-indent: 100px; background-image:url('/WorkArea/images/application/but_prev_d.gif'); background-position: -6px 0px; }
div.ekActivityFeedPaging div.ekPageControl span.but_previous{background-image:url('/WorkArea/images/application/but_prev.gif'); background-position: -6px 0px;}
div.ekActivityFeedPaging div.ekPageControl span.but_previous a{display: block; text-indent: 100px; height: 20px;}

div.ekActivityFeedPaging div.ekPageControl span.but_next_disable {text-indent: 100px; background-image:url('/WorkArea/images/application/but_next_d.gif'); background-position: 0px 0px;}
div.ekActivityFeedPaging div.ekPageControl span.but_next{background-image:url('/WorkArea/images/application/but_next.gif'); background-position: 0px 0px;}
div.ekActivityFeedPaging div.ekPageControl span.but_next a{display: block; text-indent: 100px; height: 20px;}

div.ekActivityFeedPaging div.ekPageControl span.but_last_disable {text-indent: 100px; background-image:url('/WorkArea/images/application/but_last_d.gif'); background-position: 0px 0px;}
div.ekActivityFeedPaging div.ekPageControl span.but_last{background-image:url('/WorkArea/images/application/but_last.gif'); background-position: 0px 0px;}
div.ekActivityFeedPaging div.ekPageControl span.but_last a{display: block; text-indent: 100px; height: 20px;}

/*Membership*/

div.EkMembershipTab
{
    font-size: 1em;
}

div.membershipControlActivityTab
{
    font-size: 12px;
}

div.EkMembershipActivityTab table.ektronGrid
{
	border-spacing:0;
	border-collapse:separate;
	width: 100%;
	font-size: 1em;
}

div.EkMembershipActivityTab table.ektronGrid
{
	border-top:1px solid #79b7e7;
	border-left:1px solid #79b7e7;
}

div.EkMembershipActivityTab a:active
{
  outline: none;
}

div.EkMembershipActivityTab a:focus
{
  -moz-outline-style: none;
}



div.EkMembershipActivityTab .ektronGrid tr.title-header
{
	color: #235478;
	line-height: 19px;
	white-space: nowrap;
	background: #eaf4fd url('/WorkArea/Images/UI/Grid/headerBackground_30.gif') repeat-x;
}

div.EkMembershipActivityTab .ektronGrid td, .ektronGrid td.title-header, .ektronGrid th, .ektronGrid th.title-header
{
	padding: .25em .5em;
	vertical-align: top;
	text-align:left;
}

div.EkMembershipActivityTab .ektronGrid td, div.EkMembershipActivityTab .ektronGrid td.title-header, div.EkMembershipActivityTab .ektronGrid th, div.EkMembershipActivityTab .ektronGrid th.title-header
{
    border-right:1px solid #79b7e7;
	border-bottom:1px solid #79b7e7;
}

div.EkMembershipActivityTab .ektronGrid td.title-header, .ektronGrid th, .ektronGrid th.title-header
{
	text-align:center;
	white-space:nowrap;
}

div.EkMembershipActivityTab .ektronGrid tr.stripe {background-color:#d0e5f5;}
div.EkMembershipActivityTab .ektronGrid tr.title-header td a, .ektronGrid tr.title-header td a:active, .ektronGrid tr.title-header td a:visited, .ektronGrid tr.title-header td a:focus

{
	color: #235478;
	text-decoration: none;
}

div.EkMembershipActivityTab  .ektronGrid tr.title-header td a:hover
{
	text-decoration: underline;
}

div.EkMembershipActivityTab  .ektronGrid tr.ektronSubjectHeader
{			
	background-color: #e6f3ff;  
	border-top: solid 1px #84b6de; 	
	border-bottom: solid 1px #84b6de; 	
}

div.EkMembershipActivityTab .ektronGrid .label
{
    color:#1d5987;
    width:10%;
    white-space:nowrap;
	font-weight:bold;
	text-align:right;
	font-size: .87em;
}

div.membershipControlActivityTab .ektronGrid .label
{
    /* override for membership control */
    font-size: .9em;
}

div.EkMembershipActivityTab  .ektronGrid th.left {text-align:left !important;}
div.EkMembershipActivityTab  .ektronGrid td.center {text-align:center !important;}
div.EkMembershipActivityTab ul.activities_tab_subTabs 
{
	list-style-type: none;
	margin: 0;
	padding: .5em 0;
	position: relative;
	left: 1px;
}

div.EkMembershipActivityTab span.EkActivityNotifyText
{
	color:#27537A;
	margin-left:6em;
	font-weight:bold; 
}
div.EkMembershipActivityTab>table tr td {vertical-align: top; margin: 0;padding:0;}
div.EkMembershipActivityTab>table tr td.label {padding: .25em .5em;}
div.EkMembershipActivityTab>table {width: 100%; border-collapse: collapse; margin: 0; padding: 0;}
div.EkMembershipActivityTab>table tr td.subTabsWrapper {width: 10em;}
div.EkMembershipActivityTab table td div.dvCollGrid
{
	padding: .50em; 
	border:solid 1px #84b6de;
}
div.EkMembershipActivityTab table td div.dvGroupGrid
{
	padding: .50em; 
	border:solid 1px #84b6de;
}
div.EkMembershipActivityTab table td div.dvPrivacyGrid
{
	padding: .50em; 
	border:solid 1px #84b6de;
}

div.EkMembershipActivityTab ul.activities_tab_subTabs li
{
	text-align: center; 
	margin: .25em 0;
	padding: .25em; 
	border: solid 1px #84b6de;
}
div.EkMembershipActivityTab div.dvCollGrid,div.EkMembershipActivityTab div.dvGroupGrid
{
	padding: .50em; 
	border:solid 1px #84b6de;
}
div.EkMembershipActivityTab ul.activities_tab_subTabs li.SelectedTab 
{
	display:block;
	border-right: solid 1px #fff;
}
div.EkMembershipActivityTab ul.activities_tab_subTabs li.UnSelectedTab
{
	background-image:url('/WorkArea/Images/UI/Grid/headerBackground_30.gif');
	display:block ;
}
div.EkMembershipActivityTab ul.activities_tab_subTabs li.SelectedTab a, div.EkMembershipActivityTab ul.activities_tab_subTabs li.UnSelectedTab a 
{
    color:#27537A;
    font-weight:bold;
    line-height:1.2;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
}

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */