@import url(css/dnnreset.css);
@import url(styles/base.css);
@import url(css/960.css);
@import url(styles/dnn_menu.css);


/* ======================================================= */
/*                     Base Styles                         */
/* ======================================================= */

body .dark-skin
{
    color: #CCCCCC;
}

.wsc_invisible
{
    display: none;
}

/* Containers
---------------------------------------------------------- */
.container_940
{
    width: 940px;
    margin: 0 auto;
}

.container_960
{
    width: 960px;
    margin: 0 auto;
}

.container_980
{
    width: 980px;
    margin: 0 auto;
}

/* All main paragraphs
---------------------------------------------------------- */
.Normal, .NormalDisabled, blockquote, pre, .SubHead, .SkinObject, .NormalTextBox
{
    font-size: 12px;
}

/* Headings
---------------------------------------------------------- */
#page-body .wsc_title, #page-body .wsc_title span
{
    color: #333;
}

.dark-skin #page-body .wsc_title, .dark-skin #page-body .wsc_title span
{
    color: #FEFEFE;
}

/* Clearer
---------------------------------------------------------- */
.cleaner, .clearFloat
{
    clear: both;
    width: 100%;
    height: 0px;
    font-size: 0px;
}


/* Dark skin admin
---------------------------------------------------------- */
.dark-skin .Normal, .dark-skin .NormalDisabled, .dark-skin blockquote, .dark-skin pre, .dark-skin .SubHead, .dark-skin .SkinObject, .dark-skin .Head, .dark-skin .user
{
    color: #cccccc;
}


/* ======================================================= */
/*                     Header Section                      */
/* ======================================================= */

/* Language token
---------------------------------------------------------- */
.language-object
{
    float: right;
    padding-top: 4px;
}
.language-object
{
    line-height:0.5;
    white-space:nowrap;
}
.language-object .Language
{
    display:inline;
    float:left;
    margin:0 2px;
    text-align:center;
    vertical-align:middle;
}
.language-object .Language img
{
    border:2px solid transparent;
}
.language-object .Language.selected img
{
    border-color:#333;
}

/* Menu
---------------------------------------------------------- */
.MenuSkin
{
    float: right;
}

/* Search
---------------------------------------------------------- */

.wsc_search div.SearchContainer
{
    height: 24px;
    position: relative;
    white-space: nowrap;
    width: auto;
}

.wsc_search div.SearchBorder
{
    background-color: transparent;
    border: medium none;
    float: none;
    height: 24px;
    margin-top: 0;
    padding: 0px;
    position: relative;
    white-space: nowrap;
    width: auto;
}

.wsc_search div.SearchContainer a
{
    background: url("images/controls.png") repeat scroll -20px -50px transparent;
    height: 20px;
    position: absolute;
    right: 3px;
    text-indent: -9999px;
    top: 3px;
    width: 20px;
    padding: 0px;
}

.wsc_search input.SearchTextBox
{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    border: medium none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    color: #DEDEDE !important;
    line-height: 16px;
    padding: 5px 25px 3px 6px;
    text-shadow: 0 -1px 0 #333333;
    width: 140px;
    -moz-box-sizing: content-box;
    display: block;
    border-radius: 2px 2px 2px 2px;
    font: 12px/1 Arial,verdana,arial,sans-serif;
    margin: 0;
    vertical-align: middle;
    height: auto;
    float: none;
}

.wsc_search input.SearchTextBox:hover
{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}


div.SearchIcon, #SearchChoices
{
    display: none;
}

/* ======================================================= */
/*                     Content Section                     */
/* ======================================================= */

/* Panes
---------------------------------------------------------- */
.TitleRightPane
{
    float: right;
}

/* Latest tweets
---------------------------------------------------------- */
.widget-tweets .widget-content
{
    margin-left: 0px !important;
}


/* SideBar
---------------------------------------------------------- */

#page-content
{
    padding-bottom: 1px;
}

/* Full Boxed Skin
---------------------------------------------------------- */
.wsc-boxed-full-width #page-content .container_12
{
    width: 940px !important;
}

