/* Minification failed. Returning unminified contents.
(965,35): run-time error CSS1036: Expected expression, found ':'
(1406,39): run-time error CSS1030: Expected identifier, found '{'
 */
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */

[hidden] {
    display: none;
}

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

/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in S4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#111; opacity: 0.7; filter: alpha(opacity = 70);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:1px solid #000; background:#fff;padding:40px 10px 10px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        /*#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}*/

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url('/sitefiles/images/colorbox-close-button.png') center center no-repeat; width:30px; height:30px; text-indent:-9999px;}

        /*/#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}*/
        
/* Core pages */
body {color:#444;font:16px Verdana,Helvetica,Arial,Sans-Serif;}
img {border:none;}
input {outline:none;}
a:link, a:visited {color:#007498;outline:none;}
a:hover {color:#0091c0;outline:none;}


/* Grid defaults */
.gridContainer {padding:0 20px 0 20px;}
.gridRow {width:100%;max-width:1140px;margin:0 auto;overflow:hidden;}
.gridColumn {margin-right:3.8%;float:left;min-height:1px;}
.gridRow .one {width:4.8%;}
.gridRow .two {width:13.45%;}
.gridRow .three {width:22.05%;}
.gridRow .four {width:30.75%;}
.gridRow .five {width:39.45%;}
.gridRow .six {width:48%;}
.gridRow .seven {width:56.75%;}
.gridRow .eight {width:65.4%;}
.gridRow .nine {width:74.05%;}
.gridRow .ten {width:82.7%;}
.gridRow .eleven {width:91.35%;}
.gridRow .twelve {width:100%;margin-right:0%;}
.gridRow .last {margin-right:0%;}



/* Google fonts */
.fauna {font-family:'Fauna One', Helvetica, Arial, Sans-Serif;}


/* Main content grid and columns */
.mainContentGrid {}
.mainContentGrid .rightColumn {margin:20px 0 40px 0;min-height:200px;overflow:hidden;text-align:center;}
.mainContentGrid .contentWell {margin:20px 0 40px 0;min-height:200px;overflow:hidden;}



/* Buttons */
.buttons {display:inline-block;border-radius:3px;font:15px 'Fauna One';}
.buttons a:link, .buttons a:visited {color:#fff;text-decoration:none;display:block;padding:6px 20px;}
.buttons.blue {background:#007499;}
.buttons.gray {background:#222;}
.buttons.green {background:#4FA449;}



/* Messages */
.message {font-size:13px;font-weight:normal;padding:13px;}
.message h6 {padding:0;margin:0 0 7px 0;font-size:16px;}
.message a {color:#333;text-decoration:underline;font-weight:bold;}
.message.success {background:#E2F9DD;border:1px solid #CAF4C1;}
.message.error {background:#FDE4DF;border:1px solid #FBC8BD;}
.message.warning {background:#FFFFD5;border:1px solid #EDEAB1;}


/* Notifications */
.notificationContainer {display:none;padding:10px;font-size:18px;text-align:center;border-bottom:1px solid #ccc;}
.notificationContainer .dismiss {border:0;margin:0 0 0 15px;padding:0;background:none;color:#007498;}


/* Boxes */
.grayBox {background:#eaeaea url('/sitefiles/images/diagonalpattern-20.png') repeat;padding:15px;}



/* Headings */
h1 {font:36px 'Fauna One', Helvetica, Arial, Sans-Serif;padding:0;margin:0;}
h2 {font:30px 'Fauna One', Helvetica, Arial, Sans-Serif;padding:0;margin:0;}
h3 {font:24px 'Fauna One', Helvetica, Arial, Sans-Serif;padding:0;margin:0;}
h4 {font:18px 'Fauna One', Helvetica, Arial, Sans-Serif;padding:0;margin:0;}
h5 {font:16px 'Fauna One', Helvetica, Arial, Sans-Serif;padding:0;margin:0;}
h6 {font:14px 'Fauna One', Helvetica, Arial, Sans-Serif;padding:0;margin:0;}
.lineout {color:#007498;text-align:center;white-space:nowrap;display:block;background:url('/sitefiles/images/lineout-bg.png') center center repeat-x;}
.lineout span {display:inline-block;background:#fff;padding:0 14px;}
.lineout a {color:#007498;text-decoration:none;}
.lineout a span {color:#007498;}
.baseHeading {color:#fff;padding:5px;text-align:center;background-image:url('/sitefiles/images/diagonalpattern-20.png');background-repeat:repeat;}
.baseHeading a {color:#fff;text-decoration:none;}
.baseHeading.green {background-color:#8ea41d;}
.baseHeading.blue {background-color:#71aec1;}
.baseHeading.purple {background-color:#B41885;}

.headingArrow {width:0;height:0;margin:0 auto 5px;padding:0;border-left:5px solid transparent;border-right:5px solid transparent;background:url('/sitefiles/images/diagonalpattern-20.png') repeat;}
.headingArrow.green {border-top:10px solid #8ea41d;}
.headingArrow.blue {border-top:10px solid #71aec1;}
.headingArrow.purple {border-top:10px solid #B41885;}



/* Back to top */
.backTop {display:none;background:#000 url('/sitefiles/images/backtop.png') center center no-repeat;width:70px;height:60px;border-radius:7px;cursor:pointer;position:fixed;right:20px;bottom:20px;opacity:0.4;filter:alpha(opacity=40);}


/* Header */
.header {height:97px;border-bottom:3px solid #ccc;}
.header .gridRow {position:relative;height:100%;overflow:visible;}
.header .logo {position:absolute;left:0;bottom:7px;}
.header .logo .dropArrow {width:13px;height:17px;position:absolute;right:-25px;top:15px;background:url('/sitefiles/images/logo-drop-arrow.png') center center no-repeat;}
.header .logo .dropArrow a {width:100%;height:100%;display:block;}
.header .right {position:absolute;right:0;bottom:7px;font:12px 'Fauna One', Helvetica, Arial, Sans-Serif;}
.header .right a {color:#666;text-decoration:none;}
.header .right .customerService {font-size:11px;float:right;margin:3px 0 0 0;}
.header .right .links {position:relative;font-size:11px;margin:3px 0 0 0;}
.header .right .links .subscribe {font-weight:600;}
.header .right .links .subscribe.upickem {position:absolute;right:0;top:-20px;}
.header .right .links .subscribe a {color:#A41C80;font-size:12px;}
.header .right .links .login {position:absolute;right:0;top:0;}
.header .right .links .login a {font-weight:bold;font-size:12px;}
.header .right .welcomeBack {text-align:right;color:#999;font-size:11px;position:relative;}
.header .right .searchBox {border:1px solid #ccc;border-radius:5px;height:30px;width:200px;position:relative;margin:3px 0 0 0;}
.header .right .searchBox input {padding:0;margin:0;color:#999;width:70%;margin:8px 0 0 5px;border:none;}
.header .right .searchBox a {width:20px;height:20px;display:block;position:absolute;right:5px;top:5px;background:url('/sitefiles/images/search-icon.png') center center no-repeat;}
.header .statusMessageCtl {border:0;margin:0;padding:0;background:none;text-decoration:underline;font:11px 'Fauna One', Helvetica, Arial, Sans-Serif;color:#999;}
.header .statusMessage {display:none;position:absolute;top:30px;right:0;width:230px;padding:10px 10px 30px 10px;background-color:white;color:black;font-size:15px;text-align:left;z-index:2;border:1px solid #000;}
.header .statusMessage a {color:#007498;font-size:inherit;}
.header .statusMessage .accountLink {position:absolute;bottom:10px;right:10px;}


/* Navigation */
.navbar {position:absolute;left:215px;bottom:-3px;}
.navbar .primary ul {padding:0;margin:0;list-style:none;}
.navbar .primary ul li {padding:0;margin:0;list-style:none;float:left;position:relative;z-index:0;}
.navbar .primary ul li a:link, .navbar .primary ul li a:visited {font:18px/30px 'Fauna One';text-decoration:none;color:#444;padding:20px 7px;display:block;border-right:1px solid #ccc;border-bottom:3px solid #ccc;}
.navbar .primary ul li a:hover {color:#AC1D86;}
.navbar .primary ul li a.selected {color:#AC1D86;}
.navbar .primary ul li a.last {border-right:none;}
.navbar .primary ul li span {width:100%;height:22px;position:absolute;bottom:-3px;left:0;text-align:center;display:none;}

.secondaryNav {display:none;border-bottom:3px solid #ccc;}
.secondaryNav ul {padding:0;margin:0;list-style:none;}
.secondaryNav ul li {padding:0;margin:0;list-style:none;float:left;position:relative;z-index:0;}
.secondaryNav ul li a:link, .secondaryNav ul li a:visited {font:18px/30px 'Fauna One';text-decoration:none;color:#444;padding:15px 10px;display:block;border-right:1px solid #ccc;}
.secondaryNav ul li a:hover {color:#AC1D86;}

.navhover {position:absolute;left:0;top:100px;height:280px;width:100%;overflow:hidden;z-index:20;background:#fff;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.navhover .inner {padding:10px;}
.navhover a {color:#444;text-decoration:none;}
.navhover .inner .item {float:left;padding:0 20px;height:250px;background:url('/sitefiles/images/navhover-edge.png') right center no-repeat;font-size:11px;}
.navhover .inner .item.first {padding-left:0;}
.navhover .inner .item.last {padding-right:0;background:none;}
.navhover .inner .item.first h5 {margin:5px 0 0 0;}
.navhover .inner .item .featureImage {height:150px;border:1px solid #ccc;margin:5px 0 0 0;background-position:center center;background-repeat:no-repeat;}
.navhover .inner .item .featureImage a {display:block;width:100%;height:100%;}
.navhover .inner ul {padding:0;margin:0;list-style:none;}
.navhover .inner ul li {padding:10px 0 0 0;margin:0;list-style:none;}
.navhover .inner ul li a {font-size:12px;color:#888;}
.navhover .inner ul li.float {float:left;padding:0 4px 0 0;}

.navhover.aboutSwatch {display:none;}
.navhover.projectsSwatch {display:none;}
.navhover.referenceSwatch {display:none;}
.navhover.videosSwatch {display:none;}
.navhover.communitySwatch {display:none;}
.navhover.beaddreamsSwatch {display:none;}
.navhover.shopSwatch {display:none;}

.navhover.aboutSwatch .suboffers {color:#888;margin-top:10px;}
.navhover.aboutSwatch .suboffers ul li a {color:#444;font-size:15px;}
.navhover.aboutSwatch .currentIssue {float:left;margin-right:20px;}
.navhover.aboutSwatch .currentIssue img {width:166px;height:auto;}
.navhover.aboutSwatch .currentIssue .micro {font-size:10px;color:#999;}
.navhover.aboutSwatch .magData {float:left;}

.navhover.projectsSwatch .item.first {width:300px;}
.navhover.projectsSwatch .item.last {margin:40px 0 0 0;}
.navhover.projectsSwatch .item.last a {line-height:27px;font-size:15px;}

.navhover.videosSwatch .item.first {width:300px;}
.navhover.videosSwatch .item.last {margin:40px 0 0 0;}
.navhover.videosSwatch .item.last a {line-height:27px;}

.navhover.referenceSwatch .item.first {width:300px;}

.navhover.communitySwatch .item.first {width:450px;padding-right:0;}
.navhover.communitySwatch .item.last img {float:left;margin-right:7px;}
.navhover.communitySwatch .item.last span {line-height:30px;}
.navhover.communitySwatch .item.last a span {color:#888;}
.navhover.communitySwatch .item.last .newsletterCallout img {margin-right:3px;}
.navhover.communitySwatch .item.last .newsletterCallout span {line-height:normal;padding-top:10px;display:inline-block;}
.navhover.communitySwatch .post {width:130px;height:100px;border:1px solid #ccc;float:left;margin:0 18px 10px 0;background-position:center center;background-repeat:no-repeat;}
.navhover.communitySwatch .post a {display:block;width:100%;height:100%;}

.navhover.beaddreamsSwatch .item.first {width:81%;}
.navhover.beaddreamsSwatch .post {width:130px;height:100px;border:1px solid #ccc;float:left;margin:0 18px 10px 0;background-position:center center;background-repeat:no-repeat;}
.navhover.beaddreamsSwatch .post a {display:block;width:100%;height:100%;}

.navhover.shopSwatch .item.first {}
.navhover.shopSwatch .inner ul li {padding:5px 0 0 0;}
.navhover.shopSwatch .item.last img {width:150px;height:auto;float:left;margin-right:10px;}
.navhover.shopSwatch .item.last ul {float:left;padding:0;margin:0;}
.navhover.shopSwatch .item.last ul li {padding:0;}
.navhover.shopSwatch .item.last ul li a {font:17px 'Fauna One';line-height:21px;}
.navhover.shopSwatch .item .product {float:left;margin:7px 22px 0 0;width:150px;text-align:center;}
.navhover.shopSwatch .item .product a {font-size:13px;}
.navhover.shopSwatch .item .product img {width:100%;height:auto;}

/*steve c start item 18 fix */
.navhover  img {border:1px solid #ccc;}
.navhover .inner .item .featureImage  {border:1px solid #ccc;}
/*stop*/


/* Tom W -- Sub Nav hovers -- site color*/
.magData h4 a:hover,.item h4 a:hover,.item h4 a:hover span,.item ul li a:hover,.item h5 a:hover,.item a:hover,.navhover.communitySwatch .item.last a:hover span,.suboffers ul li.fauna a:hover{color:#AC1D86;}
/*stop*/


/* Tom W -- Video play button over image */      
/* 1. Video search */
 .playButtonVideoSearch {position:absolute;top:181px;width:45px!important;z-index: 5;}
 .playButtonVideoSearchPage {position:absolute;top:181px;width:45px!important;z-index: 5;}
/* 2. Search option (2 columns results layout) */
  .thumbContainer .container .playButtonSearch {position:absolute;top:85px;left:134px;width:49px!important;z-index: 5;}
/*stop*/


.titleNav {display:none;position:absolute;left:100px;top:100px;min-height:100px;width:150px;z-index:20;padding:0 10px 10px 10px;background:#fff;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;}
.titleNav .item {border-bottom:1px solid #ccc;font-size:10px;text-align:center;padding:10px 0;}
.titleNav .item.last {border-bottom:none;}
.titleNav .item img {margin:0 0 5px 0;}
.titleNav .item a {color:#444;text-decoration:none;}
.titleNav .topArrow {width:100%;text-align:center;position:absolute;left:0;top:-22px;}
.titleNav .close {position:absolute;right:5px;bottom:5px;}



/* Mobile */
.mobileicon {display:none;position:absolute;right:0;bottom:0;width:50px;height:50px;background:url('/sitefiles/images/menu_icon.png') right 20px no-repeat;}
.mobileicon a {width:100%;height:100%;display:block;}

.mobileMenu {display:none;background:#fefefe;position:absolute;left:0;top:83px;width:100%;z-index:100;}
.mobileMenu ul {margin:0;padding:0;list-style:none;}
.mobileMenu ul li {margin:0;padding:0;list-style:none;background:url('/sitefiles/images/arrow_icon.png') right center no-repeat;}
.mobileMenu ul li a {text-decoration:none;width:100%;height:100%;display:block;padding:18px 0 18px 10px;border-bottom:1px solid #ccc;color:#444;font-family:'Fauna One';}

.mobileLogin {display:none;background:#eaeaea url('/sitefiles/images/diagonalpattern-20.png') repeat;padding:10px;}
.mobileLogin h6 {text-align:right;}
.mobileLogin .accountLinks {font-size:12px;text-align:right;color:#888;margin:5px 0 0 0;}
.mobileLogin .accountLinks a {color:#444;text-decoration:none;}
.mobileLogin .statusMessage {border-top:1px dotted #999;padding:10px 0 0 0;margin:15px 0 0 0;font-size:10px;}



/* Footer */
.footer {background:#8F8B7F;min-height:100px;padding:20px 0;font-size:10px;color:#fff;}
.footer .data {}
.footer .data .item {float:left;padding:0 15px;min-height:200px;}
.footer .data .item.logo {}
.footer .data .item.border {border-right:1px solid #A6A296;}
.footer .data .item ul {padding:0;margin:0;}
.footer .data .item ul li {padding:0;margin:0;list-style:none;}
.footer .data .item ul li.heading {font-weight:bold;}
.footer .data .item ul li.heading.newline {margin-top:15px;}
.footer .data .item ul li a {color:#fff;text-decoration:none;line-height:15px;}
.footer .trustedSites {margin:20px 0 0 0;font-weight:bold;padding:0 15px;}
.footer .trustedSites ul {list-style:none;padding:0;margin:5px 0 0 0;}
.footer .trustedSites ul li {list-style:none;padding:0 3px 0 0;margin:0;float:left;font-weight:normal;}
.footer .trustedSites ul li a {color:#fff;text-decoration:none;font-weight:normal;}

.footer .termsPrivacyLinks {overflow:hidden;padding-left:15px;}
.footer .termsPrivacyLinks ul {list-style:none;padding:0px;}
.footer .termsPrivacyLinks ul li {list-style:none;float:left;font-weight:normal;padding:0px 3px 0px 0px;margin:0px;}
.footer .termsPrivacyLinks ul li a {color:#fff;text-decoration:none;font-weight:normal;}


/* Webservice Forms */
.webserviceForms {display:none;}
.loadingSpinner, .dialog.spinner {text-align:center;}
.alertDialog .title, .alertTitle, #alertTitle {padding:0;margin:16px 0 0 0;min-height:0;font: 30px 'Fauna One', Helvetica, Arial, Sans-Serif;font-weight:700;color:#333;}
.alertDialog .OK, .alertOK, #alertOK {margin-top:30px;float:right;border:1px solid #ccc;background:#eaeaea;font-size:13px;font-weight:700;color:#555;padding:10px 20px 10px 20px;}
#alertText{font-family:'Fauna One', Helvetica, Arial, Sans-Serif}


/* Email Password Dialog */
.emailPassForm h2 {padding:0;margin:0 0 25px 0;color:#333;display:inline-block;}
.emailPassForm .dialogClose {position:absolute;right:10px;top:10px;color:#555;background-color:#EAEAEA;font-family:Helvetica, Arial, Sans-Serif;font-weight:700;font-size:0;padding:2px 5px;border:1px solid #CCC;border-radius:5px;cursor:pointer;}
.emailPassForm .dialogClose .x {font-size:13px}
.emailPassForm form {font-weight:700;width:90%;}
.emailPassForm form>div {width:100%;margin-top:25px;font-family:'Fauna One', Helvetica, Arial, Sans-Serif}
.emailPassForm .emailPassErrors {padding-left: 5px;}
.emailPassForm .emailPassErrors label {font-weight: normal;color:Red;}
.emailPassForm form input[type="text"] {padding:5px;border:1px solid #ccc;width:90%;}
.emailPassForm form input:focus {border:1px solid #E6B753;}
.emailPassForm form input[type="submit"] {border:1px solid #ccc;margin-top:25px;background:#eaeaea;font-size:13px;font-weight:700;color:#555;padding:10px 20px 10px 20px;}


/* Login form */
.loginForm {}
.loginForm h2 {padding:0;margin:0 0 25px 0;color:#333;display:inline-block;}
.loginForm .dialogClose {position:absolute;right:10px;top:10px;color:#555;background-color:#EAEAEA;font-family:Helvetica, Arial, Sans-Serif;font-weight:700;font-size:0;padding:2px 5px;border:1px solid #CCC;border-radius:5px;cursor:pointer;}
.loginForm .dialogClose .x {font-size:13px}
.loginForm form {font-weight:700;width:90%;}
.loginForm form>div {width:100%;margin-top:10px;}
.loginForm .loginErrors {padding-left: 5px;}
.loginForm .loginErrors label {font-weight: normal;color:Red;display:block;}
.loginForm form label {display:inline-block;width:90px;font-family:'Fauna One', Helvetica, Arial, Sans-Serif}
.loginForm form .remember label {width:auto}
.loginForm form input[type="text"], .loginForm form input[type="password"] {padding:5px;border:1px solid #ccc;width:100%;max-width:300px;}
.loginForm form input:focus {border:1px solid #E6B753;}
.loginForm form input[type="submit"] {border:1px solid #ccc;margin:10px 0;background:#eaeaea;font-size:13px;font-weight:700;color:#555;padding:10px 20px 10px 20px;}

/* Registration form */
.regForm h2 {padding:0;margin:0 0 25px 0;color:#333;display:inline-block;}
.regForm h3 {text-align: center;margin:0}
.regForm h4 {margin:0}
.regForm .subSelect button {display:block;}
.regForm .dialogClose {position:absolute;right:10px;top:10px;color:#555;background-color:#EAEAEA;font-family:Helvetica, Arial, Sans-Serif;font-weight:700;font-size:0;padding:2px 5px;border:1px solid #CCC;border-radius:5px;cursor:pointer;}
.regForm .dialogClose .x {font-size:13px}
.regForm .progress div {display:inline-block;width:31%;margin:0 1% 10px 1%;text-align:center;border-bottom:3px solid #eaeaea}
.regForm .progress .done, .regForm .progress .current {border-bottom:3px solid #008ab6}
.regForm form .finePrint{font-weight:normal;font-size:13px}
.regForm form label[for='regAddress2'] {font-size:0}
.regForm form label {display:inline-block;width:150px;font-weight:700;font-family:'Fauna One', Helvetica, Arial, Sans-Serif}
.regForm form .field, .regForm form .rightField, .regForm form .doubleField > div {margin-top:10px;}
.regForm form .rightField label {width:auto}
.regForm form input[type="text"] {padding:5px;border:1px solid #ccc;width:100%;max-width:300px;}
.regForm form input[type="password"] {padding:5px;border:1px solid #ccc;}
.regForm form input[type="submit"], .regForm form button {border:1px solid #ccc;margin-top:25px;background:#eaeaea;font-size:13px;font-weight:700;color:#555;padding:10px 20px 10px 20px;}
.regForm button.back {float:left;margin-right:5px;}
.regForm button.link, .regForm .backToSite {border:0;background:none;color:#008ab6;margin:0;padding:0;text-decoration:underline;font-size:inherit;font-weight:normal;}
.regForm form input[type="submit"]:disabled {opacity:.6;filter:alpha(opacity=60);}
.regForm form select {height:31px;border:1px solid #ccc;width:104%;max-width:312px;}
.regForm form input:focus {border:1px solid #E6B753;}
.regForm .errors {margin-bottom:5px;}
.regForm .errors label {display:block;color:Red;padding-left:5px;}
.regForm .optinField label {font-weight:normal;width:410px;padding-left:10px;font-size:13px;}
.regForm .optinField input {vertical-align:top;}
.regForm .fineprint {font-size:10px; margin-top: 10px;}
.regForm pre {font-family:Helvetica,Arial,Sans-Serif;}
.regForm .infoToggle {cursor:pointer;color:#008ab6;}
.regForm .cnumInfo {width:470px;margin: 5px auto 0 auto;}
.regForm .cnumInfo img {width:230px;}
.regForm .notFound {margin-bottom:10px}
.regForm .notFound label {width:auto}
.regForm .notFound .rel {display:inline-block;position:relative;margin-bottom:24px;}
.regForm .notFound .rel input {width:auto;}
.regForm .notFound .moreInfo {position:absolute;left:0;top:35px;font-weight:700;font-size:12px;cursor:pointer;color:#008AB6;}
.regForm .notFound button {margin:0}
.regForm .notFound .logo {background-image:url('/SiteFiles/Images/digital_logos.png');display:inline-block;background-repeat:no-repeat;vertical-align:top;margin-right:8px;}
.regForm .notFound .logo.apple {width:81px;height:23px;}
.regForm .notFound .logo.google {width:104px;height:24px;background-position: -91px -3px;}
.regForm .notFound .logo.nook {width:61px;height:23px;background-position: 0 -29px;}
.regForm .notFound .logo.kindle {width:106px;height:27px;background-position:-86px -31px;}
.regForm .notFound .logo.zinio {width:85px;height:25px;background-position: 0 -56px;}
.regForm .moreBox h5 {margin:10px 0}



/* Upgrade form */
.upgradeRegForm h2 {padding:0;margin:0 0 25px 0;color:#333;display:inline-block;}
.upgradeRegForm .dialogClose {position:absolute;right:10px;top:10px;color:#555;background-color:#EAEAEA;font-family:'Roboto', Helvetica, Arial, Sans-Serif;font-weight:700;font-size:0;padding:2px 5px;border:1px solid #CCC;border-radius:5px;cursor:pointer;}
.upgradeRegForm .dialogClose .x {font-size:13px}
.upgradeRegForm form {font-weight:700;width:90%;}
.upgradeRegForm form .finePrint {font-weight:normal;font-size:13px}
.upgradeRegForm form>div {margin-top:10px;width:100%}
.upgradeRegForm form>div>div:first-child {margin-bottom:10px;}
.upgradeRegForm form>div>div {display:inline-block;display:inline-table;width:100%;}
.upgradeRegForm form label[for='upgradeAddress2'] {font-size:0}
.upgradeRegForm form label {display:inline-block;width:120px;font-family:'Fauna One', Helvetica, Arial, Sans-Serif}
.upgradeRegForm form input[type="text"] {padding:5px;border:1px solid #ccc;width:100%;max-width:300px;}
.upgradeRegForm form input[type="submit"] {border:1px solid #ccc;margin-top:25px;background:#eaeaea;font-size:13px;font-weight:700;color:#555;padding:10px 20px 10px 20px;}
.upgradeRegForm form select {height:31px;border:1px solid #ccc;width:104%;max-width:312px;}
.upgradeRegForm form input:focus {border:1px solid #E6B753;}
.upgradeRegForm .upgradeRegErrors label {display:block;color:Red;padding-left:5px;}
.upgradeRegForm .optinField label {font-weight:normal;width:410px;padding-left:10px;font-size:13px;}
.upgradeRegForm .optinField input {vertical-align:top;}



/* Sidebar elements */
.sidebarSubscribe {border-bottom:1px solid #ccc;padding:0 0 10px 0;}
.sidebarSubscribe .currentIssue {margin:0 0 10px 0;}
.sidebarSubscribe .currentIssue img {width:166px;height:auto;}
.sidebarSubscribe .offers {font:13px 'Fauna One';color:#444;}
.sidebarSubscribe .offers a {text-decoration:none;color:#444;}
.sidebarSubscribe .offers span {padding:0 7px;}

.sidebarFollow {border-bottom:1px solid #ccc;margin:20px 0 0 0 ;padding:0 0 20px 0;}

.sidebarNewsletter {border-bottom:1px solid #ccc;margin:20px 0 0 0;padding:0 0 20px 0;font:13px 'Fauna One'}
.sidebarNewsletter a {text-decoration:none;}
.sidebarNewsletter .icon {display:inline-block;margin-right:5px;}
.sidebarNewsletter .content {display:inline-block;text-align:left;}

.sidebarMarketPlace {margin:20px 0 0 0;}
.sidebarMarketPlace .ad {margin:10px 0 0 0;display:inline-block;width:180px;height:150px;background:#eaeaea url('/sitefiles/images/diagonalpattern-20.png') repeat;padding:10px;}

.sidebarFreebies {margin:20px 0 0 0;font:13px 'Fauna One';border-bottom:1px solid #ccc;padding-bottom:10px;}
.sidebarFreebies .left {display:inline-block;width:50%;text-align:left;vertical-align:top;}
.sidebarFreebies .right {display:inline-block;width:50%;text-align:left;vertical-align:top;}
.sidebarFreebies a {text-decoration:none;color:#444;}
.sidebarFreebies ul {padding-top:0;margin-top:0;}
.sidebarFreebies ul li {padding-top:10px;}
.sidebarFreebies .conversionPromo {margin:5px auto;border: 1px solid #ccc;background:url('/sitefiles/images/diagonalPattern_trans.png') repeat;font-family:Verdana;font-size:14px;color:#222;max-width:350px; padding:15px;}
.sidebarFreebies .conversionPromo .logo {text-align:left; padding-bottom:5px;}
.sidebarFreebies .conversionPromo .promoImage {float:left; width:48%; padding: 0 2% 0 0;}
.sidebarFreebies .conversionPromo .promoImage img {width:100%; height:auto; border: 1px solid #ccc;}
.sidebarFreebies .conversionPromo .contentArea {float:right; width:48%; padding: 0 0 0 2%;}
.sidebarFreebies .conversionPromo .heading {font:16px 'Fauna One'; padding-top:15px; color:#007499; text-align:left;}
.sidebarFreebies .conversionPromo .text {font:17px Verdana; color:#222222; font-weight:bold; text-align:left;}
.sidebarFreebies .conversionPromo a {color: #007499;text-transform: uppercase;font-weight:bold;} 
.sidebarFreebies .conversionPromo .button a { display:block; width:50%; margin:20px auto; padding:10px 25px; color:#fff; border-radius:3px; background-color:#007499; font-family:'Fauna One'; font-size:15px; }



/* Ad zones */
.adZone {background:#eaeaea url('/sitefiles/images/diagonalpattern-20.png') repeat;padding:10px;margin:25px 0 0 0;}
.adZone.marketplace {margin:20px 10px 0 10px;display:inline-block;width:180px;height:150px;}



/* Bottom content callouts */
.bottomContentCallouts {margin-bottom:20px;}
.bottomContentCallouts h3 {margin::0 0 5px 0;}
.bottomContentCallouts .shopCallout {font-size:13px;}
.bottomContentCallouts .shopCallout h4 {margin:0 0 5px 0;}
.bottomContentCallouts .shopCallout h4 a {color:#444;text-decoration:none;}
.bottomContentCallouts .shopCallout h6 {font-size:12px;}
.bottomContentCallouts .shopCallout p {padding:0;margin:0;}
.bottomContentCallouts .shopCallout img {width:50%;height:auto;float:right;margin:0 0 5px 10px;}

.connectCallout {text-align:center;}
.connectCallout h6 a {color:#444;text-decoration:none;}

.subscribeCallout {font-size:13px;}
.subscribeCallout .left {float:left;width:35%;margin-right:5%;}
.subscribeCallout .left img {width:100%;height:auto;}
.subscribeCallout .right {float:left;width:60%;margin-top:10px;}
.subscribeCallout .right h6 {line-height:18px;}
.subscribeCallout .right a {text-decoration:none;}



/* Top ribbon */
.topRibbon {margin:20px 0 0 0;color:#fff;}
.topRibbon .gridColumn {background:#B41885 url('/sitefiles/images/diagonalpattern-20.png') repeat;text-align:center;position:relative;}
.topRibbon .gridColumn a {color:#fff;text-decoration:none;width:100%;height:100%;display:block;padding:7px;}
.topRibbon .close {display:none;position:absolute;width:60px;height:40px;background:url('/sitefiles/images/topribbon-close.png') 20px 5px no-repeat;right:0;top:0;}
.topRibbon .close a {width:100%;height:100%;display:block;}



/* Share icons default */
.shareIcons.default img {width:23px;height:auto;}



/* Breadcrumbs */
.breadcrumbs {font-size:10px;color:#666;margin:0 0 15px 0;}
.breadcrumbs a {color:#666;text-decoration:none;}
.breadcrumbs ul {padding:0;margin:0;list-style-type:none;}
.breadcrumbs ul li {padding:0 4px 0 0;margin:0;list-style-type:none;float:left;}
.breadcrumbs ul li.current {color:#222;font-weight:bold;}



/* Article */
.article {}
.article .shareIcons {padding:7px 0;margin-bottom:20px;}
.article .fromIssue {font-size:12px;font-weight:bold;text-transform:uppercase;margin-bottom:5px;}
.article .fromIssue a {text-decoration:none;}
.article .subheading {font-size:18px;margin:10px 0 0 0;}
.article .byline {color:#666;font-size:12px;margin:10px 0 0 0;}
.article .byline a {color:#666;text-decoration:none;}
.article .byline a:hover {text-decoration:underline;}
.article .tags {margin:10px 0 0 0;font-size:11px;font-weight:bold;text-transform:uppercase;}
.article .tags a {text-decoration:none;}
.article .segment {margin:0 0 25px 0;}
.article .segment .content {font-size:14px;line-height:21px;}
.article .segment .content p {padding:0;margin:0 0 25px 0;}
.article .segment .caption {font-size:12px;padding:1px;color:#333;margin-top:2px;}
.article .segment .caption p {padding:0;margin:0 0 20px 0;}
.article .segment .title {font-size:14px;font-weight:bold;padding:1px;margin-top:2px;}
.article .segment .credit {font-size:11px;color:#666;text-align:right;margin-top:5px;}

.article .segment .attachments {background:#f4f4f4;padding:10px;font-size:12px;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;clear:both;margin-top:20px;}
.article .segment .attachments h6 {padding:0;margin:0;font-size:13px;font-weight:bold;}
.article .segment .attachments ul {padding:0;margin:0 0 0 20px;}
.article .segment .attachments ul li {margin:5px 0 5px 0;}

.article .segment .mediaContainer {padding:10px;margin-bottom:20px;}
.article .segment .mediaContainer img {width:100%;height:auto;border:1px solid #ccc;}
.article .segment .mediaRight {float:right;margin:0 0 0 12px;width:50%;}
.article .segment .mediaLeft {float:left;margin:0 12px 0 0;width:50%;}
.article .segment .heroTop .mediaContainer {background:none;padding:0;width:99%;}
.article .segment .heroBottom .mediaContainer {background:none;padding:0;margin-top:20px;width:99%;}
.article .segment .video {margin:0 auto;height:420px;position:relative;z-index:0;}


.article .relatedArticles {margin:40px 0 0 0;}
.article .relatedArticles .sliderContainer {position:relative;margin:10px 0 0 0;}
.article .relatedArticles .sliderContainer .left {position:absolute;left:0;top:50px;z-index:20;display:none;}
.article .relatedArticles .sliderContainer .right {position:absolute;right:0;top:50px;z-index:20;display:none;}
.article .relatedArticles .sliderContainer .center {margin:0 40px 0 40px;overflow:hidden;}
.article .relatedArticles .sliderContainer .center a {text-decoration:none;color:#000;}
.article .relatedArticles .sliderContainer .center .slider {width:1000%;position:relative;}
.article .relatedArticles .sliderContainer .center .slider .itemContainer {}
.article .relatedArticles .sliderContainer .center .slider .item {display:inline-block;vertical-align:top;}
.article .relatedArticles .sliderContainer .center .slider .item .data {float:left;width:140px;margin:0 33px 0 0;}
.article .relatedArticles .sliderContainer .center .slider .item .data img {width:100%;height:auto;border:1px solid #ccc;}

.article .articleGallery {margin:0 0 25px 0;}
.article .articleGallery .photo {}
.article .articleGallery .photo .container {background:#000;width:100%;height:620px;overflow:hidden;position:relative;}
.article .articleGallery .container .advanceRight {position:absolute;right:0;top:0;z-index:10;display:none;}
.article .articleGallery .container .advanceLeft {position:absolute;left:0;top:0;z-index:10;display:none;}
.article .articleGallery .container table {height:100%;}
.article .articleGallery .container img.width {width:100%;height:auto;}
.article .articleGallery .container img.height {height:100%;width:auto;}
.article .articleGallery .viewLarger {float:left;margin:5px 0 0 0;font-size:10px;font-weight:bold;}
.article .articleGallery .viewLarger a {text-decoration:none;color:#333;}
.article .articleGallery .viewLarger img {float:left;}
.article .articleGallery .viewLarger span {float:left;margin:6px 0 0 5px;}
.article .articleGallery .credit {float:right;font-size:11px;color:#555;margin:10px 0 0 0;}
.article .articleGallery .photo .caption {font-size:14px;line-height:19px;}
.article .articleGallery h2 {font-weight:700;font-size:19px;padding:0;margin:15px 0 0 0;}

.article .articleGallery .gallerySlider {margin:30px 0 0 0;}
.article .articleGallery .gallerySlider .sliderContainer {position:relative;margin:10px 0 0 0;}
.article .articleGallery .gallerySlider .sliderContainer .left {position:absolute;left:0;top:20px;z-index:20;display:none;}
.article .articleGallery .gallerySlider .sliderContainer .right {position:absolute;right:0;top:20px;z-index:20;display:none;}
.article .articleGallery .gallerySlider .sliderContainer .center {margin:0 40px 0 40px;overflow:hidden;}
.article .articleGallery .gallerySlider .sliderContainer .center .slider {width:5000%;position:relative;overflow:hidden;}
.article .articleGallery .gallerySlider .sliderContainer .center .slider .itemContainer {}
.article .articleGallery .gallerySlider .sliderContainer .center .slider .item {display:inline-block;vertical-align:top;}
.article .articleGallery .gallerySlider .sliderContainer .center .slider .item .data {float:left;width:85px;height:70px;background:#222;margin:0 10px 0 0;background-position:center center;background-repeat:no-repeat;}
.article .articleGallery .gallerySlider .sliderContainer .center .slider .item .data a {width:100%;height:100%;display:block;}

.article .pager {border-top:1px solid #ccc;font-size:13px;font-weight:bold;padding:5px 0 10px 0;height:30px;}
.article .pager div {float:right;margin-left:10px;}
.article .pager img {}

.article .commentcounts {cursor:pointer;display:none;}
.article .commentcounts .bubble {display:inline-block;color:#fff;font-size:20px;text-align:center;margin:0 10px 0 0;padding:5px 0 0 0;width:42px;height:50px;background:url('/sitefiles/images/bubble.png') center 3px no-repeat;}
.article .commentcounts .data {display:inline-block;height:50px;vertical-align:top;font-size:14px;}
.article .commentcounts .data strong {color:#007498}


/* Advertisement Banner */
.article .promo .media img {border:1px solid #ccc; height:auto;width: 96%;}


/* Product Suggest */
.productSuggest {margin:30px 0 0 0;}
.productSuggest .productSlider {}
.productSuggest .productSlider .sliderContainer {position:relative;margin:10px 0 0 0;}
.productSuggest .productSlider .sliderContainer .left {position:absolute;left:0;top:60px;z-index:20;display:none;}
.productSuggest .productSlider .sliderContainer .right {position:absolute;right:0;top:60px;z-index:20;display:none;}
.productSuggest .productSlider .sliderContainer .center {margin:0 40px 0 40px;overflow:hidden;}
.productSuggest .productSlider .sliderContainer .center a {text-decoration:none;color:#000;}
.productSuggest .productSlider .sliderContainer .center .slider {width:1000%;position:relative;}
.productSuggest .productSlider .sliderContainer .center .slider .itemContainer {}
.productSuggest .productSlider .sliderContainer .center .slider .item {display:inline-block;vertical-align:top;}
.productSuggest .productSlider .sliderContainer .center .slider .item .data {float:left;width:140px;margin:0 30px 0 0;}
.productSuggest .productSlider .sliderContainer .center .slider .item .data img {width:100%;height:auto;}



/* Pay wall */
.payWall {background:#f1ebe2;border:1px solid #999;padding:15px;margin:20px 0 0 0;font-size:14px;}
.payWall h4 {padding:0;margin:0 0 10px 0;}
.payWall ul li {padding:0 0 2px 0;}
.payWall .buttons a {padding:10px 10px;}
.payWall .register {margin:25px 0 0 0;}
.payWall .register .action {float:left;margin:0 20px 0 0;}
.payWall .register .action img {width:100%;height:auto;}
.payWall .register .content {float:left;}
.payWall .register .content a {text-decoration:none;}
.payWall .register .content a:hover {text-decoration:underline;}
.payWall .subscribe {border-top:1px solid #777;margin:25px 0 0 0;padding:25px 0 0 0;}
.payWall .subscribe .currentIssue {width:30%;float:left;margin-right:4%;}
.payWall .subscribe .currentIssue img {width:100%;height:auto;}
.payWall .subscribe .content {float:left;width:65%;}
.payWall.subscriber .subscribe {border-top:none;margin:0;padding:0;}
.payWall.subscriber .register {border-top:1px solid #777;margin:25px 0 0 0;padding:25px 0 0 0;}
.payWall.subscriber .register .action {margin:25px 20px 0 0;}
.payWall.subscriber .register .addAccess {padding:10px 10px;color:#fff;background-color:#007499;border:none;border-radius:3px;font:15px 'Fauna One';}
.payWall.subscriber .register .content {margin:25px 0 0 0;}
.payWall .register .rel {position:relative;display:inline-block;margin:0 10px 20px 0;vertical-align:top;}
.payWall .register .moreInfo {font-weight:700;cursor:pointer;position:absolute;left:0;top:24px;font-size:12px;color:#5785D0;}
.payWall .logo {background-image:url('/sitefiles/images/digital_logos.png');display:inline-block;background-repeat:no-repeat;vertical-align:top;margin-right:8px;}
.payWall .logo.apple {width:81px;height:23px;}
.payWall .logo.google {width:104px;height:24px;background-position: -91px -3px;}
.payWall .logo.nook {width:61px;height:23px;background-position: 0 -29px;}
.payWall .logo.kindle {width:106px;height:27px;background-position:-86px -31px;}
.payWall .logo.zinio {width:85px;height:25px;background-position: 0 -56px;}
.payWall.emailRegistration .form {padding:10px 0 0 0;font-size:13px;font-weight:bold;}
.payWall.emailRegistration .form .textField {width:60%;float:left;margin-right:30px;}
.payWall.emailRegistration .form .textField input {width:100%;padding:10px 5px;border:1px solid #999;color:#555;border-radius:3px;}
.payWall.emailRegistration .form .button {float:left;margin:2px 0 0 0;}
.payWall.emailRegistration .disclaimer {margin:25px 0 0 0;font-size:10px;font-weight:bold;}



/* Section */
.section {min-height:800px;}
.section .description {font:18px Verdana,Helvetica,Arial,Sans-Serif;margin:10px 0 0 0;}
.section .dataSection {margin:25px 0 0 0;}
.section .dataSection .dataHeader {font-size:14px;font-weight:bold;}
.section .dataSection .dataHeader a {color:#000;text-decoration:none;}
.section .dataSection .subheading {font-size:12px;margin:5px 0 0 0;}
.section .dataSection.withBorder {border-bottom:1px solid #ccc;}

.section .dataSection .dataFloat {display:inline-block;vertical-align:top;}
.section .dataSection .dataFloat .container {float:left;width:240px;margin:0 25px 35px 0;}
.section .dataSection .dataFloat .container .thumbnail {width:100%;height:150px;background:#000;margin:5px 0 5px 0;background-position:center center;background-repeat:no-repeat;overflow:hidden;}
.section .dataSection .dataFloat .container .thumbnail a {width:100%;height:100%;display:block;}
.section .dataSection .dataFloat .container .thumbnail img {width:100%;height:auto;}

.section .dataItem {border-bottom:1px solid #ddd;padding:25px 0 25px 0;}
.section .dataItem.noBorder {border-bottom:none;}
.section .dataItem.last {border-bottom:none;}
.section .dataItem.first {padding:0 0 20px 0;}
.section .dataItem .content {float:left;width:100%;}
.section .dataItem .content.withImage {width:70%;}
.section .dataItem .thumbnail {width:27%;margin:0 3% 0 0;float:left;}
.section .dataItem .thumbnail img {width:100%;height:auto;border:1px solid #ccc;}
.section .dataItem .hero {margin:0 0 10px 0;}
.section .dataItem .hero img {width:100%;height:auto;}
.section .dataItem h2 a, .section .dataSection h2 a {text-decoration:none;color:#444;font-size:22px;}
.section .dataItem h2 img {margin:0 0 0 5px;}
.section .dataItem .byline {color:#666;font-size:12px;margin:5px 0 0 0;}
.section .dataItem .byline a {color:#666;text-decoration:none;}
.section .dataItem .byline a:hover {text-decoration:underline;}
.section .dataItem .snippet {font-size:13px;margin:10px 0 0 0;line-height:18px;}
.section .dataItem .snippet p {padding:0;margin:0;}
.section .dataItem .tags {font-size:10px;color:#222;text-transform:uppercase;margin:15px 0 0 0;font-weight:bold;}
.section .dataItem .tags a {text-decoration:none;}
.section .dataItem .tags a:hover {text-decoration:underline;}
.section .dataItem .microTextBold {font-size:10px;font-weight:bold;color:#006080;}
.section .dataItem .microTextBold a {text-decoration:none;}
.section .dataItem .subex {margin:5px 0 0 0;}

.section .thumbContainer {display:inline-block;vertical-align:top;}
.section .thumbContainer .container {float:left;width:350px;margin:0 20px 25px 0;}
.section .thumbContainer .container .previewImage {width:330px;height:213px;padding:10px;border:1px solid #ccc;margin:0 0 7px 0;position:relative;}
.section .thumbContainer .container .previewImage:after{ content: ' ';display: block;background-color: #fff;height: 12px;width: 97%;position: absolute;bottom: 0;}
.section .thumbContainer .container .previewImage a {display:block;}
.section .thumbContainer .container .previewImage .thumb {width:330px;height:215px;overflow:hidden;text-align:center;vertical-align:middle;position:relative;}
.section .thumbContainer .container .previewImage .thumb table {height:100%;}
.section .thumbContainer .container .previewImage .thumb table tr {}
.section .thumbContainer .container .previewImage .thumb table tr td {vertical-align:middle;}
.section .thumbContainer .container .previewImage .thumb .social {position:absolute;bottom:0;left:0;height:35px;width:100%;display:none;}
.section .thumbContainer .container .previewImage .thumb .social .bg {width:100%;height:100%;background:#fff;position:absolute;left:0;top:0;z-index:1;opacity:0.8;}
.section .thumbContainer .container .previewImage .thumb .social .icons {position:relative;z-index:2;vertical-align:middle;text-align:right;}
.section .thumbContainer .container .previewImage .thumb .social .icons img {width:22px;height:auto;margin:6px 6px 0 0;}
.section .thumbContainer .container .previewImage .thumb .social .icons .share {display:inline-block;}.section .thumbContainer .microTextBold {font-size:10px;font-weight:bold;color:#006080;}
.section .thumbContainer .microTextBold a {text-decoration:none;}
.section .thumbContainer .container h4 a {text-decoration:none;color:#444;}
.section .thumbContainer .container .description {font-size:13px;margin:5px 0 0 0;}
.section .thumbContainer .container .byline {font-size:11px;margin:3px 0 0 0;color:#666;}
.section .thumbContainer .container .byline a {text-decoration:none;color:#666;}
.section .thumbContainer .container .byline a:hover {text-decoration:underline;}
.section .thumbContainer .container .tags {margin:10px 0 0 0;font-size:10px;color:#777;}
.section .thumbContainer .container .tags a {text-decoration:none;font-weight:bold;text-transform:uppercase;}
.section .thumbContainer .container .previewImage .label {padding:5px 10px;color:#fff;position:absolute;left:0;top:25px;font:13px 'Fauna One';z-index:9;}
.section .thumbContainer .container .previewImage .free {background:#B41985;}
.section .thumbContainer .container .previewImage .subscribers {background:#057396;}
.section .thumbContainer .container .previewImage .buyTutorial {background:#8ea41d;}

.section .results {margin:25px 0 0 0;}
.section .results .spinner {width:100%;text-align:center;display:none;}
.section .results .loadMore {width:100%;margin:25px 0 0 0;display:none;}

.section .results .loadMore div {background:#f1ebe2 url('/sitefiles/images/diagonalpattern-20.png') repeat;text-align:center;border-radius:5px;}
.section .results .loadMore div a {color:#555;text-decoration:none;width:100%;height:100%;display:block;padding:10px 0 10px 0;}

.section .searchBox {background:#ccc url('/sitefiles/images/diagonalpattern-20.png') repeat;padding:10px;margin:25px 0 0 0;}
.section .searchBox span {font-weight:bold;color:#007498;}
.section .searchBox span.totalCount {color:#444;}
.section .searchBox .form {margin:10px 0 0 0;}
.section .searchBox .form input {width:60%;border:1px solid #999;padding:7px;border-radius:5px;color:#666;float:left;}
.section .searchBox .form .button {float:left;margin:2px 0 0 10px;}



/* Search results */
.searchResults {}
.searchResults h1 span {color:#999;}
.searchResults .tagging {margin:20px 0 0 0;}



/* Basic project filter */
.basicFilter {}
.basicFilter .item {position:relative;display:inline-block;font:20px 'Fauna One';margin-right:5px;}
.basicFilter .item .option {background:#ccc url('/sitefiles/images/diagonalpattern-20.png') repeat;padding:7px;font:bold 15px Verdana,Helvetica,Arial,Sans-Serif;}
.basicFilter .item .option a {text-decoration:none;}
.basicFilter .item .option a:hover {color:#007498;}
.basicFilter .item .option span {background:#fff;padding:2px 10px;}
.basicFilter .item.project .option a {color:#B41985;}

.basicFilter .item .filterOptions {position:absolute;width:100%;text-align:center;z-index:10;display:none;}
.basicFilter .item .filterOptions .arrow {width:100%;height:12px;margin-top:5px;background-position:center center;background-repeat:no-repeat;}
.basicFilter .item.project .filterOptions .arrow {background-image:url('/sitefiles/images/arrow-up-purple.png');}
.basicFilter .item.technique .filterOptions .arrow {background-image:url('/sitefiles/images/arrow-up-magenta.png');}

.basicFilter .item.project .filterOptions .selections {border:6px solid #B41985;background:#fff;padding:5px;border-radius:5px;}
.basicFilter .item.technique .filterOptions .selections {border:5px solid #73AEBE;background:#fff;padding:5px;border-radius:5px;}
.basicFilter .item .filterOptions .selections a {font:11px Verdana,Helvetica,Arial,Sans-Serif;text-decoration:none;width:100%;height:100%;display:block;padding:10px 0;text-transform:uppercase;color:#444;}
.basicFilter .item .filterOptions .selections a:hover {background:#eaeaea;color:#000;}
.basicFilter .item .filterOptions .selections ul {list-style:none;padding:0;margin:0;}
.basicFilter .item .filterOptions .selections ul li {list-style:none;padding:0;margin:0;border-bottom:1px solid #ccc;}


/* Projects */
.projects {min-height:800px;}
.projects .filters {margin:25px 0 0 0;}
.projects .filters .basicFilter {float:left;}
.projects .filters .calloutLink {float:right;font-size:12px;margin:10px 0 0 0;}
.projects .filters .calloutLink a {color:#666;}
.projects .grayBox {margin:25px 0 0 0;display:none;}
.projects .grayBox div {margin:5px 0 0 0;font-size:14px;}
.projects .grayBox div a {text-decoration:none;font-weight:bold;}

.projects .advanced {background:#ccc url('/sitefiles/images/diagonalpattern-20.png') repeat;padding:15px;}
.projects .advanced .textField {float:left;width:75%;position:relative;}
.projects .advanced .textField input {font-size:16px;color:#999;padding:10px;border:1px solid #999;border-radius:5px;width:100%;height:20px;}
.projects .advanced .button {float:left;margin:5px 0 0 45px;}
.projects .advanced .textField .autoSuggest {z-index:30;position:absolute;left:0;top:40px;background:#fff;border-top:1px solid #ccc;border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999;padding:0 10px;width:100%;display:none;}
.projects .advanced .textField .autoSuggest ul {list-style:none;padding:0;margin:0;}
.projects .advanced .textField .autoSuggest ul li {list-style:none;padding:0;margin:0;}
.projects .advanced .textField .autoSuggest ul li a {width:100%;height:100%;display:block;padding:12px 0;border-bottom:1px dotted #ccc;}
.projects .advanced .textField .autoSuggest ul li a img {float:left;width:10%;margin-right:2%;height:auto;border:1px solid #ccc;display:block;}
.projects .advanced .textField .autoSuggest ul li a h4 {float:left;width:86%;text-decoration:none;color:#444;display:block;}
.projects .advanced .textField .autoSuggest ul li a.count h4 {color:#007498;font-weight:bold;font-size:20px;}
.projects .advanced .textField .autoSuggest ul li a:hover {background:#eaeaea;}
.projects .advanced .textField .autoSuggest .spinner {text-align:center;padding:15px 0;}



/* Tagging */
.tagging {background:#ccc url('/sitefiles/images/diagonalpattern-20.png') repeat;padding:15px;}
.tagging span {background:#eaeaea;border:1px solid #ccc;border-radius:2px;font-size:11px;padding:5px;margin:0 8px 8px 0;display:inline-block;}
.tagging span img {margin:0 0 0 5px;cursor:pointer;}
.tagging h6 {margin:0 0 5px 0;}
.tagging .textField {float:left;width:45%;position:relative;}
.tagging .textField input {font-size:13px;color:#999;padding:5px;border:1px solid #999;border-radius:5px;width:100%;height:18px;}
.tagging .button {float:left;margin:3px 0 0 30px;}
.tagging .button a {padding:4px 20px;font-size:13px;}

.tagging .autoSuggest {z-index:29;position:absolute;left:0;top:29px;background:#fff;border-top:1px solid #ccc;border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999;width:100%;display:none;}
.tagging .autoSuggest ul {list-style:none;padding:0;margin:0;}
.tagging .autoSuggest ul li {list-style:none;padding:0;margin:0;}
.tagging .autoSuggest ul li a {height:100%;display:block;padding:7px 7px;border-bottom:1px dotted #ccc;text-decoration:none;color:#444;font-size:13px;}
.tagging .autoSuggest ul li a:hover {background:#eaeaea;}
.tagging .autoSuggest .spinner {text-align:center;padding:15px 0;}

.tagging .tags {background:#fff;padding:10px;margin:10px 0 0 0;display:none;}

.tagging .question {float:right;margin:10px 0 0 0;}



/* Homepage */
.homepage {}
.homepage .homepageSlider {height:462px;border:1px solid #ccc;margin:0 0 25px 0;}
.homepage .homepageSlider .item {position:relative;overflow:hidden;height:100%;}
.homepage .homepageSlider .item.hidden {display:none;}
.homepage .homepageSlider .item img.main {width:100%;height:auto;}
.homepage .homepageSlider .item .dataBg {position:absolute;left:0;bottom:0;z-index:10;width:100%;height:90px;background:#fff;}
.homepage .homepageSlider .item .data {position:absolute;left:0;bottom:0;z-index:20;height:70px;margin:0 20px 10px 20px;}
.homepage .homepageSlider .item .data a {color:#444;text-decoration:none;}
.homepage .homepageSlider .item .arrow {position:absolute;z-index:20;top:170px;display:none;}
.homepage .homepageSlider .item .arrow.left {left:0;}
.homepage .homepageSlider .item .arrow.right {right:0;}

.homepage .features {float:left;width:60%;margin-right:5%;border-bottom:1px solid #ccc;padding-bottom:10px;}
.homepage .features .item {font-size:14px;}
.homepage .features .item.first {padding:0 0 20px 0;}
.homepage .features .item h4 {margin:0 0 6px 0;}
.homepage .features .item h4 a {color:#444;text-decoration:none;}
.homepage .features .item p {padding:0;margin:0 0 15px 0;}
.homepage .features img {width:150px;height:auto;border:1px solid #ccc;}
.homepage .features .left {float:left;margin:0 10px 10px 0;}
.homepage .features .right {float:right;margin:0 0 10px 10px;}

.homepage .blogs {float:left;width:35%;}
.homepage .blogs .item {display:none;text-align:center;}
.homepage .blogs .item h4 a {color:#444;text-decoration:none;}
.homepage .blogs .item h6 a {text-decoration:none;color:#444;}
.homepage .blogs .item .date {font-size:11px;margin:10px 0 0 0;color:#666;}
.homepage .blogs .item .thumbnail {margin:0 0 10px 0;}
.homepage .blogs .item .thumbnail img {border:1px solid #ccc;width:200px;height:auto;}
.homepage .blogs .dots {text-align:center;margin:10px 0 0 0;}
.homepage .blogs .seeAll {border-top:1px solid #ccc;text-align:right;margin:10px 0 0 0;padding:5px 0 0 0;}
.homepage .blogs .seeAll a {font:12px 'Fauna One';text-decoration:none;}


.homepage .projects {margin:23px 0 0 0;}
.homepage .hfProjectQuery {display:none;}
.homepage .projects .seeAll {border-top:1px solid #ccc;text-align:right;margin:10px 0 0 0;padding:5px 0 0 0;}
.homepage .projects .seeAll a {font:12px 'Fauna One';text-decoration:none;}

.homepage .classPreviews {}
.homepage .classPreviews a {color:#444;}
.homepage .classPreviews h4 {text-align:center;}
.homepage .classPreviews .classes {margin:10px 0 0 0;}
.homepage .classPreviews .classes .item {float:left;width:190px;margin:0 30px 0 0;}
.homepage .classPreviews .classes .item .previewImage {padding:10px;border:1px solid #ccc;}
.homepage .classPreviews .classes .item .previewImage img {width:100%;height:auto;}
.homepage .classPreviews .classes .item h5 a {text-decoration:none;margin:5px 0 0 0;}
.homepage .classPreviews .classes .item .byline {color:#666;font-size:11px;margin:5px 0 0 0;}
.homepage .classPreviews .classes .item .description {font-size:12px;margin:5px 0 0 0;}

/***************************************************************Steve C Start **************************************************************/

/*Border Bottom Fix 6  */

.article  {border-bottom:1px solid #ccc;padding-bottom:30px;}
.productSuggest {border-bottom:1px solid #ccc;margin-bottom:30px;padding-bottom:30px;}
.homepage .classes {border-bottom:1px solid #ccc;padding-bottom:30px;}

/* stop */


/*Homepage */
.homepage .homepageSlider .item .data {width:95%;}
.homepage .homepageSlider .item .data h3 {text-align:center;}

/*Marketplace */
.sidebarMarketPlace .marketplaceLink {padding:10px 0px;border-bottom:1px solid #ccc;}
.sidebarMarketPlace .marketplaceLink  a {text-decoration:none;}

/*Current Image Border Fix start *************************************************/

   /*footer */
.subscribeCallout .left a img {border:1px solid #ccc;} 

  /*sidebar */
  
.sidebarSubscribe .currentIssue a img {border:1px solid #ccc;}

   /*back issues and toc */
  .issueDisplay .issueContainer .container a img {border:1px solid #ccc;}
   
 /*wall */
 .payWall .subscribe .currentIssue a img {border:1px solid #ccc;}
 
/***************************************stop *************************************/

/*The Magazine*/
 .aboutUsSectionContainer {overflow:hidden;margin-top:15px;}
 .aboutUsSectionContainer .magImageContainer {float:left;width:48%;margin-right:2%;}
 .aboutUsSectionContainer .magImageContainer img {width:100%;height:auto;border:1px solid #ccc;}
/* Optionally Convert to inline styles for deployment */
 .aboutUsSectionContainer .descriptionContainer {float:left;width:48%;font-family:'Fauna One'}

.magazineMainContainer {border-bottom:1px solid #ccc;padding-bottom:15px;}
.magazineMainContainer .divider {border-bottom:1px solid #ccc;margin:20px 0px;}
.magazineMainContainer h1 {margin-bottom:50px;}
.magazineMainContainer .links {margin-top:10px;}
.magazineMainContainer  .linkItem {padding:3px;}
.magazineMainContainer .links a {padding:4px;text-decoration:none;font-weight:bold;}
.magazineMainContainer .links a:hover:{text-decoration:underline;color:#0091c0;}
.magazineMainContainer .MagLinksContainer {overflow:hidden;border-bottom:1px solid #ccc;padding-bottom:15px;}
.magazineMainContainer .MagLinksContainer a {text-decoration:none;color:#444;font-weight:400;}
.magazineMainContainer .MagLinksContainer .leftLinks {float:left;width:48%;margin-right:2%;}
.magazineMainContainer .MagLinksContainer .rightLinks {float:left;width:48%;}

.magazineMainContainer .SubsExtraAndContact {overflow:hidden;margin-top:20px;}
.magazineMainContainer .SubsExtraAndContact a {text-decoration:none;color:#444;font-weight:400;}

.magazineMainContainer .SubsExtraAndContact .SubsExtra {float:left;width:48%;margin-right:2%;}
.magazineMainContainer .SubsExtraAndContact .Contact {float:left;width:48%;}


/*Newsletter */

/*Intro*/
.EmailNewsletterContainer .intro {padding:20px 0px;}


/*BNB*/

.bnbSelectContainer {border:1px solid #ddd;overflow:hidden;padding:15px;}
.bnbSelectContainer .imgSection {float:left;width:20%;margin-right:1%;}
.bnbSelectContainer .txtSection {float:left;width:35%;margin-right:2%;}
.bnbSelectContainer .cbxSection {float:left;width:35%;background-color:#ca0188;text-align:center;color:#fff;padding:15px;}

/*BDS*/

.bdsSelectContainer {border:1px solid #ddd;overflow:hidden;padding:15px;margin-top:15px;}
.bdsSelectContainer .imgSection {float:left;width:20%;margin-right:2%;}
.bdsSelectContainer .txtSection {float:left;width:35%;margin-right:2%;}
.bdsSelectContainer .cbxSection {float:left;width:35%;background-color:#7d2b8b;text-align:center;color:#fff;padding:15px;}


/*ART*/

.artSelectContainer {border:1px solid #ddd;overflow:hidden;padding:15px;margin-top:15px;}
.artSelectContainer .imgSection {float:left;width:20%;margin-right:2%;}
.artSelectContainer .txtSection {float:left;width:35%;margin-right:2%;}
.artSelectContainer .cbxSection {float:left;width:35%;background-color:#a95c28;text-align:center;color:#fff;padding:15px;}

/*Show */

.bnbShowSelectContainer {border:1px solid #ddd;overflow:hidden;padding:15px;margin-top:15px;}
.bnbShowSelectContainer .imgSection {float:left;width:20%;margin-right:2%;}
.bnbShowSelectContainer .txtSection {float:left;width:35%;margin-right:2%;}
.bnbShowSelectContainer .cbxSection {float:left;width:35%;background-color:#637fc1;text-align:center;color:#fff;padding:15px;}


/*SignUp Section */

.EmailNewsletterContainer {border-bottom:1px solid #ccc;padding-bottom:25px;}
.EmailNewsletterContainer .entrySection {background-color:#eaeaea;color:#000;padding:10px;margin-top:20px;text-align:center;}
.EmailNewsletterContainer .entrySection .signUp {outline:none;color:#fff;font-family:'Fauna One';border:none;padding:6px;font-weight:bold;}
.EmailNewsletterContainer .entrySection span.header {border:none;}
.EmailNewsletterContainer .entrySection span.header{font-weight:bold;}
.EmailNewsletterContainer .privacyHeader{font-weight:bold;}
.EmailNewsletterContainer .privacyInfo {text-align:left;}
.EmailNewsletterContainer .privacyLink{color:#444;display:block;padding-top:5px;text-align:center;}
.EmailNewsletterContainer .emailAddress {width:50%;}

.EmailNewsletterMessageContainer {background-color:#4fa449;padding:5px 10px;color:#000;}
.EmailNewsletterMessageContainer p.top {font-weight:bold;}
.EmailNewsletterMessageContainer ul.signup {text-align:left}

.EmailNewsletterMessageContainer {background-color:#4fa449;padding:5px 10px;color:#fff;}
.EmailNewsletterMessageContainer p.top {font-weight:bold;}
.EmailNewsletterMessageContainer ul.signup {text-align:left}

.EmailNewsletterContainer  .imgSection img {width:90%;}

/*Meet The Staff*/
.authorContainer {width:100%;padding: 25px 0px 25px 0px;border-bottom:1px solid #ccc;}
.authorContainer   img {width:20%;height:auto;float:left;margin:0px 10px 5px 0px;border:1px solid #ccc;}
.authorContainer.firstContainer {margin-top:30px;}


/* Contact*/

.contactMainContainer  {border-bottom:1px solid #ccc;padding-bottom:15px;}
.contactMainContainer h1 {margin-bottom:50px;}
.contactMainContainer .contactContent {margin-bottom:15px;margin-top:7px;}
.contactMainContainer .reqFieldContainer {padding:10px 0px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin-bottom:5px;}
.contactMainContainer .requiredField {color:#E02828;}
.contactMainContainer .reqFieldContainer .italic {font-style:italic}
.contactMainContainer .formFieldContainer  {overflow:hidden;padding-bottom:10px;width:100%;}
.contactMainContainer .formFieldContainer .label {float:left;width:30%;}
.contactMainContainer .formFieldContainer .control  * {float:right;width:65%;}
.contactMainContainer .messageContainer .messageTextbox * {width:98%}
.contactMainContainer .captchaContainer {padding-top:20px;font-size:11px;}
.contactMainContainer .valSummaryContainer {color:#f00;}
.contactMainContainer .valSummaryContainer ul li {list-style-type:bullet}
.contactMainContainer .postbackContainer {padding-top:20px}
.contactMainContainer .contactConfirmationMessageSuccess, .greenBox {background:#E2F9DD;border:1px solid #CAF4C1;margin-top:10px;}



/*Back Issues */


.backIssues {}
.backIssues .years {background:#f5f5f5 url('/sitefiles/images/diagonalpattern-20.png') repeat;padding:20px 20px 0 20px;margin-top:25px;border-radius:3px;}
.backIssues .years ul {padding:0;margin:0;list-style-type:none;}
.backIssues .years ul li {padding:0;margin:0 20px 20px 0;list-style-type:none;float:left;font-size:12px;font-weight:bold;}
.backIssues .years ul li.current {color:#000;}
.backIssues .years ul li a {color:#666;text-decoration:none;}
.backIssues .years ul li a:hover {text-decoration:underline;}

.backIssues .issueDisplay {margin-top:15px;}
.backIssues .issueDisplay .issueContainer {display:inline-block;vertical-align:top;}
.backIssues .issueDisplay .issueContainer .container {float:left;margin:0 25px 40px 0;width:150px;}
.backIssues .issueDisplay .issueContainer .container img {width:100%;height:auto;}
.backIssues .issueDisplay .issueContainer .container .issueName {margin:5px 0 0 0;font:700 17px 'PT Sans',Helvetica,Arial,Sans-Serif;}
.backIssues .issueDisplay .issueContainer .container .issueName a {color:#000;text-decoration:none;}


.backIssues .searchBox {background:#f5f5f5 url('/sitefiles/images/diagonalpattern-20.png') repeat;padding:10px 10px 15px 10px;margin:20px 0 0 0;color:#000;font-size:14px;border-radius:3px;}
.backIssues .searchBox h4 {padding:0;font:700 17px ,Helvetica,Arial,Sans-Serif;margin:0 0 5px 0;color:#444;font-weight:bold;}
.backIssues .range {margin:15px 0 30px 0;font-size:12px;font-weight:bold;}
.backIssues .range select {color:#555;margin:0 5px 0 0;}
.backIssues .dataColumn {float:left;margin:5px 20px 0 0;}
.backIssues .keywords {font-size:12px;font-weight:bold;}
.backIssues .keywords .dataColumn.textField {width:50%;}
.backIssues .keywords input {color:#555;width:100%;border-radius:3px;border:none;padding:5px;}

/*Issue ******************************************************/
.issue .neckline.magIssueSection {border-bottom:1px solid #ccc;padding-bottom:30px;margin-bottom:30px;}
.issue .setFeatures {border-bottom:1px solid #ccc;margin-bottom:30px;padding-bottom:20px;}
.issue .singleColumnLower,.issue .onlineExtrasContainer {border-bottom:1px solid #ccc;margin-bottom:30px;padding-bottom:20px;}

.issue .shareIcons{padding:7px 0px;}
.issue .headline {font-size: 30px;}
.issue .author  a {text-decoration:none;color:#444;}
.issue .author  a:hover {text-decoration:underline;}
/* Issue image and desc */

.issue .currentIssue {width:35%;margin:0 3% 0 0;float:left;}
.issue .currentIssue img {width:100%;height:auto;border:1px solid #ccc;}
.issue .description {float:left;font-size:16px;width:62%;}
.issue .description ul.links {padding:0;margin:30px 0 10px 0;list-style-type:none;}
.issue .description ul.links li {padding:0;margin:0 6px 0 0;list-style-type:none;float:left;color:#666;}
.issue .description ul.links li a {text-decoration:none;font-weight:bold;}

.issue .neckline {margin:15px 0px;}

/* Issue Features */
.issue .dataItem {padding: 15px 0 15px 0;}
.issue .dataItem .content {float: left; width: 100%;}
.issue .dataItem .content.withImage {width:74%;margin-left:1%;}
.issue .dataItem h2 {padding: 0; margin: 0; font: 700 18px 'PT Sans',Helvetica,Arial,Sans-Serif;}
.issue .dataItem .content .byline, .issue .pageNumber {font-size:11px;color:#444;}
.issue .dataItem .content .byline a {text-decoration:none;color:#444;}
.issue .dataItem .content .byline a:hover{text-decoration:underline;}
.issue .dataItem .content .dataContent {margin: 10px 0 0 0; font-size: 15px;}
.issue .dataItem .thumbnail {float:left;width:22%;margin-right:1%;}                             
.issue .dataItem .thumbnail img {width:100%;height:auto;border:1px solid #ccc;}
.issue .setFeatures .dataItem h4 a {color:#444;text-decoration:none;}
.issue .setFeatures .dataItem h4 a:hover{text-decoration:underline;}

/*Departments */
.issue  .deptItemContainer {font-size:15px;}
.issue .deptItemContainer .sectionOnly {margin-bottom:25px;border-bottom:2px solid #ccc;}
.issue .deptItemContainer div.item:last-child {border:none;}

.issue .singleColumnLower .deptItemContainer .item {overflow:hidden;margin-top:15px;margin-bottom:10px;border-bottom:1px solid #f8f8f8;padding-bottom:15px;}
.issue .singleColumnLower .deptItemContainer .item .left {float:left;width:22%;margin-right:1%;}
.issue .singleColumnLower .deptItemContainer .item .left img {width:100%;height:auto;border:1px solid #ccc;}
.issue .singleColumnLower .deptItemContainer .item .right{float:left;width:62%;margin-left:1%;}
.issue .singleColumnLower .deptItemContainer .item .right p {margin:0px;padding:0px;font-family:'Fauna One';font-weight:700;}

.issue .twoColumnLower {overflow:hidden;}

.issue .twoColumnLower .left {float:left;width:48%;margin-right:1%;}
.issue .twoColumnLower .right {float:left;width:48%;}
.issue .twoColumnLower .right p.extraHeader {color:#444;font-weight:700;margin:0px;font-family:'Fauna One';}
.issue .twoColumnLower .right .dataItem {border-bottom:1px solid #f8f8f8;}

.issue .twoColumnLower h4 a{color:#444;text-decoration:none;}
.issue .twoColumnLower h4 a:hover{text-decoration:underline;}

.issue .item .byline {font-size:11px;}
.issue .item .byline a {text-decoration:none;color:#444;padding:7px 0px 15px 0px;}
.issue .item .byline a:hover{text-decoration:underline;}



/* OnlineExtras */
.issue .onlineExtrasContainer .deptItemContainer .item {overflow:hidden;margin-top:15px;margin-bottom:10px;border-bottom:1px solid #f8f8f8;padding-bottom:15px;}
.issue .onlineExtrasContainer .deptItemContainer .item .left {float:left;width:22%;margin-right:1%;}
.issue .onlineExtrasContainer .deptItemContainer .item .left img {width:100%;height:auto;border:1px solid #ccc;}
.issue .onlineExtrasContainer .deptItemContainer .item .right{float:left;width:62%;margin-left:1%;}
.issue .onlineExtrasContainer .deptItemContainer .item .right p {margin:0px;padding:0px;font-family:'Fauna One';font-weight:700;}

.resultContainer {border-bottom:1px solid #f8f8f8;padding:10px 0px;}
.resultContainer:last-child {border:none;} 

/*SpecialIssues */
.specialIssuesContainer {margin-top:40px;border-bottom:1px solid #ccc;padding-bottom:15px;}
.specialIssuesContainer .specialItem {border-bottom:1px solid #ccc;padding:20px 0px;}
.specialIssuesContainer .specialItem .imgSection{float:left;width:18%;margin-right:2%;}
.specialIssuesContainer .specialItem .imgSection img {height:auto;width:100%;max-width:150px;border:1px solid #ccc;}
.specialIssuesContainer .last {border:none;}
.specialIssuesContainer .specialItem  h4.itemHeader a {font-weight:bold;color:#444;font-size:16px;margin:0px;text-decoration:none;}
.specialIssuesContainer .contentWithImageSection {float:left;width:77%;}
.specialIssuesContainer .contentNoImageSection,.specialIssuesContainer .contentWithImageSection {font-size:14px;}

/*Video Landing and Search */

.videoLandingContainer {background-color:#fff;}
.videoLandingContainer .videoParentSelector {width:100%;}
.videoLandingContainer .tagging {margin-top:0px;background:#f1ebe2 url('/sitefiles/images/diagonalpattern-20.png') repeat;border-bottom-left-radius:3px;border-bottom-right-radius:3px; }

.videoLandingContainer .topControlContainer {overflow:hidden;background:#f1ebe2 url('/sitefiles/images/diagonalpattern-20.png') repeat;padding:10px;border-radius:4px; margin-top:22px;}
.videoLandingContainer .topControlContainer .left {width:60%;float:left;margin-right:2%;}
.videoLandingContainer .topControlContainer .right{width:30%;float:left;margin-top:47px;}
.videoLandingContainer .topControlContainer p.filterHeader {font-weight:bold;}
.videoLandingContainer .thumbContainer {display:inline-block;vertical-align:top;}
.videoLandingContainer .thumbContainer .container {float:left;margin:0 45px 40px 0;}
.videoLandingContainer .thumbContainer .container .previewImage {overflow:hidden;max-width:330px;border:1px solid #ccc;vertical-align:baseline;}
.videoLandingContainer .thumbContainer .container .previewImage.noPreviewAvailable {overflow:hidden;width:330px;height:auto;background-image:url('/sitefiles/images/no-preview-available.png');background-position:center center;}
.videoLandingContainer .thumbContainer .container .previewImage a {display:block;}
.videoLandingContainer .thumbContainer .container .previewImage img {width:100%;height:auto;}
.videoLandingContainer .thumbContainer .container h5 {}
.videoLandingContainer .thumbContainer .container h5 a {text-decoration:none;color:#444;}
.videoLandingContainer .thumbContainer .container h5 a:hover{}
.image100Percent{min-height: 213px;width:100%;}

/*tags*/
.videoLandingContainer .thumbContainer .tags {overflow:hidden;font-size:10px;}
.videoLandingContainer .thumbContainer .tags .tagHeader{float:left;}
.videoLandingContainer .thumbContainer .tags .divider{font-size:10px;float:left;}
.videoLandingContainer .thumbContainer .tags a {display:block;float:left;}


.videoLandingContainer .results .spinner {width:100%;text-align:center;display:none;}
.videoLandingContainer .results .loadMore {width:100%;margin:25px 0 0 0;display:none;}
.videoLandingContainer .results .loadMore a {color:#fff;text-decoration:none;width:100%;height:100%;display:block;padding:10px 0 10px 0;text-align:center;border-radius:5px;}
/*********************************************************************Steve C Stop ***************************************/



/* Tom W -- changes for access code -- start *****************************/
.accessCodeContainer{margin-top:35px;margin-right:25px;margin-bottom:12px;}
.marketCopy{ font: 15px/24px Verdana,Helvetica,Arial,sans-serif!important;}
.accessNotLoggedIn,.webAccessScreen{background: none repeat scroll 0 0 #ececec;padding: 7px;border:1px solid #D3D3D3;border-radius: 3px;}
.accessNotLoggedIn .info, .webAccessScreen .middleContainer  {margin:12px 2px 20px 0px;font: 15px/22px Verdana,Helvetica,Arial,sans-serif;}
.accessNotLoggedIn .regAndLoginContainer {overflow: hidden;}
.accessNotLoggedIn .regAndLoginContainer .regContainer{float: left;margin-bottom: 15px; width: 49%;}
.accessNotLoggedIn .regAndLoginContainer p{margin:0 !important;font: 15px/22px Verdana,Helvetica,Arial,sans-serif!important;}
.loginContainer{font: 15px Verdana,Helvetica,Arial,sans-serif !important;}
.subscriber p{font: bold 15px/24px Verdana,Helvetica,Arial,sans-serif !important;}
.fieldBorder{border:1px solid #9c9b9b;margin-bottom:3px;font-size: 13px;float:left;}
.buttons.blue button {border-radius: 3px;display: inline-block;font: 13px "Fauna One";background: none repeat scroll 0 0 #007498;border: 2px solid #007498;}
.webAccessText{float:left;margin:0;}
.middleContainer .leftCol{float:left;}
.middleContainer .rightCol{width:45%;float:left;}
.noPad{padding:0!important;margin:0!important;}
.subInfo{padding:5px 0px 5px 0px !important;}
.moreLinkHolder{width:150px;clear:both;text-align:left;padding:5px 0px 5px 0px;color:#007498;font:13px/20px Verdana,Helvetica,Arial,sans-serif;text-decoration:underline;cursor:pointer;}
.moreLinkHolder:hover{text-decoration:none;}
/* Tom W -- changes for access code -- end   */

.searchbox404 {border:1px solid #ccc;border-radius:5px;width:240px;height:26px;background:#fff;margin:0 auto;margin-bottom:5%;}
.searchbox404 input {font-size:12px;color:#555;border:none;background:none;width:82%;margin:5px 0 0 5px;}
.searchbox404 .searchbutton {float:right;margin:2px 5px 0 0;}

/* Video Search button */
.videoLandingContainer .thumbContainer .container .previewImage img {width:100%;height:auto;}


/* base */
.kservBody {padding:0 10px;font-family:Helvetica,Arial,sans-serif;color:#444;font-size:15px;position:relative;}
.kservClear {clear:both;}
.kservTitle {font-size:25px;color:#333;font-family:'Fauna One',Helvetia,sans-serif;}
.kservOverlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:#fff; opacity: 0.7; filter: alpha(opacity = 70);display:none;}
.kservOverlay div {top:45%;transform:translateY(-45%);}
.kservHidden {display:none;}


/* messages */
.kservMessage {background:#eaeaea;font-size:14px;border:1px solid #ccc;padding:10px;border-radius:3px;line-height:20px;display:none;}
.kservMessage.error {color:#ff0000;}


/* form basics */
.kservForm {margin:20px 0 0 0;}
.kservFormItem {margin:0 0 20px 0;position:relative;}
.kservFormItem input {width:92%;height:45px;padding:0 4%;border:1px solid #999;border-radius:2px;font-size:17px;outline:none;}
.kservFormItem input::-ms-clear {display:none;width:0;height:0;}
.kservFormItem input.off {color:#ccc;}
.kservFormItem input.error {border:1px solid #ff0000;}
.kservFormItem input.on {border:1px solid #008dd4;}
.kservFormItem label {position:absolute;top:50%;left:0;padding:0 0 0 4%;font-size:17px;color:#ccc;transform:translateY(-50%);}
.kservFormItem select {border:1px solid #999;border-radius:3px;font-size:17px;color:#ccc;padding:0 4% 0 2%;margin:0 7px 0 0;height:45px;}
.kservFormItem select option {color:#000;}
.kservFormItem select option:first-child {color:#ccc;}
.kservFormItem select.error {border:1px solid #ff0000;}


/* commands and buttons */
.kservCommands {margin:30px 0 0 0;}
.kservCommands .kservButton {border-radius:3px;background:#B41885;text-align:center;margin:0 0 20px 0;}
.kservCommands .kservButton a {text-decoration:none;color:#fff;display:block;padding:15px 5px;font-weight:700;}
.kservCommands .kservButton.white {background:#fff;border:1px solid #666;}
.kservCommands .kservButton.white a {color:#333;}


/* login form */
.kservLogin .kservMessage {margin-bottom:20px;}
.kservLogin label.password {cursor:auto;}

.kservRememberMe {}
.kservRememberMe input {float:left;margin-right:7px;margin-top:2px;}
.kservRememberMe label {float:left;}

.kservForgotPassword {}
.kservForgotPassword a {color:#444;}


/* register form */
.kservRegister {}
.kservRegister .kservCommands .kservButton a span {text-transform:uppercase;}
.kservRegister .text {}
.kservRegister .text a {color:#444;}
.kservRegister .formCopy {margin-bottom:20px;font-weight:700;}
.kservRegister .kservMessage {margin-top:20px;}
.kservRegister .step3 {margin:10px 0 0 0;}
.kservRegister .optin {margin:0 0 20px 0;}
.kservRegister .optin input {float:left;width:5%;margin-top:3px;}
.kservRegister .optin label {float:left;width:90%;margin-left:2%;}
.kservRegister .disclaimer {font-size:12px;}
.kservRegister .disclaimer a {color:#444;}
.kservRegister .kservConfirm {margin:20px 0;font-weight:700;line-height:22px;}
.kservRegister .kservConfirm a {color:#444;}
.kservRegister .kservConfirm span {text-transform:uppercase;}


/* access codes */
.kservAccessCodes {}
.kservAccessCodes .kservMessage {margin-top:20px;}
.kservAccessCodes .formCopy {font-weight:700;margin-bottom:20px;}
.kservAccessCodes .formCopy a {color:#444;}
.kservAccessCodes .disclaimer {border-top:1px solid #ccc;margin:10px 0 0 0;padding:20px 0 0 0;line-height:18px;}
.kservAccessCodes .kservDigitalLogos {margin:20px 0 10px 0;text-align:center;}
.kservAccessCodes .kservDigitalLogos img {display:inline-block;margin:5px 10px 0;}
.kservAccessCodes .kservConfirm {margin:20px 0;font-weight:700;line-height:22px;}
.kservAccessCodes .kservConfirm .kservMag {text-transform:uppercase;}



/* reload */
.kservReload {}
.kservReload p {line-height:22px;}


/* overlay loader */
.kservOverlayLoader {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: .5em solid rgba(0, 0, 0, 0.7);
  border-right: .5em solid rgba(0, 0, 0, 0.7);
  border-bottom: .5em solid rgba(0, 0, 0, 0.7);
  border-left: .5em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.kservOverlayLoader,
.kservOverlayLoader:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


@media handheld, only screen and (max-width:500px) {
    .kservFormItem select {font-size:16px;padding:0 0 0 5px;margin:0 2px 0 0;}
}
.comments {margin:40px 0 0 0;}
.comments .heading {color:#fff;padding:5px;text-align:center;background:#f26522 url('/sitefiles/images/diagonalpattern-20.png') repeat;}


.comments .registerCallout {background:#eaeaea;border:1px solid #ccc;padding:10px;width:93%;margin:20px 0 20px 0;font-family:Helvetica, Arial, Sans-Serif;font-size:14px;line-height:19px;}
.comments .registerCallout h6 {padding:0;margin:0 0 10px 0;font-size:17px;}
.comments .registerCallout a {font-weight:bold;text-decoration:none;}

.comments .neckline {width:95%;}
.comments .neckline .totalComments {float:left;font-size:18px;font-weight:500;color:#555;line-height:26px;}
.comments .neckline .rating {float:right;cursor:pointer;}
.comments .noComments {margin:25px 0 0 0;border-top:2px solid #ccc;border-bottom:2px solid #ccc;text-align:center;width:95%;padding:10px 0 10px 0;font-size:12px;color:#666;}

.comments .messages {width:95%;display:none;margin:10px 0 0 0;}

.comments .items {margin-top:25px;width:95%;font-size:12px;}
.comments .items .sortOptions {float:right;font-weight:bold;margin:0 0 10px 0;}
.comments .items .sortOptions a {color:#999;text-decoration:none;}
.comments .items .sortOptions a.active {color:#333;}
.comments .items .data {clear:right;}
.comments .items .data .spinner {text-align:center;margin:15px 0 15px 0;}
.comments .items .item {padding:20px 0 20px 0;border-top:1px dotted #ccc;}
.comments .items .item.first {border-top:none;}
.comments .items .item .neckline {width:100%;}
.comments .items .item .neckline .createdDate {color:#999;font-size:10px;float:left;}
.comments .items .item .neckline .rating {float:right;}
.comments .items .item .neckline .rating img {width:12px;height:auto;margin-left:1px;}
.comments .items .item .namelocal {font-size:11px;font-weight:bold;padding:5px 0 0 ;}
.comments .items .item .namelocal span {font-weight:normal;}
.comments .items .item .comment {padding:10px 0 0 0;}
.comments .items .item .leaveComment {font-size:10px;margin-top:10px;text-align:right;}
.comments .items .item .leaveComment a {color:#999;}
.comments .items .loadMore {width:100%;margin:25px 0 0 0;display:none;}
.comments .items .loadMore div {font-size:12px;font-weight:bold;background:#eaeaea;border-bottom:2px solid #ccc;color:#555;text-align:center;}
.comments .items .loadMore a {color:#555;text-decoration:none;width:100%;height:100%;display:block;padding:10px 0 10px 0;}






.comments .commentForm {width:95%;margin-top:25px;position:relative;}
.comments .commentForm .textField {}
.comments .commentForm .textField textarea {width:99%;max-width:99%;height:25px;border:1px solid #ccc;padding:5px;font-size:14px;color:#bbb;overflow:hidden;resize:none;outline:none;}
.comments .commentForm .textField textarea.active {color:#555;}
.comments .commentForm .clone {width:99%;min-height:25px;border:1px solid #fff;padding:5px;font-size:14px;color:#fff;position:absolute;left:0;top:0;z-index:-10;line-height:20px;}

.comments .commentForm .button 
{
    border:1px solid #adadad;
    font-family:Helvetica, Arial, Sans-Serif;
    display:none;
    
    background:#CFCFCF;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #f4f4f4 ), to( #cfcfcf )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#f4f4f4, #CFCFCF); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#f4f4f4, #CFCFCF); /* FF3.6 */
	background-image:     -ms-linear-gradient(#f4f4f4, #CFCFCF); /* IE10 */
	background-image:      -o-linear-gradient(#f4f4f4, #CFCFCF); /* Opera 11.10+ */
	background-image:         linear-gradient(#f4f4f4, #CFCFCF);
    
    border-radius:6px;
    -moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin:10px 0 0 0;
	width:100%;
	
}

.comments .commentForm .button.disabled {background-image:none;background:#E2E2E2;border:1px solid #ccc;}
.comments .commentForm .button.disabled a {color:#C7C7C7;cursor:default;}
.comments .commentForm .button.disabled a.processing {color:#777;}
.comments .commentForm .button a {width:100%;height:100%;display:block;padding:10px 17px 10px 17px;color:#444;font-weight:900;text-decoration:none;font-size:12px;text-align:center;outline:none;}

