/* ======================================================= */
/*                         Base                            */
/* ======================================================= */

body
{
    background-color: #fff;
}

/* Styles
----------------------------------------------------------------------------- */
a:link, a:visited
{
    outline: none;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
    border-bottom-width: 0px;
}

th
{
    color: inherit;
}

ul li
{
    list-style-type: inherit;
}

/* ======================================================= */
/*                      Content                            */
/* ======================================================= */



/* Classes
----------------------------------------------------------------------------- */
.vertical > div.wsc_align_middle, .vertical > span.wsc_align_middle
{
    display: table-cell !important;
    vertical-align: middle;
}

/* Search
---------------------------------------------------------- */
.dnnSearchInput
{
    min-width: 0px;
}

.dnnSearchInput.dnnForm
{
    margin: 0px;
}

.dnnSearchInput input
{
    margin: 0px;
}

.dnnSearchInput input[type="submit"]
{
    height: 0;
    margin: 0;
    margin-right: -42px;
    padding-top: 28px;
    position: absolute;
    right: 0;
    box-shadow: none;
}

.dnnSearchInput .dnnTooltip
{
    display: none;
}

.dnnSearchInput .dnnFormItem
{
    padding: 0px;
    margin-right: 30px;
}


.dnnSearchInput.use_form_styles .dnnFormItem input[type="submit"]
{
    color: transparent !important; /*for Opera*/
    background-position: -68px center;
}

/* SearchResults
---------------------------------------------------------- */
.dnnForm.dnnSearchResults
{
    min-width: 0px;
}

.dnnSearchResults > table
{
    width: 100%;
}


/* SearchResults DNN5
---------------------------------------------------------- */


.use_table_styles td
{
    display: block;
    float: left;
}


.use_table_styles td label
{
    display: none;
}


.use_table_styles td input[type="text"]
{
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3) inset;
    font-family: Georgia,serif;
    font-style: italic;
    color: #808080;
    height: 28px;
    margin-right: 5px;
    padding: 0 10px;
    border: none;
    outline: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
}


.use_table_styles .StandardButton, .use_form_styles.dnnSearchInput input[type="submit"]
{
    background: none;
    border: none;
    background-repeat: no-repeat;
    background-position: -68px center;
    overflow: hidden;
    height: 0px;
    padding-top: 29px;
    display: block;
    width: 17px;
    cursor: pointer;
}





/* Twitter widget
----------------------------------------------------------------------------- */
.widget-twitter ul li
{
    list-style: none;
}

/* Columns
----------------------------------------------------------------------------- */
section.columns > ul li
{
    list-style: none;
}


/* Blog
---------------------------------------------------------- */
.wsc_posts_list .wsc_image_frame img, .wsc_pi_detailed_view .wsc_image_frame img
{
    max-width: none;
}

.wsc_postit_subscribe
{
    display: none;
}

.wsc_posts_common .wsc_pi_feed_info
{
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-top-style: dotted;
    border-top-width: 1px;
    padding-bottom: 5px;
    padding-top: 10px;
    margin-bottom: 10px !important;
}

.wsc_pi_post_controls
{
    position: relative;
    z-index: 10;
}

.wsc_posts_common .wsc_pi_footer
{
    margin-top: 10px;
}

.wsc_posts_common .wsc_pi_add_this a:hover, #disqus_thread a:hover
{
    border: none;
    text-decoration: none;
}

.wsc_posts_common .wsc_readmore strong
{
    font-weight: normal;
    line-height: 14px;
}

.wsc_text_posted, .wsc_text_by
{
    display: none !important;
}

.wsc_pi_feed_info span
{
    padding-left: 26px;
    cursor: pointer;
}

.wsc_pi_feed_info span
{
    margin-right: 7px;
    overflow: hidden;
}

.wsc_pi_feed_info span a:hover
{
    text-decoration: none;
    border: none !important;
}

.wsc_tags_view ul li, .wsc_archive_view ul li
{
    margin-top: 0px !important;
    padding-bottom: 0px;
}

/* Latest Blog Posts
---------------------------------------------------------- */
.wsc_posts_feed .wsc_pi_feed_title a, .wsc_posts_feed .wsc_info_date
{
    font-size: 11px;
    line-height: 17px;
}

.wsc_posts_feed .wsc_pi_feed_title a:hover, .wsc_posts_feed .wsc_pi_feed_title a:active
{
    text-decoration: none;
    border: none;
}
.wsc_posts_feed .wsc_pi_feed_info
{
    line-height: 14px;
}

.wsc_posts_feed .wsc_info_date
{
    background: none !important;
    padding-left: 0px;
    cursor: auto;
    font-family: Helvetica;
    font-size: 9px;
    margin-right: 0;
    overflow: visible;
    display: inline;
    height: auto;
}

.wsc_posts_feed .wsc_pi_img_frame a:hover, .wsc_posts_feed .wsc_pi_img_frame a:active
{
    border: none;
}