.wsc-boxed-full-width #page-content .container_12 .wsc_pane
{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

/* Tables
---------------------------------------------------------- */
tfoot, thead
{
    color: #333;
}


/* Widget Gallery
---------------------------------------------------------- */
.page-sidebar-left #page-body .widget-gallery .widget-content, .page-sidebar-right #page-body .widget-gallery .widget-content
{
    margin: 0px;
}

/* Contact form
---------------------------------------------------------- */
#page-body .FeedbackForm, #page-body .NarrowFeedbackForm
{
    padding: 0px;
}

#page-body div.FeedbackForm div.Feedback_FieldLabel, #page-body div.Feedback_SectionHead
{
    color: #333333;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
}

.dark-skin #page-body div.FeedbackForm div.Feedback_FieldLabel, .dark-skin #page-body div.Feedback_SectionHead
{
    color: #FEFEFE;
}

#page-body .Feedback_ContactBlock div.Feedback_Field span.NormalRed
{
    float: left;
    margin-left: 157px;
    padding-bottom: 9px;
    padding-right: 0px;
    padding-top: 0em;
}

#page-body .Feedback_MessageBlock div.Feedback_Field span.NormalRed
{
    float: left;
    margin-left: 5px;
    padding-bottom: 9px;
    padding-right: 0px;
    padding-top: 6px;
}


#page-body div.Feedback_SectionHead
{
    border-bottom: 1px dashed #DDDDDD;
    font-weight: bold;
}

.dark-skin #page-body div.Feedback_SectionHead
{
    border-bottom: 1px dashed #343434;
}

#page-body img.Feedback_Required
{
    position: absolute;
}

#page-body div.Feedback_FooterBlock div.Feedback_CommandButtons a.CommandButton
{
    text-decoration: none;
}

#page-body div.Feedback_CommandButtons
{
    margin: 0 auto;
    padding-bottom: 0;
    padding-right: 39px;
    padding-top: 0;
    text-align: right;
}

#page-body div.FeedbackForm div.Feedback_FieldValue
{
    padding-bottom: 8px;
}


#page-body div.Feedback_Instructions, #page-body img.Feedback_Required
{
    display: none;
}

/* DNN6 Feedback
---------------------------------------------------------- */
a.dnnFormHelp, .dnnForm.FeedbackForm .dnnFormItem a.dnnFormHelp, .dnnTooltip label a.dnnFormHelp
{
    background: none;
}

.dnnFormHelpContent, .dnnFormItem .dnnFormHelpContent
{
    display: none !important;
}

a.dnnFormHelp span
{
    font-weight: normal;
}

.Feedback_SectionHead a.dnnFormHelp span
{
    font-weight: bold;
}

.use-form-styles .dnnTooltip label
{
    margin-bottom: 0px;
}

.use-form-styles .dnnTooltip label a
{
    margin-right: 20px;
}

div.Subhead.Feedback_CaptchaLabel input
{
    width: 16px;
    height: 16px;
    margin: -10px auto 10px;
}

div.Subhead.Feedback_CaptchaLabel label
{
    margin: 0;
}

div.Feedback_CaptchaControl input
{
    margin: 0 auto;
}

/* List Fixes
---------------------------------------------------------- */
ul li li
{
    list-style-type: none;
}

/* ======================================================= */
/*                     FeedBack 6.0                        */
/* ======================================================= */

/* prevents Feedback from exceeding its container */
.dnnForm.FeedbackForm,
.dnnForm.FeedbackComments
{
    min-width: 50px;
    max-width: 100%;
}

/* sets required field borders */
.dnnForm.FeedbackForm input.dnnFormRequired, 
.dnnForm.FeedbackForm textarea.dnnFormRequired, 
.dnnForm.FeedbackForm select.dnnFormRequired,
.dnnForm.NarrowFeedbackForm input.dnnFormRequired, 
.dnnForm.NarrowFeedbackForm textarea.dnnFormRequired, 
.dnnForm.NarrowFeedbackForm select.dnnFormRequired
{
    border: 1px solid #CCCCCC;
    background-image: url("./images/required_border.png");
    background-repeat: repeat-y;
}

.dark-skin .dnnForm.FeedbackForm input.dnnFormRequired, 
.dark-skin .dnnForm.FeedbackForm textarea.dnnFormRequired, 
.dark-skin .dnnForm.FeedbackForm select.dnnFormRequired,
.dark-skin .dnnForm.NarrowFeedbackForm input.dnnFormRequired, 
.dark-skin .dnnForm.NarrowFeedbackForm textarea.dnnFormRequired, 
.dark-skin .dnnForm.NarrowFeedbackForm select.dnnFormRequired
{
    border: 1px solid #333333;
    background-image: url("./images/required_border.png");
    background-repeat: repeat-y;
}

/*  removes shadow from fields */
.dnnForm.FeedbackForm .dnnFormItem input,  
.dnnForm.FeedbackForm .dnnFormItem textarea,
.dnnForm.NarrowFeedbackForm .dnnFormItem input,  
.dnnForm.NarrowFeedbackForm .dnnFormItem textarea
{
    box-shadow: none;
}

/* subheaders */
.dnnForm.FeedbackForm .dnnFormSectionHead,
.dnnForm.NarrowFeedbackForm .dnnFormSectionHead
{
    border-bottom: 1px dashed #DDDDDD;
    font-family: Arial;
    font-size: 13px;
    color: #333333;
    padding-bottom: 5px;
}

.dark-skin .dnnForm.FeedbackForm .dnnFormSectionHead,
.dark-skin .dnnForm.NarrowFeedbackForm .dnnFormSectionHead
{
    border-bottom: 1px dashed #343434;
    font-family: Arial;
    font-size: 13px;
    color: #FEFEFE;
    padding-bottom: 5px;
}

/* labels, inline*/
.dnnForm.FeedbackForm .dnnFormItem LABEL
{
    width: 90px;
    font-weight: normal;
}

/* disables frame around fieldsets */
.dnnForm.FeedbackForm fieldset,
.dnnForm.NarrowFeedbackForm fieldset
{
    border: none;
}

/* message box height */
.dnnForm.FeedbackForm .dnnFormItem TEXTAREA,
.dnnForm.NarrowFeedbackForm .dnnFormItem TEXTAREA
{
    height: 15em;
}

/* message box height, HalfPane */
.grid_6.wsc_pane .dnnForm.FeedbackForm .dnnFormItem TEXTAREA,
.grid_6.wsc_pane .dnnForm.NarrowFeedbackForm .dnnFormItem TEXTAREA
{
    height: 10em;
}

/* send message button positioning in field label 'INLINE'-mode */
.grid_12.wsc_pane .dnnForm.FeedbackForm ul.dnnActions, 
.page_caption .dnnForm.FeedbackForm ul.dnnActions, 
.TargetPane .dnnForm.FeedbackForm ul.dnnActions, 
.BannerPane .dnnForm.FeedbackForm ul.dnnActions
{
    border-top: none;
    padding: 0;
    margin: 0 21em;
    float: right;
}

.grid_6.wsc_pane .dnnForm.FeedbackForm ul.dnnActions
{
    border-top: none;
    padding: 0;
    margin: 0 5em;
    float: right;
}

.grid_8.wsc_pane .dnnForm.FeedbackForm ul.dnnActions
{
    border-top: none;
    padding: 0;
    margin: 0 10.2em;
    float: right;
}

.ContentPane .dnnForm.FeedbackForm ul.dnnActions
{
    border-top: none;
    padding: 0;
    margin: 0 9.6em;
    float: right;
}

/* send message button positioning in field label 'ABOVE'-mode */
.grid_12.wsc_pane .dnnForm.NarrowFeedbackForm ul.dnnActions,  
.page_caption .dnnForm.NarrowFeedbackForm ul.dnnActions, 
.BannerPane .dnnForm.NarrowFeedbackForm ul.dnnActions, 
.TargetPane .dnnForm.NarrowFeedbackForm ul.dnnActions 
{
    border-top: none;
    padding: 0;
    margin: 0em 15.3em;
    float: right;
}

.grid_6.wsc_pane .dnnForm.NarrowFeedbackForm ul.dnnActions
{
    border-top: none;
    padding: 0;
    margin: 0em 7.3em;
    float: right;
}

.grid_8.wsc_pane .dnnForm.NarrowFeedbackForm ul.dnnActions
{
    border-top: none;
    padding: 0;
    margin: 0em 10em;
    float: right;
}

.ContentPane .dnnForm.NarrowFeedbackForm ul.dnnActions
{
    border-top: none;
    padding: 0;
    margin: 0em 9.6em;
    float: right;
}

/* ======================================================= */
/*                      SlideMe Banner                     */
/* ======================================================= */

/* Gallery Mode
---------------------------------------------------------- */

.wsc_gallery .wsc_portfolio_description
{
    display: none;
}

.wsc_gallery.portfolio-2, .wsc_gallery.portfolio-3, .wsc_gallery.portfolio-4
{
    margin-bottom: 20px;
}

/* ======================================================= */
/*                          Blog                           */
/* ======================================================= */

/* Post Header
---------------------------------------------------------- */
.post-header-meta
{
    float: none;
}

.wsc_posts_list .wsc_pi_feed_info, .wsc_pi_detailed_view .wsc_pi_feed_info
{
    margin: 0px;
}

.wsc_posts_list .wsc_pi_feed_info, .wsc_pi_detailed_view .wsc_pi_feed_info
{
    font-style: normal;
}

.wsc_posts_common .element-holder, .wsc_posts_common .wsc_image_frame
{
    max-width: 306px;
}


/* Button
---------------------------------------------------------- */
.wsc_posts_common .wsc_readmore span strong
{
    font-weight: normal;
    text-transform: capitalize;
}

.wsc_posts_list .btn-wrapper
{
    float: right;
}

/* Post Summary
---------------------------------------------------------- */
.wsc_post_summary
{
    margin-bottom: 10px;
}

/* Latest Posts
---------------------------------------------------------- */
.wsc_pi_feed_item
{
    margin-bottom: 0px;
}

/* Image
---------------------------------------------------------- */
.wsc_posts_common .imgLeft
{
    margin-right: 10px;
}

/* ======================================================= */
/*                        Social                           */
/* ======================================================= */

.title-right .registerGroup li {
    border-right: medium none;
    float: left;
    padding: 0;
}

.title-right .registerGroup li a
{
    min-width:20px;
}

.title-right .registerGroup li a strong
{
position: absolute;
left: 10px;
top: 0;
width: 100%;
height: 100%;
display: block;
font-size: inherit;
font-weight: bold;
vertical-align: baseline;
overflow: hidden;
text-indent: -9999px;
}

.title-right .registerGroup, .title-right .registerGroup *, .title-right .loginGroup, .title-right .loginGroup * {
  font-size: inherit;
}

.title-right li
{
    margin:0 2px 0 0;
}


.title-right .registerGroup .userMessages a strong
{
    background:url('images/icons/message.png') center left no-repeat;
}


.title-right .registerGroup .userNotifications a strong
{
    background:url('images/icons/notification.png') center left no-repeat;
}



.title-right .registerGroup li a:hover,
.title-right .loginGroup a:hover
{
    text-decoration:none;
}

.title-right .userProfileImg a
{
    padding:0px
}

.title-right .userProfileImg a img
{
    width:30px;
    height:30px;
    border-radius:2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
}



.title-right .registerGroup a
{
    position:relative;
}


.title-right .registerGroup a span {
    background: -moz-linear-gradient(center top , #1F98F1 0%, #026FC4 100%) ;
    background: -o-linear-gradient(center top , #1F98F1 0%, #026FC4 100%) ;
    background: -webkit-linear-gradient(top, #1F98F1 0%, #026FC4 100%);
    
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 0 #222222;
    color: #FFFFFF;
    display: inline-block;
    font-size: 9px;
    height: 15px;
    line-height: 14px;
    min-width: 7px;
    padding: 0 4px;
    position: absolute;
    right: 4px;
    text-align: center;
    text-shadow: 0 1px 0 #333333;
    top: -11px;
}


.title-right a,
.title-right a span,
.title-right strong
{
    font-weight:normal;
}


/* -------------------------------Social Pane----------------------------- */

.ProfilePanes {
  display: inline-block;
  margin-bottom: 15px;
}


.LeftPaneProfile, .HeaderPaneProfile, .ContentPaneProfile, .RightPaneProfile {
  float: left;
}


.LeftPaneProfile {
  margin-right: 20px;
  padding-left: 10px;
  width: 120px;
}

.HeaderPaneProfile {
  min-height: 30px;
  width:790px;
}

.ContentPaneProfile {
  margin-right: 20px;
  width: 580px;
}

.RightPaneProfile {
  padding-right: 10px;
  width: 180px;
}

/* -------------------------------Social Pane DNN7----------------------------- */
    .threeColSocialLeftPane {
	    float: left;
	    width: 106px;
    }

    .threeColSocialCenterPane {
	    float: left; position: relative;
	    width: 555px;
    }

    .threeColSocialRightPane {
	    float: left;
	    width: 243px;	
    }

.wsc-boxed-full-width #page-content .threeColSocialCenterPane
{
    width:543px;
}
/* -------------- ContentPaneProfile -------------- */

.smListings  ul  li,
.pContact ul li
{
    margin-left:0px;
    padding-left:0px;
}

/* -------------- JournalTolls, View Profile:Activity Feed -------------- */

.journalTools #journalEditor
{
    margin-top:0px;
}


.journalTools #btnShare.disabled, .jcmt li.cmtbtn a.disabled {
  cursor: pointer;
}

.threeColSocial .journalTools { max-width: 560px; }

.threeColSocial .journalrow {
	    padding-bottom: 10px;
	    margin-bottom: 20px;
}

.threeColSocial .journalfooter { 
	    padding: 0; 
	    margin: 0;
}

    .threeColSocial .journalrow div.journalitem p.journalfooter { 
	    padding: 0; 
	    margin-bottom: 0; 
    }

    .threeColSocial .journalrow div.journalitem .likes  { 
	    padding: 2px 5px; 
	    background-color: #dbdbdb; 
    }

    #journalEditor #journalContent .juser, .journalrow .juser  
    {
        border: none;
        background-color: transparent; 
    }



.dnnForm .dnnFormMessage
{
    display:inline-block;
}


.DnnModule-Messaging-Details .smListings .ListCol-1 {
  padding-left: 2%;
  width: 10%;
}

.DnnModule-Messaging-Details .smListings .ListCol-2 {
  width: 60%;
}

.DnnModule-Messaging-Details .smListings .ListCol-3 {
  width: 20%;
}

/* -------------- Member Directory -------------- */

.ContentPaneProfile #mdMemberList > li
{
    width:250px;
}
    .threeColSocialRightPane .DnnModule #mdMemberList{ margin: 0 0 30px 0; }
    .threeColSocialRightPane #mdMemberList  ul { margin: 0px 0 0 0; }
    .threeColSocialRightPane #mdMemberList  li { 
	    margin-bottom: 0;
	    list-style-type: none; 
	}

    .threeColSocialRightPane #mdMemberList > li{	
	    width: 216px;
	    margin:0;
	    padding: 6px 17px;
}
    .threeColSocialRightPane #mdMemberList > li:hover{
	     z-index:2; /*bring current li to top for tooltip */	
    }




   
    
