/*  mc new stuff for TDG */
.box {
	border: 2px solid;
    border-radius: 10px;
	padding: 10px;
	margin: 5px;
	background-color: #FFF;
	 list-style-type: none;
	 
	}
.ClassDoc .box {
	border-color: #507baf;	
	
}
.GuidelineDoc .box {
	border-color: #99FF66;	
}	
.box li{	
	list-style:none;
}
.box label {
	cursor:inherit;
	display:block;
}
.ClassDoc .title {
	background-color:#507baf;
}
.GuidelineDoc .title  {
	background-color:#99FF66;
}
.ClassDoc #Related .anchor-links,.GuidelineDoc #Classes .anchor-links {
    background-color:#F0F3E8;
}
.GuidelineDoc #Related .anchor-links {
    background-color:#F4F8FB;
}

.theme--details h2
{
    padding-top: 20px;
}


h1
{
    color:#FFF;
}
 h2, h3, h4, h5, h6 
{
    color: #236FA6;
    font:inherit;
}


#ControlBar, #ControlBar *,  .dnnDropDownList .selected-item *, .actionMenuMove *, .cart-treeview *
{
    box-sizing:content-box;
}
div.cart-treeview-node input[type="text"]
{
    font-size:11px;
    padding:9px;
    width:inherit;
}
.threeColSocial #UserDisplayNameHeader h2 {
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 10px;
}