.wsc_posts_feed .wsc_pi_feed_item
{
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    padding-bottom: 10px;
}
.wsc_posts_feed .wsc_pi_feed_item:last-child
{
    border: none;
}


/* DNN6 Feedback
---------------------------------------------------------- */
div.Feedback_Instructions, img.Feedback_Required, div.Feedback_SectionHead, .dnnFormHelp, .dnnFormHelpContent, .dnnFormItem .dnnFormHelpContent
{
    display: none;
}

.FeedbackForm .NormalTextBox
{
    display: block;
    float: none;
}

a.dnnFormHelp, .dnnForm .dnnFormItem a.dnnFormHelp, .dnnTooltip label a.dnnFormHelp
{
    background: none;
}

.FeedbackForm .Feedback_ContactBlock .Feedback_Field
{
    margin-bottom: 5px !important;
}

a.dnnFormHelp span
{
    font-weight: normal;
    letter-spacing: 0;
    font-size: 12px;
}
.Feedback_ControlWidth
{
    width: 645px;
}
div.FeedbackForm div.Feedback_FieldValue
{
    margin: 0px;
}
div.Feedback_ContactBlock, div.Feedback_MessageBlock
{
    margin-bottom: 0px;
}
.FeedbackForm.use-form-styles, .Feedback_FooterBlock, div.Feedback_ContactBlock, div.Feedback_MessageBlock, div.FeedbackForm div.Feedback_FieldValue
{
    padding: 0px;
}

div.FeedbackForm div.Feedback_FieldLabel
{
    display: none;
}

.Feedback_CommandButtons
{
    margin: 0 0 20px 0;
    float: left;
}

div.Feedback_Field span.NormalRed
{
    float: left;
    padding-bottom: 4px;
    padding-right: 20px;
    padding-top: 0;
}


.Feedback_CommandButtons a.CommandButton:link, .Feedback_CommandButtons a.CommandButton:visited
{
    text-decoration: none;
    border-radius: 4px 4px 4px 4px;
    margin: 0;
    outline: medium none;
    vertical-align: baseline;
    display: block;
}


.Feedback_CommandButtons a.CommandButton:hover
{
    border-width: 1px;
}

div.Feedback_FooterBlock
{
    padding: 0px;
}

.FeedbackForm, .NarrowFeedbackForm
{
    padding: 0px;
}

#bottom .use_form_styles .Feedback_CommandButtons, #bottom .use_form_styles a.CommandButton
{
    padding: 0px;
    line-height: 25px;
}


/* Feedback 6
-----------------------------------------------------------*/
.FeedbackForm.use_form_styles .dnnFormSectionHead, .use_form_styles .dnnFormItem label
{
    display: none;
}

.dnnForm.FeedbackForm.use_form_styles
{
    min-width: 120px;
}


.use_form_styles .dnnFormItem
{
    padding: 4px 0px;
}


.FeedbackForm.use_form_styles ul
{
    border: none;
}


.dnnForm.use_form_styles fieldset
{
    margin: 0 !important;
    padding: 0px;
}

.use_form_styles.FeedbackForm .Feedback_Field input, .dnnForm.use_form_styles.FeedbackForm fieldset input
{
    width: 92%;
    min-width: 200px;
    max-width: 230px;
}

.use_form_styles.FeedbackForm .Feedback_Field textarea, .dnnForm.use_form_styles.FeedbackForm fieldset textarea
{
    width: 92%;
    max-width: 460px;
    min-width: 200px;
}

#bottom .use_form_styles.FeedbackForm .Feedback_Field input, #bottom .use_form_styles.FeedbackForm .Feedback_Field textarea, #bottom .dnnForm.use_form_styles.FeedbackForm fieldset textarea, #bottom .dnnForm.use_form_styles.FeedbackForm fieldset input
{
    width: 92%;
    min-width: 110px;
}


.use_form_styles ul a.dnnPrimaryAction
{
    border-style: solid;
    border-width: 1px;
    text-shadow: none;
    font: 25px/38px Rokkitt, "Times New Roman";
    height: 40px;
    padding: 0 14px;
}


.use_form_styles ul.dnnActions, #bottom .use_form_styles ul.dnnActions li, #bottom .use_form_styles ul.dnnActions a.dnnPrimaryAction
{
    margin: 0px !important;
    padding: 0px;
}


.use_form_styles .dnnFormMessage.dnnFormError
{
    background: none;
    clear: both;
    color: Red !important;
    text-shadow: none;
    position: relative !important;
    top: 0px;
    left: -30px !important;
}


.use_form_styles.FeedbackForm .dnnFormValidationSummary
{
    margin: 0px;
    max-width: 160px;
}



/* DNN5 Feedback
---------------------------------------------------------- */

.title_vis
{
    display: none;
}


.use_form_styles label > span:before
{
    display: none;
}