/* --------------RightPaneProfile -------------- */

/* --------------DNN Module: Console -------------- */
.console
{
    width:100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);

}

.threeColSocial .console {
	width: 240px;
	height: auto;
 }

.console .console-none h3, .threeColSocial .console-none h3
{
    margin-left:0px;
    font-size:150%;
    line-height:190%;
    margin:0px;
    padding:0 5px;
}

.console .console-none
{ 
    padding:4px 0;
    margin:0px;
} 

.console .console-none div
{
    width:160px;
}

.threeColSocial .console-none div {  
	    cursor: pointer;
	    cursor: hand;
	    float:left; 
	    height: auto; 
	    width: 230px;
	    padding:0px; 
	    margin:0px;  
	    text-align:left; 	
	}

.threeColSocial .console-none div div { display:none; }


.console > .console-none > .console-none:first-child,
.dark-skin .console > .console-none > .console-none:first-child
{
    border-top:none;
}

.console > .console-none > .console-none
{
    padding-left:18px;
    background-image: url('images/icons/categories-dark.png');
    background-position:3px 10px;
    background-repeat: no-repeat;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.dark-skin .console > .console-none > .console-none
{
    background-image: url('images/icons/categories-white.png');
    border-bottom: 1px solid rgba(0, 0, 0, 0.7);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
} 

.dark-skin .console > .console-none > .console-none:hover
{
    background-color: rgba(0, 0, 0, 0.2);
}
   

.RightPaneProfile #mdMemberList > li
{
    height: auto;
margin: 0;
padding: 15px 15px 15px 0;
width: 175px;
}

/* --------------HeaderPaneProfile -------------- */   

#UserDisplayNameHeader
{
    margin-bottom:20px;
    border-bottom:1px solid #ddd;
}
 

/*----------------LeftPaneProfile-----------------*/

/*----------------DNN Module: ViewProfile Image-----------------*/

#UserProfileImg
{
    background-image: url('images/noProfilePic.png');
    background-repeat:no-repeat;
    background-position:left center;
}
    #UserProfileImg img {
	    width: 100px;
	    height: auto;
	    border: solid 2px #fff;
    }
    .dark-skin #UserProfileImg img
    {
        border-color:#222;
    }
    