.threeColSocial #smMainContent .ui-corner-all {
    border-radius: 0;
}
.threeColSocial ul.dnnAdminTabNav {
    border-bottom: 1px solid #c0c0c0;
    height: 38px;
    margin-bottom: 0;
    margin-top: 0;
}
.threeColSocial ul.dnnAdminTabNav li a {
    background: none repeat scroll 0 0 #d7d7d7;
    border: medium none;
    border-radius: 0;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 10px 15px;
    text-shadow: none;
}
.threeColSocial ul.dnnAdminTabNav li a:hover {
    background: none repeat scroll 0 0 #484848;
    color: #eee;
}
.threeColSocial ul.dnnAdminTabNav li.ui-tabs-active a {
    background: none repeat scroll 0 0 #484848;
    color: #eee;
    margin-top: 0;
    padding: 10px 15px;
}
.threeColSocial .dnnAdminTabNav a span {
    background: -moz-linear-gradient(center top , rgba(59, 150, 182, 1) 0%, rgba(35, 125, 155, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 0 #666;
    color: #eee;
    display: inline;
    font-size: 11px;
    font-weight: normal;
    margin-right: 8px;
    min-height: 12px;
    padding: 2px 6px;
}
.threeColSocial .dnnFormExpandContent {
    font-size: 12px;
    height: 20px;
    position: absolute;
    right: 0;
    top: -40px;
}
.threeColSocial .dnnFormExpandContent a.ComposeMessage {
    font-size: 12px;
}
*
.threeColSocial a.dnnPrimaryAction, .theme--neutral a.dnnPrimaryAction {
    background: #246FA8 none;
    border: 0 solid #ffffff;
    
    box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5), 0 0 0 rgba(15, 177, 217, 0) inset;
    color: #ffffff;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
    padding: 12px 14px;
    text-align: center;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(255, 255, 255, 0);
}
.threeColSocial a.dnnPrimaryAction:hover, .threeColSocial a.dnnPrimaryAction:active {
    background-color: #d00;
    background-image: none;
    cursor: pointer;
}

.threeColSocial .DnnModule .messageControls .dnnButtonGroup {
    margin-right: 0;
}
.threeColSocial .messageControls {
    border-bottom: 1px solid #c0c0c0;
    margin: 0;
    padding: 0 0 5px;
}
.threeColSocial .messageControls .messageFolders {
    float: right;
}
.threeColSocial .messageFolders p {
    color: #666;
    display: inline-block;
    float: left;
    font-size: 12px;
    margin: 0;
    padding: 8px 15px;
}
.threeColSocial .messageFolders p strong {
    color: #666;
    font-weight: bold;
}
.threeColSocial .DnnModule-Messaging-Notifications .dnnTertiaryAction {
    font-size: 12px;
    padding: 9px 10px;
    width: auto !important;
}
.threeColSocial .DnnModule .selectDrop ul {
    background: none repeat scroll 0 0 #e7e7e7;
    border: 1px solid #c2c2c2;
    border-radius: 0;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
    min-width: 120px;
    padding: 10px 14px !important;
    top: 34px;
}
.threeColSocial .selectDrop.active > a {
    background: none repeat scroll 0 0 #70b1c7;
    border-right: 0 solid #3b96b6;
    box-shadow: 0 1px 1px 0 #3b96b6 inset;
    color: #eee;
}
.threeColSocial .selectDrop ul li {
    font-size: 12px;
    margin-bottom: 3px;
}
.threeColSocial .dnnButtonGroup {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    list-style: outside none none;
}
.threeColSocial ul.dnnButtonGroup > li {
    border-left: medium none;
}
.threeColSocial .dnnButtonGroup > li > a {
    background-color: #d7d7d7;
    border-left: 1px solid #ddd;
    border-right: 1px solid #bbb;
    color: #666;
}
.threeColSocial .dnnButtonGroup > li > a.active {
    background-color: #70b1c7;
    border-right: 1px solid #3b96b6;
    color: #eee;
}
.threeColSocial .dnnButtonGroup > li > a.disabled:hover {
    background-color: #70b1c7;
    border-left: 1px solid #3b96b6;
    color: #eee;
}
.threeColSocial .alpha > a:hover {
    background-color: #70b1c7;
    border-right: 1px solid #3b96b6;
    color: #eee;
}
.threeColSocial .alpha > a, .threeColSocial .alpha > a:hover, .threeColSocial .alpha > a.active {
    border-left: 1px solid #70b1c7;
    border-radius: 0;
}
.threeColSocial .omega > a, .threeColSocial .omega > a:active, .threeColSocial .omega > a.active {
    border-radius: 0;
    border-right: 1px solid #70b1c7;
}
.threeColSocial a.dnnSecondaryAction.ArchiveItems span {
    display: none;
}
.threeColSocial a.dnnSecondaryAction.ArchiveItems {
    background: url("images/icon_bin.png") no-repeat scroll center center #d7d7d7;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #666;
    height: 18px;
    margin-left: 5px;
    min-width: 15px;
    text-shadow: none;
}
.threeColSocial a.dnnSecondaryAction.ArchiveItems:hover {
    background: url("images/icon_bin.png") no-repeat scroll center center #70b1c7;
}
.threeColSocial .dnnTertiaryAction:hover, a.dnnTertiaryAction:hover {
    background-color: #70b1c7;
    color: #eee;
}
.threeColSocial .smListings {
    font-size: 12px;
}
.threeColSocial .DnnModule .smListings ul {
    margin: 0;
}
.threeColSocial .smListings > ul > li {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #c0c0c0;
    margin: 0;
    padding-top: 10px;
}
.threeColSocial .smListings > ul > li.active {
    background: none repeat scroll 0 0 #f4f4f4;
}
.threeColSocial .smListings > ul > li:last-child {
    border-bottom: medium none;
}
.threeColSocial .smListings [class^="ListCol-"] {
    padding: 1% 1% 1% 0;
}
.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-1 {
    min-width: 20px;
}
.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-2 {
    min-width: 65px;
}
.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-3 {
    width: 56%;
}
.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 {
    font-size: 11px;
}
.threeColSocial .smTimeStamped {
    font-size: 11px;
}
.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-1 {
    min-width: 65px;
}
.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-2 {
    width: 56%;
}
.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 {
    float: right;
    font-size: 12px;
    width: 25%;
}
.threeColSocial .hoverControls a {
    font-size: 12px;
    font-weight: bold;
}
.threeColSocial .DnnModule-Messaging-Details .smListings .meta {
    margin-bottom: 5px;
}
.threeColSocial .DnnModule-Messaging-Details .smListings .meta a {
    font-weight: bold;
}
.threeColSocial .DnnModule-Messaging-Details .smListings .message {
    color: #999;
    margin: 0;
}
.threeColSocial .DnnModule-Messaging-Notifications .smListings .subject {
    font-weight: bold;
}
.threeColSocial .DnnModule-Messaging-Notifications .smListings .active .subject {
    font-size: 13px;
    margin-bottom: 3px;
}
.threeColSocial .DnnModule-Messaging-Notifications .smListings .meta {
    line-height: 14px;
    margin-bottom: 8px;
}
.threeColSocial .DnnModule-Messaging-Notifications .smListings .message {
    color: #999;
}
.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 ul li {
    margin-bottom: 0;
}
.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 ul li:first-child {
    color: #999;
}
.threeColSocial .DnnModule-Messaging-Details .smListings .active .ActiveToggle:hover, .smListings .ActiveToggle {
    box-shadow: 0 1px 0 0 #666;
    margin-left: 8px;
}
.threeColSocial .DnnModule-Messaging-Details .smListings .active .ActiveToggle, .smListings .ActiveToggle:hover {
    background: -moz-linear-gradient(center top , rgba(59, 150, 182, 1) 0%, rgba(35, 125, 155, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 0 #666;
    margin-left: 8px;
}
.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 ul li {
    margin-bottom: 0;
}
.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 ul li:first-child {
    color: #999;
}
.threeColSocial .DnnModule-Messaging-Notifications .smListings .active .ActiveToggle:hover, .smListings .ActiveToggle {
    box-shadow: 0 1px 0 0 #666;
    margin-left: 8px;
}
.threeColSocial .DnnModule-Messaging-Notifications .smListings .active .ActiveToggle, .smListings .ActiveToggle:hover {
    background: -moz-linear-gradient(center top , rgba(59, 150, 182, 1) 0%, rgba(35, 125, 155, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 0 #666;
    margin-left: 8px;
}
.threeColSocial .DnnModule-Messaging-Notifications .notificationControls {
    font-weight: bold;
}
.threeColSocial .messageHeader {
    margin: 0;
    padding: 0;
}
.threeColSocial .messageHeader p {
    color: #666;
    float: left;
    font-size: 13px;
}
.threeColSocial .messageHeader p strong {
    color: #333;
}
.threeColSocial .messageHeader .returnLink {
    font-size: 12px;
    font-weight: bold;
}
.threeColSocial .morePrevMsgButton {
    background: none repeat scroll 0 0 #d7d7d7;
    border: 1px solid #c0c0c0;
    box-shadow: 0 0 3px 0 #ccc inset;
    color: #666;
    font-size: 12px;
    margin-bottom: 15px;
    padding: 10px;
    text-align: center;
}
.threeColSocial textarea#replyMessage {
    background: none repeat scroll 0 0 #f4f4f4;
    border: 1px solid #c0c0c0;
    color: #666;
    height: 75px;
    width: 94%;
}
.threeColSocial textarea#replyMessage:focus, .threeColSocial textarea#replyMessage:active {
    background: none repeat scroll 0 0 #fff;
    color: #666;
}
.threeColSocial ul
{
	padding:0;
	font-size:0.7rem;
	}
.threeColSocial .UserProfileControls ul {
    margin: 15px 0;
}
.threeColSocial .UserProfileControls ul li {
    list-style-type: none;
    margin-bottom: 3px;
}
.threeColSocial .UserProfileControls a
{
padding:5px;
}
#journalItems *
{ box-sizing:content-box;}

.checkboxlist
{
    position:relative;
}
.checkboxlist input
{
    top:32%;
    left:0;
    position:absolute;
}
.checkboxlist label
{
    padding:0.75rem 0 0.75rem 2rem;
    
}
.SpacingBottom
{
    margin-bottom:1rem;
}

.password-strength-tooltip-content label
{
	color: #FFF;
	}
div.dnnRegistrationForm .dnnForm {
	width: 100% !important;
}





#login .registerGroup li {
    float: left;
}

#login .registerGroup .buttonGroup {
    margin-right: 0;
}

    #login .registerGroup .buttonGroup li {
        margin: 0;
    }

