@charset "UTF-8";
    body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333;
    }

    /*StatDNN*/

    /*=====================*/
    /* Background and Container */
    /*=====================*/
#shadowContainer
{
    width:1025px;
    margin:auto;
    position:relative;
}

#rightShadow
{
}


#topContainer
{
    width:1025px;
    margin:auto;
    background-color:white;
    /*overflow:hidden;*/
    position: relative;
    /* box-shadow: 0px -3px 40px #333; */
}

#SubpageContentWrapper{
    position:absolute;
    top:643px;
}
#siteWrapper{
    position: relative;
}
/*=====================*/
/* header */
/*=====================*/
#logoLeft{width: 90px;height: 70px;}
#logo 
{ 
    position: absolute;
    left: 25px;
    top: 15px;
}

#Title
{
    float: left;
    position: absolute;
    left: 135px;
    top: 15px;
}

.pageHeadTitle
{
    bottom: 25px;
    position: absolute;
    color:#47a3ff;
    font-size: 37px;
    font-style: italic;
    padding: 25px;
    background-color: rgba(255, 255, 255, 0.90);
}

.pageBanner{
    width:1025px;
    height:525px;
    margin: 0 auto;
    /* position: absolute; */
    background: url(Images/diabetes/subpageBannerBkgrd.png) no-repeat;
    background-size: 100%;
}
.pageBanner p{display:none;}
.pageBanner img{width:1025px;}

.subPageBanner{
    width:1025px;
    margin: 0 auto;
}
.subPageBanner p{display:none;}
.subPageBanner img{width:1025px;}

.hide {display:none;}

/*=====================*/
/* menu */
/*=====================*/
ul 
{
    margin-bottom:6px;
    margin-top: 6px;
}

.menu
{
    /* margin: 0 0 0 0; */
    width:100%;
    height: 50px;
    position:relative;
    background: rgba(41, 134, 221, 0.9);
    z-index:1;
    margin-top: 105px;
}

.menuDiv{
    width:1025px; 
    margin:0 auto;
}

.menu ul
{
    margin:0px;
}

#nav {}

#nav .topLevel li {  
    list-style-type:none;
    margin: 0;
}
    
#nav .topLevel ul {
    margin-left:0;
}
    
#nav .topLevel > li {
    float: left;
    height: 50px;
}
    
#nav .topLevel > li > a, #nav .topLevel > li > span {
    display: block;
    padding: 0 15px;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    text-align: center; 
    border-right:1px solid #fff;
    letter-spacing: 1px;
    margin-top: 15px;
}

#nav .topLevel > li.last > a{
    border-right:0px solid #fff;
}


#nav .topLevel > li > span{
    cursor: default;
}

#nav .topLevel li a.Title98
        {
            padding:0;
        }
/*, #nav .topLevel > li:hover > span, #nav .topLevel >li.breadcrumb, #nav .topLevel > li.selected*/
/*#nav .topLevel >li.selected >a, #nav .topLevel >li.breadcrumb >a, #nav .topLevel >li.breadcrumb >span{ color:white; background:rgba(90, 163, 230, 0.85)}*/
#nav .topLevel > li:hover{
    color:white; 
    background:url(Images/diabetes/menu_selected.png) no-repeat rgba(90, 163, 230, 0.85);
    background-position:bottom;
}


    /* Secondary level */
#nav .subLevel{  /* Styles for all sub levels */
        display:none;
        top: 50px; 
        left: 0px;
        position:absolute;
        z-index: 2;
        width: 100%;
        background:rgba(104, 186, 254, 0.85);
        border-top: 2px solid #608ec5;
}
    
/*#nav .topLevel li:hover .subLevel { 
        display:block;
}*/

#nav .subLevel .subLevelDiv{
    width:1025px;
    margin:0 auto;
}

#nav .subLevel ul {
        margin:0;
        padding:10px 5px;
        height:auto;
        display:inline-block;
}

#nav .subLevel ul li {
        display:block;
        padding:10px 20px;
        float:left;
        width:297px;
        font-size: 16px; 
}

#nav .subLevel ul li div{
        text-align:left;
        letter-spacing: 1px;
        display: list-item ;
        list-style-type:initial;
		/*
        list-style-position:inside;
        text-indent: -14px;
		*/
        padding-left: 1em;
}

#nav .subLevel ul li.last {
        border-bottom:none;
}

#nav .subLevel ul li:hover,#nav .subLevel ul li:hover > a {
        /*background:rgba(90, 163, 230, 0.85);*/
        color:#555757;
}

#nav .subLevel ul li.selected,#nav .subLevel ul li.selected a  {
        color:#555757;
}

#nav .subLevel ul a {
    text-align:center;
    color:white; 
    font-size: 16px;
    /* font-weight: normal; */
    text-decoration:none;
    /* transition decleration */
    transition:         all ease-in 100ms;
    -moz-transition:    all ease-in 100ms; /* Firefox 4 */
    -webkit-transition: all ease-in 100ms; /* Safari and Chrome */
    -o-transition:      all ease-in 100ms; /* Opera */
    -ms-transition:     all ease-in 100ms; /* IE9? */
}

    #nav .subLevel  ul li:last-child > a { }
    
/* Tertiary level */
#nav .thirdLevel ul {
    left:225px; 
    top:-8px;
    padding: 15px 5px;
    border-left: 1px solid #ddd;
}

#nav .topLevel li .menuIcons
{
    position:absolute;
    height: 20px;
    width: 110px;
    top:37px;
}

#subpage #nav{
    margin-top: 20px;
}

#nav .LeftSubMenu
{
    list-style: none; 
    font-family: arial; 
    margin:0px;
}

#nav .LeftSubMenu li
{
    margin-left:20px;
    font-size: 17px;
}

#nav .LeftSubMenu li a
{
    display: block;
    width: 180px;
    border-bottom: 1px solid #47a3ff;
    padding: 12px 0 12px 10px;
    color:black;
}

#nav .LeftSubMenu li.selected a, #nav .LeftSubMenu li:hover > a, #nav .LeftSubMenu li.breadcrumb a
{
    height:auto;
    color:#47a3ff;
}

.languageBar
{
    margin: 4px 0px 0 0;
    display: inline-block;
    float: right;
}

.languageBar a
{
    margin:0px 0px 0px 10px;
}

#nav .LeftSubLevel
{
    list-style: none;
    font-family: Arial;
    margin:0px;
}

#nav .LeftSubLevel li
{
    margin-left: 20px;
    font-size: 15px;
}

#nav .LeftSubMenu .LeftSubLevel li a
{
    display: block;
    width: 175px;
    border-bottom: none;
    padding: 12px 0 12px 10px;
    color:black;
}

#nav .LeftSubLevel li.selected a, #nav .LeftSubLevel li:hover > a
{
    height:auto;
    color:#47a3ff;
}
/*=====================*/
/* footer */
/*=====================*/
.footerContainer
{
    width:482.5px;
    float:left;
}

.footerTop {
    clear:both;
    margin: 100px auto 20px;
    padding:0;
    width:965px;
    display:inline-block;
}

.footerTop .left {
    float:left;
    position:relative;
}

.footerTop .right {
    float:right;
}

.footerBotton {
    clear:both;
    color:#ffffff;
    background: #2986dd;
    height:32px;
    padding-top:12px;
    width:100%;
}

.footerBotton a, .footerBotton a:link, .footerBotton a:active {
    color:#ffffff !important;
    text-decoration:underline;
}