.ProfilePanes #UserProfileImg img
{
    max-width: 100%;    
}


.UserProfileControls li, .UserProfileControls li a
{
    line-height: inherit !important;
    margin: 0;
    padding-left: 4px !important;
}

.threeColSocial .UserProfileControls ul {
	margin: 15px 0;
}

.threeColSocial .UserProfileControls ul li {
	list-style-type: none;
	margin-bottom: 3px;
}


/* Style dnn7*/
    /* Message Header (subject & back button)
    -------------------------------------*/
    .threeColSocial .messageHeader { 
	    padding: 0;
	    margin: 0; 
    }

    .threeColSocial .messageHeader p { 
	    font-size: 13px; 
	    float:left;
    }
    .threeColSocial .messageHeader p strong { 
    }

    .threeColSocial .messageHeader .returnLink  {
	    font-size: 12px; 
	    font-weight:bold;
    }
	
    /* Show Previous Repies 
    -------------------------------------*/
    .threeColSocial .morePrevMsgButton {
	    text-align:center; 
	    padding:10px; 
	    margin-bottom:15px;
    }

    /* Reply Form
    -------------------------------------*/
    .threeColSocial textarea#replyMessage {
	    width:94%; 
	    height:75px;
    }

/* ----------------------------------*/
/* DNN Module: ViewProfile (Message) */
/* ----------------------------------*/
    /* dnnAdminTabNav Style*/
    .threeColSocial #smMainContent .ui-corner-all { 
	    border-radius: 0; 
    }

    .threeColSocial ul.dnnAdminTabNav {
	    height:32px;
	    margin-top:0;
	    margin-bottom: 0;
	    border-bottom:4px solid #292929;
    }

    .threeColSocial ul.dnnAdminTabNav li {
	    margin-right:1px;
	    padding:0;
	    margin-left:0;
    }

    .threeColSocial ul.dnnAdminTabNav li a{			
	    padding:6px 12px;
	    margin-bottom: 0px;
	    border: 0px solid transparent;
    background: #656565; /* Old browsers */
    background: -moz-linear-gradient(center top,  #818181 0%, #656565 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#818181), color-stop(100%,#656565)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #818181 0%,#656565 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #818181 0%,#656565 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #818181 0%,#656565 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #818181 0%,#656565 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#656565',GradientType=0 ); /* IE6-9 */

	    -webkit-border-radius: 3px 3px 0px 0px;
	    border-radius: 3px 3px 0px 0px; 
	   
	    color:#eee;
	    font-size: 12px;
	    font-weight:bold;
	    letter-spacing: -0.03em;
        text-shadow: none;
    }

    .threeColSocial ul.dnnAdminTabNav li.ui-tabs-selected a{
	    padding:7px 12px;
	    margin-top: 0px;
	    color:#fff;
    background: #4e4e4e; /* Old browsers */
    background: -moz-linear-gradient(center top,  #4e4e4e 0%, #282828 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, from(0%,#4e4e4e), to(100%,#282828)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4e4e4e 0%,#282828 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4e4e4e 0%,#282828 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4e4e4e 0%,#282828 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4e4e4e 0%,#282828 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#282828',GradientType=0 ); /* IE6-9 */
    }

    /* Message & Notification number block*/	
    .threeColSocial .dnnAdminTabNav a span{
	    display:inline;
	    min-height:12px;
	    padding: 2px 6px;
	    margin-right:8px;
	    font-weight:normal;
	    font-size:11px; 
    }

    /* Compose new message link */
    .threeColSocial .dnnFormExpandContent  {
	    float: right;
	    display: inline-block;
	    position: absolute;
	    top: 22px; right: 0;
	    height: 20px;
    }
    /* compose button */
    .threeColSocial a.dnnPrimaryAction {
	    display: inline-block;
	    padding: 12px 20px;
	    margin-bottom: 0px;
	    background: #656565; /* Old browsers */
    background: -moz-linear-gradient(center top,  #818181 0%, #656565 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, from(0%,#818181), to(100%,#656565)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #818181 0%,#656565 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #818181 0%,#656565 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #818181 0%,#656565 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #818181 0%,#656565 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#656565',GradientType=0 ); /* IE6-9 */

	    -moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
	    border-radius: 3px;
	    border: 0px solid #ffffff;
	    -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); 
	    -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
	    box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
	    
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    font-weight: bold;
	    line-height: 1;
	    text-align: center;
	    color: #ffffff;
	    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
    }

    .threeColSocial a.dnnPrimaryAction:hover,
    .threeColSocial a.dnnPrimaryAction:active { 
	    cursor: pointer;
	    cursor: hand;
    background: #4e4e4e; /* Old browsers */
    background: -moz-linear-gradient(center top,  #4e4e4e 0%, #282828 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, from(0%,#4e4e4e), to(100%,#282828)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4e4e4e 0%,#282828 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4e4e4e 0%,#282828 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4e4e4e 0%,#282828 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4e4e4e 0%,#282828 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#282828',GradientType=0 ); /* IE6-9 */
    }

    /* Message Control (Select, Actions, Inbox, Sent, Archived)*/
    .threeColSocial .DnnModule .messageControls .buttonGroup {
	    margin-right:0px; /* fixed Archived Button spacinging issue */
    }

    .threeColSocial .messageControls {
	    margin: 0; 
	    padding: 0;
	    padding-bottom: 5px;
    }

    .threeColSocial .messageControls .messageFolders { float:right; }

    /* number x-x of x */
    .threeColSocial .messageFolders p {
	    float:left; 
	    display:inline-block;
	    padding: 8px 15px; 
	    margin: 0;
    }

    /* Messages / Notification Specific Button Styles
    -------------------------------------*/
    /* Style for the Action menu bar*/
    .threeColSocial .DnnModule-Messaging-Notifications .dnnTertiaryAction {
	    width:auto!important;
	    padding: 9px 10px;
	    font-size:12px; 
    }
		
    /* Styles for select drop*/
    .threeColSocial .DnnModule .selectDrop ul {
	    top:34px;
	    min-width: 120px;
	    padding:10px 14px!important;
	    border:1px solid #c2c2c2; 
	    background:#e7e7e7;
	
	    /*CSS3*/
	    -moz-border-radius-bottomright: 0px;
	    -moz-border-radius-bottomleft:	0px;
	    -webkit-border-radius: 			0px 0px 0px 0px;
	    border-radius: 					0px 0px 0px 0px; 
	
	    -webkit-box-shadow: 	0px 0px 2px 0px rgba(0, 0, 0, .1);
	    -moz-box-shadow: 		0px 0px 2px 0px rgba(0, 0, 0, .1);
	    box-shadow: 			0px 0px 2px 0px rgba(0, 0, 0, .1); 
    }

    /* Styles for select button on active state*/
    .threeColSocial .selectDrop.active .dnnTertiaryAction{			
        background: none repeat scroll 0 0 #666666;
	    color:#fff;			
	    border-right: solid 0px #444;
	    -webkit-box-shadow: 	inset 0px 1px 1px 0px #555;
	    -moz-box-shadow: 		inset 0px 1px 1px 0px #555;
	    box-shadow: 			inset 0px 1px 1px 0px #555; 
    }
	
    /* when select drop down button is clicked toggle active class to show*/
    .threeColSocial .selectDrop ul li {
	    margin-bottom:3px; 
	    font-size: 12px;
    }

    /* Remove corners and add dividers to buttons in button group */
    .threeColSocial .buttonGroup .dnnTertiaryAction{
	    border-left:1px solid #ddd; /*light*/
	    border-right:1px solid #bbb; /*dark*/
	    background:#e7e7e7;
	    color: #333;
    }
    .dark-skin .threeColSocial .buttonGroup .dnnTertiaryAction
    {
        color:#dedede;
    }

    /* Conversations button selected*/
    .threeColSocial .buttonGroup .dnnTertiaryAction.active { 
	    color: #eee; 
	    border-right:1px solid #666; 
        background: none repeat scroll 0 0 #666666;
        box-shadow: 0 0 5px 0 #555555 inset;    
        }

    /* Actions button hover*/
    .threeColSocial .buttonGroup .dnnTertiaryAction.disabled:hover{ 
	    color: #eee; 
	    border-left:1px solid #666; 
        background: none repeat scroll 0 0 #666666;
        box-shadow: 0 0 5px 0 #555555 inset;    
    }

    /* Select button hover */
    .threeColSocial .alpha .dnnTertiaryAction:hover { 
	    color: #eee; 
        background: none repeat scroll 0 0 #666666;
        box-shadow: 0 0 5px 0 #555555 inset;    
	    border-right:1px solid #3B96B6; 
    }

    /*First Button styles of a button group */
    .threeColSocial .alpha .dnnTertiaryAction, 
    .alpha .dnnTertiaryAction:hover, 
    .alpha .dnnTertiaryAction.active{
	    border-left:none;
    }
    /*Last Button styles of a button group */
    .threeColSocial .omega .dnnTertiaryAction, 
    .omega .dnnTertiaryAction:active, 
    .omega .dnnTertiaryAction.active{
	    border-right:none;
    }

    .threeColSocial a.ArchiveItems span { 
	    display: none; /* hide Archive text*/
    }
    .threeColSocial a.ArchiveItems { 
	    height: 18px;
	    min-width: 15px;
	    margin-left: 5px;
	    background: #d7d7d7 url('images/icon_bin.png') no-repeat center center;   
    }

    .threeColSocial a.ArchiveItems:hover { 
	    background: #666 url('images/icon_bin.png') no-repeat center center;
    }

    /*Archive, Sent, Archived buttons Hover*/
    
    .threeColSocial a.dnnTertiaryAction, .threeColSocial .buttonGroup .alpha a.dnnTertiaryAction,
    .threeColSocial .buttonGroup .omega a.dnnTertiaryAction {color:#333!important;}    
    
     .threeColSocial .buttonGroup a.dnnTertiaryAction.active,.threeColSocial .buttonGroup .alpha a.dnnTertiaryAction.active,
     .threeColSocial .buttonGroup .omega a.dnnTertiaryAction.active {color:#eee!important;}

    .threeColSocial .dnnTertiaryAction:hover, a.dnnTertiaryAction:hover { 
        background: none repeat scroll 0 0 #666666;
        box-shadow: 0 0 5px 0 #555555 inset;    
	    color: #eee; 
	}

    /* Messages / Notification List Item
    -------------------------------------*/
    /* Listing Styles */
    .threeColSocial .smListings{ font-size: 12px; }
	
    .threeColSocial .DnnModule .smListings ul { margin: 0; }

    .threeColSocial .smListings > ul > li { 
	    padding-top: 10px; 
	    margin: 0; 
	    background: transparent; 
	    border-bottom:1px solid #c0c0c0; 
    }

    .threeColSocial .smListings > ul > li.active { background: #f4f4f4; /* background color for active list items*/  }
    .threeColSocial .smListings > ul > li:last-child { border-bottom: none; }
    .threeColSocial .smListings [class^="ListCol-"]{ padding:1% 1% 1% 0; }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-1 { min-width:20px; /* Main message list: Checkbox column width on */ }
	.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-2 { min-width:65px; /* Main message list: Avatar column width AND Drilldown message list: Message info column width*/  }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-3 { width:56%; /* Main message list: Message info column width AND Drilldown message list: Time column width */ }
	.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4{  font-size: 11px;  /* Main message list: Time column */ }
    .threeColSocial .smTimeStamped { font-size: 11px;}
	.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-1 { min-width: 65px; /* Drilldown message list: Avatar column width*/ }
	.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-2 { width:56%; /* Drilldown message list: Message info column width*/ }
    .threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 { float: right; /* Drilldown message list: Time column */ width:25%;  font-size: 12px; }
    .threeColSocial .hoverControls a { 
	    font-size: 12px; /* All lists: Archive & Reply links */
	    font-weight: bold;
    }
    .threeColSocial .DnnModule-Messaging-Details .smListings .profileImg {
	    display:block; /* Drilldown message list: Avatar column style */
	    padding:5px;
	    width:50px; height:auto;
	    background:#fff;
	    border:1px solid #e2e2e2;
	    /*CSS3*/
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    border-radius: 2px; 
	
    }
    .threeColSocial .DnnModule-Messaging-Details .smListings .profileImg span{
	    display:block; /* Drilldown message list: Avatar column style */
	    width:50px; 
	    max-height:50px; 
	    overflow:hidden;
    }

    .threeColSocial .DnnModule-Messaging-Details .smListings .profileImg:hover {  border: solid 1px #d7d7d7;  /* Drilldown message list: Avatar column style */  }

    .threeColSocial .DnnModule-Messaging-Notifications .smListings .profileImg {
	    padding:4px; /* All lists: Avatar style */
	    width:50px; height:auto;
	    background: #fff;
	    border:1px solid #d7d7d7;
	    /*CSS3*/
	    -webkit-border-radius:  5px;
	    -moz-border-radius: 	5px;
	    border-radius: 			5px; 
    }

    .threeColSocial .DnnModule-Messaging-Notifications .smListings .profileImg span {
	    width:50px; /* All lists: Avatar style */
	    max-height:50px; 
	    overflow:hidden;
    }

    .threeColSocial .DnnModule-Messaging-Notifications .smListings .profileImg img{  min-width:50px;	/* All lists: Avatar style */ }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .profileImg:hover { background:#d7d7d7; /* All lists: Avatar hover style */  }
	.threeColSocial .DnnModule-Messaging-Details .smListings .meta { margin-bottom: 5px; /* Drilldown message list: UserName link */  }
    .threeColSocial .DnnModule-Messaging-Details .smListings .meta a { font-weight: bold;  /* Drilldown message list: UserName link */ }
    .threeColSocial .DnnModule-Messaging-Details .smListings .message { color:#999; /* Drilldown message list: Message text */   margin: 0; }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings  .subject { font-weight:bold;}
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .active .subject { 
	    font-size: 13px; /* All lists: unread message subject */
	    margin-bottom: 3px;
    }

    .threeColSocial .DnnModule-Messaging-Notifications .smListings .meta {
	    margin-bottom: 8px; /* All lists: message From - Send to */
	    line-height: 14px;
    }

    .threeColSocial .DnnModule-Messaging-Notifications .smListings .message { color:#999; /* All lists: Message text */ }
    
    
    /* Dark skin  Social */
    
     .dark-skin .messageControls
 {
    border-bottom:1px solid rgba(0, 0, 0, 0.8);
    margin-bottom:0px;
}     
     
 .dark-skin .smListings > ul > li
 {
    border-bottom:1px solid rgba(0, 0, 0, 0.8);
    border-top:1px solid rgba(255, 255, 255, 0.05);
 }
 

.dark-skin .messageControls a,
.dark-skin .dnnCoreMessagingFooter .dnnTertiaryAction,
.dark-skin .dnnCoreMessagingFooter .dnnPrimaryAction,
.dark-skin .dnnPrimaryAction.createGroup,
.dark-skin .journalTools #btnShare,
.dark-skin .dnnProfileDetails .dnnActions li a,
.dark-skin .dnnPasswordDetails .dnnActions li a,
.dark-skin .dnnUserDetails .dnnActions li a,
.dark-skin .journalrow div.journalitem ul.jcmt li.cmtbtn a
{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.07)!important;
    box-shadow:none;
    text-shadow:none;
}

.dark-skin .threeColSocial .messageControls a.ArchiveItems { 
	    background: url('images/icon_bin.png') no-repeat center center rgba(255, 255, 255, 0.07)!important;   
    }
    
.dark-skin .messageControls a:hover,
.dark-skin .dnnCoreMessagingFooter .dnnTertiaryAction:hover,
.dark-skin .dnnCoreMessagingFooter .dnnPrimaryAction:hover,
.dark-skin .dnnPrimaryAction.createGroup:hover,
.dark-skin .journalTools #btnShare:hover,
.dark-skin .messageControls a.active,
.dark-skin .dnnProfileDetails .dnnActions li a:hover,
.dark-skin .dnnUserDetails .dnnActions li a:hover,
.dark-skin .journalrow div.journalitem ul.jcmt li.cmtbtn a:hover 
{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1)!important;
    box-shadow:none;
}

.dark-skin .dnnCoreMessagingFooter .ComposeMessage.btn-l
{
    font-size: 100%;
    line-height: 35px;
    padding: 0 20px;
    background: url("images/buttons.png") repeat-x scroll #222222;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    background-position: 0 -110px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); 
}
.dark-skin .threeColSocial .dnnCoreMessagingFooter .btn-wrapper
{
    float:right;
}

  
.dark-skin .messageControls a.active
{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15)!important;
}    

.dark-skin .smListings ul li, .pContact ul li {
  background: none repeat scroll 0 0 transparent!important;
}

.dark-skin .smListings a.profileImg,
.dark-skin .mdMemberDetails .mdMemberImg,
.dark-skin .mdMemberList .mdHoverContent .mdMemberImg,
.dark-skin .journalrow div.author img
{
    background-color: transparent;
    border:1px solid #333;
}

.dark-skin .smListings a.profileImg:hover
{
    background-color:rgba(255, 255, 255, 0.06);
}

    .dark-skin .threeColSocial .DnnModule-Messaging-Notifications .smListings .profileImg
    {
        background:#333;
    }

.dark-skin .dnnTertiaryAction {
  opacity: inherit;
}

.dark-skin .selectDrop ul, .dark-skin .threeColSocial .DnnModule .selectDrop ul {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
  border: 1px solid #333;
  border-radius: 3px 3px 3px 3px;
  box-shadow: none;
  left: 0;
  min-width: 150px;
  padding: 15px !important;
  position: absolute;
  top: 35px;
}
.dark-skin .selectDrop ul li a,
.dark-skin .selectDrop ul li a:hover
{
    background:none;
}

.dark-skin .selectDrop.active .dnnTertiaryAction {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
  box-shadow: none;
  text-shadow: none;
}

.dark-skin .buttonGroup .dnnTertiaryAction,
.dark-skin .buttonGroup .dnnTertiaryAction:after,
.dark-skin .buttonGroup .dnnTertiaryAction:hover
{
  border-left:none;
  border-right-color: #666;
  background-image:none!important;
}

.dark-skin .buttonGroup li li a,
.dark-skin .buttonGroup li li a:hover
{
    background:none!important;
}

.dark-skin .buttonGroup .selectDrop .dnnTertiaryAction
{
    background-image:url('images/icons/dropdown-white.png')!important;
    background-position:90% center!important;
    background-repeat:no-repeat!important;
}
    

.dark-skin .smListings {
  margin-bottom: 0px;
}

.dark-skin .dnnCoreMessagingFooter {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding-top:15px;
}

.dark-skin .smListings ul {
  margin-bottom: 0px;
  margin-top:0px;
}

.dark-skin #mdMemberList > li
{
    background-color:rgba(0,0,0,0.3);
    border:1px solid #333;
}  

.dark-skin #mdMemberList ul 
{
    background:none;
    text-shadow:none;
}

.dark-skin .mdMemberDetails .mdHoverActions,
.dark-skin .mdMemberList .mdHoverContent .mdHoverActions
{
  border-top: 1px solid #333;
}

.dark-skin .mdMemberDetails .mdHoverActions .mdComposeMessage a {
  border-left: 1px solid #333;
}

.dark-skin .mdHoverContent
{
    background-color:#000;
    border:1px solid #333;
}

.dark-skin .mdMemberList .mdHoverContent span.tooltipArrow
{
    background-image:url('images/tooltipArrow-dark.png');
}

.dark-skin #journalEditor #tbar span {
  background-image: url("images/journal-tools-white.png");
}

.dark-skin .journalTools #journalContent, 
.dark-skin .journalTools #journalEditor,
.dark-skin .jcmt .cmteditarea,
.dark-skin .journalTools #journalOptionArea,
.dark-skin .journalTools .securityMenu ul,
.dark-skin .journalTools .handle
{
  border: 1px solid #333;
  text-shadow: none;
  color:#666;
  background: none;  
}


.dark-skin .journalTools .securityMenu ul {
  background: none repeat scroll 0 0 #000000;
}

.dark-skin .journalTools #journalEditor #journalContent
{
    border-bottom:1px solid #333;
}

.dark-skin  .journalTools #journalOptionArea
{
    border-top:none;
}

.dark-skin  .journalTools #journalOptionArea #tbar-attach-Area span,
.dark-skin  .journalTools #journalOptionArea #tbar-attach-Area a
{
    color:#fff;
}

.dark-skin .journalTools #journalEditor 
{
    padding:5px 11px;
}


.dark-skin .journalTools,
.dark-skin .morePrevMsgButton,
.dark-skin textarea#replyMessage,
.dark-skin #loadingMessages, 
.dark-skin #loadingNotifications,
.dark-skin .dnnProfileDetails .dnnForm.dnnProfile select,
.dark-skin .dnnProfileDetails .dnnForm.dnnProfile input,
.dark-skin .dnnServicesDetails  .dnnForm.dnnServices table,
.dark-skin .dnnServicesDetails  .dnnForm.dnnServices input,
.dark-skin .dnnPasswordDetails  .dnnForm.dnnPassword input,
.dark-skin .dnnUserDetails  .dnnForm input,
.dark-skin .journalrow div.journalitem ul.jcmt li.cmteditarea
{
    background-color: rgba(0,0,0,0.3);
}

.dark-skin .journalTools:hover,
.dark-skin .morePrevMsgButton:hover,
.dark-skin textarea#replyMessage:hover,
.dark-skin #loadingMessages:hover, 
.dark-skin #loadingNotifications:hover,
.dark-skin .dnnProfileDetails .dnnForm.dnnProfile input:hover,
.dark-skin .dnnServicesDetails  .dnnForm.dnnServices input:hover,
.dark-skin .dnnPasswordDetails  .dnnForm.dnnPassword input:hover,
.dark-skin .dnnUserDetails  .dnnForm input:hover,
.dark-skin .journalrow div.journalitem ul.jcmt li.cmteditarea:hover
{
    background-color: rgba(0,0,0,0.8);
}

.dark-skin .journalTools #journalClose,
.dark-skin #journalItems .minidel,
.dark-skin .miniclose
{
    background:url('images/icons/x-white.png') no-repeat!important;
}

.dark-skin .morePrevMsgButton,
.dark-skin textarea#replyMessage,
.dark-skin #loadingMessages, 
.dark-skin #loadingNotifications,
.dark-skin .dnnProfileDetails .dnnForm.dnnProfile select,  
.dark-skin .dnnProfileDetails .dnnForm.dnnProfile input,  
.dark-skin .dnnServicesDetails  .dnnForm.dnnServices input,
.dark-skin .dnnPasswordDetails  .dnnForm.dnnPassword input,
.dark-skin .dnnUserDetails .dnnForm input,
.dark-skin .journalrow div.journalitem ul.jcmt li.cmteditarea
{
    border:1px solid #333;
    border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    -webkit-border-radius:3px;
    box-shadow:none;
    color:#777;
}


.dark-skin textarea#replyMessage:focus,
.dark-skin .dnnProfileDetails .dnnForm.dnnProfile select,  
.dark-skin .dnnProfileDetails .dnnForm.dnnProfile label span,
.dark-skin .dnnServicesDetails .dnnForm.dnnServices label span,
.dark-skin .dnnPasswordDetails .dnnForm.dnnPassword label span,
.dark-skin .journalrow div.journalitem ul.jcmt li.cmteditarea textarea,
.dark-skin .journalrow div.journalitem ul.jcmt li.cmteditarea .editorPlaceholder,
.dark-skin .dnnUserDetails .dnnForm label span
{
    color:#777;
    text-shadow:none;
}

.dark-skin .dnnUserDetails .dnnForm input.dnnFormRequired
{
    border-left:3px solid red;
}

.dark-skin .journalrow div.journalitem ul.jcmt li.cmteditarea textarea
{
    background:none;
}

.dark-skin .journalrow div.journalitem ul.jcmt li.cmtbtn 
{
    margin-left:0px;
    margin-right:0px;
    padding-left:0px;
    padding-right:0px
}

    .dark-skin .threeColSocial a.dnnTertiaryAction, .dark-skin .threeColSocial .buttonGroup .alpha a.dnnTertiaryAction,
    .dark-skin .threeColSocial .buttonGroup .omega a.dnnTertiaryAction {color:#dedede!important;}    

    .dark-skin .threeColSocial .dnnSecondaryAction, .dark-skin .threeColSocial a.dnnSecondaryAction, 
    .dark-skin .threeColSocial a.dnnPrimaryAction
    {
        background:url("images/buttons.png") repeat-x scroll 0 -110px #222222;
        border-color:#111;
        box-shadow:none;
        text-shadow:none;
        /*none repeat scroll 0 0 rgba(255, 255, 255, 0.07) !important*/
    }
.dark-skin .threeColSocial a.dnnPrimaryAction:hover,
    .dark-skin .threeColSocial a.dnnPrimaryAction:active
    {
    }

    
    
/* later changes, without profile pane classes */
.wsc_content_pane_profile .ModSocialGroupsC
{
    margin-bottom: 60px;    
}

.wsc-boxed-full-width #page-content .wsc_content_pane_profile,
.page-boxed .wsc_content_pane_profile
{
    margin-left: 10px;
    margin-right: 50px;    
}

.page-boxed .wsc_right_pane_profile
{
    margin-left: 0;
    margin-right: 0;    
}

.dnnForm.dnnGroupDirectory
{
    padding: 25px 25px 25px 0;    
}

.dgdGroupQuickInfoWrap
{
    margin-bottom: 25px;
    padding-bottom: 25px;    
}

.journalTools #btnShare.disabled, .jcmt li.cmtbtn a.disabled
{
    background: #999999;
    color: #FFFFFF;    
}

.wsc_right_pane_profile .console .console-none div
{
    width: 120px;    
}

.wsc-boxed-full-width .wsc_right_pane_profile .console .console-none div,
.page-boxed .wsc_right_pane_profile .console .console-none div
{
    width: 130px;    
}

.wsc_right_pane_profile .console
{
    width: 93%;    
}

/* ======================================================= */
/*                     Footer Section                      */
/* ======================================================= */

.wsc_footer a, .wsc_footer .footer_menu a, .wsc_footer a:hover, .wsc_footer .wsc_footer_copyrights .SkinObject
{
    font-size: 13px;
    font-weight: normal;
    color: #DEDEDE;
    font-size: 12px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
}

.wsc_footer .wsc_footer_copyrights .SkinObject
{
    color: rgba(255, 255, 255, 0.7);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
    font-size: 12px;
}


.wsc_footer a
{
    font-weight: normal;
    text-decoration: none;
}

.wsc_footer .footer_menu a
{
    font-weight: normal;
    text-decoration: none;
    padding: 0 20px 0 0;
}

.wsc_footer a:hover
{
    text-decoration: none;
}

.wsc_footer .footer_menu
{
    float: left;
}

.wsc_footer_copyrights
{
    float: right;
}

/* ======================================================= */
/*                     Containers                          */
/* ======================================================= */

/* Plain Container
---------------------------------------------------------- */
.plain_container .c_contentpane, .c_head.plain_container, .plain_container .c_head
{
    padding: 0px;
    margin: 0px;
}

/* ======================================================= */
/*                     Misc.                               */
/* ======================================================= */

.DNNEmptyPane
{
    height: 0px !important;
    min-height: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}
.ContentPane.DNNEmptyPane
{
    height: auto !important;
}
.ModuleTitle_MenuItem
{
    border: none;
}
.ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{
    height: 1px;
}

.paneOutline
{
    margin-left: 8px !important;
    margin-right: 8px !important;
    min-height: 45px;
    padding-top: 20px;
    border:1px dotted #CCCCCC;
}

.layout-1-5.paneOutline
{
    margin-left: 7px !important;
    margin-right: 7px !important;    
}

.paneOutline .SubHead
{
    color: grey;
    font-family: Myriad Pro;
    font-size: 25px;
    font-weight: normal;
}

.layout-1-5.paneOutline .SubHead 
{
    font-size: 21px;    
}

.BannerPane .DnnModule
{
    position: static;
    z-index: 0;
}

.BannerPane .DnnModule .c_head
{
    position: relative;
}

.dnnActionMenuBody a:link, .dnnActionMenuBody a:visited
{
    color: Gray !important;
    text-decoration: none;
}

.dnnActionMenuBody a:hover, .dnnActionMenuBody a:active
{
    text-decoration: underline;
}

.BannerPane a.CommandButton:link, .BannerPane a.CommandButton:visited
{
    color: #fff;
}

.spacingRight
{
    margin-right:20px;
}
.wsc-boxed-full-width #page-content .container_12 .wsc_pane.spacingRight
{
    margin-right:20px!important;
}
/* DNN6 z-indexes
---------------------------------------------------------- */
#page-header, .BannerPane, #page-body, #bottom-widgets
{
    position: relative;
}

.BannerPane
{
    z-index: 80;
}

#page-body
{
    z-index: 60;
}

#bottom-widgets
{
    z-index: 40;
}


/* Admin settings 
---------------------------------------------------------- */
ul.dnnAdminTabNav.ui-widget-header li {padding-left:0; margin-left:0;}
ul.dnnAdminTabNav li a 
{
    padding:6px 9px;
}
.dnnForm.ui-widget-content ul.dnnAdminTabNav li a,.dnnForm  a.dnnSecondaryAction
{
    text-shadow:none;
}

.dnnForm .dnnFormRadioButtons,
div.dnnFormRadioButtons, div.dnnHSRadioButtons, span.dnnFormRadioButtons, span.dnnHSRadioButtons {background-color:transparent;}

/*Dark skin*/

/* section heading, labels */
.dark-skin .dnnForm h2.dnnFormSectionHead a, .dark-skin .dnnForm h2.dnnFormSectionHead a:visited {color:#dedede;}
.dark-skin a.dnnFormHelp, .dark-skin .dnnForm .dnnFormItem a.dnnFormHelp, .dark-skin .dnnTooltip label a.dnnFormHelp {color:#ddd;}

.dark-skin .dnnForm h2.dnnFormSectionHead a:hover,.dark-skin .dnnForm h2.dnnFormSectionHead a.dnnSectionExpanded:hover
{background-color:transparent;}

.dark-skin .ui-widget-content .dnnFileUploadScope
{
    background-color:#333;
}


/*AdminTabMenu*/
.dark-skin .dnnForm ul.dnnAdminTabNav.ui-widget-header 
{
border-bottom:4px solid #292929;
}

.dark-skin .dnnForm.ui-widget-content ul.dnnAdminTabNav li a
{
    background: #656565; /* Old browsers */
    background: -moz-linear-gradient(center top,  #818181 0%, #656565 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#818181), color-stop(100%,#656565)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #818181 0%,#656565 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #818181 0%,#656565 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #818181 0%,#656565 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #818181 0%,#656565 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#656565',GradientType=0 ); /* IE6-9 */
    box-shadow:none;
    border-color:#222;
    }
    .dark-skin .dnnForm a.dnnSecondaryAction
    {
        background:none;
        border:none;
    }
.dark-skin  .dnnForm.ui-widget-content ul.dnnAdminTabNav li.ui-tabs-selected a 
{
     background: #4e4e4e; /* Old browsers */
    background: -moz-linear-gradient(center top,  #4e4e4e 0%, #282828 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, from(0%,#4e4e4e), to(100%,#282828)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4e4e4e 0%,#282828 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4e4e4e 0%,#282828 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4e4e4e 0%,#282828 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4e4e4e 0%,#282828 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#282828',GradientType=0 ); /* IE6-9 */

    }