#login .registerGroup a,
#login .loginGroup a {
    display: block;
    position: relative;
    height: 25px;
    min-width: 12px;
    padding: 7px 15px 0 15px;
    color: #FFF;
    font-size: 13px;
    vertical-align: middle;
}

    #login .registerGroup a:hover,
    #login .loginGroup a:hover {
        color: #ddd;
    }

    #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 {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        overflow: hidden;
        font-size: 11px;
        text-indent: -9999px;
    }

#login .userMessages a,
#login .userNotifications a {
}

#login .userMessages strong {
    height: 100%;
    background: url('images/icon_message.png') no-repeat center center;
}

#login .userNotifications {
}

    #login .userNotifications strong {
        height: 100%;
        background: url('images/icon_notification.png') no-repeat center center;
    }

#login .registerGroup a span {
    display: inline-block;
    position: absolute;
    right: 2px;
    top: -9px;
    min-width: 7px;
    margin-right: 3px;
    background: rgb(59,150,182);
   
    font-size: 11px;
    color: #fff;
    text-shadow: 0px 1px 0px #333333;
}

#login .registerGroup .userProfileImg a {
    min-width: 25px;
    min-height: 32px;
    padding: 0;
    background: none;
}

#login .registerGroup a img {
    height: 32px;
    width: 32px;
    background: #333;
}