.footerBotton a:hover {
    color:#ddddff !important;
}

.footerLeft
{
    margin:auto;
    width:255px;
    height:65px;
    color:#454545;
}

#footerLink
{
    text-align:center;
}

#footerLink a
    {
        text-decoration:underline;
        color:#555757;
    }

.footerContainer table, tr, td
{
    vertical-align:top;
}

    .footerContainer table td a
    {
        text-decoration:underline;
        color:#555757;
    }

.footerContainer .firstCol
{
    width:130px;
}

.footerContainer .icon {
    width: 30px;
}

.curve{
    position: absolute;
    bottom: 80px;
    z-index: 1;
}

@media screen and (min-width: 1024px){
	.curve{
		bottom: 128px;
	}
}
@media screen and (min-width: 1400px){
	.curve{
		bottom: 100px;
	}
}
@media screen and (min-width: 1950px){
	.curve{
		bottom: 50px;
	}
}
@media screen and (min-width: 2400px){
	.curve{
		bottom: 30px;
	}
}
@media screen and (min-width: 2600px){
	.curve{
		bottom: 0px;
	}
}

.extendFooterBottom{
    position: absolute;
    z-index: 1;
    bottom: -60px;
    text-align: center;
}

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

.leftNav
{
    list-style: none; 
    font-family: arial; 
    padding:0px; 
    margin:0px;
}

    .leftNav li
    {
        display: block;
        width: 200px;
        height: 40px;
        margin-bottom: 20px;
        border-left: 10px solid;
        border-left-color: #b8895b;
        font-size: 17px;
        line-height: 40px;
        padding: 0 0 0 8px;
        color: #555757;
        background: url("images/Statistics/leftMenuArrow.png") no-repeat #f6f6f6;
        background-position: 190px 12px;
     }

.centerModule
{
     margin:0px 35px 0px 25px;
     width:339px;
}

.subpageModule
{
     margin: 30px 15px 0px 5px;
}


.moduleTitle
{
    font-size:24px;
    color:#47a3ff
}

.moduleTitleDiv
{
    margin: 5px 0px 20px 0px;
}

.modulePic
{
    width:335px;
    margin-bottom:20px;
    border:2px solid #555757;
}

.modulePic.subPage
{
    float:right;
    margin: 0px 0px 5px 10px;
}

.homepage-list-container
{
    border-bottom:1px solid #f2f2f2;
    margin-bottom:15px;
    padding: 0 0 15px 0;
}

.homepage-list-images
{
    float:left;
}

.homepage-list-images img
{
    border:2px solid #555757;
    width:155px;
}

.homepage-list-desc
{
    float:right;
    width:155px;
}

p.homepage-list-title
{
    font-size:18px;
    color:#555757;
}

p.homepage-list-content
{
    font-size:14px;
    color:#727272;
}

p.moduleContent
{
    line-height:150%;
}

    /* DNN Body */
    /*#Body {
        CSS3 
        background: #efefef;  Old browsers 
        background: -moz-radial-gradient(center, ellipse cover,  #efefef 0%, #e9e9e9 50%, #dfdfdf 100%);  FF3.6+ 
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#efefef), color-stop(50%,#e9e9e9), color-stop(100%,#dfdfdf));  Chrome,Safari4+ 
        background: -webkit-radial-gradient(center, ellipse cover,  #efefef 0%,#e9e9e9 50%,#dfdfdf 100%);  Chrome10+,Safari5.1+ 
        background: -o-radial-gradient(center, ellipse cover,  #efefef 0%,#e9e9e9 50%,#dfdfdf 100%);  Opera 12+ 
        background: -ms-radial-gradient(center, ellipse cover,  #efefef 0%,#e9e9e9 50%,#dfdfdf 100%);  IE10+ 
        background: radial-gradient(ellipse at center,  #efefef 0%,#e9e9e9 50%,#dfdfdf 100%);  W3C 
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dfdfdf',GradientType=1);  IE6-9 fallback on horizontal gradient 
        min-height: 1px;
    }*/

.homepageImage
{
    position:relative;
}

.homepageImage img
{
    -moz-border-radius:50%;
    -webkit-border-radius:52px;
    border-radius:50%;
    width:241px;
    height:241px;
    border: 8px solid #618fc5;
}

.homepageImageArrow
{
    width:52px;
    height:52px;
    background:url("images/diabetes/home-arrow.png") no-repeat;
    background-size:52px;
    position:absolute;
    z-index:100;
    left:225px;
    top:100px;
}

.homepageImageArrow p{display:none;}
.homepageItem
{
    width: 282px;
    float: left;
    margin-right: 25px;
    margin-left: 9px;
}
.homepageDesc{
    width:282px;
}

.news{vertical-align:top;height:170px;padding:5px 8px;}
h1.newsTitle{line-height:24px;font-size: :20px;}
.center{text-align:center;}
.newsDate{line-height:20px;}
.newsImage{width:240px;padding: 5px 8px;}
.newsImage img{width:240px;}
.PagingTable{font-size:12px;height:auto;width:927px;margin-bottom: 10px;}
.PagingTable td{padding:5px 10px;}
.allNews{width:100%;}
    
.form-list-image
{
    display:inline-block;
    position:relative;
}
.form-list-image img{width: 170px;}
.detailsLeft
{
    display: none;
    width: 340px;
    height: 170px;
    background:#47a3ff;
    position: absolute;
    top: 0px;
    right: 170px;
    z-index:3;
}
.detailsRight
{
    display: none;
    width: 340px;
    height: 170px;
    background:#47a3ff;
    position: absolute;
    top: 0px;
    left: 170px;
    z-index:3;
}
.detailsLeft table, .detailsRight table{margin:10px 0px 0px 15px;}
.detailsLeft td, .detailsRight td{color:white;}
.cornerLeft
{
    z-index:1;
    height: 20px;
    width: 20px;
    background: url(Images/diabetes/cornerLeft_blue.png) no-repeat;
    display: none;
    position: absolute;
    top: 0px;
}
.cornerRight
{
    z-index:1;
    height: 20px;
    width: 20px;
    background: url(Images/diabetes/cornerRight_blue.png) no-repeat;
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
}
.crop
{
    width: 170px;
    height: 170px;
    overflow: hidden;
}
.form-list-container
{
    display:inline-block;
    margin: 0px 0px 15px 25px;
    position: relative;
}
.form-list-name{text-align:center;color:#4d4d4d;}
.form-list-container:hover .cornerLeft,.form-list-container:hover .cornerRight
{
    display:inline-block;
}

/*=====================*/
/* Mobile */
/*=====================*/
/*@media only screen and (max-device-width: 1024px)*/
@media only screen and (max-device-width: 1024px)
{
    #topContainer {
        width: 100%;
        margin: auto;
        position: relative;
		box-shadow: 0px 0px 0px #333
    }
	
	#siteWrapper{
		 width: 1025px;
	}
	
    #topContainer,
    #Header,.pageBanner img,.pageBanner
    /*#showcase,
    .showcase-content-wrapper img*/
    {
        width: 100% !important;
    }
    .showcase-content-wrapper {
		display:inline-block;
	}

	#shadowContainer {
		width: 100%;
		margin: 0 auto;
	}
	
	.subPageSetting #shadowContainer  {
		width: 100%;
	}
	
	.subPageSetting .twoColRightPane {
		width: 730px;
	}
	
	.homepageItem {
		margin-right: 20px;
		margin-left: 5px;
		width: 275px;
	}
		
	.threeColCenterPane {
		margin-left: 0px;
		width: 620px !important;
		clear: none;
		float: left;
	}
	
	.threeColRightPane {
		width: 275px;
		float: left;
		clear: none;
	}
	
	.dnnClear {
		clear: none;
	}
	
	.dnnForm {
		width: 100%;
		clear: none;
	}
	
	.wrapper {
		width: 100% !important;
	}
	
	#showcase {
		width: 100% !important;
	}

    .menuDiv #nav{
        width: 1025px;
        margin-left: 10%
    }

    #subpage #nav{
        margin-top: 20px;
    }

	#nav .subLevel {
		width: 100%;
	}
	
	#nav .subLevel ul {
		width: 100%;
		padding: 0px;
	}
		
	#nav .subLevel ul li {
		width: 28%;
	}
    .curve{
        position: absolute;
        bottom: 150px;
        z-index: 1;
    }
	.curve img{
        width: 100% !important;
	}
    .menuDiv{
        width:100%; 
        margin:0 auto;
    }
    #nav .subLevel .subLevelDiv{
        width:100%;
    }
}