.Feedback_Confirmation .CommandButton, .Feedback_Confirmation .CommandButton:hover
{
    cursor: pointer;
    font: 25px/38px Rokkitt, "Times New Roman";
    text-decoration: none !important;
    outline: none;
    border: none;
}

/* ======================================================= */
/*                   Social Groups                         */
/* ======================================================= */

/* =Profile Bar
------------------------------------------------ */
#Login
{
    float: right;
    padding-right: 0;
    height: 33px;
    border: 1px solid #cfcfcf;
    border-bottom: 1px solid #999;
    background: #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
}

#Login .registerGroup, #Login .registerGroup *, #Login .loginGroup, #Login .loginGroup *
{
    display: block;
}


#Login .registerGroup, #Login .loginGroup
{
    float: left;
    padding: 0;
    margin: 0;
}

#Login .registerGroup li:first-child:hover
{
    border-left: #333;
}
/* Register Group Styles */
#Login .registerGroup li
{
    float: left;
    height: 33px;
    border-left: 1px solid #fcfcfc; /*light*/
    border-right: 1px solid #c7c7c7; /*dark*/
}
#Login .registerGroup .buttonGroup
{
    margin-right: 0;
}

#Login .registerGroup a, #Login .loginGroup a
{
    position: relative;
    display: block;
    padding: 11px 15px;
    min-width: 15px;
    min-height: 11px;
    font-weight: bold;
    font-size: 11px;
    vertical-align: middle;
    line-height: 1em;
    background: #e7e7e7 url(data/img/bright/LoginLinksBg.png) repeat-x 0 0;
}

#Login .registerGroup a:hover, #Login .loginGroup a:hover
{
    background: #666;
    color: #ddd;
    text-shadow: 0px -1px 0px #333333;
    -webkit-box-shadow: inset 0px 0px 5px 0px #333;
    -moz-box-shadow: inset 0px 0px 5px 0px #333;
    box-shadow: inset 0px 0px 5px 0px #333;
}
#Login .registerGroup a:active, #Login .loginGroup a:active
{
    color: #fff;
    text-shadow: 0px -1px 0px #333333;
}

#Login .registerGroup a:hover, #Login .loginGroup a:hover
{
    text-decoration: none;
}

#Login .registerGroup a strong, #Login .loginGroup a strong
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 11px;
    font-weight: bold;
    vertical-align: baseline;
    /*overflow: hidden;*/
    text-indent: -9999px;
}

.registerGroup .userMessages strong, .registerGroup .userNotifications strong
{
    background: url(data/img/bright/userLoginSprite.png) no-repeat 15px 12px;
}
.registerGroup .userNotifications strong
{
    background-position: -85px 10px;
}
.registerGroup .userMessages strong:hover
{
    background-position: 15px -40px;
}
.registerGroup .userNotifications strong:hover
{
    background-position: -85px -42px;
}
.registerGroup .userMessages strong:active
{
    background-position: 15px -91px;
}
.registerGroup .userNotifications strong:active
{
    background-position: -85px -92px;
}