Login Group Styles
#login .loginGroup {
}

#login .loginGroup a {
    color: #FFF;
}

#login .userMessages a span,
#login .userNotifications a span {
    display: inline-block;
    margin-top: 9px;
    margin-right: 0px;
    background-color: transparent;
    font-size: 10px;
}

.nav-collapse.in {
    width: 100%;
}

.global-nav .btn-navbar {
    background-color: #333333 !important;
    background-image: linear-gradient(to bottom, #333333, #333333) !important;
    cursor: pointer;
    margin-top: 10px !important;
}

    .global-nav .btn-navbar:hover,
    .global-nav .btn-navbar:active {
        background: linear-gradient(to bottom, #2D2D2D 0%, #565656 100%) !important;
    }

.global-nav .btn-navbar {
    background-color: #ededed;
    background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
    color: #ffffff;
    display: none;
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    padding: 7px 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar .btn, .navbar .btn-group {
    margin-top: 5px;
}


/*------------------------------------*\
    #ACCESSIBILITY
\*------------------------------------*/

.sr-only,
.nonvisual-indicator {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

a.external {
  padding-right: 6px;
  padding-right: 0.375rem;
  margin-right: 6px;
  margin-right: 0.375rem;
}

a.external:after {
  margin-top: 5px;
  margin-top: 0.3125rem;
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  background-position: 0 22.222%;
  -webkit-background-size: cover;
  background-size: cover;
}

a.external:hover:after {
  background-position: 0 33.333%;
}

.external:after,
.i-external-link {
    background-image: url('data:image/svg+xml;charset%3DUS-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2014%20140%22%20enable-background%3D%22new%200%200%2014%2014%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2214px%22%20height%3D%22140px%22%3E%3Cg%20id%3D%22a%22%3E%20%3Cpolygon%20points%3D%2213.4%2C7.2%2013.4%2C0.6%206.8%2C0.6%209.2%2C3%204.9%2C7.3%206.7%2C9.1%2011%2C4.8%20%20%22%3E%3C%2Fpolygon%3E%20%3Cpath%20d%3D%22M12.5%2C8.3v3.9c0%2C0.1-0.1%2C0.2-0.2%2C0.2H1.8c-0.1%2C0-0.2-0.1-0.2-0.2V1.8c0-0.1%2C0.1-0.2%2C0.2-0.2h4v-1H1.8%20%20c-0.7%2C0-1.1%2C0.5-1.1%2C1.1v10.5c0%2C0.7%2C0.5%2C1.1%2C1.1%2C1.1h10.5c0.7%2C0%2C1.1-0.5%2C1.1-1.1V8.3H12.5z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20y%3D%2214%22%20fill%3D%22%23ffffff%22%3E%3C%2Fuse%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20y%3D%2228%22%20fill%3D%22%23236FA6%22%3E%3C%2Fuse%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20y%3D%2242%22%20fill%3D%22%23005685%22%3E%3C%2Fuse%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20y%3D%2256%22%20fill%3D%22%236b6a6a%22%3E%3C%2Fuse%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20y%3D%2270%22%20fill%3D%22%23454444%22%3E%3C%2Fuse%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20y%3D%2284%22%20fill%3D%22%23959FA6%22%3E%3C%2Fuse%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20y%3D%2298%22%20fill%3D%22%2359B359%22%3E%3C%2Fuse%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20y%3D%22112%22%20fill%3D%22%23FFA217%22%3E%3C%2Fuse%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20y%3D%22126%22%20fill%3D%22%23CA4142%22%3E%3C%2Fuse%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
}

.styleguide__navigation a:focus{
    font-weight:bold;
    text-decoration:underline;
}

:focus {
    outline: solid 3px #ff5c00 !important;
}