/*------------------------------------------------*/
/* FONT STYLE */
/*------------------------------------------------*/
    body,th,td,table,h1,h2,h3,h4,h5,h6, 
    .Head,.SubHead,.SubSubHead, 
    .Normal,.NormalBold, .NormalRed, .NormalTextBox, .NormalDisabled, 
    a:link, a:visited, a:hover, input, .CommandButton {
        font-family:Arial,Helvetica,sans-serif,"simsun";color:#555757;line-height: 18px;
    }

    em { 
        font-style: italic; 
        letter-spacing: 0; 
    }

    strong { 
        /*color: #333;*/
        font-weight: bold; 
    }
    small { 
        font-size: 12px; 
        letter-spacing: 0;
    }

/*------------------------------------------------*/
/* HEADER STYLE */
/*------------------------------------------------*/
    h1, h2, h3, h4, h5, h6 {    
        line-height: 1;
        margin: 0 0 0 0;
    }
    h1{
        font-size:40px;
    }
    h2, h2 .Head{
        font-size:20px;
    }
    h3, h3 .Head{
        font-size: 20px;
        color: #47a3ff;
    }
    h4, h4 .Head{
        font-size:16px;
        color: #47a3ff;
        margin:32px 0 5px 0;
    }
    h5, h5 .Head{
        font-size:14px;
        color: #47a3ff;    
        margin:24px 0 5px 0;
    }
    h6, h6 .Head{
        font-size:13px;
        color: #47a3ff;
    }

/*------------------------------------------------*/
/* ANCHOR STYLE */
/*------------------------------------------------*/
    a,a:link,a:visited,a:active{
        color:#47a3ff; 
        text-decoration:none;  
    }
    a:hover{
        text-decoration:underline;
    }

/* DNN Specific Selectors 
-------------------------------------*/
    .CommandButton {
        font-size: 13px;
        color: #3d3d3d;
        font-weight: bold;
    }
    .CommandButton:hover {
        color: #007cae;
    }
    a.CommandButton:link {
        font-size: 13px;
        text-decoration: none;
        color: #3d3d3d;
        font-weight: bold;  
    }
    a.CommandButton:hover {
        text-decoration: underline;
        color: #007cae;
    }

/*------------------------------------------------*/
/* PARAGRAPH STYLE */
/*------------------------------------------------*/
    p { margin: 0 0 12px 0;
        font-size: 14px;
        color:#4d4d4d;
    }

    hr { 
        clear: both;
        height: 0;
        border: solid #c0c0c0; 
        border-width: 1px 0 0;  
        margin: 20px 0 20px 0; 
    }

/*------------------------------------------------*/
/* IMAGE STYLES */
/*------------------------------------------------*/
    img {  border: 0;}

    /* Image Align Left 
    -------------------------------------*/
    .imgLeft {
        float: left;
        margin-right: 30px;
        margin-bottom: 30px;
    }

    /* Image Align Right 
    -------------------------------------*/
    .imgRight {
        float: right;
        margin-left: 30px;
        margin-bottom: 30px;
    }

    /* Image with border 
    -------------------------------------*/
    .imgBorder {
        border: solid 3px #fff;
    }

    /* Polaroid Image Style 
    -------------------------------------*/
    .imgPolaroid { 
        color: #a6a6a6;
        font-size: 12px;
        text-align: left;
        padding: 13px 13px 17px 13px;
        background-color: #fff;
        box-shadow: 0 1px 2px #ccc;
    }

    .imgPolaroid  img {
        margin-bottom: 12px;
    }
    
/*------------------------------------------------*/
/* lIST STYLE */
/*------------------------------------------------*/


    /* Ordered List */
    ol li {
        list-style-type: decimal;
        margin-bottom: 8px;
        vertical-align: top;
    }

    ol ol {
        margin-top: 8px;
        margin-left: 30px;
    }

    ol ol li { list-style-type: lower-roman; }
    ol ol ol li { list-style-type: lower-alpha;  }
    ol ul li { list-style-type: lower-roman; }

    .top-button { float:right;padding:20px 0; }