#Login .registerGroup a span
{
    position: absolute;
    right: 0px;
    top: -7px;
    display: inline-block;
    padding: 2px 4px;
    min-width: 7px;
    text-align: center;
    margin-right: 3px;
    background: rgb(31,152,241); /* Old browsers */
    font-size: 9px;
    color: #fff;
    text-shadow: 0px 1px 0px #333333; /*CSS3*/
    background: -moz-linear-gradient(top, rgba(31,152,241,1) 0%, rgba(2,111,196,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,152,241,1)), color-stop(100%,rgba(2,111,196,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Opera 11.10+ */
    background: linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* W3C */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px #222222;
    -moz-box-shadow: 0px 1px 0px 0px #222222;
    box-shadow: 0px 1px 0px 0px #222222;
}


#Login .registerGroup .userProfileImg a
{
    padding: 0;
    background: none;
    min-width: 25px;
}
#Login .registerGroup a img
{
    border: 1px solid blue;
    height: 32px;
    width: 32px;
    background: #555;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
}
/* Login Group Styles */
#Login .loginGroup
{
    border-left: 1px solid #fcfcfc; /*light*/
}
#Login .loginGroup a
{
    padding: 11px 20px;
    font-weight: bold;
    color: #666;
}

/* Login Language Group */
#Login .language-object
{
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    border-left: 1px solid #c7c7c7; /*dark*/
}
#Login .language-object span
{
    padding: 8px 0;
    padding-right: 8px;
    margin: 0;
    float: left;
}
#Login .language-object span:first-child
{
    padding-left: 8px;
    border-left: 1px solid #fcfcfc; /*light*/
}
#Login .language-object span img
{
    height: 12px;
    width: 20px;
    opacity: 0.2;
}
#Login .language-object span:hover img
{
    opacity: 1;
}
#Login .language-object .Language.selected img
{
    opacity: 1;
    border-color: #999;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
}



/* Left Column User Profile */
.LeftPaneProfile #UserProfileImg
{
    padding: 8px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: auto;
}
.LeftPaneProfile #UserProfileImg img
{
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    background: url(http://skydivehawaii.com/Portals/_default/Skins/WebsiteResponsive/Images/noProfilePic.png) no-repeat -1px -1px;
}
.LeftPaneProfile #UserProfileImg span
{
    display: block;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
}

.LeftPaneProfile .DnnModule .UserProfileControls ul
{
    padding-left: 0;
}
.LeftPaneProfile .DnnModule .UserProfileControls ul li
{
    list-style: none;
    margin-bottom: 3px;
}
.LeftPaneProfile .DnnModule .UserProfileControls a.dnnSecondaryAction
{
    padding: 0;
    line-height: 1em;
}

/* Profile Content */
#UserDisplayNameHeader
{
    border-bottom: 1px solid #ddd;
    margin-bottom: 25px;
}

#UserDisplayNameHeader h2
{
    margin-top: 0;
    margin-bottom: 15px;
}
#UserDisplayNameHeader h2 em
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: lighter;
    color: #777;
    font-size: 15px;
    vertical-align: baseline;
}


/* Social Messaging / Member Directory */
.ContentPaneProfile #smMainContent
{
    padding: 0;
}
.ContentPaneProfile .dnnForm
{
    min-width: 180px !important;
}

.ContentPaneProfile .DnnModule-Messaging-Notifications .smListings .ListCol-1
{
    width: 2%;
    padding-left: 2%;
}
.ContentPaneProfile .DnnModule-Messaging-Notifications .smListings .ListCol-2
{
    width: 10%;
}
.ContentPaneProfile .DnnModule-Messaging-Notifications .smListings .ListCol-3
{
    width: 52%;
}
.ContentPaneProfile .DnnModule-Messaging-Notifications .smListings .ListCol-4
{
    width: 25%;
    max-width: 100px;
}

.ContentPaneProfile .DnnModule-Messaging-Details .smListings .ListCol-1
{
    width: 10%;
    padding-left: 2%;
}
.ContentPaneProfile .DnnModule-Messaging-Details .smListings .ListCol-2
{
    width: 62%;
}
.ContentPaneProfile .DnnModule-Messaging-Details .smListings .ListCol-3
{
    width: 20%;
}

.ContentPaneProfile .messageSelect .buttonGroup li
{
    margin-top: 0px;
}

.messageControls .messageSelect
{
    margin-right: 5px;
}

.DnnModule-Messaging-Notifications .smListings .ListCol-4 ul li
{
    margin-bottom: 20px;
}


/* Member Directory */
.ContentPaneProfile .dnnMemberDirectory
{
    width: 100%;
}

.ContentPaneProfile .dnnMemberDirectory #mdMemberList > li
{
    padding-left: 0px;
    padding-right: 0px;
}

.ContentPaneProfile .searchWrapper
{
    width: 300px;
}
.ContentPaneProfile #mdBasicSearch
{
    width: 253px;
}
.ContentPaneProfile .DnnModule #mdMemberList > li
{
    width: 265px;
}
.DnnModule-Messaging-Details .smListings .ListCol-2
{
    width: 61%;
    max-width: 400px;
}

.mdMemberDetails .mdHoverActions li a, .mdMemberDetails .mdHoverActions li p
{
    line-height: 12px;
}

.DnnModule .selectDrop ul
{
    z-index: 3;
}

.messageControls .dnnTertiaryAction span
{
    font-weight: normal !important;
}



.dnnTertiaryAction.disabled
{
    opacity: 1;
}


/* Send Mesage / Accept Friend / Follow Box Right Column */
.RightPaneProfile .dnnForm
{
    min-width: 100px;
}


.RightPaneProfile ul.mdMemberList > li #mdMemberDetails
{
    padding: 0;
}
.RightPaneProfile .DnnModule #mdMemberList > li
{
    width: 150px;
    height: auto !important;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.RightPaneProfile #mdMemberList #mdMemberDetails
{
    padding: 0;
    margin-bottom: 0;
}
.DnnModule .friendProfileActions
{
    width: 170px;
    background: #EBEDF0;
    padding: 15px;
}

.RightPaneProfile .console > div > div
{
    width: 95%;
}

.DnnModule .friendProfileActions ul
{
    padding-left: 0;
}
.DnnModule .friendProfileActions ul li
{
    list-style: none;
    margin-bottom: 3px;
}



/* Left Column User Profile */
.RightPaneProfile .console
{
    width: 100%;
}
.RightPaneProfile .console > div > div
{
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 5px 0 10px;
    width: 95%;
}
.RightPaneProfile .console .active
{
    background: #ebedf0;
}

/* View Profile */
.ContentPaneProfile .pAddress, .ContentPaneProfile .pContact
{
    width: 49%;
    float: left;
    margin-bottom: 15px;
}
.ContentPaneProfile .pContact
{
    border-left: 1px solid #ddd;
    padding: 0 5%;
    width: 39%;
    padding-bottom: 15px;
}


/* Edit Profile */
.ContentPaneProfile #dnnUserDetails .dnnUser
{
    width: 100%;
}
.ContentPaneProfile #dnnUserDetails .dnnActions, .ContentPaneProfile #dnnPassword .dnnActions, .ContentPaneProfile .dnnProfile .dnnActions
{
    margin-top: 25px;
}

.ContentPaneProfile .dnnProfile .dnnTooltip
{
    width: 150px;
    margin-right: 15px;
}
.ContentPaneProfile .dnnProfile input[type="text"], .ContentPaneProfile .dnnProfile select
{
    width: 150px;
    margin-right: 10px;
}
.ContentPaneProfile .dnnProfile select
{
    width: 210px;
    float: left;
}
.ContentPaneProfile .dnnProfile .dnnFormVisibility
{
    width: 100px;
    float: left;
}
.ContentPaneProfile .dnnProfile div[id$="_ProfileProperties_Biography"] .dnnFormVisibility
{
    width: 179px;
    margin-left: 165px;
    padding-left: 220px;
    margin-bottom: 25px;
    border: 1px solid #ddd;
    border-top: none;
}

.ContentPaneProfile .dnnProfile div[id$="_ProfileProperties_Photo"]
{
    margin-top: 25px;
}
.ContentPaneProfile .dnnFilePicker .dnnFormItem span
{
    width: 25px;
}
.ContentPaneProfile .dnnFilePicker .dnnFormItem span + select
{
    width: 175px;
}
.ContentPaneProfile .dnnFilePicker .dnnLeft .dnnFormItem
{
    width: 220px;
    float: left;
}
.ContentPaneProfile .dnnFilePicker .dnnLeft .dnnFormItem + div
{
    float: left;
    clear: none;
}
.ContentPaneProfile .dnnFilePicker .dnnLeft a.dnnSecondaryAction
{
    margin-left: 0;
    padding: 0;
}
.ContentPaneProfile .dnnFilePicker .dnnLeft + .dnnLeft
{
    width: 200px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 15px;
    margin-left: 175px;
    margin-right: 10px;
    clear: both;
}
.ContentPaneProfile .dnnFilePicker .dnnLeft + .dnnLeft img
{
    width: 100px;
    height: 100px;
}

@media only screen and (max-width: 979px)
{
    /* <= Tablet */

    .ContentPaneProfile .DnnModule #mdMemberList > li
    {
        width: 240px;
    }

    .mdMemberList .mdHoverContent
    {
        width: 210px;
    }

    .dnnProfileDetails .dnnFormItem .dnnFormVisibility
    {
        width: 38%;
    }
    
    .dnnUserDetails .dnnUser {
  width: 100%;
}

    
}
@media only screen and (max-width: 739px)
{
    /* <= Mobile */

    #Login .userDisplayName a
    {
       /* max-width: 108px;*/
    }

    #Login, #Login .registerGroup li
    {
        height: auto;
    }

    #Login .registerGroup a, #Login .loginGroup a
    {
        padding: 11px 10px;
    }

    .registerGroup .userMessages strong
    {
        background-position: 11px 12px;
    }

    .registerGroup .userNotifications strong
    {
        background-position: -90px 10px;
    }

    .ProfilePanes .column
    {
        float: none;
        width: 100%;
    }

    .messageControls div
    {
        float: right;
    }

    .DnnModule .messageControls .buttonGroup, .messageControls .messageSelect .dnnTertiaryAction, .messageControls .messageSelect
    {
        margin-right: 0px;
    }

    .dnnFormExpandContent
    {
        right: 0;
        top: 0;
    }

    .ContentPaneProfile .DnnModule-Messaging-Notifications .smListings .ListCol-3, .ContentPaneProfile .DnnModule-Messaging-Notifications .smListings .ListCol-4
    {
        width: 100%;
        max-width: 100%;
    }

    .ListCol-3 dd.meta
    {
        margin-top: 5px !important;
        padding-top: 0px;
    }

    .DnnModule-Messaging-Notifications .smListings .meta
    {
        margin-bottom: 0px;
    }
    
    .dnnForm
    {
        min-width: 100%;
    }
    
    .dnnProfileDetails .dnnFormItem .dnnTooltip {
      width: 17%;
    }

    .dnnProfileDetails .dnnFormItem select {
      width: 150px;
    }

    .dnnProfileDetails .dnnFormRadioButtons
    {
        width:120px;
    }

    .dnnProfileDetails .dnnFilePicker .dnnLeft .dnnFormItem span
    {
        width:20px;
    }

    .dnnProfileDetails .dnnFilePicker .dnnLeft .dnnFormItem select {
      float: left;
      width: 120px;
    }

    .dnnProfileDetails .dnnFilePicker .dnnLeft a.dnnSecondaryAction {
      margin-left: 0;
    }

    .dnnProfileDetails ul.dnnActions
    {
        width:300px;
    }

    .dnnPasswordDetails  .dnnFormItem input {
      margin: 6px 0 0;
      width: 150px;
    }

    .dnnPasswordDetails .dnnForm .dnnFormItem a.dnnFormHelp span {
      padding-right: 0;
    }

    .dnnUserDetails .dnnUser {
      width: 100%;
    }

    .dnnUserDetails .dnnForm .dnnFormItem a.dnnFormHelp span {
      padding-right: 0;
    }

    .dnnUserDetails .dnnTooltip
    {
        width:17%;
    }

    .dnnManageUsers ul.dnnAdminTabNav
    {
        border:none;
    }
    .dnnManageUsers ul.dnnAdminTabNav li,
    .dnnManageUsers ul.dnnAdminTabNav li a
    {
        width:96%;
        display:block;
    }
    
    #top h1 
    {
        font-size: 12px;
    }

}


@media only screen and (max-width: 319px)
{
    /* <= Mini */

}



/* Login top
--------------------------------------------------------------------------------*/

.wsc_profile_title
{
    display:none;
}

#top #Login
{
    float: right;
    height: 34px;
    background: none;
    border: none;
    box-shadow:none;
}



#top #Login .registerGroup, #top #Login .registerGroup *, #top #Login .loginGroup, #top #Login .loginGroup *
{
    display: block;
}


#top #Login .registerGroup, #top #Login .loginGroup
{
    float: left;
    padding: 0;
    margin: 0;
}

#top #Login .registerGroup li:first-child:hover
{
    border-left: #333;
}
/* Register Group Styles */
#top #Login .registerGroup li
{
    float: left;
    height: 33px;
    border: none;
    
}
#top #Login .registerGroup .buttonGroup
{
    margin-right: 0;
}

#top #Login .registerGroup a, #top #Login .loginGroup a
{
    color: #808080;
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.1em;
    min-height: 11px;
    min-width: 15px;
    padding: 9px 7px;
    position: relative;
    vertical-align: middle;
    background: none;
}


#top #Login .registerGroup a:active, #top #Login .loginGroup a:active
{
    color: #fff;
    text-shadow: 0px -1px 0px #333333;
}

#top #Login .registerGroup a:hover, #top #Login .loginGroup a:hover
{
    text-decoration: none;
    color: #089bc3;
    background: none;
    text-shadow: none;
    box-shadow: none;
}

#top #Login .registerGroup a strong, #top #Login .loginGroup a strong
{
    font-size: 13px;
    text-indent: 0px;
    font-weight: normal;
    background: none;
    position: relative;
    text-shadow: none;
}

#top #Login .registerGroup a strong:hover, #top #Login .loginGroup a strong:hover
{
    background: none;
    color: #089bc3;
}

#top #Login .loginGroup
{
    border-left: none;
}

#top #Login .registerGroup .userProfileImg a
{
    padding: 0;
    background: none;
    min-width: 25px;
}
#top #Login .registerGroup a img
{
    height: 32px;
    width: 32px;
}
/* Login Group Styles */

#top #Login .loginGroup a
{
    padding: 9px 7px;
    font-weight: normal;
    color: #808080;
}

/* Login Language Group */
#top #Login .language-object
{
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    border-left: 1px solid #c7c7c7; /*dark*/
}
#top #Login .language-object span
{
    padding: 8px 0;
    padding-right: 8px;
    margin: 0;
    float: left;
}
#top #Login .language-object span:first-child
{
    padding-left: 8px;
    border-left: 1px solid #fcfcfc; /*light*/
}
#top #Login .language-object span img
{
    height: 12px;
    width: 20px;
    opacity: 0.2;
}
#top #Login .language-object span:hover img
{
    opacity: 1;
}
#top #Login .language-object .Language.selected img
{
    opacity: 1;
    border-color: #999;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
}

@media only screen and (min-width:740px) and (max-width: 979px)
{
    /* <= Tablet */
    
    #top #Login .registerGroup li.userDisplayName a,
    #top #Login .registerGroup li.userMessages  a
    {
        padding-left:0px;
    }
}


@media only screen and (max-width: 739px)
{
    /* <= Mobile */
    
#top #Login {
  float: none;
  display: table;
  width:100%;
}

#nav-top
{
    display:inline;
}

#top #Login .loginGroup a {
  padding-left: 16px;
}

#top #Login .registerGroup li
{
    clear:both;
}

#Login .registerGroup a span
{
    right: -20px;
    top:8px;
}

    
}



/* =Content social panes
------------------------------------------------ */

.journalrow, #UserDisplayNameHeader, .RightPaneProfile .console > div > div, .ContentPaneProfile .pContact, .messageControls, .smListings > ul > li, .morePrevMsgButton
{
    border-style: dotted;
}

.journalTools #btnShare.disabled, 
.jcmt li.cmtbtn a.disabled, 
.journalTools #btnShare, 
.jcmt li.cmtbtn a, 
.coreMessaging .dnnPrimaryAction.ComposeMessage,
.coreMessaging  .dnnCoreMessagingFooter .dnnPrimaryAction,
.dnnManageUsers .dnnProfileDetails .dnnPrimaryAction,
.dnnManageUsers .dnnPasswordDetails .dnnPrimaryAction,
.dnnManageUsers .dnnUserDetails .dnnPrimaryAction,
.ModSocialGroupsC .dnnGroupDirectory .dnnPrimaryAction
{
    padding: 0 14px;
    font: 25px/38px Rokkitt;
    font-weight: normal;
    text-shadow: none;
    border: 1px solid;
}

.mdMemberDetails .mdMemberImg
{
    margin: 0 15px 15px;
}

.journalrow div.journalitem ul.jcmt li p
{
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

#journalOptionArea
{
    width: 100%;
    margin-top: -10px;
}

#journalEditor #journalClose, #linkClose, .miniclose, .minidel
{
    margin-right: 5px;
}

.DnnModule .friendProfileActions
{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid;
}


.previousMessages .messageHeader p
{
    display: none;
}

.dnnForm .ui-widget-header, .dnnFormPopup .ui-widget-header
{
    border-bottom: 1px solid;
    font-weight: normal;
}


.messageControls .dnnTertiaryAction, 
.selectDrop .dnnTertiaryAction:hover, 
.selectDrop .dnnTertiaryAction:after,
.post .content .use_form_styles input[type="text"],
.post .content .use_form_styles input[type="password"],
.post .content .use_form_styles textarea,
.post .content .use_form_styles .yaselect-anchor ,
.propertyList .dnnFormItem input,
.propertyList .dnnFormItem select,
.dnnPasswordDetails .dnnFormItem input,
.dnnUserDetails .dnnFormItem input 
{
    box-shadow: none;
}

.propertyList .dnnFormItem input,
.propertyList .dnnFormItem select,
.dnnPasswordDetails .dnnFormItem input,
.dnnUserDetails .dnnFormItem input 
{
    color:inherit;
}

#journalEditor #journalPlaceholder,
#journalEditor, .jcmt .cmteditarea,
.mdMemberDetails .mdHoverActions li a,
.messageControls .dnnTertiaryAction                              
{ 
    text-shadow: none; 
}

.mdMemberList li ul.mdHoverActions, .mdMemberList li ul.mdHoverActions li
{
    margin: 0px;
}



.journalTools #btnShare,
.jcmt li.cmtbtn a                               
{ 
    border:none;
}

.dnnForm.dnnGroupDirectory
{
    padding: 25px 25px 25px 0;    
}

.dgdGroupQuickInfoWrap
{
    margin-bottom: 25px;
    padding-bottom: 25px;    
}

#journalItems .journalrow:first-child
{
    margin-top: 60px;
}

.GroupViewTop .dnnRight a
{
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 739px)
{
    /* <= Mobile */


.wsc_profile_title
{
    display:block;
    padding: 0 15px 5px;
    font-weight: normal;
}

#top #Login .registerGroup,
#top #Login .loginGroup
{
    background-color:#222;
    border-top: 1px dotted ;
    padding: 0 15px;
    width:100%;
}

#top #Login .loginGroup
{
    border-bottom: 1px dotted;
}    
    

#top #Login .registerGroup li.userProfileImg 
{
    display:none;
}

    
}



/* ======================= Styles for DNN 5, DNN 6.0 ==============================*/


/* ------------ Top Login -----------*/

#top #Login .SkinObject,
#top #Login .LoginLink
{
    line-height:30px;
}

#top #Login .SkinObject 
{
    margin: 0 15px 0 30px;
}

@media only screen and (min-width:740px) and (max-width: 979px)
{
    /* <= Tablet */
    #top #Login .SkinObject 
{
    margin: 0 15px 0 0px;
}

}

@media only screen and (max-width: 739px)
{
    /* <= Mobile */
#top #Login .SkinObject,
#top #Login .LoginLink
{
    line-height:20px;
}
}



/* ======================= Responsive styles for admin  ==============================*/


@media only screen and (min-width:740px) and (max-width: 979px)
{
    /* <= Tablet */
 
 
     /* Admin -> Page Managment*/
     .tmTabContainer {
      width: 57%;
    }
    
    /* Admin › Languages */
    .RadGrid
    {
        width:660px!important;
    }

    /* Host › Device Detection Management  */
    .DnnModule-Device-Detection .deviceMsg {
      width: 625px;
    }
    #fiftyOneDegrees .upgradePremium h5 + div {
      width: 45%;
    }

}



@media only screen and (max-width: 739px)
{
    /* <= Mobile */
     /* Admin -> Page Managment*/
    .dnnTreeArea {
      width: 300px;
    }

    .tmTabContainer {
      margin: 20px 0 0;
      width: 100%;
    }
    
    .tmTabContainer .dnnFormItem textarea {
      width: 275px;
    }
    
    .dnnFormItem select
    {
        width:100%;
    }
    
   table.rcbFocused,
   .RadComboBoxDropDown
   {
       width: 290px!important;
   }
   
   /* Admin -> Extention*/
   #dnnExtensions 
   {
         min-width: 300px;
   }

    /* Admin › Languages */
    .RadGrid
    {
        width:340px!important;
    }
    
    /* Admin › Skins */
   .dnnEditSkins table.skinViewer td {
      display: block;
    }
    
    /* Admin › Recycle Bin */
    .rbtContent .dnnFormItem select,
    .rbmContent .dnnFormItem select
    {
        width: 290px!important;
    }
    
    /* Admin › Event Viewer */
    
    .dnnlvOptions, .dnnlvLegend {
      float: left;
      width: 70%;
    }
    
    .dnnLogViewer .dnnFormItem input[type="text"],
    .dnnLogViewer .dnnFormItem textarea 
    {
        width: 60%;
    }
    
    /* Admin › Site Wizard */
    .dnnSiteWizard .SkinList td 
    {
        display: block;
    }
    
    /* Admin › Device Preview Management */
    .dnnFormSectionHead span {
      clear: both;
    }
    
    /* Host › Host Settings */
    .dnnForm .dnnFormItem a.dnnFormHelp span {
        width: 100%;
    }
    
    /* Host › SQL */
    .dnnSQLModule .dnnFormItem
    {
        display: block;
        width: 92%;
    }
    
    .dnnSQLModule .dnnFormItem textarea
    {
        width:280px;
    }
    
    /* Host › Configuration Manager */
    .dnnConfigManager .dnnFormItem textarea
    {
        width: 280px;
    }
    
    /* Host › Device Detection Management */
    .DnnModule-Device-Detection .deviceMsg
    {
        width: 82%;
    }
    
    .DnnModule-Device-Detection .deviceMsg .footer,
    .DnnModule-Device-Detection .deviceMsg .purchaseBox,
    .DnnModule-Device-Detection .upgradePoints li
    {
        float: left;
        width: 200px;
    }
     
     /* Host › MenuBox Themes  */
     .cs-skinlist .DNN_File_Selector .input-field {
      width: 100%;
    }
    .cs-skinlist .DNN_File_Selector
    {
        width: 250px;
    }   
        
}


/* ======================================================= */
/*                     Containers                          */
/* ======================================================= */

/* Plain Container
---------------------------------------------------------- */
.plain_container .c_contentpane, .c_head.plain_container, .plain_container .c_head
{
    padding: 0px;
    margin: 0px;
}

/* No Title Boxed Container
---------------------------------------------------------- */
.notitle_boxed_container .c_contentpane
{
    padding: 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: 9px !important;
    margin-right: 9px !important;
    min-height: 45px;
    padding-top: 20px;
}

.paneOutline .SubHead
{
    color: gray;
    font-family: Myriad Pro;
    font-size: 21px;
    font-weight: normal;
}

.columns .paneOutline
{
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.columns .paneOutline.column
{
    margin-bottom: 5px;
}

#banners .paneOutline
{
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.wsc_featured_panes .paneOutline
{
    margin-left: 5px !important;
    margin-right: 5px !important;
    padding-top: 20px !important;
    border: 1px dotted #CCCCCC !important;
}

.use_form_styles .dnnFormItem input, 
.use_form_styles .dnnFormItem .dnnFormInput, 
.use_form_styles .dnnFormItem textarea {box-shadow: none;}

@media only screen and (max-width: 979px) { /* <= Tablet */
                                            
    .wsc_featured_panes .paneOutline,
    #banners .paneOutline
    {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }                                            
                                            
}

@media only screen and (max-width: 739px)
{
    /* <= Mobile */

    .wsc_featured_panes .DNNEmptyPane
    {
        border: 0px !important;
    }
}

/* Pop-up Panels
---------------------------------------------------------- */
#dnnCPWrap a, .dnnActionMenuBody a
{
    border-bottom: none !important;
}

.dnnActionMenuBody ul, .dnnActionMenuBody ul li
{
    margin: 0px !important;
}

#dnnCPWrap .megaborder a 
{
    line-height: 17px;
}

.dnnadminmega .megaborder li.leaf 
{
    margin: 1px 5px;
}

/* DNN5 Pop-up Panels
---------------------------------------------------------- */
.post .content .ModuleTitle_MenuBar th, .post .content .ModuleTitle_MenuBar td
{
    padding: 0px;
    border: none;
}

/* Fixing banner admin
---------------------------------------------------------- */
.wsc_admin_content iframe {
    overflow: visible;
}