@charset "UTF-8";

/*=======================================================+
|  Skin        : Greytness                               |
|  Version     : 2.6                                     |
|  Released    : May 2012                                |
+=======================================================-+

+========================================================+
|  Universal                                             |
+=======================================================*/

/* HTML (Left blank on purpose) */
html { }

#Body { margin:0; font-family:open_sansregular, Helvetica, Verdana, Arial, sans-serif; font-size:13px; color:#000; line-height:18px; background-color:#EFEBE7 }

/* Skin Background */
.skinBG { clear: both; }

/* Additional space for lists */
li { margin-bottom: 2px; }

/* Lists Styles. 3 levels deep. */
ol { margin:5px 0 18px 10px; padding-left:10px; }
ul { margin:5px 0 18px 10px; padding-left:10px; list-style-type:disc; }

ul li li { list-style-type:square; }
ul li li li { list-style-type:circle; }
ul li li li li,
ul li li li li li { list-style-type:none; }

/* Make sure forms look good */
form { margin:0; padding:0; }

/* Make background white for control tables */
.FCKImageGalleryContainer,
.FCKLinkGalleryContainer { background-color:#FFF; }

/* Make sure links are always blue even in Midnight Theme */
ul.dnnActionMenuBody li ul li a,
ul.dnnActionMenuBody li ul li a img { color:#328DDE !important; }

/*========================================================+
|  Links                                                  |
+========================================================*/

/* default links visited and active */
a:link,
a:visited,
a:active { color:#444; font-style:normal; text-decoration:underline; }

/* default links hover */
a:hover { text-decoration:none; color:#000; }

/* normal  links visited and active */
a.Normal:link,
a.Normal:visited { text-decoration: underline; }

a.Normal:hover { text-decoration: none; }

/*========================================================+
|  Design Elements                                        |
+========================================================*/

/* Set the margin and padding for the content Border Background Div. */
.BorderBgDiv { width:960px; margin:0 auto 0 auto; background:#FFF; padding:0px; clear: both; }

/* Set width for Full page */
.fullWidth { width:100%; padding:0; margin:0 auto; position:relative; }

/* Set StickyHeader */
.StickyHeader { position: fixed; width: 960px; background-color: #fff; z-index:1000; }

/* Set the width of the header content */
.HeaderDiv { position: relative; padding: 6px; }

/* Set padding on MainContentDiv so it comes out from behind the SkickyHeader */
.MainContentDiv { padding-top: 123px; min-height: 400px; }

/* Set the float classes. */
.left { float:left; }

.right { float:right; }

/* Banner Division Styles */
.BannerPane1, .BannerPane2, .BannerPane3 { clear:both; }
.BannerPane2 img { /* width: 100% !important; */ }
.BannerPane3 { /* border-bottom:#264832 1px solid; */ margin: 10px 0; }

.Banner p { margin:0px; padding:0px; }

.ChromeLess p { margin:0px; padding:0px; }

.dnnLogo { }

.dnnLogo a { }

/* Set background image i.e. dotted line between dnnUSER and dnnLOGIN. If you don't want the divider, just empty the contents of this style. */
.header-divide { background: url(graphics/hdr_divide.gif) center no-repeat; padding:2px 4px; }

/* Set background image i.e. dotted line between dnnTerms and dnnCOPYRIGHT. If you don't want the divider, just empty the contents of this style. */
.footer-divide { background: url(graphics/hdr_divide.gif) center no-repeat; padding:2px 4px; }

/* Set the margin of the master table (the table that contains the vertical navigation and content cells). */
#MasterTable { margin:0px; }

/* Set the top padding of the TopPane. This keeps the pane from sitting flush against the breadcrumb/search section. */
.TopPane { }

/* Set the padding and width of all the major panes. Set vertical align to top. */
.HeaderPane { max-width: 70%; max-height: 81px; overflow: hidden; clear: right; }

.TaglinePane { position: absolute; bottom: 10px; left: 80px; }
.TaglinePane .Normal { font-family: gentium_book_basicbold_italic, Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #999; }

.LeftNavTop { clear:both; padding:5px; }

.LeftNavTop .StdContainer { margin-bottom:0px; }

.LeftNavBottom { clear:both; padding:5px; }

.LeftGutterPane { clear:both; padding:10px; }

.TopPaneDiv { clear:both; }

.TopLeftPane { width:450px; vertical-align:top; }

.TopRightPane { width:450px; vertical-align:top; }

.ContentPaneDiv { clear:both; }

.ContentPane { vertical-align:top; }

.ContentPane2Div { clear:both; }

.LeftPane, .LeftMenu { width:205px; vertical-align:top; border-right: solid 1px #ccc; padding: 10px 0 20px 0; }
.LeftMenuContainer { border-bottom: 1px solid #ccc; /* margin-bottom: 100px; */ }

.UnderMenuPane { margin:20px 0 20px 0; /* border-top: solid 1px #ccc; */ /* padding-top: 100px; */ padding-right: 18px; }

.ContentPane2 { vertical-align:top; width:700px; }
.ContentPaneSub { vertical-align:top; width:700px; padding-left:18px; padding-top:5px; border-left: solid 1px #ccc; margin-left: -1px; margin-bottom:20px; border-bottom: solid 1px #ccc; }

.ContentPane3Div { clear:both; }

.ContentPane3 { vertical-align:top; width:700px; }

.RightPane { width:200px; vertical-align:top; }

.MiddlePaneDiv { clear:both; width:924px; margin: 20px 0; }

.MiddleLeftPane { width:282px; padding:6px 18px 6px 0; vertical-align:top; border-right:solid 1px #ddd; display:table-cell; }
.MiddlePane { width:282px; vertical-align:top; padding:6px 18px; display:table-cell; }
.MiddleRightPane { width:282px; padding:6px 0 6px 18px; vertical-align:top; border-left:solid 1px #ddd; display:table-cell; }

.BottomPaneDiv { clear:both; }

.BottomColumn1 { width:216px; margin-right:20px; vertical-align:top; }

.BottomColumn2 { width:216px; margin-right:20px; vertical-align:top; }

.BottomColumn3 { width:216px; vertical-align:top; }

.BottomColumn4 { width:216px; vertical-align:top; }

.BottomPane { clear:both; }

.SubFooterPane { clear:both; margin-top: 3px; }

/* These styles are only used for the LinearX Demo site. Feel free to delete. */
.DNNPane { border: #333 3px solid; padding: 60px 5px; text-align: center; font-weight: bold; vertical-align: middle; background-color: #FAFAFA; white-space:nowrap; color: #333; font-size:14px; margin-bottom:20px; }

.DNNHeaderPane { padding: 25px 5px; width:300px; }

/* Set font size, color, etc. for login links and text. */
.login { text-decoration:none; color: #999; }

#dnn_dnnUSER_cmdRegister { text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(graphics/hdr_divide.gif) right no-repeat; color:#333; }

#dnn_dnnUSER_registerLink { text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(graphics/hdr_divide.gif) right no-repeat; color:#333; }

#dnn_dnnUSER_registerLink:hover { text-decoration:underline; }

#dnn_dnnUSER_cmdRegister:hover { text-decoration:underline; }

#dnn_dnnLOGIN_cmdLogin { text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; }

#dnn_dnnLOGIN_cmdLogin:hover { text-decoration:underline; }

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

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

.imgLeftSmallMargin {
    float: left;
    margin-right: 18px;
    margin-bottom: 18px;
}

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

.imgRightSmallMargin {
    float: right;
    margin-left: 18px;
    margin-bottom: 18px;
}

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

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

.imgPolaroid100 { width: 100px; }
.imgPolaroid150 { width: 150px; }
.imgPolaroid200 { width: 200px; }
.imgPolaroid250 { width: 250px; }
.imgPolaroid300 { width: 300px; }
.imgPolaroid350 { width: 350px; }
.imgPolaroid400 { width: 400px; }
.imgPolaroid450 { width: 450px; }

.imgPolaroid100 img { max-width: 100px; }
.imgPolaroid150 img { max-width: 150px; }
.imgPolaroid200 img { max-width: 200px; }
.imgPolaroid250 img { max-width: 250px; }
.imgPolaroid300 img { max-width: 300px; }
.imgPolaroid350 img { max-width: 350px; }
.imgPolaroid400 img { max-width: 400px; }
.imgPolaroid450 img { max-width: 450px; }

    .imgPolaroid img { margin-bottom: 12px;}

/* Profile Image
    -------------------------------------*/
.ProfilePhoto {	max-width: 187px;}

/* Blog Image on home page
    -------------------------------------*/
.bloglistinghomepage img {max-width: 100px !important; height: auto !important;}
.bloglistinghomepage .imgLeft { margin-right: 10px; margin-bottom: 10px;}
.bloglistinghomepage .imgRight { margin-left: 10px; margin-bottom: 10px;}
.bloglistinghomepage .imgPolaroid { padding: 5px 5px 5px 5px; font-size: 8px; line-height: 8px;}
.bloglistinghomepage .imgPolaroid img { margin-bottom: 4px; }

/*========================================================+
| Menu, Breadcrumb, and Search                            |
+========================================================*/

/* Set the background image, width, and margins for the Breadcrumb. */
/* .breadcrumb-div { background-color:#F1F1F1; height:18px; border-top:#E6E6E6 1px solid; border-bottom:#CCC 1px solid; line-height:10px; }

.breadcrumb-row { padding:0; } */

/* Set font size, color, etc. for the breadcrumb div. */
/* .breadcrumbdiv { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #333; text-align:left; padding:2px 0px 0px 18px; float:left; line-height:normal }

.breadcrumb { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none !important; color: #333 !important; font-style:normal !important; }

.breadcrumbdiv a:hover { text-decoration:underline !important; }

.breadcrumb-pretext { font-weight:normal; color:#FAFAFA; line-height:12px; } */

/* Set font size, color, etc. for the Current Date div. */
.currentDateDiv { display:block; float:right; padding-right:10px; }

.currentDate { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #999; }

.current-date a { font-size:10px; text-decoration:none; color:#666; }

.current-date a:hover { text-decoration:underline; }

/* If panes are empty, we make sure there are no lingering styles. */
.DNNEmptyPane { border:0px none !important; line-height:0px !important; padding:0px !important; font-size:0px !important; height:0px !important; width:0px !important; margin:0px !important; display:none; }

/* Set the background image, width, margin, and border for the content div. */
#greytness .content,
#GreytnessMidnight .content { width:924px; margin:0px auto 0 auto; padding:10px 0 20px 0 }

.contentBg { }

/* Set the background image,  width, margin, and font for the footer div. */

.BottomDiv { background:#EFEFEF; border-top:#CCC 1px solid; height:auto; clear:both; position:relative; }

#greytness .footer-bg,
#GreytnessMidnight .footer-bg { border-top:#666 1px solid }

#greytness .footer,
#GreytnessMidnight .footer { font-size:.8em; line-height:1.8em; text-decoration:none; color:#333; width:934px; padding:2px 0px; margin:0 auto 0 auto; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif }

#greytness .footer a,
#GreytnessMidnight .footer a,
.charcoolFooter a { text-decoration:none; color:#333 }

#greytness .footer a:hover,
#GreytnessMidnight .footer a:hover,
.charcoolFooter a:hover { text-decoration:underline }

/* Padding-right is used to set the terms and privacy text 3 pixels from the right edge. */
.termsdiv { float:right; bottom:0px; }

.terms { background:url(graphics/hdr_divide.gif) right no-repeat; }

.privacy { background:url(graphics/hdr_divide.gif) right no-repeat; }

/* Margin-left is used to set the copyright text 3 pixels from the left edge. */
.copyright { padding:0; }

/* Horizontal Rule */
hr { height: 1px; color: #bbb; }

.action-buttons { padding:0; margin-bottom:10px; text-align:right; /*text-align:right; float:right; display:block;*/ }

/* Footer Links */
#greytness .footer ul,
#GreytnessMidnight .footer ul { list-style: none; margin: 0; padding: 0; }

#greytness .footer li,
#GreytnessMidnight .footer li,
.charcoolFooter li { list-style: none; display: block; float: left; margin-right: 8px; }

#greytness .footer li a,
#GreytnessMidnight .footer li a,
.charcoolFooter li a { padding-right:8px; }

/*========================================================+
|  Search Items                                           |
+========================================================*/

/* Set the padding of the search div. */
.Search { float:right; padding:2px 0 0 0; position: absolute; bottom: 10px; right: 6px; }

.search img { border:none; padding:0px 0px 0px 0px; }

/* Set background color for Google custom search input */
.GCSearchBox { background-color:#FFFCF2; }

.GCSearchButton { }

/* Font for Radio Button labels. Not displayed by default but just in case. */ 
a.SearchField:hover { text-decoration:underline !important; }

.btnSearch { margin-left:-3px; }

/* Search Textbox Font and background image. */ 
#dnn_dnnSEARCH_txtSearch.NormalTextBox { padding: 3px 2px 0px 4px; font-size:.8em; height:15px !important; background:#F8F8F8; border: #999 1px solid; width:200px !important; }

#dnn_dnnSEARCH_cmdSearch img { border:none; vertical-align:top; padding:0px }

/*========================================================+
|  DNN Control Panel                                      |
+========================================================*/

/* We are using the DNN defaults Except the align center which breaks when you use DIV not tables for content. */
.DNNAligncenter { text-align:left; }

.greytnessCP { }

#dnn_ControlPanel { width:962px; margin:0 auto }

.greytnessCP .dnnRibbon .barContent { border-right:none; border-top:none }

.greytnessCP .RadTabStrip_Default { background:none }

.greytnessCP .RadTabStrip_Default .rtsLink { background-color:#F1F1F1; color:#111 }

.greytnessCP .RadTabStrip_Default .rtsLink:hover { background-color:#FFF; color:#111 }

.greytnessCP .RadTabStrip_Default .rtsSelected { background-color:#FFF }

.greytnessCP .dnnRibbonGroup .content { height:100px }

.greytnessCP .dnnRibbonGroup .content:hover { background:#FCFCFC }

.greytnessCP .RadTabStrip_Default .rtsLI,
.RadTabStrip_Default .rtsLink { height:auto }

.greytnessCP .RadTabStripTop_Default .rtsLink { margin-top:4px }

.greytnessCP .RadTabStrip_Default .rtsSelected { border-bottom:#FFF 1px solid; height:24px; margin-top:0px; font-size:13px; color:#333 }

.greytnessCP .RadTabStrip_Default .rtsSelected:hover { font-size:13px }

.greytnessCP .RadTabStrip_Default .rtsSelected .rtsTxt { font-weight:bold }

.greytnessCP .dnnRibbon .barContent table { width:100% }

.ControlPanel,
.PagingTable { background-color:#FFF; border:none; text-align:center }

#GreytnessMidnight .ControlPanel,
.PagingTable { background:#999 none }

/*========================================================+
|  Text Styles                                            |
+========================================================*/

/* Default Font */
p { font-family:open_sansregular, Helvetica, Verdana, Arial, sans-serif; color: #333; margin:10px 0 20px 0; }

/* Most of the site text. */
.normal,
.Normal { font-family:open_sansregular, Helvetica, Verdana, Arial, sans-serif; font-size: 1em; color: #333; }

/* Most of the bold site text. */
.NormalBold { font-family:open_sansbold, Helvetica, Verdana, Arial, sans-serif; font-size: 1em; color: #333333; /*font-weight: bold; */color: #555; }

/* Red Error site text. */
.NormalRed { color: #900; font-family:open_sansregular, Helvetica, Verdana, Arial, sans-serif; font-size: 1em; }

/* subheadings - mostly in admin. */
.SubHead { font-family:open_sansbold, Helvetica, Verdana, Arial, sans-serif; /*font-size: 11px; font-weight: bold; color: #333;*/ }

/* headings - mostly in admin. */
.Head { font-family:open_sansregular, Helvetica, Verdana, Arial, sans-serif; font-size: 14px; text-decoration: none; font-weight: normal; background-color:transparent; color: #333; }

/* Header styles. */
h1 { font-family:open_sansbold, Calibri, Arial, Helvetica, sans-serif; color:#B25538; font-size: 2.0em; text-decoration: none; font-weight: bold; margin-top:4px; margin-bottom:6px; line-height:1em; }
h1 a:link,h1 a:visited,h1 a:active { font-family:open_sansbold, Calibri, Arial, Helvetica, sans-serif; color:#B25538; text-decoration: none; background: none;}
h1 a:hover { background-repeat: repeat-x; background-image: url(data:image/gif;base64,R0lGODlhAgABAIAAAP///7JVOCH5BAAAAAAALAAAAAACAAEAAAICDAoAOw==); background-position: left 90%; }

h2 { font-family:open_sansbold, Calibri, Arial, Helvetica, sans-serif; color:#B25538; font-size: 1.8em; font-weight:bold; margin-top:3px; margin-bottom:5px; line-height:1em; }
h2 a:link,h2 a:visited,h2 a:active { font-family:open_sansbold, Calibri, Arial, Helvetica, sans-serif; color:#B25538; text-decoration: none; background: none; }
h2 a:hover { background-repeat: repeat-x; background-image: url(data:image/gif;base64,R0lGODlhAgABAIAAAP///7JVOCH5BAAAAAAALAAAAAACAAEAAAICDAoAOw==); background-position: left 90%; }

h3 { font-family:open_sansbold, Calibri, Arial, Helvetica, sans-serif; color:#B25538; font-size: 1.6em; font-weight:bold; margin-top:2px; margin-bottom:4px; line-height:1em; }
h3 a:link,h3 a:visited,h3 a:active { font-family:open_sansbold, Calibri, Arial, Helvetica, sans-serif; color:#B25538; text-decoration: none; background: none; }
h3 a:hover { background-repeat: repeat-x; background-image: url(data:image/gif;base64,R0lGODlhAgABAIAAAP///7JVOCH5BAAAAAAALAAAAAACAAEAAAICDAoAOw==); background-position: left 90%; }

h4 { font-family:open_sansbold, Calibri, Arial, Helvetica, sans-serif; color:#B25538; font-size: 1.4em; font-weight:bold; margin-top:1px; margin-bottom:3px; line-height:1em; }
h4 a:link,h4 a:visited,h4 a:active { font-family:open_sansbold, Calibri, Arial, Helvetica, sans-serif; color:#B25538; text-decoration: none; background: none; }
h4 a:hover { background-repeat: repeat-x; background-image: url(data:image/gif;base64,R0lGODlhAgABAIAAAP///7JVOCH5BAAAAAAALAAAAAACAAEAAAICDAoAOw==); background-position: left 90%; }

h5 { font-family:open_sansbold, Calibri, Arial, Helvetica, sans-serif; color:#B25538; font-size: 1.1em; font-weight:bold; margin-top:0px; margin-bottom:2px; line-height:1em; }
h5 a:link,h5 a:visited,h5 a:active { font-family:open_sansbold, Calibri, Arial, Helvetica, sans-serif; color:#B25538; text-decoration: none; background: none; }
h5 a:hover { background-repeat: repeat-x; background-image: url(data:image/gif;base64,R0lGODlhAgABAIAAAP///7JVOCH5BAAAAAAALAAAAAACAAEAAAICDAoAOw==); background-position: left 90%; }

h6 { font-family:open_sansbold_italic, Calibri, Arial, Helvetica, sans-serif; color:#B25538; font-size: 1.1em; font-weight:bold; margin-top:0px; margin-bottom:2px; line-height:1em; font-style:italic; }
h6 a:link,h6 a:visited,h6 a:active { font-family:open_sansbold_italic, Calibri, Arial, Helvetica, sans-serif; color:#B25538; text-decoration: none; background: none; font-style:italic; }
h6 a:hover { background-repeat: repeat-x; background-image: url(data:image/gif;base64,R0lGODlhAgABAIAAAP///7JVOCH5BAAAAAAALAAAAAACAAEAAAICDAoAOw==); background-position: left 90%; }

a.learnmore { color: #b25538; font-family:open_sansbold, Helvetica, Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none; background: none; }
a.learnmore:hover { background-repeat: repeat-x; background-image: url(data:image/gif;base64,R0lGODlhAgABAIAAAP///7JVOCH5BAAAAAAALAAAAAACAAEAAAICDAoAOw==); background-position: left 90%; }

a.hanchor { display: block; height: 123px; margin-top: -123px; visibility: hidden; }

/*========================================================+
|  User Defined Tables                                    |
+========================================================*/

.UDT_Table_Head th { font-size:10px; }

.UDT_Table_AlternateItem,
.UDT_Table_AlternateItem p { font-size:10px; background-color:#F3F3F3; vertical-align:top; }

.UDT_Table_Item,
.UDT_Table_Item p { font-size:10px; vertical-align:top; }

/*========================================================+
|  Module Menus                                           |
+========================================================*/

/* Usually no need to change these styles. */
.ModuleTitle_MenuItem { background-color:#F7F7F7; border:1px solid #F7F7F7; color:#333; font-family:verdana, sans-serif; font-size:11px; font-weight:normal; padding:0px 10px 0px 0px; }

.ModuleTitle_SubMenu { background-color:#F7F7F7; border:1px solid #666; margin:1px 0px 0px; padding:0px; z-index:2000 !important; }

.ModuleTitle_MenuItemSel { background:#DDD none repeat scroll 0%; border-left:1px solid #DDD; border-right:1px solid #DDD; color:#000; font-family:verdana, sans-serif; font-size:11px; font-weight:normal; padding:0px 10px 0px 0px }

.ModuleTitle_MenuIcon { border:1px solid #EEE; padding:2px 3px; }

.ModuleTitle_MenuBreak,
.ModuleTitle_MenuArrow,
.ModuleTitle_RootMenuArrow { display:none; }

/*========================================================+
|  Forms                                                  |
+========================================================*/
     
/* Default for Element */
select,
input { font-family: tahoma; font-size: 11px; color: #555; }

/* Default Textbox */
.NormalTextBox { color:#333; line-height:12px; font-family:tahoma; font-weight:normal }

/*========================================================+
|  Navigation Menu Styles                                 |
+========================================================*/

/* Set the background image, width, and margins for the menu. */
.menu-bg { background-color: #00AFA9; height:26px; border-top: #00706C 1px solid; border-bottom: #00706C 1px solid; position:relative; z-index:1000; }

/*========================================================+
|  BUTTONS STYLE                                          |
+========================================================*/

/* Primary Style Button (blue)*/
button.primaryButton,
a.primaryButton {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 5px;
    background-color: #1d7284;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0px solid #c2c2c2;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.6), inset 1px 1px 0px 1px rgba(255, 255, 255, 1);
    box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.6), inset 1px 1px 0px 1px rgba(255, 255, 255, 0.4);
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

/* Secondary Style Button (darkgray) */
button.secondaryButton,
a.secondaryButton {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 5px;
    background-color: #767769;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0px solid #c2c2c2;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.6), inset 1px 1px 0px 1px rgba(255, 255, 255, 1);
    box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.6), inset 1px 1px 0px 1px rgba(255, 255, 255, 0.4);
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

/* Alternative Style Button (darkgray with arrow) */
button.altButton,
a.altButton {
    display: inline-block;
    padding: 9px 32px 9px 22px;
    margin-bottom: 5px;
    background-color: #0f3d4b;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0px solid #c2c2c2;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.6), inset 1px 1px 0px 1px rgba(255, 255, 255, 1);
    box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.6), inset 1px 1px 0px 1px rgba(255, 255, 255, 0.4);
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

a.dnnPrimaryAction {
    color: #efefef;
}

a.dnnSecondaryAction {
    color: #555;
}

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

/*========================================================+
|  Additional Styles                                      |
+========================================================*/

.TitleCell { padding:0 20px 20px 0; vertical-align:top }

.SizeCell { padding:0 20px 20px 0; vertical-align:top }

#GreytnessMidnight .FileManager_StatusBar,
#GreytnessMidnight .FileManager_Pager { background-color:#666 }

#GreytnessMidnight select.Normal { color:#000 }

#GreytnessMidnight .ExtensionsContent tr.NormalBold { color:#000 }

div.language-object { width: 960px; margin: 0 auto; }

div.language-object span.Language { float: right; }

div.language-object span.Language img { width: 20px; margin: 5px 0px 0 0; }

div.language-object span.Language.selected img { border-color:#CCC; }

#GreytnessMidnight div.language-object span.Language.selected img { border: 2px solid #333; }

/* Adammer Free skin style */
.designBy { font-size:10px; color:#B2B2B2; text-align:center; margin:5px 0 20px 0 }

.designBy a { font-size:10px; color:#B2B2B2; text-decoration:none }

.designBy a:hover { font-size:10px; color:#999; text-decoration:underline }

/*========================================================+
|  Make HTML Modules clear both sides                     |
+========================================================*/
.DnnModule-DNN_HTML { clear:both; }

/*========================================================+
|  ContentTile styles                                     |
+========================================================*/
.DnnModule-ContentTile { float:left; width: 350px;}

.ContentTile_Container {border-radius:10px; background:none; position: relative; width:300px; height:225px; overflow:hidden;}
.ContentTile_ImageContainer {position: absolute; top:0; left:0; width: 100%; height: 100%;}
.ContentTile_ImageContainer img {border-radius:10px; width: 100%; height: 100%}
.ContentTile_Overlay {border-bottom-left-radius:10px; border-bottom-right-radius:10px; position: absolute; bottom:0; left:0; width: 100%; height: 35%;}
.ContentTile_Title {font-family:open_sansbold, Calibri, Arial, Helvetica, sans-serif; color:white; padding: 5px 5px 8px 5px; text-shadow: 2px 2px 4px #000;font-size: 1.3em; font-weight:bold; line-height:1em;}
.ContentTile_Title a:link,.ContentTile_Title a:visited,.ContentTile_Title a:active { font-family:open_sansbold, Calibri, Arial, Helvetica, sans-serif; color:white; text-decoration: none; background: none; }
.ContentTile_Title a:hover { background-repeat: repeat-x; background-image: url(data:image/gif;base64,R0lGODlhAgABAIABAP///////yH5BAEAAAEALAAAAAACAAEAAAICRAoAOw==); background-position: left 90%; }
.ContentTile_Description {font-family:open_sansregular, Calibri, Arial, Helvetica, sans-serif; color:white; padding: 0 5px; text-shadow: 1px 1px 2px #000; line-height:1.2em;}
.ContentTile_Description a { font-family:open_sansregular, Calibri, Arial, Helvetica, sans-serif; color:white; text-decoration: none; background: none; }

/*========================================================+
|  ContentItem styles                                     |
+========================================================*/
.DnnModule-ContentItem{ float:left; width: 350px;}

.ContentItem_Container {border: 1px solid #ccc; border-radius:10px; width:328px; height:80px; overflow:hidden;}
.ContentItem_ImageLink {width: 110px; height: 80px; float: left;}
.ContentItem_ImageLink img {border-bottom-left-radius: 10px; border-top-left-radius: 10px; width: 100%; height: 100%}
.ContentItem_Title { width: 208px; float: right; font-size: 1.1em; padding: 3px 5px 0 5px;}
/*.ContentItem_Title a:link,.ContentTile_Title a:visited,.ContentTile_Title a:active { font-family:open_sansbold, Calibri, Arial, Helvetica, sans-serif; color:white; text-decoration: none; background: none; }*/
/*.ContentItem_Title a:hover { background-repeat: repeat-x; background-image: url(data:image/gif;base64,R0lGODlhAgABAIABAP///////yH5BAEAAAEALAAAAAACAAEAAAICRAoAOw==); background-position: left 90%; }*/
.ContentItem_Description { width: 208px; float: right; margin: 0; font-size: 0.9em; padding: 0 5px 0 5px; line-height: 1.3em;}
.ContentItem_Description a { text-decoration: none; }

/*========================================================+
|  Tabs-Social Feeds UI overrides                         |
+========================================================*/
#tabs-social { 
    background: transparent; 
    border: none; 
	padding: 0;
} 
#tabs-social .ui-widget-header { 
    background: transparent; 
    border: none; 
    border-bottom: 1px solid #c0c0c0; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
#tabs-social .ui-tabs-nav { padding: 0; margin:0; height: auto;}
#tabs-social .ui-tabs-nav .ui-state-default { 
    background: transparent; 
    border: none; 
	position: relative;
	top: 1px;
	margin: 0;
} 
#tabs-social .ui-tabs-nav .ui-state-active { 
    background: transparent url(graphics/uiTabsArrow.png) no-repeat bottom center; 
    border: none; 
} 
#tabs-social .ui-tabs-nav .ui-state-default a { 
    color: #c0c0c0; 
	border: none;
	background: none;
} 
#tabs-social .ui-tabs-nav .ui-state-default a:active { box-shadow: none; -webkit-box-shadow: none; }
#tabs-social .ui-tabs-nav .ui-state-active a { 
    color: #B25538;
	margin: 0;
}
#tabs-social .ui-tabs-nav .ui-state-active a:active { box-shadow: none; -webkit-box-shadow: none; }
#tabs-social .ui-tabs-nav li a { padding: 0 10px 7px 10px; }
#tabs-social .ui-tabs-panel { padding: 0; }

/*========================================================+
|  Fix for HeaderPane (Social) Email link                 |
+========================================================*/
.HeaderPane span {float: left;}
.HeaderPane .socialmailtolink { padding:0 2px; float:left; }
.HeaderPane .socialmailtocontent {background:url(http://ct1.addthis.com/static/r07/widget015_32x32_top.gif) no-repeat left;background-position-y:-128px;overflow:hidden;display:block;width:32px!important;height:32px!important;line-height:32px!important;}


/*========================================================+
|  Clear Fix for floating DIVs                            |
+========================================================*/

* html .clearfix { height:1%; overflow:visible }

*+html .clearfix { min-height:1% }

.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden }

/*========================================================+
|  Font library                                           |
+========================================================*/

@font-face {
    font-family: 'gentium_book_basicregular';
    src: url('genbkbasr-webfont.eot');
    src: url('genbkbasr-webfont.eot?#iefix') format('embedded-opentype'),
         url('genbkbasr-webfont.woff') format('woff'),
         url('genbkbasr-webfont.ttf') format('truetype'),
         url('genbkbasr-webfont.svg#gentium_book_basicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gentium_book_basicbold';
    src: url('genbkbasb-webfont.eot');
    src: url('genbkbasb-webfont.eot?#iefix') format('embedded-opentype'),
         url('genbkbasb-webfont.woff') format('woff'),
         url('genbkbasb-webfont.ttf') format('truetype'),
         url('genbkbasb-webfont.svg#gentium_book_basicbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gentium_book_basicbold_italic';
    src: url('genbkbasbi-webfont.eot');
    src: url('genbkbasbi-webfont.eot?#iefix') format('embedded-opentype'),
         url('genbkbasbi-webfont.woff') format('woff'),
         url('genbkbasbi-webfont.ttf') format('truetype'),
         url('genbkbasbi-webfont.svg#gentium_book_basicbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gentium_book_basicitalic';
    src: url('genbkbasi-webfont.eot');
    src: url('genbkbasi-webfont.eot?#iefix') format('embedded-opentype'),
         url('genbkbasi-webfont.woff') format('woff'),
         url('genbkbasi-webfont.ttf') format('truetype'),
         url('genbkbasi-webfont.svg#gentium_book_basicitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont.woff') format('woff'),
         url('opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('opensans-bolditalic-webfont.eot');
    src: url('opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bolditalic-webfont.woff') format('woff'),
         url('opensans-bolditalic-webfont.ttf') format('truetype'),
         url('opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('opensans-italic-webfont.eot');
    src: url('opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-italic-webfont.woff') format('woff'),
         url('opensans-italic-webfont.ttf') format('truetype'),
         url('opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('opensans-condlight-webfont.eot');
    src: url('opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-condlight-webfont.woff') format('woff'),
         url('opensans-condlight-webfont.ttf') format('truetype'),
         url('opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('opensans-condbold-webfont.eot');
    src: url('opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-condbold-webfont.woff') format('woff'),
         url('opensans-condbold-webfont.ttf') format('truetype'),
         url('opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansCnLtIt';
    src: url('opensans-condlightitalic-webfont.eot');
    src: url('opensans-condlightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-condlightitalic-webfont.woff') format('woff'),
         url('opensans-condlightitalic-webfont.ttf') format('truetype'),
         url('opensans-condlightitalic-webfont.svg#open_sansCnLtIt') format('svg');
    font-weight: normal;
    font-style: normal;
}


@media screen and (max-device-width: 950px){
	.StickyHeader { position: static; width: 960px; background-color: #fff; z-index:1000; }
	.MainContentDiv { padding-top: 0; min-height: 400px; }
}