/*------------------------------------------------*/
/* TABLE STYLE */
/*------------------------------------------------*/

    /* Default Table Style */
    table.tableDefault  {
        width: 100%; 
        border-collapse: collapse; 
        border-spacing: 0; 
        background-color: transparent;
    }

    table.tableDefault th, 
    table.tableDefault td {
        font-size: 12px;
        padding: 8px; 
    }

    table.tableDefault th {
        font-weight: bold;
        text-align: left;
        border-bottom: solid 2px #aaa;
        background-color: #d7d7d7;
    }

    table.tableDefault td { border-bottom: solid 1px #d9d9d9; }

    table.tableDefault tr:nth-child(odd) {background: #transparent}
    table.tableDefault tr:nth-child(even) {background: #e3e4e6}

   .tableDefault tbody tr:hover td { color: #111; }

/*------------------------------------------------*/
/* FORM STYLE
/*------------------------------------------------*/
    input[type="text"],textarea,input[type="email"],input[type="search"], input[type="password"]{
        padding: 9px;
        background: #f3f3f3;
        border:1px solid #bfbfbf;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1) ;
        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1) ;
        color:#666;
        font-size:13px;
        margin-left:10px;
    }

    select
    {
        border: 1px solid #bfbfbf;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
        color: #666;
        font-size: 13px;
        margin: 0 10px 10px 5px;
    }

/*------------------------------------------------*/
/* BUTTONS STYLE */
/*------------------------------------------------*/
    /* Primary Style Button (blue)*/
    button.primaryButton,
    a.primaryButton {
        display: inline-block;
        padding: 12px 20px;
        margin-bottom: 5px;
        
        background-color: #3B96B6;
        background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9);
        background: -webkit-gradient(linear, left top, left bottom, from(#1aa0c9), to(#1aa0c9));
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        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);
    }

    /* Secondary Style Button (darkgray) */
    button.secondaryButton,
    a.secondaryButton {
        display: inline-block;
        padding: 12px 20px;
        margin-bottom: 5px;
        
        background-color: #666;
        background: -moz-linear-gradient(top, #8a8a8a 0%, #8a8a8a);
        background: -webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#8a8a8a));
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        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);
    }

    /* Alternative Style Button (darkgray with arrow) */
    button.altButton,
    a.altButton {
        display: inline-block;
        padding: 9px 32px 9px 22px;
        margin-bottom: 5px;
       
        background: #484848 url('images/arrow.png') no-repeat 87% center;
        background: url('images/arrow.png') no-repeat 87% center, -moz-linear-gradient(top, #3d3d3d 0%, #3d3d3d);
        background: url('images/arrow.png') no-repeat 87% center, -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#3d3d3d));
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        border: 0px solid #ffbf00;
        -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
        -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
        box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
        
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
        color: #ffffff;
        text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
    }

    a.dnnPrimaryAction{ color:#efefef; }
    a.dnnSecondaryAction { color:#555; }

    button.primaryButton:hover,
    button.secondaryButton:hover,
    a.primaryButton:hover,
    a.secondaryButton:hover { 
        cursor: pointer;
        cursor: hand;
        background-image: none; 
        background-color:#D00; 
    }

    button.altButton:hover,
    a.altButton:hover {
        cursor: pointer;
        cursor: hand;
        background:#D00 url('images/arrow.png') no-repeat 87% center;
    }
 
/*------------------------------------------------*/
/* SITE SPACING
/*------------------------------------------------*/
    .spacingTop{        margin-top: 30px; }
    .spacingRight {     margin-right: 30px;}
    .spacingBottom {    margin-bottom: 30px;}
    .spacingLeft {      margin-left: 30px;}

/*------------------------------------------------*/
/* SITE STRUCTURE */
/*------------------------------------------------*/
    #userControls {     height: 32px;}

    .wrapper {
        margin: 12px auto 0;
        width: 100%;
    
}
    
    #dnn_contentPane { 
        max-width: 965px;
        margin: 0 auto;
    }
/*------------------------------------------------*/
/* SEARCH */
/*------------------------------------------------*/
    #search {
        float: right;
        width: 255px;
        height: 30px;
        margin-top: 75px;
        margin-right: 20px;
    }

    #search img{
        float:right;
        padding-left:2px;
    }

    #search a.SearchButton:link,
    #search a.SearchButton:visited {
            display: inline-block;
            height: 27px;
            width: 27px;
            margin: 0;
            padding: 0;
            background-size: 26px;
            background-position: top center;
            text-indent: -6px;
            margin-left: 5px;
            color:#47a3ff;
    }
    
    /*Style for search text box*/
    /*#dnn_SearchDnn_txtSearch  {
        display:block; 
        float: left;
        width:220px;
        height: 32px;
        padding: 0 0 0 0;
        margin:0;
        background-color: transparent;
        border: none; 
        border-radius:0;
        box-shadow: none;
        outline: none;
        border-bottom:1px solid #b88956;
       
        color:#555757;
        line-height: 2.5;
        font-size: 17px;
        
       -webkit-transition: all 100ms ease-in-out;
        -moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
        transition: all 100ms ease-in-out;
    }*/
    #dnn_dnnSearch_txtSearch:active, #dnn_dnnSearch_txtSearch:focus
    {
        background:white;
    }   

    .searchBox
    {
        background: #fff;
        position: absolute;
        top: 105px;
        z-index: 100;
        right: 0px;
        height: 50px;
        width: 245px;
    }

/*------------------------------------------------*/
/* LOGIN */
/*------------------------------------------------*/
    #login{ float:right; }
    
    #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:#222;}
    
    /* Register Group Styles */
    #login .registerGroup li {  float:left; }
    #login .registerGroup .buttonGroup {margin-right:0;}
    
    #login .registerGroup a,
    #login .loginGroup a{
        display:block;
        position:relative;
        height:25px;
        min-width:12px;
        padding: 7px 15px 0 15px;
         
        color: #333;
        font-size:11px;
        vertical-align: middle;
    }
    
    #login .registerGroup a:hover,
    #login .loginGroup a:hover {
        background: rgb(45,45,45); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(86,86,86,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#565656',GradientType=0 ); /* IE6-9 */
        
        color:#ddd;
        text-shadow: 0px -1px 0px #333333;
    }
    #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 { background-color: #333; } 
    
    #login .userMessages strong { 
        height: 100%;
        background: url('images/icon_message.png') no-repeat center center;
    }
    
    #login .userNotifications { border-right: 1px solid #CCC; }
    
    #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); /* Old browsers */
        
        text-align:center;
        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 { border-right: 1px solid #CCC;} 
    #login .loginGroup a {color:#333; }
    
    /* Number of message next to the message icon*/
    #login .userMessages  a  span,
    #login .userNotifications   a  span { 
        display: inline-block; 
        margin-top: 9px; 
        margin-right: 0px; 
        background-color: transparent;
        
        font-size: 10px;
    }
    
/*------------------------------------------------*/
/* SITE HEADER */
/*------------------------------------------------*/
    #siteHeadouter {
        background: #fff;
        /* CSS3 */
        -webkit-box-shadow:  1px 50px 100px 0px #cacaca; 
        box-shadow:  1px 50px 100px 0px #cacaca; 
    }
    #siteHeadinner { padding: 36px 0; }
    

    /* Language */
    .language .language-object{
        float:right;
        display:block;
        margin:0;
        padding:0;
    }
    .language .language-object span{
        float:left;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 5px;
        margin:0;
    }
    .language .language-object span:first-child{
        padding-left:8px; 
    }
    .language .language-object span img{
        height:12px; 
        width:17px;
        opacity:0.3;
    }
    .language .language-object span:hover img{opacity:1;}
    .language .language-object .Language.selected img{
        opacity:1;
        border-color:#222;
        -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); 
    }


/*------------------------------------------------*/
/* BREADCRUMBS */
/*------------------------------------------------*/
    #Breadcrumb {
        padding: 12px 0px;
        margin-left: 5px;
    }
    #Breadcrumb img {
        margin-left: 10px;
        margin-right: 10px;
    }

    #Breadcrumb a{
        color: #555757;
        font-size: 12px;
        text-decoration:underline;
    }

    #Breadcrumb a.breadcrumbLink:link,
    #Breadcrumb a.breadcrumbLink:visited {
        color: #555757;
        font-size: 12px;
        font-weight: bold;
    }

    #Breadcrumb a.breadcrumbLink:hover { }
    
/*------------------------------------------------*/
/* CONTENT PANES */
/*------------------------------------------------*/
    .contentPane {}

    /* Content Pane - Home */
    .leftPane {
        float: left;
        width: 630px;
    }

    .sidebarPane {
        float: right;
        width: 320px;
    }

    /* Content Pane - 2 columns */
    .twoColRightPane {
        float: left;
        width: 790px;
        margin-bottom:20px;
    }

    .twoColLeftPane {
        float: left;
        width: 690px;
    }

    .leftPaneLowerLeft {
        float: left;
        width: 400px;
    }

    .leftPaneLowerRight {
        float: right;
        width: 260px;
    }

    /* Content Pane - 3 columns */
    .threeColLeftPane
    {
        width:235px;
        margin-bottom:20px;
        float:left;
    }
    .threeColCenterPane
    {
        width: 650px;
        float:left;
        margin-bottom:20px;
        margin-left: 50px;
        border-left-color:#f2f2f2;
    }
    .threeColRightPane
     {
        width: 300px;
        float:left;
        margin-bottom:20px;
    }

    /* Content Pane - 3 columns Social */
    .threeColSocialLeftPane {
        float: left;
        width: 10px;
    }

    .threeColSocialCenterPane {
        float: left; position: relative;
        width: 560px;
    }

    .threeColSocialRightPane {
        float: left;
        width: 250px;   
    }

    /* Content Pane - Footer */
    #footer {
        clear: both;
        position:relative;
        padding-top:30px;
        text-align: center;
    }

    .footerPane {
        float: left;
        width: 136px;
    }

    .footerPane, 
    .footerPane .Normal {
        color: #808080;
    }

    .footerPaneRight { 
        float: right; 
    } 
    
    /* Empty Panes */
    .DNNEmptyPane{width:0; margin:0;}
    .DNNEmptyPane.rightTwoCol+div{width: 100%;}
    
    /* Copyright
    -------------------------------------*/
    #copyright {
        font-size: 12px;
        color: #a6a6a6;
        margin-bottom: 25px;
    }

    #copyright a:link,
    #copyright a:visited    {
        font-size: 12px;
        color: #a6a6a6;
    }
    
    #copyright a:hover {
        color: #D00;
    }
    
    #copyright a.DNNMobileLink {
        color: #666;
        font-weight: bold;
    }
    
    #copyright a.DNNMobileLink:hover {
        color: #D00;
    }

    /*------------------------------------------------*/
    /* SOCIAL STYLE */
    /*------------------------------------------------*/
    /* ----------------------------------*/
    /* DNN Module: Console */
    /* ----------------------------------*/
    .threeColSocial .console {
        width: 250px;
        height: auto;
        background-color: #484848; /* Menu Background Color */
    }

    .threeColSocial .console-none div {  
        cursor: pointer;
        cursor: hand;
        float:left; 
        height: auto; 
        width: 250px;
        padding:0px; 
        margin:0px;  
        text-align:left;    
    }

    .threeColSocial .console-none h3 {
        padding:10px 8px 10px 40px; 
        margin: 0;     
        border-bottom: solid 1px #fff; 
        background: url('images/arrow.png') 18px center no-repeat;
        
        color: #eee;  
        font-size:13px; 
        line-height: 1; 
        font-weight: bold;
    }

    .threeColSocial .console-none div div { display:none; }
    .threeColSocial .console-mouseon { background-color:#70b1c7; /* Menu Hover Background Color */ } 

/* ----------------------------------*/
/* DNN Module: ViewProfile Image */
/* ----------------------------------*/
    #UserProfileImg img {
        width: 100px;
        height: auto;
        border: solid 3px #fff;
    }

    .threeColSocial .UserProfileControls ul {
        margin: 15px 0;
    }

    .threeColSocial .UserProfileControls ul li {
        list-style-type: none;
        margin-bottom: 3px;
     }

/* ----------------------------------*/
/* DNN Module: Member Directory (Send A Message, Follow, Subscribe) */
/* ----------------------------------*/
    .threeColSocialRightPane .DnnModule #mdMemberList{ margin: 0 0 30px 0; }
    .threeColSocialRightPane #mdMemberList  ul { margin: 10px 0 0 0; }
    .threeColSocialRightPane #mdMemberList  li { 
        margin-bottom: 0;
        -size: 12px;
        font-weight: bold;
        list-style-type: none; 
    }

    .threeColSocialRightPane #mdMemberList > li{    
        width: 216px;
        margin:0;
        padding: 6px 17px;
        background:#d7d7d7;
        border: none;
        -webkit-border-radius: 0;
        border-radius: 0; 
        -webkit-transition: background 0.15s ease-in-out;
        -moz-transition:    background 0.15s ease-in-out;
        -o-transition:      background 0.15s ease-in-out;
        -ms-transition:     background 0.15s ease-in-out;
        transition:         background 0.15s ease-in-out;
        -webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.3);
        box-shadow:          0px 0px 0px 0px rgba(0, 0, 0, 0.3);
    }

    .threeColSocialRightPane #mdMemberList > li:hover{
         z-index:2; /*bring current li to top for tooltip */    
        background: #d7d7d7;
        -webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 0px 0px 0px rgba(255, 255, 255, 1);
        box-shadow:          0px 0px 0px 0px rgba(0, 0, 0, 0.3),  inset 0px 0px 0px 0px rgba(255, 255, 255, 1); 
    }

/* ----------------------------------*/
/* DNN Module: ViewProfile (Activity Feed) */
/* ----------------------------------*/
    .threeColSocial .journalTools { max-width: 560px; }

    .threeColSocial .journalrow {
        padding-bottom: 10px;
        border-bottom: solid 1px #c0c0c0;
        margin-bottom: 20px;
        
    }

    .threeColSocial .journalfooter { 
        padding: 0; 
        margin: 0;
    }

    .threeColSocial .journalrow div.journalitem p.journalfooter { 
        font-size: 12px; 
        padding: 0; 
        margin-bottom: 0; 
    }

    .threeColSocial .journalrow div.journalitem ul.jcmt { font-size: 12px; }
    .threeColSocial .journalrow div.journalitem .likes  { 
        padding: 2px 5px; 
        background-color: #dbdbdb; 
    }

    #journalEditor #journalContent .juser, .journalrow .juser  
    {
        border: none;
        color: #3B96B6; 
        background-color: transparent; 
    }

/* ----------------------------------*/
/* DNN Module: ViewProfile (Message) */
/* ----------------------------------*/
    .threeColSocial #UserDisplayNameHeader h2 {
        padding-bottom: 10px;
        border-bottom: solid 1px #c0c0c0;
    }
    
    /* dnnAdminTabNav Style*/
    .threeColSocial #smMainContent .ui-corner-all { 
        border-radius: 0; 
    }

    .threeColSocial ul.dnnAdminTabNav {
        height:38px;
        margin-top:0;
        margin-bottom: 0;
        border-bottom:1px solid #c0c0c0;
    }

    .threeColSocial ul.dnnAdminTabNav li {
        margin-right:1px;
    }

    .threeColSocial ul.dnnAdminTabNav li a{         
        padding:10px 15px;
        margin-bottom: 0px;
        
        border: none;
        background:#d7d7d7;
        -webkit-border-radius: 1px 1px 0px 0px;
        border-radius: 1px 1px 0px 0px; 
        -webkit-border-radius: 0px;
        border-radius: 0px;
       
        color:#666;
        font-size: 12px;
        font-weight:bold;
        text-shadow: none;
    }

    .threeColSocial ul.dnnAdminTabNav li a:hover{           
        background: #484848;
        color:#eee;
    }
    .threeColSocial ul.dnnAdminTabNav li.ui-tabs-selected a{
        padding:10px 15px;
        margin-top: 0px;
        background: #484848;
        color: #eee;
    }

    /* Message & Notification number block*/    
    .threeColSocial .dnnAdminTabNav a span{
        display:inline;
        min-height:12px;
        padding: 2px 6px;
        margin-right:8px;
        background: rgb(59,150,182); /* Old browsers */
    
        background: -moz-linear-gradient(top, rgba(59,150,182,1) 0%, rgba(35,125,155,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,150,182,1)), color-stop(100%,rgba(35,125,155,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Opera 11.10+ */
        background: linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* W3C */
        -webkit-box-shadow: 0px 1px 0px 0px #666;
        -moz-box-shadow: 0px 1px 0px 0px #666;
        box-shadow: 0px 1px 0px 0px #666; 
        
        color: #eee;
        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;
        font-size: 12px;
    }

    .threeColSocial .dnnFormExpandContent a.ComposeMessage {font-size: 12px;}

    /* compose button */
    .threeColSocial a.dnnPrimaryAction {
        display: inline-block;
        
        padding: 12px 20px;
        margin-bottom: 5px;
        
        background-color: #3B96B6;
        background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9);
        background: -webkit-gradient(linear, left top, left bottom, from(#1aa0c9), to(#1aa0c9));
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        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-image: none; 
        background-color:#D00; 
    }

    /* Message Control (Select, Actions, Inbox, Sent, Archived)*/
    .threeColSocial .DnnModule .messageControls .dnnButtonGroup {
        margin-right:0px; /* fixed Archived Button spacinging issue */
    }

    .threeColSocial .messageControls {
        margin: 0; 
        padding: 0;
        padding-bottom: 5px;
        border-bottom: 1px solid #c0c0c0; 
    }

    .threeColSocial .messageControls .messageFolders { float:right; }

    /* number x-x of x */
    .threeColSocial .messageFolders p {
        float:left; 
        display:inline-block;
        padding: 8px 15px; 
        margin: 0;
        color:#666; 
        font-size: 12px;
    }

    .threeColSocial .messageFolders p strong { 
        color:#666; 
        font-weight:bold;
    }
    
    /* 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 > a{         
        background: #70b1c7;
        color:#eee;         
        border-right: solid 0px #3B96B6;
        -webkit-box-shadow:     inset 0px 1px 1px 0px #3B96B6;
        -moz-box-shadow:        inset 0px 1px 1px 0px #3B96B6;
        box-shadow:             inset 0px 1px 1px 0px #3B96B6; 
    }
    
    /* 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 .dnnButtonGroup {
        background: transparent;
        -webkit-border-radius: 0;
        border-radius: 0;  
        -webkit-box-shadow:     none;
        box-shadow:             none;
        border:none;    
        list-style: none;   
    }

    .threeColSocial  ul.dnnButtonGroup > li{     
        border-left: none;
    } 

    .threeColSocial .dnnButtonGroup > li > a{
        border-left:1px solid #ddd; /*light*/
        border-right:1px solid #bbb; /*dark*/
        background-color: #d7d7d7;
        color: #666;
    }

    /* Conversations button selected*/
    .threeColSocial .dnnButtonGroup > li > a.active { 
        color: #eee; 
        border-right:1px solid #3B96B6; 
        background-color: #70b1c7;
    }

    /* Actions button hover*/
    .threeColSocial .dnnButtonGroup > li > a.disabled:hover{ 
        color: #eee; 
        border-left:1px solid #3B96B6; 
        background-color: #70b1c7;
    }

    /* Select button hover */
    .threeColSocial .alpha > a:hover { 
        color: #eee; 
        background-color: #70b1c7;
        border-right:1px solid #3B96B6; 
    }

    /*First Button styles of a button group */
    .threeColSocial .alpha > a, 
    .threeColSocial .alpha > a:hover, 
    .threeColSocial .alpha > a.active{
        border-left:1px solid #70b1c7;
        /*CSS3*/
        -moz-border-radius-topleft: 0;
        -moz-border-radius-bottomleft: 0;
        -webkit-border-radius: 0;
        border-radius: 0;   
    }
    /*Last Button styles of a button group */
    .threeColSocial .omega > a, 
    .threeColSocial .omega > a:active, 
    .threeColSocial .omega > a.active{
        border-right:1px solid #70b1c7;
        /*CSS3*/
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    /* Archive Button */
    .threeColSocial a.dnnSecondaryAction.ArchiveItems span { 
        display: none; /* hide Archive text*/
    }
    .threeColSocial a.dnnSecondaryAction.ArchiveItems { 
        height: 18px;
        min-width: 15px;
        margin-left: 5px;
        background: #d7d7d7 url('images/icon_bin.png') no-repeat center center;           
        border-radius: 0; 
        -webkit-box-shadow: none;
        text-shadow: none;
        box-shadow: none;
        color: #666;   
        border: none;
    }

    .threeColSocial a.dnnSecondaryAction.ArchiveItems:hover { 
        background: #70b1c7 url('images/icon_bin.png') no-repeat center center;
    }

    /*Archive, Sent, Archived buttons Hover*/
    .threeColSocial .dnnTertiaryAction:hover, a.dnnTertiaryAction:hover { 
        background-color: #70b1c7;
        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 .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 */ }

    /*Column 3 Styles*/
    .threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 ul li { margin-bottom: 0px; /* Drilldown message list: Time column */ }
    .threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 ul li:first-child { color:#999; /* Drilldown message list: Time column */ }
    .threeColSocial .DnnModule-Messaging-Details .smListings .active .ActiveToggle:hover, .smListings .ActiveToggle{
        margin-left: 8px; /* Main message list: Time column-Mark as Read block */
        -webkit-box-shadow: 0px 1px 0px 0px #666;
        -moz-box-shadow: 0px 1px 0px 0px #666;
        box-shadow: 0px 1px 0px 0px #666;  
    }
                    
    .threeColSocial .DnnModule-Messaging-Details .smListings .active .ActiveToggle, .smListings .ActiveToggle:hover {
        margin-left: 8px; /* Main message list: Time column-Mark as Read block hover */
        background: rgb(59,150,182); /* Old browsers */
        /*CSS3*/    
        background: -moz-linear-gradient(top, rgba(59,150,182,1) 0%, rgba(35,125,155,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,150,182,1)), color-stop(100%,rgba(35,125,155,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Opera 11.10+ */
        background: linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* W3C */
        -webkit-box-shadow: 0px 1px 0px 0px #666;
        -moz-box-shadow: 0px 1px 0px 0px #666;
        box-shadow: 0px 1px 0px 0px #666;  
    }                   
    /*Column 4 Styles*/
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 ul li{  margin-bottom:0px; /* All lists: Time column */ }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 ul li:first-child { color: #999; /* All lists: Time column */ }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .active .ActiveToggle:hover, .smListings .ActiveToggle{
        margin-left:8px; /* Main message list: Time column-Mark as Read block */
        -webkit-box-shadow: 0px 1px 0px 0px #666;
        -moz-box-shadow: 0px 1px 0px 0px #666;
        box-shadow: 0px 1px 0px 0px #666;  
    }   
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .active .ActiveToggle, .smListings .ActiveToggle:hover {
        margin-left:8px; /* Main message list: Time column-Mark as Read block hover*/
        background: rgb(59,150,182); /* Old browsers */
        /*CSS3*/    
        background: -moz-linear-gradient(top, rgba(59,150,182,1) 0%, rgba(35,125,155,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,150,182,1)), color-stop(100%,rgba(35,125,155,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Opera 11.10+ */
        background: linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* W3C */
        -webkit-box-shadow: 0px 1px 0px 0px #666;
        -moz-box-shadow: 0px 1px 0px 0px #666;
        box-shadow: 0px 1px 0px 0px #666;  
    }

    .threeColSocial .DnnModule-Messaging-Notifications .notificationControls { font-weight: bold; /* Main notifications list: Follow back & Dismiss links */  }

    /* Message Header (subject & back button)
    -------------------------------------*/
    .threeColSocial .messageHeader { 
        padding: 0;
        margin: 0; 
    }

    .threeColSocial .messageHeader p { 
        font-size: 13px; 
        color:#666;
        float:left;
    }
    .threeColSocial .messageHeader p strong { 
        color:#333;
    }

    .threeColSocial .messageHeader .returnLink  {
        font-size: 12px; 
        font-weight:bold;
    }
    
    /* Show Previous Repies 
    -------------------------------------*/
    .threeColSocial .morePrevMsgButton {
        color: #666;
        font-size: 12px;
        text-align:center; 
        padding:10px; 
        margin-bottom:15px;
        border: solid 1px #c0c0c0;
        background:#d7d7d7;
        -webkit-box-shadow: inset 0px 0px 3px 0px #ccc;
        -moz-box-shadow: inset 0px 0px 3px 0px #ccc;
        box-shadow: inset 0px 0px 3px 0px #ccc; 

    }

    /* Reply Form
    -------------------------------------*/
    .threeColSocial textarea#replyMessage {
        width:94%; 
        height:75px;
        color: #666;
        border:1px solid #c0c0c0;
        background:#f4f4f4;
    }

    .threeColSocial textarea#replyMessage:focus, 
    .threeColSocial textarea#replyMessage:active {
        color:#666;
        background:#fff;
    }

    /*------------------------------------------------*/
    /* GENERIC CLASSES
    /*------------------------------------------------*/

    /* Clear-fix for floated elements 
    -------------------------------------*/
    .clear {
        clear: both;
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
    }
    .clearfix:after {
        clear: both;
        content: ' ';
        display: block;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
    }

    .left { float: left;margin:0; }
    .right { float: right; }
    
    /*------------------------------------------------*/
    /* HOMEPAGE */
    /*------------------------------------------------*/

    /* Welcome Message*/
    .content_intro {
        padding-top: 30px;
        color: #8c8c8c;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
    }

    .content_intro h1 span{ font-weight: normal; }
    .content_intro a { font-size: 14px; }

    /* Featured Product */
    .content_featured {
        color: #999;
        vertical-align: top;
    }

    .content_featured h2 .TitleH2 {
        display: block;
        margin-bottom: 30px;
    }

    .content_featured .normal{ font-weight: normal; }
    .content_featured img { margin-bottom: 25px; }
    .content_featured a.primaryButton { margin-left: 25px; }

    /* News */
    .content_newslist ul {  margin: 0; }

    .content_newslist ul li {
        list-style-type: none;
        margin-bottom: 30px;
    }

    .content_newslist ul li.last { margin-bottom: 0; }

    .content_newslist ul li img {
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .content_newslist ul li h5 {  margin-bottom: 5px; }

    .content_newslist ul li span,
    .content_newslist ul li strong { color: #a6a6a6; }

    .content_newslist ul li p {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    /* newslist with small thumbnail*/
    .smallThumbnail img {  width: 80px; }

    /* interview */
    .home-interview {
        width:965px;
    }

    .home-interview .left, .home-interview .center, .home-interview .right {
        float:left;
        width:282px;
    }

    .home-interview .left{
        margin-left:25px;
    }

    .home-interview .center{
        margin-left:40px;
        margin-right:40px;
    }

    .home-interview .interview-text  {
        margin-top:10px;
    }

    .home-interview .interview-text .title {
        font-size:18px;
        font-weight: bold;
        color: #47a3ff;
    }

    .home-interview .interview-text .content {
        padding-top:5px;
        line-height:normal;
    }    


    /* Ads 
    -------------------------------------*/
    /* Ads - Copy Block Style */
    .adContent {
        position: absolute; 
        padding: 20px;
        background-color: #000;
        opacity: 0.7;
        color: #eee;
    }
    .adContent h2 {
        margin-bottom: 5px;
        color: #eee;
        font-weight: normal;
    }

    /* Ads - Style One: 400x270 */
    .content_adstyleOne  {
        position: relative;
        width: 400px;
        height: 270px;
        margin-right: 5px;
        color: #eee;
    }

    .content_adstyleOne .adContent {
        bottom: 0;  
        right: 0;
    }

    /* Ads - Style Two: 570x130 */
    .content_adstyleTwo {
        position: relative;
        width: 570px;
        height: 130px;
        margin-bottom: 10px;
    }
    .content_adstyleTwo .adContent {
        top: 0; 
    }

    /* Footer 
    -------------------------------------*/
    ul.footerlinks { margin: 0;  }
    .footerlinks li {
        list-style: none;
        margin-bottom: 8px;
    }
    .footerlinks li a:link,
    .footerlinks li a:visited { color: #808080; }
    .footerlinks li a:hover { color:#D00; }
    ul.footerConnect { margin: 0px; }

    ul.footerConnect li {
        display: inline-block;
        list-style-type: none;
        margin-right: 10px;
    }

/*------------------------------------------------*/
/* ABOUT US */
/*------------------------------------------------*/
    /* Team 
    -------------------------------------*/
    .content_team  ul{ margin: 0px; }

    .content_team  ul li {
        display: inline-block;
        width: 110px;   
        margin-right: 30px;
        margin-bottom: 40px;
        text-align: center;
        list-style-type: none;
    }

    .content_team  ul li.last { margin-right: 0; }

    .content_team  ul li .teampic {
        width: 110px;
        height: 147px;
        margin-bottom: 15px;
        background-color: #bfbfbf;
    }

    .content_team  ul li img {
        width: 110px;
        max-width: 110px;
        max-height: 147px;
    }

    .content_team  ul li span {
        display: block;
        font-weight: bold;
        white-space: nowrap; 
    }

/*------------------------------------------------*/
/* OUR PRODUCTS */
/*------------------------------------------------*/
    .content_products ul { margin: 0; }

    .content_products ul li {
        display: inline-block;
        width: 31%;
        margin-right: 30px;
        margin-bottom: 45px;
        vertical-align: top;
        list-style-type: none;
    }

    .content_products ul li.last { margin-right: 0; }
    .content_products ul li img { margin-bottom: 25px; }

/*------------------------------------------------*/
/* CONTACT US */
/*------------------------------------------------*/
/* One Column Form
-------------------------------------*/
    .form_oneCol label {
        display: block;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .form_oneCol input , .form_oneCol textarea{ width: 94%; }

    /* Dealer Form 
    -------------------------------------*/
    .form_dealer input {
        width: 200px;
        margin-bottom: 5px;
    }

/*------------------------------------------------*/
/* Slide jquery
/*------------------------------------------------*/
    #container {
        position:relative;
        z-index:0;
        width:980px;
        padding:0px;
        margin:0 auto;
    
    }

    #example {
        position:relative;
        width:980px;
        height:380px;
    }

    /* Slide -*/
    #slides {
        position:absolute;
        z-index:9;
        top:0px; left:0px;
    }

    .slides_container {
        display:none;
        position:relative;
        width:980px;
        overflow:hidden;
    }

    .slides_container a {
        display:block;
        width:980px;
        height:380px;
    }

    .slides_container a img {
        display:block;
    }

    /* Next/Prev buttons 
    -------------------------------------*/
    #slides .next, #slides .prev {
        display: block;
        position: absolute;    
        width: 20px; height: 20px;
        bottom: 9px; left: 12px;
        padding: 0;
        z-index:12;
    }

    #slides .prev {  background: transparent url('images/left-arrow.png') center center no-repeat;  }
    #slides .next { left:96px;  background: transparent url('images/right-arrow.png') center center no-repeat; }

    /* Page link -*/
    .pagination_wrap { 
        display: inline-block;
        position: absolute;
        z-index: 10;
        bottom: 0; right: 0;
        width: 128px; height: 40px;
        opacity: 0.8;
        background-color: #222;
    }
    .pagination {
        position: absolute;
        z-index: 11;
        bottom: 0; right: 0;
        padding: 0;
        margin: 15px 40px;
    }

    .pagination li {
        float:left;
        margin:0 3px;
        list-style:none;
    }

    .pagination li a {
        float:left;
        display:block;
        width:9px; height:0;
        padding-top:8px;
        background-image:url(images/pagination.png);
        background-position:0 0;
        overflow:hidden;
    }

    .pagination li.current a {
        background-position:0 -9px;
    }


/*=====================*/
/* SlideShow */
/*=====================*/

#awOnePageButton .view-slide
{
    display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
    height: 425px; /* Same as showcase javascript option */
    overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
    /**/
}

/* Container when content is shown in slider */
.showcase
{
    position: relative;
    margin: auto;
    padding-bottom:5px;
}

    .showcase-content-container
    {
        background-color: #000;
    }
    
    /* Navigation arrows */
    .showcase-arrow-previous, .showcase-arrow-next
    {
        position: absolute;
        background: url(Images/Statistics/bannerArrow.png);
        width: 18px;
        height: 30px;
        top: 180px;
        cursor: pointer;
    }
    
    .showcase-arrow-previous
    {
        z-index: 3;
        left:8px;
    }
    
    /*.showcase-arrow-previous:hover
    {
        background-position: 0px -34px;
    }*/
    
    .showcase-arrow-next
    {
        z-index: 3;
        right: 8px;
        background-position: 19px 0px;
    }
    
    /*.showcase-arrow-next:hover
    {
        background-position: -34px -34px;
    }*/
    
    /* Content */
    .showcase-content
    {
        background-color: #000;
        text-align: center;
    }
        
        .showcase-content-wrapper
        {
            text-align: center;
            width: 1025px;
            display: table-cell;
            vertical-align: middle;
        
}

            .showcase-content-wrapper img
            {
                width:1025px;
            }
        
        /* Styling the tooltips */
        .showcase-plus-anchor
        {
            background-image: url('/20220908044656oe_/http://www.hkido.cuhk.edu.hk/Portals/_default/Skins/images/plus.png');
            background-repeat: no-repeat;
        }
        
        .showcase-plus-anchor:hover
        {
            background-position: -32px 0;
        }
        
        div.showcase-tooltip
        {
            background-color: #fff;
            color: #000;
            text-align: left;
            padding: 5px 8px;
            background-image: url(/20220908044656oe_/http://www.hkido.cuhk.edu.hk/Portals/_default/Skins/images/white-opacity-80.png);
        }
        
        /* Styling the caption */
        .showcase-caption
        {
            color: #000;
            padding: 8px 15px;
            text-align: left;
            position: absolute;
            bottom: 10px; left: 10px; right: 10px;
            display: none;
            background-image: url(/20220908044656oe_/http://www.hkido.cuhk.edu.hk/Portals/_default/Skins/images/white-opacity-80.png);
        }
        
    .showcase-onepage .showcase-content
    {
        margin-bottom: 10px;
    }
    
    /* Button Wrapper */
    .showcase-button-wrapper
    {
        text-align: center;
        bottom: 13px;
        right: 7px;
        position: absolute;
    }
    
        .showcase-button-wrapper span
        {
            margin-right: 8px;
            padding: 1px 10px 0px 5px;
            cursor: pointer;
            font-size: 12px;
            background-image: url(Images/blue_dot.png);
            background-size: 11px;
            color:transparent;
            background-repeat:no-repeat;
            width:11px;
            height:11px;
        }
    
        .showcase-button-wrapper span.active
        {
            background-image:url(Images/white_dot.png);
        }
    
    /* Thumbnails */
    .showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
    {
        background-color: #000;
    }
    
    .showcase-thumbnail-wrapper
    {
        overflow: hidden;
    }
        
        .showcase-thumbnail
        {
            width: 120px;
            height: 90px;
            cursor: pointer;
            border: solid 1px #333;
            position: relative;
        }
        
            .showcase-thumbnail-caption
            {
                position: absolute;
                bottom: 2px;
                padding-left: 10px;
                padding-bottom: 5px;
            }
            
            .showcase-thumbnail-content
            {
                padding: 10px;
                text-align: center;
                padding-top: 25px;
            }
            
            .showcase-thumbnail-cover
            {
                background-image: url(/20220908044656oe_/http://www.hkido.cuhk.edu.hk/Portals/_default/Skins/images/black-opacity-40.png);
                position: absolute;
                top: 0; bottom: 0; left: 0; right: 0;
            }
        
        .showcase-thumbnail:hover
        {
            border: solid 1px #999;
        }
        
            .showcase-thumbnail:hover .showcase-thumbnail-cover
            {
                display: none;
            }
        
        .showcase-thumbnail.active
        {
            border: solid 1px #999;
        }
        
            .showcase-thumbnail.active .showcase-thumbnail-cover
            {
                display: none;
            }
    
    .showcase-thumbnail-wrapper-horizontal
    {
        padding: 10px;
    }
    
        .showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
        {
            margin-right: 10px;
            width: 116px;
        }
    
    .showcase-thumbnail-wrapper-vertical
    {
        padding: 10px;
    }
    
        .showcase-thumbnail-wrapper-vertical .showcase-thumbnail
        {
            margin-bottom: 10px;
        }
        
    .showcase-thumbnail-button-backward,
    .showcase-thumbnail-button-forward
    {
        padding: 7px;
        cursor: pointer;
    }
    
    .showcase-thumbnail-button-backward
    {
        padding-bottom: 0px;
        padding-right: 0px;
    }
    
        .showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
        .showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
        .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
        .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
        {
            background-image: url(/20220908044656oe_/http://www.hkido.cuhk.edu.hk/Portals/_default/Skins/images/arrows-small.png);
            background-repeat: no-repeat;
            display: block;
            width: 17px;
            height: 17px;
        }
        
        .showcase-thumbnail-button-backward .showcase-thumbnail-vertical
        {
            background-position: 0 -51px;
            margin-left: 55px;
        }
        .showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
        {
            background-position: -17px -51px;
        }
        
        .showcase-thumbnail-button-forward .showcase-thumbnail-vertical
        {
            background-position: 0 -34px;
            margin-left: 55px;
        }
        .showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
        {
            background-position: -17px -34px;
        }
        
        .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
        {
            background-position: 0 -17px;
            margin-top: 40px;
            margin-bottom: 40px;
        }
        .showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
        {
            background-position: -17px -17px;
        }
        
        .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
        {
            background-position: 0 0;
            margin-top: 40px;
            margin-bottom: 40px;
        }
        .showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
        {
            background-position: -17px 0;
        }
        
        /* Hide button text */
        .showcase-thumbnail-button-forward span span,
        .showcase-thumbnail-button-backward span span
        {
            display: none;
        }

/**/
.showcase-content-wrapper .slideTitle {
    position:absolute;
    color:#47a3ff;
    bottom: 55px;
    font-size:34px;
    font-style:italic;
    padding:15px 40px;
    background-color:rgba(255, 255, 255, 0.80);
    line-height: 40px;
    width:400px;
    text-align:left;
}

.showcase-content-wrapper .slideContent {
    position:absolute;
    color:black;
    bottom:40px;
    left:30px;
    background-color:white;
    text-align:left;
    max-width:680px;
    padding:10px;
    border:0.5px;
    display: none;
}

.dnnFormItem img{
    max-width:500px;
}