/*
 @dev.modx.com
  style.css contains a reset, font normalization and some base styles.

  credit is left where credit is due.
  additionally, much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/*
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors:Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

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

nav ul { list-style:none; }

blockquote, q { quotes:none; }

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

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration:line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:2px; background:#e3e3e3; border:0; border-top:1px solid #b9b9b9; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */
	

/* fonts.css from the YUI Library:developer.yahoo.com/yui/
   Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages

  There are two custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
*/
body { font:13px/1.231 "proxima-nova","proxima-nova-1","Helvetica Neue", helvetica, arial, sans-serif; *font-size:small; } /* hack retained to preserve specificity */

.ie {font-family:arial, sans-serif;} /* set font stack for ie */

.entry ul li,
p { 
	line-height:1.4;
	}

table { font-size:inherit; font:100%; }

select, input, textarea, button { font:99% sans-serif; }

/* normalize monospace sizing
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family:monospace, sans-serif; }



/*
 * minimal base styles
 */


/* #444 looks better than black:twitter.com/H_FJ/statuses/11800719859 */
body, select, input, textarea { color:#444; }

html {
  /* always force a scrollbar in non-IE */
  overflow-y:scroll;
}


/* Accessible focus treatment:people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline:none; }

a, a:active, a:visited { color: #0f7096; }/*#607890*/
a:hover { color:#036; }


ul, ol { margin-left:1.8em; }
ol { list-style-type:decimal; }

small { font-size:85%; }
strong, th { font-weight:bold; }

td, td img { vertical-align:top; }

sub { vertical-align:sub; font-size:smaller; }
sup { vertical-align:super; font-size:smaller; }

pre {
  padding:15px;

  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space:pre; /* CSS2 */
  white-space:pre-wrap; /* CSS 2.1 */
  white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap:break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label
   by:Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align:text-bottom; }
input[type="checkbox"] { vertical-align:baseline;}
.ie7 input[type="checkbox"] { vertical-align:baseline; }
.ie6 input { vertical-align:text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor:pointer; }

/* colors for form validity */
input:valid   {  }
input:invalid {
      border-radius:1px;
    -moz-box-shadow:0px 0px 5px red;
 -webkit-box-shadow:0px 0px 5px red;
         box-shadow:0px 0px 5px red;
}
.no-boxshadow input:invalid { background-color:#f0dddd; }


/* These selection declarations have to be separate.
   No text-shadow:twitter.com/miketaylr/status/12228805301
   Also:hot pink. */
::-moz-selection{ background:#84d5e8; color:#fff; text-shadow:none; }
::selection { background:#84d5e8; color:#fff; text-shadow:none; }

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color:#FF5E99; }

/* make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width:auto; overflow:visible; }

/* bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode:bicubic; }



/*
 * Non-semantic helper classes
 */

/* for image replacement */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; }

/* Hide only visually, but have it available for screenreaders
   www.webaim.org/techniques/css/invisiblecontent/
   Solution from:j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;
  clip:rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip:rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility:hidden; }

/* >> The Magnificent CLEARFIX << j.mp/phayesclearfix */
.clearfix:after  { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { zoom:1; }
.clearright {
	clear: right;
	}
 /* Primary Styles
    Author:
 */

/* color reference
links 137899

*/
/* styles*/

body{
    background:#efefef url(../i/bg-pattern.png) repeat;
}
.container {
    width:940px;
    margin:0 auto;
    position:relative;
}
.contain {
    width:960px;
    margin:0 auto;
    padding:0;
    position:relative;
}
header.container {
    position:relative; 
}
#header {
    background:#f5f5f5 url(../i/bg-sprite.png) 0 -32px repeat-x;
    height:82px;
    border-top:2px solid #010101;
}
#global {
    margin:0 0 0 4px;
    height:30px;
    border-left:1px solid #e1eef4;
}
#global a {
    line-height:30px;
    padding:0 15px;
    border-right:1px solid #e1eef4;
    border-left:1px solid #fff;
    display:block;
    float:left;
    text-decoration:none;
}
#global a.active {
    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f8f9));
    background:-moz-linear-gradient(top, #fff, #f7f8f9);
    background:-o-linear-gradient(top, #fff, #f7f8f9);
    -pie-background:linear-gradient(top, #fff, #f7f8f9);
    background:linear-gradient(top, #fff, #f7f8f9);
    border-bottom:1px solid #f7f8f9;
}
#user{
    position:absolute;
    top:0;
    right:0;
    color:#4b4b4b;
    z-index:10;
}
#user a {
    line-height:30px;
    text-decoration:none;
}
.green { color: green; }
.red { color: red; }
.gray { color: gray; }
.yellow { color: yellow; }
.orange { color: orange; }

.note, figcaption, figcaption.p { 
    color: #999; 
}

/* ------------------------- [ Lists ] ---*/
dt{font-size:18px;font-weight:bold;clear:both;}
dd{margin-bottom:15px;border-bottom:1px solid #efefef;padding-bottom:5px;}
dd.last{border-bottom:0;}
a.btt{color:#aaa;display:block;margin-bottom:15px;text-decoration:none;}
a.btt:hover{text-decoration:underline;}
dl {font-size:16px; margin-bottom:20px}
dl.glossary dt {
    font-size:1em;
    float:left;
    padding-left:5px;
    width:95px;
    font-weight:bold;
}
#content ul,#content ul{
    margin-bottom:20px;
}
dl.glossary dd {
    padding:0 5px 10px 115px;
}
dl.glossary a {
    text-decoration:underline;
}

ul.nobull{
    list-style-type:none;
    margin-left:0;
}

ul.checklist li { margin-bottom: .5em; }

/* ------------------------- [ Basic Form Styles ] ---*/

label{

}
fieldset{
    margin-bottom:20px;
}

fieldset h4{
    margin-top:10px;
}

legend{
    font-size:16px;
    font-weight:bold;
    line-height:24px;
}

aside form#sales_form input.ff_name,
aside form#sales_form input.ff_email,
aside form#sales_form input.ff_company,
aside form#sales_form input.ff_phone {
	padding: 5px 0 0 30px;
	width: 182px;
	}

aside form#sales_form input.ff_name {
	background: #fff url(../images/icons/contact/ff_name.gif) no-repeat 4px 0;
	}
	
aside form#sales_form input.ff_email {
	background: #fff url(../images/icons/contact/ff_email.gif) no-repeat 4px 0;
	}
	
aside form#sales_form input.ff_company {
	background: #fff url(../images/icons/contact/ff_company.gif) no-repeat 4px 0;
	}
	
aside form#sales_form input.ff_phone {
	background: #fff url(../images/icons/contact/ff_phone.gif) no-repeat 4px 0;
	}



input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea, .rte-zone, select[multiple]{
    border:1px solid #dfdfdf;
    border-width:1px;
    -moz-border-radius:6px;
    -border-radius:6px;
    border-radius:6px;
    height:18px;
    padding:3px 6px;
    background:-webkit-gradient(linear, center bottom, center top, from(#ffffff), to(#efefef));
    background:-moz-linear-gradient(top, #ffffff, #efefef);
    background:-o-linear-gradient(top, #ffffff, #efefef);
    background:linear-gradient(top, #ffffff, #efefef);
    -pie-background:linear-gradient(top, #ffffff, #efefef);
    behavior:url(/assets/css/pie.htc);
    position:relative;
}

input[type="radio"].listing_size_cb {
	margin: 0 5px 0 0;
	}

select[multiple]{
    height:auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"]{
    display:block;
    width:300px;
}
.small input[type="text"],.small input[type="email"],.small input[type="url"]{
    display:inline;
    width:60px;
}
.small label{
    display:block;
    margin-bottom:5px;
    
}
input[type="text"].other{
    display:inline;
    width:150px;
    vertical-align:bottom;
}
select{
    display:block;
    width:312px;
    height: 18px;
}
.small select{
    display:inline;
    width:auto;
}
textarea{
    min-height:150px;
    display:block;
    width:300px;

}
.two-col .full textarea,
.two-col .full .rte-zone, 
.two-col .full input[type="text"],
.two-col .full input[type="password"], 
.two-col .full input[type="select"] {
    width:616px;
    margin-top:5px;
}

textarea#description {
	height:80px;
	min-height:80px;
	}

input[type=file]{

}
input[type=submit]{

}
form .inline,
.yesno li{
    display:inline;
}
form ul{
    margin:0;
    padding:0;
}

.ff {
    margin-bottom:10px;
}
.ff label{
    font-weight:bold;
    color:#777;
}
.ff ul{
    list-style-type:none;
}
.ff ul label{
    font-weight:normal;
}
.ff .note{
    font-size:11px;
    display:block;
    margin:0 0 5px 0;
    color:#999;
    font-weight:normal;
    padding:0;
    text-indent:0;
}
.range th.first, .range th.last{
    width:30%;
}
.range .leftlabel{
    text-align:right;
}
.range thead th, .range td{
    text-align:center;
}
form.inline p {
    line-height:2em;
    vertical-align:baseline
} 
form.inline input[type="text"],
form.inline input[type="select"],
form.inline input[type="password"] { 
    display:inline-block; 
    min-width:140px;
    width:auto;
    background:none;
    border:0;
    border-bottom:1px dotted #ccc;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0; 
    padding:0 2px 3px; 
    margin:0 0 -4px; 
    line-height:2em; 
    vertical-align:baseline;
    behavior:url(/assets/css/pie.htc);
} 
form.inline input.error,
form.inline textarea.error,
form.inline select.error {
    background:#f9f3a0;
}
input.error,
textarea.error,
select.error,
div.error,
iframe.error{
    border-color:#c21505;
    background:#feebe9 !important;
}
span.error, .go_red, div.error.toolbar{
    color:#c21505;
    font-weight:bold;
}
form.inline div.success {
    padding:8px 11px 7px;
    
}
form.inline textarea { width:630px; }

.friend, .visionary, .ottwell { display:none; }

label.friend .friend,
label.visionary .visionary,
label.ottwell .ottwell {
    display:inline;
}
.toolbar.error{
    padding:10px 10px 10px 30px;
    margin-bottom:10px;
    }
.toolbar.success{
    padding:10px 10px 10px 30px;
    border-color:#91b44c;
    margin-bottom:10px;
    background:#f8faf4 url(../i/check-mark.png) 7px 10px no-repeat;
}
.go_green {
    color:#3d6f3a;
}
/* ------------------------- [ Features Styles ] ---*/
ul.featurelist{
    margin:20px 0 10px;
}
.featurelist li{
    list-style:none;
}
.featurelist h3{
    border-bottom:1px solid #efefef;
    padding:0 0 10px 25px;
    background:url(../i/check-mark.png) 0 2px no-repeat;
    color:#5f5f5f;     
}

/* ------------------------- [ RTE (jQuery RTE-Light) Styles ] ---*/

.rte-zone{height:200px;display:block;position:relative;}
.rte-toolbar{ overflow:hidden;height:20px;margin:10px 0 5px;}
.rte-toolbar a{border:0;}
.rte-toolbar p {
    float:left;
    margin:0;
    padding-right:5px;
    line-height:18px;
    position:relative;
}
.rte-toolbar a:hover img, .rte-toolbar a:active img{
    background:#efefef;
}
.rte-toolbar p img{
    border:1px solid #ddd;
    -moz-border-radius:3px 3px;
    -webkit-border-radius:3px 3px;
    border-radius:3px 3px;
    padding:1px;
    position:relative;
    behavior:url(/assets/css/pie.htc);
}
.rte-toolbar select,
.two_col .rte-toolbar select{
    width:auto;
}
/* ------------------------- [ Overlay Styles ] ---*/
.overlay {
    
    /* must be initially hidden */
    display:none;
    
    /* place overlay on top of other elements */
    z-index:10000;
    
    /* styling */
    background-color:#fff;
    padding:35px;
    border:1px solid #e5e5e5;
    font-size:11px;
    width:340px;    
    min-height:200px;
    border:5px solid #666;
        border-radius:7px;
    
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;  
}

/* close button positioned on upper right corner */
.overlay .close {
    background-image:url(../i/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}
.overlay h5{
    margin-top:0;
}
/* for longer forms to have labels adjacent fields */
.overlay.long input[type="text"]{
    display:inline-block;
    width:222px;
}
.overlay.long label{
    display:inline-block;
    width:100px;
    text-align:right;
}
.overlay.long textarea{
    width:325px;
    min-height:100px;
}
.overlay.long .textarea label{
    width:auto;
    text-align:left;
}
.overlay.long input[type="submit"]{
    margin-bottom:0px;
    float:right;
}
/* ------------------------- [ Basic Table Styles ] ---*/
table{
   width:100%; 
   border-collapse:separate;
   border:1px solid #e9e9e9;
   -moz-border-radius:7px;
   border-radius:7px;
   -moz-background-clip:padding;
   background-clip:padding;
   background-clip:padding-box;
   overflow:hidden;
   margin:10px 0 20px;
   position:relative;
   behavior:url(/assets/css/pie.htc);
}
td, th{
    text-align:left;
    padding:8px 5px;
    line-height:1;
    border-bottom:1px solid #e9e9e9;
}
th{
    background:-moz-linear-gradient(top, #f7f7f7, #efefef);
    background:-o-linear-gradient(top, #f7f7f7, #efefef);
    background:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#efeffe));
    -pie-background:linear-gradient(top, #f7f7f7, #efefef);
    background:linear-gradient(top, #f7f7f7, #efefef);
}
/* ------------------------- [ Homepage Brands Styles ] ---*/
div.home_brands {
	padding: 10px 0;
	}

div.home_brands img {
	margin: 0 2px;
	vertical-align: middle;
	}

/* ------------------------- [ Partner Program Table Styles ] ---*/
div.pp{
    border:1px solid #e9e9e9;
    -moz-border-radius:6px;
    border-radius:6px;
    padding:4px 4px 4px 4px;
    background:#fff;
    position:relative;
    behavior:url(/assets/css/pie.htc);
}

table.pp{
    background:#111111 url(../i/pp-table-background.jpg) bottom left no-repeat;
    border:0;
    margin:0;
    -moz-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
    behavior:url(/assets/css/pie.htc);
    position:relative;
}
.pp td, .pp th {
    color:#dfdfdf;
    text-align:center;
    vertical-align:middle;
    border-bottom:1px solid #444;
    border-left:1px solid #444;
    padding:10px 10px;
    background:transparent;
}
.pp thead th {
    background:#fff;
    border:0;
    padding-top:10px;
    padding-bottom:10px;
    font-size:12px;
    line-height: 14px;
    color:#333;
    font-weight:normal;
    font-family:"museo-slab-1","museo-slab-2", Georgia, serif;
    vertical-align: top;
}
.pp tbody .highlight th { 
    font-weight:normal;
    font-family:"museo-slab-1","museo-slab-2", Georgia, serif;
    font-size:18px;
}
.pp thead th.first {
    text-align:left;
    font-size:18px;
}
.pp td{
	line-height: 16px;
    background-color:rgba(75,75,75,0.4);
    /*-pie-background:rgba(75,75,75,0.4);*/
    -pie-background:#333333;
}
.ie .pp td{
    -pie-background:rgba(75,75,75,0.4);
}
.pp tbody th{
    text-align:left;
}

div.table_logos {
	float: left;
	margin: 3px 10px 0 0;
	width: 110px;
	}
	
div.table_logos img {
	margin: 0 0 10px 0;
	float: right;
	}

.pp tbody th p img {
	margin: 0 5px 0 0;
	}


.pp tbody th h5{
    margin:0 0 5px 0;
    line-height:1;
    font-size:16px;
    color:#dfdfdf;
    font-weight:300;
}
#content .pp tbody th p{
    font-size:11px;
    font-weight:normal;
    margin:0;
    letter-spacing:1px;
}
#content .pp tbody td p{
    font-size:13px;
}
.pp tbody .highlight th {
    background:#fff;
    color:#333 !important;
    border-color:#fff;
	}
	
.pp .note th{
    font-size:10px;
    font-weight:normal;
    background:#000;
	}

.pp .alt td{
    background-color:rgba(68,68,68,0.4);
    -pie-background:rgba(68,68,68,0.4);
	}

.pp .alt th{
    background-color:rgba(40,40,40,0.1);
    -pie-background:rgba(40,40,40,0.1);
	}

.pp th + td{
    background:rgba(75,75,75,0.4) url(../i/td-left-shadow-bg.png) top left repeat-y ;
    -pie-background:rgba(75,75,75,0.4) url(../i/td-left-shadow-bg.png) top left repeat-y ;
}

.pp .alt th + td{
    background:rgba(68,68,68,0.4) url(../i/td-left-shadow-bg.png) top left repeat-y ;
    -pie-background:rgba(68,68,68,0.4) url(../i/td-left-shadow-bg.png) top left repeat-y ;
    /*background-image:-webkit-gradient(linear, 15% 0%, 0% 0%, from(rgba(68,68,68,0.4)), to(rgba(30,30,30,0.4)), color-stop(.9,rgba(40,40,40,0.4)));
    background-image:-moz-linear-gradient(0% 15% 0deg,rgba(30,30,30,0.4), rgba(40,40,40,0.5), rgba(68,68,68,0.4) 20px);*/
	}

.pp td.included span, .pp td.not-included span{
    display:block;
    text-indent:-10000em;
	}

.pp td.included span {
    height:12px;
    background:transparent url(../i/check.png) 50% 50% no-repeat;
	}

.pp td.included span.checked {
    display:inline;
    text-indent: 0;
    padding-left: 20px;
    background-position: 0 2px;
    font-size: 13px;
	}


.pp td.not-included span{
    display:inline-block;
    height:2px;
    width:9px;
    background-color:#8e9389;
	}

.pp td span{
    font-size:10px;
    display:block;
	}

table.pp tbody td.partner_value {
	text-decoration: line-through;
	}


td.partner_value em {
	text-decoration: none;
	}
	
tr.last td {
	vertical-align: bottom;
	}

tr.last td .btn {
	margin: 5px 0;
	}

	
/* ------------------------- [ Downloads & Add-ons ] ---*/

#download {
    margin-top: 20px;
    padding:0 3px;
    }

#download h3 {
    margin: 15px 15px 10px;
}
#download_meta {
    margin: 20px 0 0 ;
    background-color: #54a9c5;
    background-image:-moz-linear-gradient(top, #92c5d6 0%, #54a9c5 100%);
    background-image:-o-linear-gradient(top, #92c5d6 0%, #54a9c5 100%);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#92c5d6), color-stop(100%,#54a9c5));
    background-image:linear-gradient(top, #92c5d6 0%, #54a9c5 100%);
    border: 1px solid #54a9c5;
    -moz-box-shadow:inset 0 0 0 1px #b3d7e3;
    -webkit-box-shadow:inset 0 0 0 1px #b3d7e3;
    box-shadow:inset 0 0 0 1px #b3d7e3;
    behavior:url(/assets/css/pie.htc);
}
#download_meta h3,
#download_meta p {
    color: #fff;
    margin: 0 250px 15px 15px;
}
#download_meta h3 { margin: 15px 15px 10px;}
.social_share {
    float: right;
    text-align: right;
    margin-top: 15px;
}
.social_share iframe { vertical-align: top; }
.connect_button_container,
.tb-container.
.twitter-share-button {
    display: inline;
}
.email_this {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #9dacce;
    background: #eceef5 url(../i/icons/icon_email.gif) no-repeat 3px 2px;
    font: 11px/14px arial, sans-serif;
    color: #3B5998;
    height: 16px;
    padding: 3px 4px 1px 22px;
    display: inline-block;
    text-decoration: none !important;
    vertical-align: top;
    behavior:url(/assets/css/pie.htc);
}
#download table {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
}
#download td, #download th {
    border: 1px solid #e9e9e9;
    border-width: 1px 0 0;
    padding: 8px 0;
}
#download table.previous td p {
    color: #888;
    margin-bottom: 0;
}
#download table.previous .variants {
    margin-top: 4px;
}

#download .variants {
    float: right;
}
#download a.btn {
    display: block;
    float: right;
    text-decoration: none;
    margin: 2px 10px 3px;
    width: 150px;
    text-align: center;
}
#download a.main {
    font-weight: bold;
}
#release_states { 
    color: #cacaca;
    margin-top: 15px;
    padding: 0 0 10px; ;
    border: 1px solid #e0e0e0;
    border-width: 0 0 1px;
}
#release_states a {
    font-weight: bold;
    padding: 15px 15px 10px;
    color: #555;
    text-decoration: none !important;
}
#release_states a:hover {
    text-decoration: underline !important;
}
#release_states a.current,
#release_states a:active {
    color: #45a1ba;
}
#release_states a.current {
    cursor: default;
    text-decoration: none !important;
}
.release_package {
    padding: 6px 0;
}
.release_package h3,
.release_package h5,
.release_package p {
    margin: 0 15px;
    line-height: 1.4;
    color: #555;
}
.release_package h3 {
    margin-bottom: 6px;
}

.release_package p {
    margin-bottom: 7px;
}
.release_description {
    margin: 0 15px 15px;
}
.release_links, .release_links a {
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	behavior:url(/assets/css/pie.htc);
}
.release_links a:hover { 
    text-shadow:0 0 2px #fff;
    -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	text-decoration: none !important;
	behavior:url(/assets/css/pie.htc);
}
.dl-variant {
    border-top: 1px solid #e9e9e9;
    padding-top: 7px;
}
.dl-variant h5 {
    margin: 3px 0 7px 15px;
}
.dl-variant p {
    clear: both;
    margin: 10px 15px 7px;
}
ul.tabs {
    margin: 3px 0 0;
    background-color: #ecf4f6;
    background-image:-moz-linear-gradient(top, #fff 0%, #ecf4f6 100%);
    background-image:-o-linear-gradient(top, #fff 0%, #ecf4f6 100%);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ecf4f6));
    background-image:linear-gradient(top, #fff 0%, #ecf4f6 100%);
    border-bottom: 1px solid #cbe1ec;
    overflow: visible;
    behavior:url(/assets/css/pie.htc);
}

ul.tabs li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.tabs li a{
    background: #fff;
    border-bottom: 1px solid #cbe1ec;
    color: #ddd;
    float: left;
    margin: 0 0 -1px;
    padding: 10px 15px 8px;
    font-size: 18px;
    font-weight: bold;
    overflow: visible;
    text-decoration: none !important;
    -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	behavior:url(/assets/css/pie.htc);
}
ul.tabs li a:hover{
    color: #aaa;
    -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	background-color: #fff;
    background-image:-moz-linear-gradient(top, #ecf4f6 0%, #fff 100%);
    background-image:-o-linear-gradient(top, #ecf4f6 0%, #fff 100%);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecf4f6), color-stop(100%,#fff));
    background-image:linear-gradient(top, #ecf4f6 0%, #fff 100%);
    behavior:url(/assets/css/pie.htc);
}
ul.tabs li.current a,
ul.tabs li.current a:hover,
ul.tabs li.ui-state-active a {
    background-color: #439db7;
    background-image:-moz-linear-gradient(top, #89bece 0%, #439db7 100%);
    background-image:-o-linear-gradient(top, #89bece 0%, #439db7 100%);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#89bece), color-stop(100%,#439db7));
    background-image:linear-gradient(top, #89bece 0%, #439db7 100%);
    border-bottom: 1px solid #439db7;
    color: #fff;
    text-shadow:1px 1px 2px #666;
    cursor: default;
    behavior:url(/assets/css/pie.htc);
}
ul.tabs li.first {
    margin-left: 7px;
}
ul.tabs li.first a {
    margin-left: -7px;
}

#list ul.tabs li.filter a{
    background:#fff url(../i/sort-sprite.png)  100% 20px no-repeat !important;
    float:right;
    border-left:1px solid #e5e5e5;
    color:#555;
    margin-top:-7px;
    padding:20px 20px 10px 15px;
    font-size:14px;
}
#list ul.tabs li.sort_asc a{
    background:#fff url(../i/sort-sprite.png)  100% -26px no-repeat !important;
}
#list ul.tabs li.sort_desc a{
    background:#fff url(../i/sort-sprite.png)  100% -66px no-repeat !important;
}
/* ------------------------- [ Logo Search section ] ---*/

#logo_search {
    height:82px;
    position:relative;
    line-height:30px;
    padding-top:7px;
}
#logo {
    width:350px;
    height:63px;
    margin:0 0 0 -5px;
    display:block;
    background:transparent url(../i/modx-logo-color.svg) top left no-repeat;
}
.no-svg #logo{
    background-image: url(../i/modx-logo-color.png);
}
#community #logo {
    background-position: left -63px;
}
#developer #logo {
    background-position: left -126px;
}
#support #logo {
    background-position: left -189px;
}
#learn #logo {
    background-position: left -252px;
}

#logo_search #search {
    position:absolute;
    top:36px;
    right:0;
}
#logo_search div.links {
    display:block;
    float:left;
    line-height:30px;
    margin-right:5px;
}
#logo_search div.links a {
    float:left;
    display:block;
    clear:none;
    padding:0 12px 0 10px;
    line-height:30px;
    color:#3b3b3b;
    text-decoration:none;
}
#logo_search div.links a:hover {
    text-decoration:underline;
    color:#000;
}
#logo_search div.links span {
    background:transparent url(../i/bg-sprite.png) 0 -649px no-repeat;
    width:1px;
    height:39px;
    display:block;
    float:left;
    margin:-5px 0 0;
}
#logo_search form,
#results_search form,
.go_search form {
    float:left;
    display:inline;
}
#logo_search input,
#results_search input,
.go_search input {
    border:0px solid transparent;
    height:30px;
    margin:0 !important;
    padding:0;
    display:block;
    float:left;
}
#main aside .search input{display:inline;}

#logo_search input[type="text"],
#results_search input[type="text"],
.go_search input[type="text"] {
    background:#f5f5f5;
    border:1px solid #ccc;
    border-width:1px 0 1px 1px;
    border-bottom-color:#efefef;
    -moz-border-radius:6px 0 0 6px;
    border-radius:6px 0 0 6px;
    width:300px;
    padding:0 0 0 5px;
    height:28px;
    -moz-box-shadow:inset 2px 2px 7px #d8d8d8;
    -webkit-box-shadow:inset 2px 2px 7px #d8d8d8;
    box-shadow:inset 2px 2px 7px #d8d8d8;
    position:relative;
    behavior:url(/assets/css/pie.htc);
}
#logo_search input[type=text] {
    width:150px;
}

#logo_search input[type=submit],
#main #results_search input[type=submit],
.go_search input[type=submit] {
    -moz-border-radius:0 6px 6px 0;
    border-radius:0px 6px 6px 0px;
    border-bottom:1px solid #76b7cb;
    border-top:1px solid #93bbc8;
    width:37px;
    color:#fff;
    font-size:14px;
    text-shadow:1px 1px 2px #666;
    font-weight:bold;
    background-color:#56a9c2;
    background-image:-webkit-gradient(linear, center bottom, center top, from(#56a9c2), to(#9ccad8));
    background-image:-moz-linear-gradient(top, #9ccad8, #56a9c2);
    background-image:-o-linear-gradient(top, #9ccad8, #56a9c2);
    -pie-background:#56a9c2, linear-gradient(top, #9ccad8, #56a9c2);
    background-image:linear-gradient(top, #9ccad8, #56a9c2);
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    position:relative;
    behavior:url(/assets/css/pie.htc);
}
#main #results_search input[type=submit]{
    width:60px;
}
#main #results_search .results_count{
    position:absolute;
    right:20px;
    margin:0;
    bottom:15px;
    text-align:right;
}
#main #search_results .pagingbar{
    margin-top:40px;
}
#main #results_search input[type="text"]{
    width:360px;
}
/* ------------------------- [ Breadcrumbs ] ---*/

#crumbs {
    background:#efefef url(../i/destinations-home.jpg) 50% -62px;
    height:36px;
    margin-bottom:14px;
}
#crumbs ul {
    margin:0 0 0;
    padding:1px 0 0;
    height:28px;
}
#crumbs li {
    background:transparent url(../i/bg-sprite.png) 3px -114px no-repeat;
    padding:0 0 0 24px;
    float:left;
    font-size:12px;
    z-index:10;
}

#crumbs li a,
#crumbs li.last,
#crumbs li.last span {
    display:block;
    float:left;
    height:28px;
    line-height:30px;
    text-decoration:none;
    color:#127293;
    background-position:3px -171px; 
}
#crumbs li.last { background-position:4px -142px; }
#crumbs li.last span { 
    background:transparent url(../i/bg-sprite.png) 0 -170px repeat-x;
    padding-right:2px;
}
#crumbs li.end { 
    background-position:0 -198px;
    width:20px;
    height:28px;
    margin:0;
}

#crumbs li.first {
    background:none;
    padding:0;
}
#share{
    position:absolute;
    top:7px;
    right:0px;
    width:153px;
}
/* ------------------------- [ Mega Menu ] ---*/

#section_wrap { background:#00181f url(../i/headers-new.jpg) top center no-repeat; }
#community #section_wrap { background:#031e16 url(../i/headers.jpg) center -561px no-repeat; }
#developer #section_wrap { background:#0b1d1a url(../i/headers.jpg) center -314px no-repeat; }
#support #section_wrap { background:#200d1a url(../i/headers.jpg) center -810px no-repeat; }
#learn #section_wrap { background:#251306 url(../i/headers.jpg) center -1056px no-repeat; }

#section{ margin-left:-20px; zoom:1}

#section ul {
    margin:0;
    position:relative;
    z-index:999;
}
.ie7 #section ul {
    zoom:1;
    float:left;
}
#section > ul {
   width: 980px !important;
}
#section li {
    display:inline-block;
    color:#fff;
    font-weight:normal;
    background:transparent url(../i/bg-sprite.png) 0 -404px no-repeat;
    position:relative;
    z-index:1000;
}
.ie7 #section li {
    zoom:1;
    float:left;
}
#section li.first { background:none; }

#section span{
    display:block;
    font-size:20px;
}

#section a {
    text-decoration:none;
    text-shadow:1px 0 10px #000;
    color:#d2f5ff;
    display:inline-block;
    width:auto;
    padding:10px 20px;
}
.ie7 #section a {
    zoom:1;
    display:inline;
}
#section a span{
    color:#fff;
}

#section .level1:hover a {
    margin:-5px 0;
    padding:15px 20px;
    -moz-border-radius:5px;
    border-radius:5px;
    background:#4D5152;
    background:-moz-linear-gradient(top, #4D5152 0%, #3E4143 100%);
    background:--linear-gradient(top, #4D5152 0%, #3E4143 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4D5152), color-stop(100%,#3E4143));
    -pie-background:linear-gradient(top, #4D5152, #3E4143);
    -moz-box-shadow:1px 4px 5px rgba(0,0,0,.22);
    -webkit-box-shadow:1px 4px 5px rgba(0,0,0,.22);
    box-shadow:1px 4px 5px rgba(0,0,0,.22);
    z-index:1000;
    position:relative;
   
}
.ie #section .level1 a{
    border-radius:5px;
    behavior:url(/assets/css/pie.htc);
}
#section .level1:hover .level2 a, #section .level1:hover .level3 a{
    background:transparent;
    background-image:none;
    border:0;
    -moz-border-radius:0;
    border-radius:0;
    behavior:url(/assets/css/pie.htc);
}

#section .level2{
    float:left;
}
#section .level2 a{
    font-family:"museo-slab-1","museo-slab-2", Georgia, serif;
    font-size:16px;
    font-weight:700;
    color:#69cde4;
    text-transform:uppercase;
    text-shadow:0 0 2px #000;
}
#section .level3{
    line-height:1;
}
#section .level3 a{
    font-family:"Helvetica Neue", helvetica, arial, sans-serif;
    font-size:13px;
    font-weight:normal;
    color:#fff;
    text-transform:none;
    line-height:1;
    padding:5px 20px;
}

#section li.parent:hover a {
    margin:-5px 0 0;
    padding:15px 20px 10px;
    -moz-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    position:relative;
    behavior:url(/assets/css/pie.htc);
}

#section li ul { display:none; }
#section li:hover li a { background:transparent !important; }

#section li:hover ul {
    display:block;
    position:absolute;
    top:auto;
    left:0;
    padding:0 0 20px;
    margin:0 0 0;
    -moz-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
    background:#3D4143;
    background:-moz-linear-gradient(top, #3D4143 0%, #2B2F2F 100%);
    background:-o-linear-gradient(top, #3D4143 0%, #2B2F2F 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3D4143), color-stop(100%,#2B2F2F));
    -pie-background:linear-gradient(top, #3D4143, #2B2F2F);
    background:linear-gradient(top, #3D4143 0%, #2B2F2F 100%);
    -moz-box-shadow:1px 4px 5px rgba(0,0,0,.22);
    -webkit-box-shadow:1px 4px 5px rgba(0,0,0,.22);
    box-shadow:1px 4px 5px rgba(0,0,0,.22);
    z-index:1001;
    padding-top:20px;
    behavior:url(/assets/css/pie.htc);
}
.ie #section li:hover ul{
    border-radius:0 0 5px 5px;
    behavior:url(/assets/css/pie.htc);
}
#section li:hover ul ul{
    background:transparent;
    padding:0;
}
#section li:hover li ul {
    background:none !important;
    -pie-background:transparent;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    padding-top:0;
}
#section li:hover ul ul{
    position:relative;
    -moz-box-shadow:0;
    -webkit-box-shadow:0;
    box-shadow:0;
    background:transparent;
    padding-top:0;
}

#section ul .level1:nth-child(4):hover ul,
#section .level1.last:hover ul{
    position:absolute;
    top:auto;
    left:auto;
    right:0;
}

#section ul .level1:nth-child(4):hover ul ul,
#section .level1.last:hover ul ul
{
    position:relative;
}

#section li:hover ul li {
    position:relative;
    display:block;
    float:none;
    z-index:1001;
    background:transparent;
    margin:0;
    padding:0;
    width:auto;
}
#section li:hover .inner a {
    position:relative;
    display:block;
    float:none;
    padding:5px 20px;
    margin:0;
    background:transparent;
    -moz-border-radius:0 0 0 0;
    border-radius:0 0 0 0;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    behavior:url(/assets/css/pie.htc);
}
#section li:hover .inner{
    width:470px;
}
#section .level1 li.level2{
    float:left;
    display:block;
    width:233px;
    padding-top:0;
    padding-bottom:10px;
}
#section li.level2:nth-child(even){
    border-left:1px solid #555;
    margin-left:-1px;
}
#section li.level2:nth-child(odd){
    border-right:1px solid #555;
}
#section li:hover .inner ul{
    width:auto;
}
#section li:hover ul li a:hover:before,
#section li:hover ul li a.current:before
  {
    content:"› ";
    margin:0;
    font-size:20px;
    position:absolute;
    left:9px;
    top:0;
}
#section li:hover ul li a.level2:hover:before{
    top:1px;
}



/* ------------------------- [ headlines, headers & basic styling ] ---*/

#main { min-height:300px; }

h1, h2, h3, h4, h5, h6{
    margin:1.5em 0 .5em;
    line-height:1;
}
h1, h2, h4, h6 {
  font-family:"museo-slab-1","museo-slab-2", Georgia, serif;
  font-weight:normal;
  color:#137899;
}
h3, h5, h3 a {
    font-weight:bold;
    color:#494949;
}
h4 {
    color:#494949;
    border-bottom:1px solid #e3e3e3;
    margin:1.5em 0 .5em 0;
    padding-bottom:.5em;
}
/* icon icons headers ... images need to be 12x12 px */
h3 img, .gap_title img {
    float:left;
    display:block;
    margin:-3px 5px -3px 0;
    background:#6fc8dc;
    -moz-border-radius:12px;
    border-radius:12px;
    padding:6px;
    width:12px;
    height:12px;
}
.ie6 h3, .ie6 h5,
.ie7 h3, .ie7 h5,
.ie8 h3, .ie8 h5 {
    font-family:Arial, sans-serif;
}

h1 { font-size:25px; }
h2 { font-size:30px; }
h3 { font-size:18px; }
h4 { font-size:20px; }
h5 { font-size:16px; }
h6 { font-size:15px; line-height:1.3; }

h2,h6{letter-spacing:1px;}


/* use for full width clearing titles, e.g., above #main */
.gap_title {
    width:940px;
    margin: -10px auto 0;
    position:relative;
    padding:0 0 10px;
	}

.gap_title h2 {
    margin: 0 0;
	}
	
.gap_title a{
    position:absolute;
    display:block;
    top:18px;
    right:15px;
    width:240px;
    text-decoration:none;
    color:#2B8BA7;
    font-size:14px;
	}

/* multi-column hacks until CSS3 matures*/
.three_col .col { width:191px; }
.three_col .colspan, .three_col .colspan input[type="text"],.three_col .colspan input[type="password"], .three_col .colspan textarea { width:402px; }
.two_col .col { width:304px; }
.col { margin-left: 20px; float:left; }
.col_1 { margin-left:0; clear:left; }
.two_col input[type="text"], .two_col input[type="password"], .two_col textarea { width:290px; }
.two_col select{ width:304px;}

#content {
    border:1px solid #e1e1e1;
    background:#fff;
    /*padding:25px;*/
    -moz-box-shadow:1px 2px 1px #ddd;
    -webkit-box-shadow:1px 2px 1px #ddd;
    box-shadow:1px 2px 1px #ddd;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px 6px;
    margin:0 auto;
    position:relative;
    width:940px;
    behavior:url(/assets/css/pie.htc);
}

p { margin:10px 0 20px; }

p.credit {
    font-size: 10px;
    margin: 0 0 20px;
    padding: 0;
    text-align: right;
}
p.credit a {
    padding: 0;
    font-size: 12px;
    background: none !important;
    text-decoration: none;
}
p.credit a:hover {
    text-decoration: underline;
}

em {
  font-style:italic;

}
#content ol { color:#5f5f5f; }

#content ol p {
  color:#5f5f5f;
  margin:0;
}
#content article { padding:0 20px 20px 20px; }

#main .two-col article {
    width:630px;
    float:left;
}
#content aside {
    width:240px;
    min-height:600px;
    padding:15px;
    float:right;
    background:-moz-linear-gradient(top center, #f6f6f6, #fff 600px);
    background:-o-linear-gradient(top center, #f6f6f6, #fff 600px);
    background:-webkit-gradient(linear, 0 0, 0 600, from(#f6f6f6), to(#fff));
    -moz-border-radius-topright:6px;
    -webkit-border-top-right-radius:6px;
    border-radius:0 6px 0 0;
    position:relative;
    behavior:url(/assets/css/pie.htc);
    z-index:1;
}
#content aside hr.line {
    position:absolute;
    top:-15px;
    left:0;
    width:1px;
    height:100%;
    background:#EAEAEA;
    background:-moz-linear-gradient(top, #EAEAEA 0%, #FFFFFF 100%);
    background:-o-linear-gradient(top, #EAEAEA 0%, #FFFFFF 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EAEAEA), color-stop(100%,#FFFFFF));
    -pie-background:linear-gradient(top, #EAEAEA, #FFFFFF);
    background:linear-gradient(top, #EAEAEA 0%, #FFFFFF 100%);
    }
#content aside nav {
    border:1px solid #e1e1e1;
    background:#fff;
    padding:3px 2px 2px 2px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    behavior:url(/assets/css/pie.htc);
}
#content aside nav header,
#content aside .bordered.pill header,
ul#toplists li span {
    background-color:#ecf4f6;
    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ecf4f6));
    background:-moz-linear-gradient(top, #fff, #ecf4f6);
    background:-o-linear-gradient(top, #fff, #ecf4f6);
    -pie-background:linear-gradient(top, #fff, #ecf4f6) !important;
    background:linear-gradient(top, #ffffff, #ecf4f6);
    padding:6px;
    font-size:18px;
    font-weight:bold;
    color:#333;
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;
    border-bottom:1px solid #CBE1EC;
    behavior:url(/assets/css/pie.htc);
}
#content aside form input, #content aside form textarea, #content aside form select{
    width:230px;
}
#content aside form input.cta {
    width:220px;
}
#content aside form select{
    width:240px;
}
#content aside input[type="checkbox"]{
    width:auto;
    margin:0 5px 0 0;
}
#content aside nav ul {
    margin:0;
    padding:0;
}
#content aside nav ul li {
    margin:0;
    position:relative;
}

#content aside nav ul li a {
    display:block;
    position:relative;
    background-color:#eee;
    background:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eee));
    background:-moz-linear-gradient(top, #f7f7f7, #eee);
    background:-o-linear-gradient(top, #f7f7f7, #eee);
    -pie-background:linear-gradient(top, #f7f7f7, #eee);
    background:linear-gradient(top, #f7f7f7, #eee);
    padding:6px !important;
    border-bottom:1px solid #e3e3e3;
    color:#2b8ba7;
    background-position:-8px -254px !important;
    behavior:url(/assets/css/pie.htc);
	text-decoration: none;

}
#content aside nav ul li:last-child a{
    border-bottom:0px;
    -moz-border-radius:0 0 4px 4px;
    -webkit-border-radius:0 0 4px 4px;
    border-radius:0 0 4px 4px;
    background-position:-8px 0px !important;
    behavior:url(/assets/css/pie.htc);
    position:relative;
}
#main #content aside nav ul li.last a {
    border-bottom:0px;
    border-radius:0 0 4px 4px;
    behavior:url(/assets/css/pie.htc);
    position:relative;
}
#content aside nav ul li a:hover {
    background:#fff;
}
#content aside nav ul li a:after  {
    content:"› ";
    font-size:22px;
    position:absolute;
    right:10px;
    top:0;
}
#content aside nav ul li.active a { background:#fff !important; }
#content aside nav ul li.active a:after { color:#93c37f; }

/* ------------------------- [ image treatments ] ---*/
.bordered {
    border:1px solid #e1e1e1;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:5px;
    behavior:url(/assets/css/pie.htc);
}

img.left {
    float:left;
    margin:0 10px 10px 0;
}
img.right {
    float:right;
    margin:0 0 10px 10px;
}

img.ico {
    width:50px;
    height:50px;
    border:1px solid #dedede;
    display:block;
    float:left;
    margin:0 1em .5em 0;
    -moz-border-radius:4px;
    border-radius:4px;
    background:#feffff;
    background:-moz-linear-gradient(top, #feffff 0%, #EBEBEB 100%);
    background:-o-linear-gradient(top, #feffff 0%, #EBEBEB 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#EBEBEB));
    -pie-background:linear-gradient(top, #feffff 0%, #EBEBEB 100%);
    background:linear-gradient(top, #feffff 0%, #EBEBEB 100%);
    behavior:url(/assets/css/pie.htc);
    position:relative;
}

/* ------------------------- [ quotes and blockquotes ] ---*/
.callout {
  margin:0 15px 15px 0;
  padding:0 0 0 6px;
  width:240px;
  float:left;
  border:1px solid #e1e1e1;
  background:#99d0e2;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  font-size:15px;
  behavior:url(/assets/css/pie.htc);
}
.callout.right {
    float:right;
    margin:0 0 15px 15px;
}
.callout.right { background:#f39b4f; }

.callout div {
  background:#fff;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  padding:10px 15px;
  margin:0;
  behavior:url(/assets/css/pie.htc);
}

#content .box-quote {
  border:1px solid #afdae8;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:0px 0px 0px  1px #74bdd2;
  -webkit-box-shadow:0px 0px 0px 1px #74bdd2;
  background:-moz-linear-gradient(top, #8bc4d7, #9ad1e3);
  background:-o-linear-gradient(top, #8bc4d7, #9ad1e3);
  -pie-background:linear-gradient(top, #8bc4d7, #9ad1e3);
  background:linear-gradient(top, #8bc4d7, #9ad1e3);
  color:#fff;
  font-size:15px;
  width:auto;
  behavior:url(/assets/css/pie.htc);
}

#content .box-quote.orange {
  -moz-box-shadow:0px 0px 0px  1px #f39b4f;
  -webkit-box-shadow:0px 0px 0px 1px #f39b4f;
  border:1px solid #f5af76;
  behavior:url(/assets/css/pie.htc);
}

#content .box-quote p {
  background:transparent url(../i//box-quote-bg.png) 11px 15px no-repeat;
  padding-left:60px;
  min-width:180px;
}

#content blockquote{
    padding-left:60px;
    margin:10px 0;
    position:relative;
}
blockquote:before{
    content:'\201C';
    font-size:120px;
    position:absolute;
    left:0;
    top:0;
    line-height:1;
    color:#fff;
    font-family:georgia, serif;
    text-shadow:0 1px 3px #bbb;
}
section blockquote{
    padding-left:30px;
}
section blockquote:before{
    font-size:60px;
}
blockquote p cite:before {
    content:' — ';
}

/* ------------------------- [ Partner Quotes ] ---*/



section.partner_quote div  {
	background: none;
	display: block;
	width: 840px;
	margin: 0 auto .5px;
	padding: 20px 0 0 11px;
	clear: both;
	}

section.partner_quote div.partner_img {
	background: none;
	display: block;
	padding: 15px 0 0 35px;
	width: 146px;
	float: left;
	}
	
section.partner_quote div blockquote::before {
content: '';
	}
	
section.partner_quote div blockquote {
	font-family:"museo-slab-1","museo-slab-2", Georgia, serif;
	font-weight:normal;
	font-size: 24px;
	color:#137899;
	content:none;
	background: transparent url(../i/quotes.png) no-repeat 0 0;
	display: block;
	width: 560px;
	float: right;
	padding: 10px 0 0 75px;
	margin: 0;
	}
	
section.partner_quote h3 {
	background: none;
	display: block;
	width: 560px;
	float: right;
	padding: 15px 0 0 0;
	margin: 0;
	font-weight: normal;
	line-height: 22px;
	}

section.partner_quote h3 a {
	background: none;
	color: #137899;
	text-decoration: underline;
	font-weight: normal;
	}

section.partner_quote h3 a:hover {
	color: #036;
	}

img.quote_logo {
	width: 146px;
	}


span.polaroid {
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    color: #333333;
    display: inline;
    float: right;
    margin: 0 0 27px 30px;
    padding: 10px 10px 15px;
    width: auto;
    font-size: 14px;
    line-height: 1.3;
    color: #555;
    cursor: default;
	}


/* ------------------------- [ Blog  Styles] ---*/
.post{
    border-bottom:1px solid #d6d6d6;
    margin: 0 0 4em;
    padding: 0 0 2.5em;
}
.post.last{
    border-bottom:none;
}
#content .post a {
    text-decoration:none;
}
#content .entry a {
    text-decoration:underline;
}
.postmeta a, .tags a{
    font-weight:normal;
    color:#348faa;
}
#post .postmeta,
.post .post-info {
    margin:20px 0;
    line-height:1;
    font-size:12px;
    color:#888;
}
.post .post-info{
    margin-top:10px;
}
.feed .post-info a {
    background:url("../i/social/social-rss.png") 0 0 no-repeat;
    padding:2px 0 0 20px; 
    font-size:14px;
}
.post h3, .post h3 a {
    margin: 1.5em 0 .25em;
}
.post h3 a {
    color: #0F7096;
}
p.published {
    margin: 6px 0 12px;
    color: #555;
}
p.published .date {
    color: #aaa;
}

.bio {
    background:#f5f5f5;
    border:1px solid #E1E1E1;
    border-width:1px 0 1px 0;
    padding:25px;
    margin:20px 0;
    -moz-box-shadow:0 1px 0 #fff inset;
    -webkit-box-shadow:0 1px 0 #fff inset;
    box-shadow:0 1px 1 #fff inset;
}
.bio img {
    float:left;
    margin:0 25px 0 0;
    border:1px solid #e1e1e1;
    padding:5px;
    background:#fff;
}
.bio h5 {
    margin:0 0 15px 0;
}
.bio .bio-content, .bio .bio-url, .bio h5{
    margin-left:140px;
}
p.bio-url {margin-bottom:0;}
.bio-url a{padding:0;background-image:none;}

/* ------------------------- [ Blog Comment Styles] ---*/
#comments ol{
    list-style-type:none;
    margin-left:0;
}
#comments li{
    margin-bottom:20px;
    position:relative;
    z-index:1;
}
#comments .author-vcard,
.quip-preview .author-vcard{
    width:100px;
    margin-right:20px;
    float:left;
}
#comments .author-vcard img,
.quip-preview .author-vcard img{
    border:1px solid #d5d5d5;
}
#comments .date, 
.quip-preview .date{
    font-size:10px;
    color:#888;
}
#comments .text,
.quip-preview .text{
    padding:20px 20px 30px 20px;
    float:right;
    width:468px;
    position:relative;
    z-index:1;
    font-size:14px;
    line-height:1.4;
}
#comments li .children{
    clear:both;
    padding-top:20px;
}
#comments .children li{
    margin-left:20px;
}
#comments .children .text{
    width:448px;
}
#comments li .children ol .text{
    width:428px;
}
#comments li .children ol ol .text{
    width:408px;
}
#comments li .children ol ol ol .text{
    width:388px;
}
#comments li .children ol ol ol ol .text{
    width:368px;
}
#comments .reply-link a{
    display:inline;
    font-size:11px;
}
#comments .reply-link{
    position:absolute;
    bottom:10px;
    right:20px;
}
#post .allowed-tags{
    font-size:11px;
    color:#888;
}
.quip-preview{
    border-bottom:1px solid #d5d5d5;
    padding:10px 0;
    margin-bottom:10px;
}
.fb-like {
    height:32px;
}
.pointer, 
.pointer:before{
    border:10px solid transparent;
    height:0;
    position:absolute;
    width:0;
    border-right-color:#e1e1e1;
    z-index:100;
}
.pointer:before {
    content:' ';
    border-width:9px;
    border-right-color:#fff;
    top:-9px;
    left:-7px;
    z-index:10;
}
.pointer.down{
    border-color:transparent;
    border-top-color:#e1e1e1;
    bottom:-20px;
    left:20px;
}
.pointer.down:before{
    border-color:transparent;
    border-top-color:#fff;
    top:-11px;
    left:-9px; 
}
.pointer.up{
    border-color:transparent;
    border-bottom-color:#e1e1e1;
}
.pointer.up:before{
    border-color:transparent;
    border-bottom-color:#fff;
    top:-7px;
    left:-9px; 
}
.commentlist .pointer{
    right:509px;
    top:20px;
}
.children .pointer, 
.children .pointer:before{
    border-right-color:transparent;
}
.children .pointer{
    border-bottom-color:#e1e1e1;
    top:-20px;
    right:448px;
}
.children ol .pointer{
    right:428px;
}
.children ol ol .pointer{
    right:408px;
}
.children ol ol ol .pointer{
    right:388px;
}
.children ol ol ol ol .pointer{
    right:368px;
}
.children .pointer:before{
    border-bottom-color:#fff;
    top:-7px;
    left:-9px;
}
.authortoo .pill{
    background:#5f5f5f;
    background:-moz-linear-gradient(top, #999 0%, #777 100%);
    background:-o-linear-gradient(top, #999 0%, #777 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#777));
    -pie-background:linear-gradient(top, #999999 0%, #777777 100%);
    background:linear-gradient(top, #999 0%, #777  100%);
    color:#fff;
}
#comments .authortoo .pill p{
    color:#fff;
}

/* ------------------------- [ 2-column Styles ] ---*/
#sidestage{
    background:#fefefe url("../i/headline_bg_2col.jpg")  no-repeat center center;
    background-size:620px 250px;
    display:table; 
    width:630px;
    height:260px;
    margin:20px 0 0;
    border:1px solid #e3e3e3;
    -moz-border-radius:6px;
    border-radius:6px;      
    behavior:url(/assets/css/pie.htc);   
} 
.post #sidestage {
    display:block;
}
#sidestage .inner{
    position:relative;
    display:table; 
    z-index:1;
    overflow:hidden;
    width:100%;
}
#sidestage img {
    position:absolute;
    top:5px;
    left:5px;
    width:620px;
    height:250px;
    background:#ddd;
    z-index:10;
    -moz-border-radius:3px;
    border-radius:3px;
    behavior:url(/assets/css/pie.htc);
}
#sidestage hgroup {
    position:relative;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    z-index:100;
    padding:0 4em;
}
#sidestage hgroup.tr{
    vertical-align:top;
    text-align:right;
    padding:20px;
}
#sidestage hgroup.br{
    vertical-align:bottom;
    text-align:right;
    padding:20px;
}    
#sidestage hgroup.bl{
    vertical-align:bottom;
    text-align:left;
    padding:20px;
}
#sidestage hgroup.tl{
   vertical-align:top;
   text-align:left;
   padding:20px;
}     
        
    #sidestage hgroup * {
        position:relative;
        z-index:100;
        border:0;
        margin:0;
        padding:0;
        color:#fff;
        text-shadow:1px 0 5px #000;
        line-height:1.3;
    }
    #sidestage hgroup h5 {
        font-size:15px;
    }



/* ------------------------- [ Full Width Intro Sections ] ---*/

#mainstage {
    position:relative;
    display:table;
    border-collapse: none;
    width:956px;
    height:301px;
    padding:7px;
    background:#fefefe;
    border:1px solid #e3e3e3;
    -moz-border-radius:5px;
    border-radius:5px;
    z-index:1;
    behavior:url(assets/css/pie.htc);
}

#mainstage.no_table {
	display: block;
    width:954px;
    height:299px;
	}

    #mainstage img {
        position:absolute;
        top:7px;
        left:7px;
        width:940px;
        height:285px;
        background:#ddd;
        z-index:10;
        -moz-border-radius:2px;
        border-radius:2px;
        behavior:url(/assets/css/pie.htc);
    }
    
    #mainstage iframe {
        position:absolute;
        top:7px;
        left:7px;
        width:940px;
        height:285px;
        background:#ddd;
        z-index:10;
        -moz-border-radius:2px;
        border-radius:2px;
        behavior:url(/assets/css/pie.htc);
    }   
    
    #mainstage hgroup {
        position:relative;
        display:table-cell;
        vertical-align:middle;
        text-align:center;
        z-index:100;
        padding:0 4em;
		}
    
	    #mainstage hgroup h2,
	    #mainstage hgroup h6,
	    #mainstage hgroup p{
	        text-shadow:1px 0 6px #000; 
			}
    
	    #mainstage hgroup * {
	        position:relative;
	        z-index:100;
	        border:0;
	        margin:0;
	        padding:0;
	        color:#fff;
	        line-height:1.3;
			}
    
	    #mainstage hgroup h5 {
	        font-size:15px;
			}
    
    #mainstage.download hgroup{
        text-align:left;
        padding:20px 0 15px 25px;
        vertical-align:bottom;
        width:240px;
        display:block;    
		}
    
    #mainstage hgroup.partners {
    	width: 600px;
    	text-align: left;
    	padding: 40px 0 0 45px;
    	margin: 0 0;
    	}

    #mainstage hgroup.partners h6 {
		margin: 20px 0 0 0;
		}

    #mainstage hgroup.partners h2 {
        font-size:30px;
        line-height:1.5;
        }
    	
    #mainstage.download hgroup.newsletter_h2 {
        width:300px;
    	}
    
    #mainstage.download h2 {
        font-weight:bold;
        font-size:40px;
        line-height:1.2;
    }
    
    #mainstage.download .cta.large{
        height:60px;
        line-height:60px;
        margin:10px 0 10px 0;
        float:none;
    }
    #mainstage.download hgroup .info{
        font-size:11px;
    }
    #mainstage.download hgroup .info a{
        text-decoration:underline;
    }
#intro {
    padding:0;
    margin:0 auto 2px;
    width:960px;
}
#intro h1 {
    float:left;
    width:690px;
    font-size:30px;
    color:#4c4c4c;
    border:0;
    line-height:1.3;
    margin:20px 20px 20px 0;
}

#intro h1.newsletter_intro {
    width:940px;
	}

#intro .button_cta, #intro .cta {
    float:left;
    margin:28px 0 0;
}



#featured {
    background:#f6f6f6;
    border:1px solid #fff;
    border-width:1px 0;
    -moz-box-shadow:0 3px 5px rgba(0,0,0,.22);
    -webkit-box-shadow:0 3px 5px rgba(0,0,0,.22);
    box-shadow:0 3px 5px rgba(0,0,0,.22);
    margin:0 auto 5px;
    behavior:url(/assets/css/pie.htc);
}
    #featured .container,
    #also .container  {
    width:960px;
    }
    #featured h5 {
        margin:0 0 .5em;
    }
#featured article,
#also article {
    width:226px;
    padding:20px 0 20px 80px;
    float:left;
    margin-left:21px;
    position:relative;
    color:#7e7d83;
}
#featured article p,
#also article p, 
#featured article li,
#also article li
{
    font-size:14px;
    line-height:1.4;
}


	#featured article li a img,
    #featured article img {
        width:65px;
        height:60px;
        background:#ddd;
        position:absolute;
        top:20px;
        left:0;
        -moz-border-radius:5px;
        border-radius:5px;
        background:#65AD99;
        background:-moz-linear-gradient(top, #65AD99 0%, #5AB357 100%);
        background:-o-linear-gradient(top, #65AD99 0%, #5AB357 100%);
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#65AD99), color-stop(100%,#5AB357));
        -pie-background:linear-gradient(top, #65AD99 0%, #5AB357 100%);
        background:linear-gradient(top, #65AD99 0%, #5AB357 100%);
        behavior:url(/assets/css/pie.htc);
        z-index: 200;
        }

	#featured article li a.gravatar1 img,
	#featured article li a.gravatar2 img,
	#featured article li a.gravatar3 img,
	#featured article li a.gravatar4 img,
	#featured article li a.gravatar5 img {
        -moz-border-radius: 0;
        border-radius: 0;
        -pie-background: none;
        behavior: none;
        }
    
	#featured article li a.gravatar1 img {
		z-index: 250;
        behavior: none;
		}

	#featured article li a.gravatar1 img {
        top:25px;
		}


	#featured article li a.gravatar2 img,
	#featured article li a.gravatar3 img,
	#featured article li a.gravatar4 img,
	#featured article li a.gravatar5 img {
		display: none;
        }

	#featured article li a.gravatar1:hover,
	#featured article li a.gravatar2:hover,
	#featured article li a.gravatar3:hover,
	#featured article li a.gravatar4:hover,
	#featured article li a.gravatar5:hover {
		background: none;
		}

	#featured article li a.gravatar1:hover img,
	#featured article li a.gravatar2:hover img,
	#featured article li a.gravatar3:hover img,
	#featured article li a.gravatar4:hover img,
	#featured article li a.gravatar5:hover img {
        -moz-border-radius: 0;
        border-radius: 0;
        background: #fff;
        -pie-background: none;
        behavior: none;
		display: block;
        z-index: 300;		
		}


	#featured article li a.gravatar1:hover img {
		padding-top: 0px;
		}

	#featured article li a.gravatar2:hover img {
		padding-top: 30px;
		}

	#featured article li a.gravatar3:hover img {
		padding-top: 55px;
		}

	#featured article li a.gravatar4:hover img {
		padding-top: 78px;
		}

	#featured article li a.gravatar5:hover img {
		padding-top: 100px;
		}


    #featured article h6 {
        font-size:13px;
        font-weight:bold;
        line-height:1;
        margin:0 0 1em;
        border:0;
        color:#000;
		}
	#also h4{
	    font-size:18px;
	}   
    #community #featured article img {
        background:#5C903C;
        background:-moz-linear-gradient(top, #5C903C 0%, #21553E 33%, #0D271C 67%, #213D2F 100%);
        background:-o-linear-gradient(top, #5C903C 0%, #21553E 33%, #0D271C 67%, #213D2F 100%);
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5C903C), color-stop(33%,#21553E), color-stop(67%,#0D271C), color-stop(100%,#213D2F));
        -pie-background:linear-gradient(top, #5C903C 0%, #21553E 33%, #0D271C 67%, #213D2F 100%);
        background:linear-gradient(top, #5C903C 0%, #21553E 33%, #0D271C 67%, #213D2F 100%);
    }
    
    #support #featured article img {
        background:#592244;
        background:-moz-linear-gradient(top, #592244 0%, #7C518A 33%, #693B65 67%, #361C35 100%);
        background:-o-linear-gradient(top, #592244 0%, #7C518A 33%, #693B65 67%, #361C35 100%);
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#592244), color-stop(33%,#7C518A), color-stop(67%,#693B65), color-stop(100%,#361C35));
        -pie-background:linear-gradient(top, #592244 0%, #7C518A 33%, #693B65 67%, #361C35 100%);
        background:linear-gradient(top, #592244 0%, #7C518A 33%, #693B65 67%, #361C35 100%);
    }
    
    #developer #featured article img {
        background:#298A75;
        background:-moz-linear-gradient(top, #298A75 0%, #1C4B52 33%, #123A3B 67%, #2C6165 100%);
        background:-o-linear-gradient(top, #298A75 0%, #1C4B52 33%, #123A3B 67%, #2C6165 100%);
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#298A75), color-stop(33%,#1C4B52), color-stop(67%,#123A3B), color-stop(100%,#2C6165));
        -pie-background:linear-gradient(top, #298A75 0%, #1C4B52 33%, #123A3B 67%, #2C6165 100%);
        -pie-background:linear-gradient(top, #298A75 0%, #1C4B52 33%, #123A3B 67%, #2C6165 100%);
    }
    
    #learn #featured article img {
        background:#A56D17;
        background:-moz-linear-gradient(top, #A56D17 0%, #9D5A10 33%, #4A2F16 67%, #5D2F07 100%);
        background:-o-linear-gradient(top, #A56D17 0%, #9D5A10 33%, #4A2F16 67%, #5D2F07 100%);
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#A56D17), color-stop(33%,#9D5A10), color-stop(67%,#4A2F16), color-stop(100%,#5D2F07));
        -pie-background:linear-gradient(top, #A56D17 0%, #9D5A10 33%, #4A2F16 67%, #5D2F07 100%);
        background:linear-gradient(top, #A56D17 0%, #9D5A10 33%, #4A2F16 67%, #5D2F07 100%);
		}
    
#featured article.first,
#also article.first {
    margin-left:0;
	}

#also .container article {
    width:226px;
    padding:0 0 0 80px;
}
#also .container article ul{
    margin:0 0 20px 0;
}
#also li{
       list-style:none;
}  
#also li:before{
    content:'•';
    color:#bbb;
    width:5px;
    height:5px;
    margin:0 7px 0 -15px
    
}
#also #ticker li:before,
#also .featurelist li:before
{
    content:'';
    margin:0;
}
/* ------------------------- [ Site Footer including back to top anchor ] ---*/

#top {
    display: block;
    height:53px;
    background:transparent url(../i/headers-new.jpg) 50% -99px repeat;
}

footer {
    background-color:#f5f5f5;
}


/* ------------------------- [ Newsletter & Site Sponsors ] ---*/

.newsletter_home {
    margin: 20px auto 20px;
    width:968px;
    overflow:hidden;
    line-height:33px;
    height:44px;
    position:relative;
}

.newsletter_home label {
	float: left;
	}

header.newsletter_home h3 {
    background:transparent url(../i/icon_email3.png) no-repeat 0 3px;
	display: block;
    border:none;
	margin: 10px 0 0 5px;
	padding: 3px 0 5px 33px;
	width: 560px;
	font-weight: normal;
	float: left;
	color: #0f7096
	}

.newsletter_home form {
    float:right;
    width:360px;
	}
	
#intro form input[type="text"],
.newsletter_home form input[type="text"]  {
    -moz-border-radius:6px;
    border-radius:6px;
    width:200px;
    height: 28px;
    padding:0 0 0 5px;
    margin: 7px 10px 0 0;
    -moz-box-shadow:inset 2px 2px 7px #d8d8d8;
    -webkit-box-shadow:inset 2px 2px 7px #d8d8d8;
    box-shadow:inset 2px 2px 7px #d8d8d8;
    position:relative;
    behavior:url(/assets/css/pie.htc);
    float:right;
	}

#intro form #input_btn[type="submit"],
.newsletter_home form #input_btn[type="submit"] {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    margin: 7px 5px 0 0;
    padding: 5px;
    height: 30px;
    width: 100px !important;
    float:right;
    font-weight: normal;
    font-size: 14px;
	}

#subscribe {
    background:#6B8489;
    background:-moz-linear-gradient(top, #6B8489 0%, #3C4746 18%, #2A3234 100%);
    background:-o-linear-gradient(top, #6B8489 0%, #3C4746 18%, #2A3234 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6B8489), color-stop(18%,#3C4746), color-stop(100%,#2A3234));
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6B8489', endColorstr='#2A3234',GradientType=0 );
    background:linear-gradient(top, #6B8489 0%, #3C4746 18%, #2A3234 100%);
    height:152px;
    padding:20px 0 13px;
}
#subscribe section {
    float:left;
    margin-right:55px; 

}
#subscribe #connect { 
    margin: 0 -30px 0 40px 
}
#address address{
    color:#fff;
    opacity:.5;
    font-style:normal;
    line-height:1.5;
}
#subscribe section#sponsors {
    margin-right:0
}
#subscribe form {
    width:243px;
}
#subscribe input {
    border:none;
    height:30px;
    width:182px;
    margin:0 !important;
    padding:0;
    display:block;
    float:left;
}
#subscribe input[type="text"]{
    -moz-border-radius:6px 0 0 6px;
    border-radius:6px 0 0 6px;
    width:145px;
    padding:0 0 0 6px;
    -moz-box-shadow:inset 2px 2px 7px #d8d8d8;
    -webkit-box-shadow:inset 2px 2px 7px #d8d8d8;
    box-shadow:inset 2px 2px 7px #d8d8d8;
    position:relative;
    behavior:url(/assets/css/pie.htc);
}
#subscribe input[type=submit]{
    -moz-border-radius:0 6px 6px 0;
    border-radius:0 6px 6px 0;
    border-bottom:1px solid #76b7cb;
    border-top:1px solid #93bbc8;
    height:30px;
    width:80px;
    color:#fff;
    font-size:14px;
    text-shadow:1px 1px 2px #666;
    font-weight:bold;
    position:relative;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:-webkit-gradient(linear, center bottom, center top, from(#56a9c2), to(#9ccad8));
    background:-moz-linear-gradient(top, #9ccad8, #56a9c2);
    background:-o-linear-gradient(top, #9ccad8, #56a9c2);
    -pie-background:linear-gradient(top, #9ccad8, #56a9c2);
    background:linear-gradient(top, #9ccad8, #56a9c2);
    behavior:url(/assets/css/pie.htc);
}
#subscribe form p {
    margin:0 0 10px 0;
    line-height:1;
}
#subscribe .container{
    width:970px;
}
#newsletter .field{
    margin-top:3px;
}
footer h3, footer h3 a {
    color:#fff;
    font-size:17px;
    font-weight:normal;
    margin: 0 0 15px;
} 
#newsletter h3{
    margin:0 0 17px;
}
#sponsors h3{
    margin:0 0 5px;
}
#subscribe a {
    color:#d2f5ff;
    opacity:.8;
    text-decoration:none;
    margin:20px 0 0;
}
#subscribe .a-primary-btn {
margin-top: 0;
padding: 10px;
opacity: 1;
color: #fff;
}
#subscribe p:before {
    content:"› ";
    margin:0 0 0 0;
    color:#d2f5ff;
    font-size:20px;
}
#subscribe p a:hover {
    opacity:1;
    text-decoration:underline;
} 
#social_connect{
    height:32px;
    margin-top:15px;
}
#social_connect a{
    opacity:.5;
    margin-right:4px;
}
#social_connect a:hover{
    opacity:1;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
#social_connect img{
    width:32px;
    height:32px;
}

#company h3 a{
    color:#fff;
    opacity:1;
    font-weight:normal;
}
#company li a {
    line-height: 1.5;
}
#company li a:hover  {
    position:relative;
    text-decoration:none;
    border-bottom:1px solid #d2f5ff;
}
#company ul{
    list-style-type:none;
    margin
}
#company li a:hover:before  {
    content:"› ";
    font-size:22px;
    position:absolute;
    left:-10px;
    top:-8px;
    height:22px;
    font-weight:normal;
    border:0px;
}
#sponsors a {
    display:block;
    margin: 0 0 5px;
    opacity:.3;
}
#sponsors a:hover {
    opacity:.5;
}
#modxcloudlg,
#softlayer,
#firehost,
#a2hosting{
    width:209px;
    height:46px;
    background:transparent url(../i/firehost.png) no-repeat;
}

#sponsors a#a2hosting {
     background-image:url(../i/sponsors/a2/a2hosting-footer.png);
     background-position:0px 50%;
     height:50px;
     width:210px;
 }
#sponsors a#softlayer {
     background-image:url(../i/SoftLayer-209x18.png);
     background-position:0px 50%;
 }
#sponsors a#modxcloudlg {
     background: url(../i/modx-cloud-footer-logo.png) left 0;
     height: 55px;
     margin-left: -3px;
 }

footer section ul{
    margin-left:0;
	}

#copyright {
    height:34px;
    padding-top:20px;
    background:#202427;
    background:-moz-linear-gradient(top, #202427 0%, #3C4746 30%);
    background:-o-linear-gradient(top, #202427 0%, #3C4746 30%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#202427), color-stop(30%,#3C4746));
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#202427', endColorstr='#3C4746',GradientType=0 );
    border-bottom:1px solid #fff;
	}
#copyright p {
    color:#fff;
    opacity:.5;
    margin-top:0;
	}

#copyright span {
    float:right;
    display:block;
	}

#copyright a {
    color:#d2f5ff;
    opacity:.8;
    text-decoration:none;
	}

#copyright a:hover {
    opacity:1;
    text-decoration:underline;
	}
	
#post_body {
    height:20px;
    opacity:1;
    background:-moz-linear-gradient(top, #BCCACD 0%, #F2F2F2 69%);
    background:-o-linear-gradient(top, #BCCACD 0%, #F2F2F2 69%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#BCCACD), color-stop(69%,#F2F2F2));
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#BCCACD', endColorstr='#F2F2F2',GradientType=0 );
    background:linear-gradient(top, #BCCACD 0%, #F2F2F2 69%);
    -pie-background:linear-gradient(top, #BCCACD 0%, #F2F2F2 69%); 
    background:#BCCACD;
    behavior:url(/assets/css/pie.htc);
	}

/* ------------------------- [ Partners and Hosting Listings ] ---*/

.searchWrap {
    padding:15px 0 15px;
}
#partner-search {
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    background:rgba(255,255,255,.6);
    height:158px;
}
#partner-search .innerWrap {
    width:960px;
    margin:0 auto;
}
#partnerSearchForm .col-1,
#partnerSearchForm .col-2,
#partnerSearchForm .col-3,
#partnerSearchForm .col-4 {
    float:left;
    width:240px;
    text-align:center;
}
#partnerSearchForm .col-1,
#partnerSearchForm .col-3,
#partnerSearchForm .col-4 {
    padding-top:50px;
}
#partnerSearchForm .col-3 {
    width:190px;
}
#partnerSearchForm .col-4 {
    padding-top:60px;
    width:280px;
    margin-left:10px;
    text-align:left;
}
#partnerSearchForm h3 {
    font-weight:normal;
    color:#4B4E55;
    border:none;
}
#partnerSearchForm .col-2 {
    padding:15px;
    width:208px;
}
#partnerSearchForm .col-2 ul {
    margin:0;
    padding:0;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #9CB8BB;
    list-style:none;
    background:#E4EDF4;
}
#partnerSearchForm li:nth-child(2) {
    border-top:1px solid #9CB8BB;
    border-bottom:1px solid #9CB8BB;
}
#partnerSearchForm input {
    margin:0;
    padding:0;
}
#searchBox, #searchGo {
    display:block;
    float:left;
}
#searchBox {
    -moz-border-radius:6px 0 0 6px;
    -webkit-border-radius:6px 0 0 6px;
    -moz-box-shadow:2px 2px 7px #D8D8D8 inset;
    -webkit-box-shadow:2px 2px 7px #D8D8D8 inset;
    background:none repeat scroll 0 0 #F5F5F5;
    border-color:#CCCCCC #CCCCCC #EFEFEF;
    border-style:solid;
    border-width:1px 0 1px 1px;
    height:28px;
    padding:0 0 0 5px;
    width:230px;
    behavior:url(/assets/css/pie.htc);
}
#searchGo {
    padding:0;
    -moz-border-radius:0 6px 6px 0;
    -webkit-border-radius:0 6px 6px 0;
    border-radius:0 6px 6px 0;
    border:none;
    border-bottom:1px solid #76b7cb;
    border-top:1px solid #93bbc8;
    height:30px;
    width:40px;
    color:#fff;
    font-size:14px;
    text-shadow:1px 1px 2px #666;
    font-weight:bold;
    background:-webkit-gradient(linear, center bottom, center top, from(#56a9c2), to(#9ccad8));
    background:-moz-linear-gradient(top, #9ccad8, #56a9c2);
    background:-o-linear-gradient(top, #9ccad8, #56a9c2);
    -pie-background:linear-gradient(top, #9ccad8, #56a9c2);
    background:linear-gradient(top, #9ccad8, #56a9c2);
    behavior:url(/assets/css/pie.htc);
}
#partnerSearchForm #searchFavorites {
    margin:40px 0 0 10px;
}
#partners-main
{
    width:962px;
    margin:0 auto;
}
.partner {
    height:249px;
    width:228px;
    float:left;
    margin:0 14px 14px 0;
    background:#fff;
    border:1px solid #e3e3e3;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    -webkit-transition:-webkit-box-shadow .15s linear;
    position:relative;
    behavior:url(/assets/css/pie.htc);
}
.agency{
    width:472px;
}
.premiere {
    width:960px;
    float:none;
    height:277px;
}
.partner:hover{
    -moz-box-shadow:0 0 5px #aaa;
    -webkit-box-shadow:0 0 5px #aaa;
    border:1px solid #9FB8BC;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    behavior:url(/assets/css/pie.htc);
}
.last { margin-right:0; }

.partner a {
    display:block;
    color:#3f3f3f;
    text-decoration:none;
    font-size:11px;
    margin:5px 16px 0;
    padding:3px;
}

.partner a:before {
    content:"› ";
}

.partner header, 
.partnerListing header {
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;
    font-size:14px;
    padding:7px 15px 3px;
    height:35px;
    border-bottom:1px solid #e3e3e3;
    background:-webkit-gradient(linear, left top, left bottom, from(#F1F7F7), to(#DCEBF2));
    background:-moz-linear-gradient(top, #F1F7F7, #DCEBF2);
    background:-o-linear-gradient(top, #F1F7F7, #DCEBF2);
    -pie-background:linear-gradient(top, #F1F7F7, #DCEBF2);
    background:linear-gradient(top, #F1F7F7, #DCEBF2);
    behavior:url(/assets/css/pie.htc);
}
.partnerListing header{
    -moz-border-radius:7px 7px 0 0;
    -webkit-border-radius:7px 7px 0 0;
    border-radius:7px 7px 0 0;  
    behavior:url(/assets/css/pie.htc);  
}
.partner header strong, 
.partnerListing header strong{
    color:#222;
}

.premiere header, 
.agency header,
.partnerListing header {
    font-size:18px;
    padding:12px 12px 0px 12px;
    height:33px;
    position:relative;
    font-family:"museo-slab-1","museo-slab-2", georgia, candara, serif;
}

.partner .medal {
    right:0;
    top:0;
    background:url("../i/folio-sprite.png") 0 -383px no-repeat;
    height:45px;
    width:36px;
    text-indent:-9999px;
    display:block;
    position:absolute;
    overflow:hidden;
}
.partner:hover .medal {
    background-position:0 -430px
}

.partner .star {
    height:45px;
    width:36px;
    text-indent:-9999px;
    display:block;
    position:absolute;
    top:0;
    right:38px;
    overflow:hidden;
    display:none;
    margin:0;
    padding:0;
}

.partner:hover .star {
    background:url("../i/folio-sprite.png") 0 -187px no-repeat;
    display:block;
}

.partner:hover .star:hover {
    background:url("../i/folio-sprite.png") 0 -93px no-repeat;
    display:block;
}
.premiere .medal,
.agency .medal {
    background:url("../i/folio-sprite.png") 0 0 no-repeat;
    height:45px;
    width:36px;
    text-indent:-9999px;
    display:block;
    position:absolute;
    overflow:hidden;
    right:30px;
    top:0;
}

.agency:hover .medal,
.premiere:hover .medal {
    background-position:0 -47px;
}
.premiere .star,
.agency .star {
    background:url("../i/folio-sprite.png") 0 -187px no-repeat;
    height:45px;
    width:36px;
    text-indent:-9999px;
    display:block;
    position:absolute;
    top:0;
    overflow:hidden;
    display:none;
    margin:0;
    padding:0;
    right:0;
    top:0;
}
.agency figure {
    float:left;
}
#partners-main .agency .partnerInfo {
    float:left;
    width:211px;
    margin:15px 14px 0 0;
    font-size:12px;
}
.agency .partnerInfo span {
    font-size:14px;
    font-weight:bold;
} 
#partners-main .agency p{
    margin:0px;
}
#partners-main .agency .partnerDetails-1{
    padding:0;
    width:215px;
}
.agency .partnerInfo ul.address,.agency .partnerInfo ul.address li{
    list-style-type:none;
    margin-left:0;
    
}
.agency .partnerInfo ul.address{margin-bottom:10px;}
#content .partnerDetail{ padding:15px 155px; }

.partnerDetail h2{
    border-bottom:1px solid #e5e5e5;
    font-size:24px;
    padding-bottom:10px;
}
.partner:hover header {
    border-bottom:1px solid #9FB8BC;
    background:-webkit-gradient(linear, left top, left bottom, from(#D8EAEC), to(#ABD2D7));
    background:-moz-linear-gradient(top, #D8EAEC, #ABD2D7);
    background:-o-linear-gradient(top, #D8EAEC, #ABD2D7);
    -pie-background:linear-gradient(top, #D8EAEC, #ABD2D7);
    background:linear-gradient(top, #D8EAEC, #ABD2D7);
}
.partner figure {
    width:198px;
    height:147px;
    margin:25px 14px 0px;
}
.premiere figure, .agency figure {
    border:1px solid #e3e3e3;
    margin:14px;
    width:215px;
    height:162px;
	overflow: hidden;
}
.premiere .partnerImage {
    float:left; 
    position:relative;
    width:245px;
    height:207px;
    z-index:1;
    margin-top:6px;
    }
.premiere .partnerInfo {  margin-top:15px; }
.premiere figure { margin-bottom:0; }

.premiere .wrapper {
    padding:3px;
    height:22px;
    width:211px;
    margin:0 0 0 14px;
    border:1px solid #e5e5e5;
    border-top:none;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
    behavior:url(/assets/css/pie.htc);
    
}
.premiere .slides {
    margin:0;
    vertical-align:middle;
    background:-moz-linear-gradient(top, #eeeeee, #e7e7e7);
    background:-o-linear-gradient(top, #eeeeee, #e7e7e7);
    background:-webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e7e7e7));
    -moz-border-radius:0 0 4px 4px;
    -webkit-border-radius:0 0 4px 4px;
    border-radius:0 0 4px 4px;
    behavior:url(/assets/css/pie.htc);
}
.premiere .slides li {
    list-style:none;
    padding:0;
    margin:0;
    display:inline;
}
.premiere .slides li a {
    padding:4px 6px 6px;
    height:12px;
    width:80px;
    margin:0;
    color:#aaa;
    font-size:0;
}
.premiere .slides li.prev {
    float:left;
    text-align:left;
    background:url("../i/folio-sprite.png") 10px -269px no-repeat;
}
.premiere .slides li.next {
    float:right;
    text-align:right;
    background:url("../i/folio-sprite.png") 70px -239px no-repeat;
}
.premiere .slides li a:before { content:''; }

.partnerLogo {
    float:left;
    width:240px;
    height:180px;
}
.partnerInfo .partnerLogo{
    float:none;
    margin-bottom:20px;
}
.partnerInfo {
    float:left;
    width:373px;
    margin-left:15px;
}
.partnerListing .partnerInfo {
    width:630px;
    margin:0 15px;
}
#partners-main .partnerInfo{
    width:715px;
    margin-left:0;
}
.partnerInfo ul, .partnerInfo li {
    margin:0 0 0 15px;
    padding:0;
}
.partnerTagline, #partners-main .partnerName{
    font-size:18px;
    border-bottom:1px solid #e5e5e5;
    margin-bottom:10px;
    color:#4B4F5A;
    padding-bottom:5px;
}
#partners-main .agency .partnerTagline{
    font-size:16px;
}
.partnerName span,  #partners-main .partnerName span {
    margin-right:15px;
    font-size:28px;
    color:#3E3E3E
}

.partnerDetails-1 , .partnerDetails-2, .partnerDetails-3 { color:#747A88; line-height:1.4; }

.partnerDetails-1, .partnerDetails-2, .partnerDetails-3 {
    padding-left:10px;
    border-left:1px solid #e5e5e5;
    float:left;
}


#partners-main .partnerDetails-1,
#partners-main .partnerDetails-2,
#partners-main  .partnerDetails-3 {
    padding:10px 15px;
    border-left:1px solid #e5e5e5;
    float:left;
    height:140px;
    min-height:0;
}
.partnerDetails-1{width:180px;}
.partnerDetails-2{width:230px;}
#partners-main .partnerDetails-3{width:230px;padding-right:0;}    
.partnerDetails-1, #partners-main .partnerDetails-1 {
    padding-left:0;
    border:none;
}

.partnerDetail .partnerDetails-1{width:290px;}
.partnerDetail .partnerDetails-2{width:290px;}
.partnerDetail p{
    font-size:15px;
    line-height:1.5;
}
.partnerDetail .partnerDetails-2 h5{margin-top:0;}
.partnerDetail .partnerDetails-2 ul{margin-bottom:20px;}
.partnerInfo p{
    font-size:13px;
    margin-top:0;
    line-height:1.4;
}
#portfolio {
    border:1px solid #e5e5e5;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    padding:5px;
    position:relative;
    behavior:url(/assets/css/pie.htc);
}
#portfolio ul{
    margin:0;
    padding:0;
    width:618px;
    height:470px;
    overflow:hidden; 
    position:relative;   
}
#portfolio li{
    padding-bottom:8px;
    position:absolute;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    border-radius:0 0 5px 5px;
    z-index:10;
}
#portfolio nav{
    position:absolute;
    bottom:5px;
    left:0;
    width:618px;
    background:transparent;
    margin:0px 5px;
    height:0px;
    z-index:100;
}
.partnerImage nav{
    position:absolute;
    bottom:0;
    left:14px;
    background:transparent;
    -pie-background:#fff;
    margin:0;
    height:30px;
    z-index:10;
    width:217px;
    padding:0;
    background-color:#eee;
    -webkit-border-radius:0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
#partners-main a.profileLink{
    margin:0;
    padding:0;
    background:none;
    border:0;
    text-decoration:none;
    color:#5f5f5f;
}

#partners-main .professional footer{
    background:#fff;
    padding:10px 15px 0;
}
#partners-main a.profileLink:before {
    content:"";
}
#portfolio .next, 
#portfolio .prev, 
.partnerImage .next,
.partnerImage .prev { 
    height:28px;
    position:absolute;
    margin:0;
    bottom:0;
    background-image:url("../i/folio-sprite.png");
    background-position:10px -265px;
    background-repeat:no-repeat;
    -pie-background:linear-gradient(#eee,#eee);
    border:none;
    width:26px;
    z-index:12;
    border-right:1px solid #dfdfdf;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    padding:2px 0 0 0;
    behavior:url(/assets/css/pie.htc);
}
.partnerImage .next,
.partnerImage .prev{
    padding:0;
    height:30px;
}
#portfolio .prev,.partnerImage .prev{
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    border-radius:0 0 0 5px;
    behavior:url(/assets/css/pie.htc);
}
#portfolio .next,.partnerImage .next{
    right:0;
    border-left:1px solid #dfdfdf;
    border-right:0px;
    background:#eee url("../i/folio-sprite.png") 10px -235px no-repeat;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    border-radius:0 0 5px 0;
    behavior:url(/assets/css/pie.htc);
}
#content #portfolio  a:hover, 
#main #partners-main .partnerImage a:hover{
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    -moz-transition:none;
    -webkit-transition:none;
    transition:none;
    text-decoration:none;
    cursor:pointer;
    background-color:rgba(255,255,255,0.4);
    behavior:url(/assets/css/pie.htc);
}
.partnerListing .portfolio-item,
 .screenshot-item{
    width:616px;
    height:462px;
    padding-bottom:35px;
}
#portfolio .portfolio-meta {
    bottom:0;
    font-size:13px;
    left:0;
    line-height:1;
    margin:0;
    padding:8px 8px 8px 40px;
    position:absolute;
    width:570px;
    background:#EEE;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    border-bottom-left-radius:5px 5px;
    border-bottom-right-radius:5px 5px;
}
#slideshowControls {
    margin:0;
    padding:5px;
    background:#e3e3e3;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 0 5px;
    position:relative;
}
#slideshowControls li {
    list-style:none;
    margin:0;
    padding:0;
    display:inline;
}

#slideshowControls .caption { margin-left:60px; }
#slideshowControls .caption span { font-weight:bold; }
#slideshowControls .prev {
    left:10px;
    position:absolute;
}
#slideshowControls .next {
    right:10px;
    position:absolute;
}

.partner figure img { 
    width:215px; height:162px; 
}
.professional.partner figure img { 
    width:198px; height:147px; 
}
.partner ul { 
    margin-left:0; 
}
.portfolio-gallery { 
    list-style:none; 
}
.advertiser img{
    float:left;
    padding:15px;
}
.double .details{
    float:left;
    margin:15px 15px 15px 0px;
    width:226px;
}
.listing_cta {
    font-size:11px;
}

.pta #competency-list{
    margin-bottom:15px;
}
.pta #competency-list li{
    padding:5px;
    -moz-border-radius:5px 5px;
    -webkit-border-radius:5px 5px;
    border-radius:5px 5px;
    margin-bottom:5px;
    background:#efefef;
    position:relative;
    padding-left:16px;
}
.pta #competency-list li:hover,
.pta #competency-list li:active{
    cursor:move;
    border-color:#999;
    background-color:#ddd;
}
.pta .ui-icon{
    position:absolute;
    left:0;
    top:5px;
}
/* ------------------------- [ Job Board Layout ] ---*/

#job_listings ol{margin:0 0 20px 0;}
#job_listings .job_item{height:55px;padding:0;}
#job_listings .job_item a{display:inline-block; text-decoration:none;}
#job_listings .new{
    position:absolute;
    top:3px;
    right:3px;
    border:1px solid orange;
    -moz-box-shadow:0 0 0 1px #dc791e;
    -webkit-box-shadow:0 0 0 1px #dc791e;
    box-shadow:0 0 0 1px #dc791e;
    background:-moz-linear-gradient(top, #f8b437, #d87221);
    background:-o-linear-gradient(top, #f8b437, #d87221);
    background:-webkit-gradient(linear, left top, left bottom, from(#f8b437), to(#d87221));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8b437, endColorstr=#d87221);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8b437, endColorstr=#d87221)";
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    padding:2px 3px;
    color:#fff;
    font-size:10px;
    text-transform:uppercase;
}
#job_listings .job_item h4{
    margin:0 0 0 10px;
    height:55px;
    line-height:55px;
    width:270px;
    border-bottom:0;
    font-size:20px;
    color:#636363;
    font-family:helvetica, arial, sans-serif;
    font-weight:bold;
    padding:0;
}

#job_listings p.column{
    float:left;
    width:140px;
    height:45px; 
    margin:0;
    padding:10px 0 0 10px;
    max-height:55px; 
}
#job_listings .job_item p span,
#job_listing p span{
    display:block;
}
#job_listings .whatwhen.column{
    width:170px;
}
#job_search{
    margin-top:3px;
}
#job_search input[type="text"]{
    background:#f5f5f5;
    border:1px solid #ccc;
    border-width:1px;
    border-bottom-color:#ddd;
    border-right-color:#ddd;
    -moz-border-radius:6px;
    border-radius:6px;
    width:400px;
    padding:2px 2px 2px 6px;
    height:25px;
    -moz-box-shadow:inset 2px 2px 7px #d8d8d8;
    -webkit-box-shadow:inset 2px 2px 7px #d8d8d8;
    box-shadow:inset 2px 2px 7px #d8d8d8;
}
#job_listings h3{
    margin-bottom:20px;
}
#job_listing nav a{
    font:bold 18px helvetica, arial, sans-serif;
    color:#333;
    text-decoration:none;
    margin:10px 0;
    background:transparent url("../i/folio-sprite.png") 0px -269px no-repeat;
    display:block;
    padding:0 0 0 14px;
}
#job_listing nav a:hover{
    color:#666;
}
#job_listing .job_info {
    height:210px;
    margin:0 0 30px 0;
}
#job_listing .job_info h3{
    font-size:22px;
    color:#717171;
    margin-top:70px;
}
#job_listing .job_info p{
    float:left;
    width:160px;
}
#job_listing img{
    float:left;
    height:180px;
    width:240px;
    background:#fff;
    margin:15px 30px 15px 9px;
    padding:0;
}
#job_listing .job_detail ul{
    margin-left:0;
    list-style-position:inside;
    margin:10px 0 20px;
}
#job_post_listing .job_types, 
#job_post_listing .job_wheres,
#job_post_listing .jl-status,
.ff.bigbtns, .bigbtns {
    padding:6px;
}
#job_post_listing .listings_status {
    font-size:18px;
}
#job_post_listing hr,
.app hr {
    height:1px;
    border:0;
    margin-top:30px;
}
.job_types label,
.job_wheres label,
.bigbtns label {
    height:80px;
    line-height:80px;
    display:block;
    float:left;
    margin-left:6px;
    text-align:center;
    background:#f4f4f4;
    border:1px solid #f4f4f4;
    -moz-box-shadow:0 0 0 1px #f4f4f4;
    -webkit-box-shadow:0 0 0 1px #f4f4f4;
    box-shadow:0 0 0 1px #f4f4f4;
    font-family:"museo-slab-1","museo-slab-2",serif;
    color:#066085 !important;
    font-weight:normal;
    position:relative;
    behavior:url(/assets/css/pie.htc);
} 
.job_types .ui-state-active,
.job_wheres .ui-state-active,
.bigbtns .ui-state-active
{
    border:1px solid #b1dbea;
    color:#fff !important;
    position:relative;
    -moz-box-shadow:0 0 0 1px #4aa8bf;
    -webkit-box-shadow:0 0 0 1px #4aa8bf;
    box-shadow:0 0 0 1px #4aa8bf;
    background:-moz-linear-gradient(left top, #4fa6ba, #00649c);
    background:-o-linear-gradient(left top, #4fa6ba, #00649c);
    background:-webkit-gradient(linear, left top, right 90, from(#4fa6ba), to(#00649c));
    -pie-background:linear-gradient(left top, #4fa6ba, #00649c);
    text-shadow:0 1px 2px #333;
    behavior:url(/assets/css/pie.htc);
}
.job_types .ui-state-hover,
.job_wheres .ui-state-hover,
.bigbtns .ui-state-hover {
    -moz-box-shadow:0 0 0 1px #4aa8bf;
    -webkit-box-shadow:0 0 0 1px #4aa8bf;
    box-shadow:0 0 0 1px #4aa8bf;
    position:relative;
    color:#fff !important;
    background:-moz-linear-gradient(left top, #4fa6ba, #00649c);
    background:-o-linear-gradient(left top, #4fa6ba, #00649c);
    background:-webkit-gradient(linear, left top, right 90, from(#4fa6ba), to(#00649c));
    -pie-background:linear-gradient(left top, #4fa6ba, #00649c);
    text-shadow:0 1px 2px #333;
    behavior:url(/assets/css/pie.htc);
}
#job_post_listing label.first,
.bigbtns label.first {
    margin-left:0;
    -moz-border-radius:5px 0 0 5px;
    -webkit-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
    behavior:url(/assets/css/pie.htc);
}
#job_post_listing label.last,
.bigbtns label.last {
    -moz-border-radius:0 5px 5px 0;
    -webkit-border-radius:0 5px 5px 0;
   border-radius:0 5px 5px 0;
   behavior:url(/assets/css/pie.htc);
}
.job_types input, 
.job_wheres input,
.bigbtns input {
    height:0px;
    line-height:0px;
    position:absolute;
    text-indent:-1000em;
    top:-1000em;
    width:0px;
}
.job_types label,
.bigbtns3 label {
    width:199px;
    font-size:24px;
}
.job_wheres label,
.bigbtns2 label {
    width:303px;
    height:40px;
    line-height:40px;
    font-size:18px;
}
#co_name_fields{position:relative;}
#co_name_hidden{width:100px;position:absolute;bottom:5px;right:0px;text-align:right;}
#co_name{width:525px;float:left;}
#co_name input{width:510px;}


/* ------------------------- [ Help Listings #help_listings overrides ] ---*/

#content #help_listings{padding-top:20px;}
#help_listings .column {  width:166px;font-size:12px; height:140px;}
#help_listings .first.column{width:220px;}
#help_listings .column span{
    color:#0F7096;
    font-weight:bold;
}
#help_listings .ponly{
    text-align:center;
}
#help_listings .ponly p{
    margin-top:23px;
}
#help_listings .ponly a.btn{
    height:auto;
    width:auto;
    float:none;
    display:inline-block;
}
#content #save_listing{
        display:inline-block;
        margin:0 10px 0 0;
    }
.review_actions a{
            margin:0 0 0 10px;
            text-decoration:underline;
        }
/* ------------------------- [ Special block element and box treatments ] ---*/
.border {
    border:1px solid #e0e0e0;
    background:#fff;
    background-clip:padding-box;
    padding:6px 20px 0 20px;
}
img.border{
    padding:0;
}
.tools, .tools.border {
    background-color:#F7F7F7;
    background:-moz-linear-gradient(top, #F5F5F5 0%, #FFFFFF 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#FFFFFF));
    background:-o-linear-gradient(top, #F5F5F5 0%, #FFFFFF 100%);
    -pie-background:linear-gradient(top, #F5F5F5, #ffffff);
    -webkit-box-shadow:0px 1px 0 rgba(0,0,0,.1), inset 0px 1px 0 #ffffff;
    -moz-box-shadow:0px 1px 0 rgba(0,0,0,.1), inset 0px 1px 0 #ffffff;
    box-shadow:0px 1px 0 rgba(0,0,0,.1), inset 0px 1px 0 #ffffff;
    behavior:url(/assets/css/pie.htc);
}

.tools h2{
    margin:10px 0 9px 8px;
    float:left;
}
.tools h3 {
    margin:17px 0 16px 8px;
    float:left;
}
.round7 {
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px 7px;
    padding:0 7px;
    behavior:url(/assets/css/pie.htc);
}
.round6 {
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    padding:0 6px;
    behavior:url(/assets/css/pie.htc);
}
.round5 {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:0 5px;
    behavior:url(/assets/css/pie.htc);
}
.round4 {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    padding:0 4px;
    behavior:url(/assets/css/pie.htc);
}
.round3 {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    padding:0 3px;
    behavior:url(/assets/css/pie.htc);
}
.round2 {
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    padding:0 2px;
    behavior:url(/assets/css/pie.htc);
}
.round7, .round6, .round5, .round4, .round3, .round2 {
    overflow:hidden;
    background-clip:padding;
    background-clip:padding-box;
    position:relative;
}
.roundtop {
    -moz-border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    behavior:url(/assets/css/pie.htc);
}
.roundtopl {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    behavior:url(/assets/css/pie.htc);
}
.roundtopr {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    behavior:url(/assets/css/pie.htc);
}
.roundbot {
    -moz-border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    behavior:url(/assets/css/pie.htc);
}
.container.round7 { width:924px; }
.container.round6 { width:926px; }
.container.round5 { width:928px; }
.container.round4 { width:930px; }
.container.round3 { width:932px; }
.container.round2 { width:934px; }

.shadgrow {
    -moz-transition:all .15s linear;
    -webkit-transition:all .15s linear;
    transition:all .15s linear;
}
.shadgrow:hover {
    border-color:#a2babd;
    -moz-box-shadow:0 0 5px #aaa;
    -webkit-box-shadow:0 0 5px #aaa;
    box-shadow:0 0 5px #aaa;
    -moz-transition:all .25s linear;
    -webkit-transition:all .25s linear;
    transition:all .25s linear;
    behavior:url(/assets/css/pie.htc);
}
.unstyledlist{
    list-style-type:none;
    margin:0;
    padding:0;
}



/* ------------------------- [ Box style overrides ] ---*/
a.listing {
    display:block;
    float:left;
    margin:7px;
    background:#fff;
    width:916px;
    height:141px;
    padding:0 15px 15px;
    position:relative;
	}

a.listing.half {
	width:434px;
	}





/* ------------------------- [ Sponsor Level Styles ] ---*/

#utility div.col_1 a.listing.half {
	width:340px;
	height: auto;
	}

	#utility div.col_1 a.half ul {
		list-style-type: none;
		}
	
	#utility div.col_1 a.half ul li,
	#utility div.col_1 a p {
	    color:#7c808c;
	    padding:0 0 0 100px;
		}

#utility div.col_1 a.listing.half img {
    width: 80px;
    height: 80px;
	}

a.listing.quarterup {
	width: 205px;
	height: 160px;
	margin: 0 -5px;
	}

	a.listing.quarterup h3 {
	    border-bottom:1px solid #9fb8bb;
	    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#efae00));
	    background:-moz-linear-gradient(top, #fff, #efae00);
        background:-o-linear-gradient(top, #fff, #efae00);
	    -pie-background:linear-gradient(top, #fff, #efae00);
	    background:linear-gradient(top, #fff, #efae00);
	    font:bold 14px/16px 'Helvetica Neue', helvetica, arial, sans-serif;
	    padding-top:7px;
	    height:37px;
		}
	
		a.listing.quarterup:hover h3 {
		    border-bottom:1px solid #9fb8bb;
		    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e99900));
		    background:-moz-linear-gradient(top, #fff, #e99900);
            background:-o-linear-gradient(top, #fff, #e99900);
		    -pie-background:linear-gradient(top, #fff, #e99900);
		    background:linear-gradient(top, #fff, #e99900);
		    }


#sponsor_levels a.listing.quarter_one,
#sponsor_levels a.listing.quarter_two,
#sponsor_levels a.listing.quarter_three {
	position:relative;
	width: 195px;
	}

#sponsor_levels a.quarterup img {
	width: 193px;
	margin: 0 0 0 6px;
	}

#sponsor_levels a.quarterup {
	position:relative;
	left: -10px;
	z-index: 300;
	}

#sponsor_levels a.listing.quarter_one {
	z-index: 200;
	left: 0px;
	}

#sponsor_levels a.listing.quarter_two {
	z-index: 250;
	left: -20px;
	}
	
#sponsor_levels a.listing.quarter_three {
	z-index: 230;
	left: 15px;
	}

	a.listing.quarter_one h3,
	a.listing.quarter_two h3,
	a.listing.quarter_three h3,
	a.listing.quarterup h3 {
	    font:bold 13px/16px 'Helvetica Neue', helvetica, arial, sans-serif;
	    padding-top:7px;
	    height:37px;
		}

		a.listing.quarterup h3 span,
		a.listing.quarter_one h3 span,
		a.listing.quarter_two h3 span,
		a.listing.quarter_three h3 span {
		    display:block;
		    width:100%;
		    text-align:left;
		    clear:left;
		    font-size:12px;
		    font-weight:normal;
			}

  
a.listing.quarter {
	width: 194px;
	}

a.listing img {
    width:auto;
    height:auto;
    padding:0;
    margin:0;
    background:#fff;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    display:inline;
    float:none;
    behavior:url(/assets/css/pie.htc);
	}

a.listing h3 {
    color:#1e2126;
    font:700 18px/42px "museo-slab-1","museo-slab-2", Georgia, serif;
    height:42px;
    margin:1px -15px 15px;
    -moz-border-radius:6px 6px 0 0;
    -webkit-border-radius:6px 6px 0 0;
    border-radius:5px 5px 0 0;
    padding:2px 15px 0;
    border-bottom:1px solid #e0e0e0;
    background-color:#dcebf2;
    background:-webkit-gradient(linear, left top, left bottom, from(#F1F7F7), to(#DCEBF2));
    background:-moz-linear-gradient(top, #F1F7F7, #DCEBF2);
    background:-o-linear-gradient(top, #F1F7F7, #DCEBF2);
    -pie-background:linear-gradient(top, #F1F7F7, #DCEBF2);
    background:linear-gradient(top, #F1F7F7, #DCEBF2);
    behavior:url(/assets/css/pie.htc);
    position:relative;
	}

#sponsor_levels a.listing.quarter_one h3,
#sponsor_levels a.listing.quarter_two h3,
a.listing:hover h3 {
    border-bottom:1px solid #9fb8bb;
    background:-webkit-gradient(linear, left top, left bottom, from(#D8EAEC), to(#ABD2D7));
    background:-moz-linear-gradient(top, #D8EAEC, #ABD2D7);
    background:-o-linear-gradient(top, #D8EAEC, #ABD2D7);
    -pie-background:linear-gradient(top, #D8EAEC, #ABD2D7);
    background:linear-gradient(top, #D8EAEC, #ABD2D7);
	}

a.listing h3 span {
    color:#666;
    font-weight:300;
    float:right;
    text-align:right;
	}

a.listing.quarter h3 {
    font:bold 14px/16px 'Helvetica Neue', helvetica, arial, sans-serif;
    padding-top:7px;
    height:37px;
	}

a.listing.quarterup h3 span,
a.listing.quarter h3 span {
    display:block;
    width:100%;
    text-align:left;
    clear:left;
    font-size:12px;
    font-weight:normal;
	}

a.listing img { 
    position:absolute;
    top:61px;
    left:15px;
	}

a.listing p {
    color:#7c808c;
    margin:0;
    padding:0 0 0 95px;
    line-height:1.3;
	}

a.listing.half img {
    width:175px;
    height:80px;
	}
	
a.listing.half p {
    padding:0 0 0 190px;
    line-height:1.4;
	}

a.listing.sponsor { height:181px; }
a.listing.sponsor img {
    width:434px;
    height:120px;
	}

a.listing.sponsor p {
    padding:0 0 0 449px;
    font-size:20px;
    line-height:1.5;
	}

.modx_friends, .other_supporters { padding:0 0 0 1px;}
.modx_friends p,
.other_supporters p  {
    width:210px;
    padding:14px;
    margin:0;
    float:left;
    border-right:1px solid #bbb; 
	}

.modx_friends.quarter p:nth-child(4n) {
    border-right:none; 
}
.other_supporters.quarter p { border:none; }

a.listing.partner { height:200px; }

/*----------- larger text for Marketing Sections---------*/
#content  p,
#content  li,
#utility  p,
#utility  li,
p.big {
    font-size: 16px;
    line-height: 1.5;
}
#content aside li {
    font-size: 12px;
    line-height: 2;
}
#content aside ul.recent li {
 line-height:1.5
}
#content aside p {
    font-size: 13px;
}
#content p strong,
p.big strong,
li strong,
.highlight {
    font-weight: 700;
    background: #FCFBD0;
    padding: 2px 2px 3px;
    margin: -2px -2px -3px;
    color:#444;
}
#content figcaption, #content figcaption p{
    font-size:14px;
}
#content figcaption p{
    margin-top:0;
}
li.highlight { font-weight: normal; }

/* ------------------------- [ Hosting Listings ] ---*/
a.listing.hosting { height:220px; }

#hl-post-form .col {
	height: 435px;
	width: 465px;
	float: left;
    margin: 0 0;
	}

#hl-post-form .col_1 {
	margin-right: 15px;
	}

#hl-post-form .col img {
    margin: 10px 0 0 0;
	}

#hl-post-form .col p {
	height: 40px;
	margin: 10px 0;
	}
	
#go_right {
	width: 240px;
    display: block;
    text-align: left;
	}

#the_price {
    font-size: 45px;
    height: 80px;
    width: 60px;
	color:#137899;
	}

#dollar_up {
	vertical-align: top;
	}

a.listing img,
#hosting .half img,
#hosting .quarter img{ 
    left:12px;
    background:#fff;
}
#hosting .half img,
#hosting .quarter img{
    width:200px;
    height:125px;
    
}

#hosting .half p {
    padding-left:210px;
    color:#777;
}

a.listing.hosting h3 {
    text-decoration: none;
	}


#hosting.preview a {
    text-decoration:none;
    margin:10px 0;
}

.hosting .listing_cta{
    position:absolute;
    bottom:10px;
    left:15px;
    font-weight:bold;
    font-size:13px;
    color:#777;
}
a.listing.hosting.mine .controls {
    position:absolute;
    font-size:12px;
    right:7px;
    top:13px;
    padding:3px 7px;
    border-radius:14px;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
    border:1px solid #98cce7;
    text-shadow:0px -1px 0px #90bacd;
    filter:dropshadow(color=#90bacd, offx=0, offy=-1);
    color:#fff;
    background:#BADFF3;
    background:-moz-linear-gradient(top, #BADFF3 0%, #7ACBED 100%);
    background:-o-linear-gradient(top, #BADFF3 0%, #7ACBED 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#BADFF3), color-stop(100%,#7ACBED));
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#BADFF3', endColorstr='#7ACBED',GradientType=0 );
    box-shadow:0 2px 3px #ddd, inset 0 1px 0 0 #d4ebf7;
    -webkit-box-shadow:0 2px 3px #ddd, inset 0 1px 0 0 #d4ebf7;
    -moz-box-shadow:0 2px 3px #ddd, inset 0 1px 0 0 #d4ebf7;
    }
a.listing.hosting.mine.half .controls{
    bottom:7px;
    top:auto;
}
a.listing.hosting.mine .controls:hover {
    background:#BADFF3;
    background:-moz-linear-gradient(top, #7ACBED 0%, #BADFF3 100%);
    background:-o-linear-gradient(top, #7ACBED 0%, #BADFF3 100%);
    background:-webkit-gradient(linear, left bottom, left top, color-stop(0%,#BADFF3), color-stop(100%,#7ACBED));
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ACBED', endColorstr='#BADFF3',GradientType=0 );
    text-shadow:0px 1px 0px #90bacd;
}


/* ------------------------- [ Pill Box Styles ] ---*/
.pill, .pagingbar{
    margin:0 0 10px 0;
    position:relative;
    background:-webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f3f3f3));
    background:-moz-linear-gradient(top, #fdfdfd, #f3f3f3);
    background:-o-linear-gradient(top, #fdfdfd, #f3f3f3);
    -pie-background:linear-gradient(top, #fdfdfd, #f3f3f3);
    background:linear-gradient(top, #fdfdfd, #f3f3f3);
    -webkit-box-shadow:#fff 0px 0px 0px 2px inset;
    -moz-box-shadow:#fff 0px 0px 0px 2px inset;
    box-shadow:#fff 0px 0px 0px 2px inset;
    behavior:url(/assets/css/pie.htc);
}
.pill a{
    text-decoration:none;
    display:block;
    height:100%;
    width:100%;
}
aside .pill h3{
    margin-top:10px;
}
aside .pill, blockquote .pill{
    padding:10px;
}
aside.purchase h4{
    margin-top:15px;
}
.pill .column{
    float:left;
    border-right:1px solid #dadada;
    border-left:1px solid #fefefe;
    padding:15px 10px;
}
.pill .column.first{border-left:0;}
.pill .column.last{border-right:0;}

article blockquote{
    position:relative;
}
article blockquote .pill{
    overflow:visible;
}

/* ------------------------- [ Paging Styles] ---*/
.pagingbar{
    height:35px;
    padding:5px 10px;
    position:relative;
}
.pagingbar .paging{
    position:absolute;
    top:11px;
    right:10px;
    line-height:1;
    margin:0 0 20px 0;
    padding:0;

}
.paging li{
    display:inline-block;
}
#content .paging li a, .paging li a{
    display:block;
    text-decoration:none;
    background-color:#ddd;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin:0 0 0 5px;
    height:24px;
    line-height:24px;
    padding:0 8px;
    font-size:11px;
    color:#333;
    position:relative;
    behavior:url(/assets/css/pie.htc);
}
.paging li a:hover{
    background:-moz-linear-gradient(top, #4aa8bf, #99d0e2);
    background:-o-linear-gradient(top, #4aa8bf, #99d0e2);
    background:-webkit-gradient(linear, left top, left bottom, from(#4aa8bf), to(#99d0e2));
    -pie-background:linear-gradient(top, #4aa8bf, #99d0e2);
    background:linear-gradient(top, #4aa8bf, #99d0e2);
}
#content .paging .current a, 
#content .paging .active,
.paging .current a, 
.paging .active{
    color:#fff;
    background:-moz-linear-gradient(top, #99d0e2, #4aa8bf);
    background:-webkit-gradient(linear, left top, left bottom, from(#99d0e2), to(#4aa8bf));
    -pie-background:linear-gradient(top, #99d0e2, #4aa8bf);
    background:-o-linear-gradient(top, #99d0e2, #4aa8bf);
    background:linear-gradient(top, #99d0e2, #4aa8bf);
}


/* ------------------------- [ Application Styles (for Application Views) ] ---*/
.app header,
.app footer{
    -moz-border-radius:7px 7px 0 0;
    -webkit-border-radius:7px 7px 0 0;
    border-radius:7px 7px 0 0;
    font-size:14px;
    padding:15px 20px;
    height:35px;
    border-bottom:1px solid #e3e3e3;
    background:#fdfdfd;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f3f3f3));
    background-image:-moz-linear-gradient(top, #fdfdfd, #f3f3f3);
    background-image:-o-linear-gradient(top, #fdfdfd, #f3f3f3);
   -pie-background-image:linear-gradient(top, #fdfdfd, #f3f3f3);
    background-image:linear-gradient(top, #fdfdfd, #f3f3f3);
    -webkit-box-shadow:#fff 0px 0px 0px 1px inset;
    -moz-box-shadow:#fff 0px 0px 0px 1px inset;
    box-shadow:#fff 0px 0px 0px 1px inset;
    behavior:url(/assets/css/pie.htc);
    position:relative;

}
.app footer{
    -moz-border-radius:0 0 7px 7px;
    -webkit-border-radius:0 0 7px 7px;
    border-radius:0 0 7px 7px;
    border-top:1px solid #e3e3e3;
    background:-webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#fdfdfd));
    background:-moz-linear-gradient(top, #f3f3f3, #fdfdfd);
    background:-o-linear-gradient(top, #f3f3f3, #fdfdfd);
    -pie-background:linear-gradient(top, #f3f3f3, #fdfdfd);
    background:linear-gradient(top, #f3f3f3, #fdfdfd);
    clear:both;
    behavior:url(/assets/css/pie.htc);
}
.app #filters{
    top:25px;
    right:15px;
    height:20px;
}
.app #filters label{
    font-weight:normal;
    margin-left:10px;
}
.app article {
    -moz-border-radius:0 0 0 7px;
    -webkit-border-radius:0 0 0 7px;
    border-radius:0 0 0 7px;
    behavior:url(/assets/css/pie.htc);
}
.app.footer article{
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    behavior:url(/assets/css/pie.htc);
}
#content.app aside{
    -moz-border-radius-topright:0;
    -webkit-border-top-right-radius:0;
    border-radius:0;
}
#content.flip aside{
    float:left;
    -moz-border-radius:6px 0 0 0;
    border-radius:6px 0 0 0;
    behavior:url(/assets/css/pie.htc);
}
.flip article{
    float:left;
}
/*------------ Utility pages (small functional pages) -----------------*/
#utility {
    padding:7px 0;
    margin:0 auto 20px;
    position:relative;
    background:#fff;
    width:940px;
    min-height:285px;
}
#utility #bg {
    position:relative;
    margin:0 7px;
    padding:20px 0;
    z-index:1
}
#utility div.bg    { background:#1d4d51 url("../i/header-utility.jpg") no-repeat; }
#utility div.bgalt { background:#42b436 url("../i/header-utility2.jpg") no-repeat; }
#utility div.bg404 { background:#42b436 url("../i/404.jpg") no-repeat; height: 368px;}

#utility div.bg404 h1,
#utility div.bg404 h4  {
    font-size: 72px;
    font-weight: 300;
    color: rgba(255,255,255,.5);
    margin: 20px 20px 10px;
    padding: 0;
}
#utility div.bg404 h4 {
    font-size: 60px;
    border: 0;
    margin: 0 20px;
}
#utility div.bg404 h4 a {
    color: rgba(255,255,255,.65);
}
#utility div.bg404 h4 a:hover {
    color: rgba(255,255,255,1);
}

#utility .col,
#utility .col_1 {
    width:389px;
    float:left;
    margin:30px 0;
    padding:5px 36px;
    border:1px solid #8e8c8f;
    border-width:0 0 0 1px;
    position:relative;
    z-index:10;
}
#utility .col_1 { 
    border-width:0 1px 0 0;
    margin:30px -1px 30px 0; 
}

#utility h2,
#utility label,
#utility li,
#utility p,
#utility div.sr,
#utility div.sr a {
    color:#fff;
    margin:0 0 .25em;
    padding:0;
}
#utility p a,
#utility p a:visited,
#utility li a,
#utility div.sr a {
    color:#fff;
    text-decoration:underline;
}
#utility p a:hover, #utility div.sr a:hover,#utility li a:hover {
    -moz-text-shadow:0 0 3px #fff;
    -webkit-text-shadow:0 0 3px #fff;
    text-shadow:0 0 3px #fff;
}
#utility ul {
    color:#fff;
    margin:1em 0 0;
}
#utility h2 {
    font-size:24px;
    margin-bottom:.25em;
}
#utility div.sr { position:relative; line-height:38px; margin-left:104px; min-height:50px; }
#utility p      { margin:.25em 0 1em }
#utility label  { display:inline-block; clear:left; text-align:right; padding-right:15px; width:85px; font-weight:normal;} 
#utility input  { display:inline-block; width:270px; } 
#utility p.frc  { margin-bottom:0; }
#utility p.frc label,
#utility p.frc input { width:auto; text-align:left; line-height:1; vertical-align:baseline; }
#utility p.frc label { margin-left:102px; }
#utility p.frc input { display:inline; }
#utility span.error, #utility p.error, .dark_bg span.error {color:#F7F5AA;font-weight:bold;}
#utility input.error,
#utility input:invalid,
#utility select.error,
#utility textarea.error,
.dark_bg input.error,
.dark_bg input:invalid,
.dark_bg select.error,
.dark_bg textarea.error{
    background:#F7F5AA !important;
    border-color:#fff;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    }

/* ------------------------- [ links and special links ] ---*/
a { text-decoration:none; }
a:hover {text-decoration:underline; }
article p a, aside p a {
  color:#1f516c;
  text-decoration:underline;
}
a:visited { }

#content article a,
a.underline {
    text-decoration:underline;
}

a.bg {
  background:#76bed4;
  padding:0 3px;
  color:#fff;
}

a.more,
a.more2 {
    color:#348fa9;
    padding-right:13px;
    background:transparent url("../i/bg-sprite.png") 100% -234px no-repeat;
    white-space:no-wrap;
}
a.more2 {
    color:#e6890f;
}
a.more:hover, a.more2:hover { text-decoration:none; }

article .grid a, #content .grid a {text-decoration:none;} 
/* ------------------------- [ small Buttons ] ---*/
#input_btn,
a.btn, 
#fc_checkout_container a, 
#fc_receipt_links a, 
#main aside .bordered .search input[type=submit],
#selector input.btn {
    font-size: 14px;
    text-shadow: none;
    font-weight: normal;
    width: auto !important;
    cursor:pointer;
    display:block;
    float:left;
    clear:left;
    margin:10px 0 0 0;
    white-space:pre;
    color:#137899 !important;
    border:1px solid #ddecf0;
    border-color:#ddecf0 #d1e3e8 #c5dae1 #d3e4ea;
    line-height:26px;
    padding:0 11px !important;
    -moz-border-radius:6px;
    border-radius:6px;
    -moz-box-shadow:inset 0 0 1px #fff;
    -webkit-box-shadow:inset 0 0 1px #fff;
    box-shadow:inset 0 0 1px #fff;
    background:-moz-linear-gradient(top, #fbfeff, #e7f1f5) !important;
    background:-webkit-gradient(linear, left top, left bottom, from(#fbfeff), to(#e7f1f5)) !important;
    background:-o-linear-gradient(top, #fbfeff, #e7f1f5) !important;
    -pie-background:linear-gradient(top, #fbfeff, #e7f1f5) !important;
    background:linear-gradient(top, #fbfeff, #e7f1f5) !important;
    -moz-transition:all .4s ease;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    text-decoration:none !important;
    behavior:url(/assets/css/pie.htc);
    position:relative;
}
#featured a.btn, #also a.btn { margin:0; }

#input_btn[type=submit].btn:hover,
a.btn:hover,
#main aside .bordered .search input[type=submit]:hover,
#selector input.btn:hover {
    border-color:#b1dbea;
    background:-moz-linear-gradient(top, #e7f1f5, #fbfeff) !important;
    background:-webkit-gradient(linear, left top, left bottom, from(#e7f1f5), to(#fbfeff)) !important;
    background:-o-linear-gradient(top, #e7f1f5, #fbfeff) !important;
    -pie-background:linear-gradient(top, #e7f1f5, #fbfeff) !important;
    background:linear-gradient(top, #e7f1f5, #fbfeff) !important;
    -moz-transition:all .5s ease;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    behavior:url(/assets/css/pie.htc);
}

/*-----------   Call to Action Button  --------------------*/
.cta, input[type="submit"], .fc_button {
    cursor:pointer;
    margin:10px 0 10px;
    border:1px solid #b1dbea;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    text-align:center;
    color:#fff !important;
    width:115px;
    display:block;
    font-size:18px;
    padding:8px 0 10px 0;
    font-weight:bold;
    text-decoration:none !important;
    line-height:1;
    -moz-box-shadow:0 0 0 1px #4aa8bf, 0 0 0 4px rgba(0,0,0,.1);
    -webkit-box-shadow:0 0 0 1px #4aa8bf, 0 0 0 4px rgba(0,0,0,.1);
    box-shadow:0 0 0 1px #4aa8bf, 0 0 0 4px rgba(0,0,0,.1);
    background:-moz-linear-gradient(top, #99d0e2, #4aa8bf);
    -pie-background:linear-gradient(top, #99d0e2, #4aa8bf);
    background:-webkit-gradient(linear, left top, left bottom, from(#99d0e2), to(#4aa8bf));
    background:-o-linear-gradient(top, #99d0e2, #4aa8bf);
    background:linear-gradient(top, #99d0e2, #4aa8bf);
    behavior:url(/assets/css/pie.htc);
    text-shadow:0 1px 2px #555;
    position:relative;
    -moz-transition:all .4s ease;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;

}

.cta.alt, #main input[type="submit"].alt, .fc_button {
    border-color:#f9c35f;
}
.cta.large, #main input[type="submit"]{
    width:240px;
    }
#utility a.cta.large, #utility input[type=submit] {
    width:auto;
    padding:8px 30px 10px;
    margin:0 0 0 15px;
    position:absolute;
    position:relative;
    right:2px;
    top:0;
    text-decoration:none;
}
#utility input[type=submit].bab{
    position:relative;
    width:284px;
    margin-left:2px;
}
#utility a.cta.large:hover { text-shadow:0 1px 2px #555; }

aside .cta.large, #main aside input[type="submit"] { 
    margin:10px auto 10px;  
    }

#sales_form{
        color:#bfbfbf;
        padding:1px 12px 4px 12px;
        -moz-border-radius:7px;
        border-radius:7px;
        background:#004256;
        background:-moz-linear-gradient(top, #004256 0%, #00232e 100%);
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#004256), color-stop(100%,#00232e));
        background:-o-linear-gradient(top, #004256 0%, #00232e 100%);
        -pie-background:linear-gradient(top, #004256 0%, #00232e 100%);
        background:linear-gradient(top, #004256 0%, #00232e 100%);
        z-index:100;
        behavior:url(/assets/css/pie.htc);
        border-left: 1px solid rgba(255,255,255,.2);
   
} 
#sales_form h5{
    color:#eee;
    font-size:20px;
    margin:10px 0 15px;
}
#sales_form label{
    color:#bbb;
}
aside form#sales_form input, 
aside form#sales_form textarea 
{
    width:200px;
}
aside form#sales_form select{
    width:215px;
}
aside form#sales_form input[type="submit"]{
    width:215px;
    margin-top:15px;
}

.cta span {
  color:#FFF; /*#CFEAF3*/
  margin:4px 0 4px 0;
  padding:0;
  font-size:13px !important;
  font-weight:normal;
  display:block;
}

.cta.alt, #utility input[type=submit].bab.alt, .fc_button{
    -moz-box-shadow:0 0 0 1px #dc791e, 0 0 0 4px rgba(0,0,0,.1);
    -webkit-box-shadow:0 0 0 1px #dc791e, 0 0 0 4px rgba(0,0,0,.1);
    box-shadow:0 0 0 1px #dc791e, 0 0 0 4px rgba(0,0,0,.1);
    background:-moz-linear-gradient(top, #f8b437, #d87221) !important;
    background:-webkit-gradient(linear, left top, left bottom, from(#f8b437), to(#d87221))!important;
    background:-o-linear-gradient(top, #f8b437, #d87221) !important;   
    -pie-background:linear-gradient(top, #f8b437, #d87221) !important;
    background:linear-gradient(top, #f8b437, #d87221) !important;
}

.cta:hover, input[type="submit"]:hover {
    -moz-box-shadow:0 0 0 1px #4aa8bf, 0 0 0 4px rgba(255,255,255,.25);
    -webkit-box-shadow:0 0 0 1px #4aa8bf, 0 0 0 4px rgba(255,255,255,.25);
    box-shadow:0 0 0 1px #4aa8bf, 0 0 0 4px rgba(255,255,255,.25);
    background:-moz-linear-gradient(bottom, #99d0e2, #4aa8bf) !important;
    background:-webkit-gradient(linear, left bottom, left top, from(#99d0e2), to(#4aa8bf))!important;
    background:-o-linear-gradient(bottom, #99d0e2, #4aa8bf) !important;
    -pie-background:linear-gradient(bottom, #99d0e2, #4aa8bf) !important;
    -moz-transition:all .5s ease;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
}

.cta.alt:hover, input[type="submit"].alt:hover, #utility input[type=submit].bab.alt:hover, .fc_button:hover{
    -moz-box-shadow:0 0 0 1px #dc791e, 0 0 0 4px rgba(255,255,255,.25);
    -webkit-box-shadow:0 0 0 1px #dc791e, 0 0 0 4px rgba(255,255,255,.25);
    box-shadow:0 0 0 1px #dc791e, 0 0 0 4px rgba(255,255,255,.25);
    background:-moz-linear-gradient(top, #d87221, #f8b437) !important;
    background:-webkit-gradient(linear, left top, left bottom, from(#d87221), to(#f8b437)) !important;
    background:-o-linear-gradient(top, #d87221, #f8b437) !important;
    -pie-background:linear-gradient(top, #d87221, #f8b437) !important;
    background:linear-gradient(top, #d87221, #f8b437) !important;
}
.cta.altevo {
    -moz-box-shadow:0 0 0 1px #5ab443, 0 0 0 4px rgba(0,0,0,.1);
    -webkit-box-shadow:0 0 0 1px #5ab443, 0 0 0 4px rgba(0,0,0,.1);
    box-shadow:0 0 0 1px #5ab443, 0 0 0 4px rgba(0,0,0,.1);
    background:-moz-linear-gradient(top, #48c02d, #399723);
    background:-webkit-gradient(linear, left top, left bottom, from(#48c02d), to(#399723));
    background:-o-linear-gradient(top, #48c02d, #399723);
    -pie-background:linear-gradient(top, #48c02d, #399723);
    background:linear-gradient(top, #48c02d, #399723);
}
.cta.altevo:hover, input[type="submit"].altevo:hover{
    -moz-box-shadow:0 0 0 1px #5ab443, 0 0 0 4px rgba(255,255,255,.25);
    -webkit-box-shadow:0 0 0 1px #5ab443, 0 0 0 4px rgba(255,255,255,.25);
    box-shadow:0 0 0 1px #5ab443, 0 0 0 4px rgba(255,255,255,.25);
    background:-moz-linear-gradient(top, #399723, #48c02d) !important;
    background:-webkit-gradient(linear, left top, left bottom, from(#399723), to(#48c02d)) !important;
    background:-o-linear-gradient(top, #399723, #48c02d) !important;
    -pie-background:linear-gradient(top, #399723, #48c02d) !important;
}

#content_zones #start .cta {
    margin:10px 12px 24px;
    
    -moz-box-shadow:0 0 0 1px #8fbd4c, 0 0 0 4px rgba(50,50,50,0.4);
    -webkit-box-shadow:0 0 0 1px #8fbd4c, 0 0 0 4px rgba(50,50,50,0.4);
    box-shadow:0 0 0 1px #8fbd4c, 0 0 0 4px rgba(50,50,50,0.4);
    
    background:-moz-linear-gradient(top, #bdd895, #8db74f);
    -pie-background:linear-gradient(top, #bdd895, #8db74f);
    background:linear-gradient(top, #bdd895, #8db74f);
    background:-webkit-gradient(linear, left top, left bottom, from(#bdd895), to(#8db74f));
    background:-o-linear-gradient(top, #bdd895, #8db74f);
    behavior:url(/assets/css/pie.htc);
}
#content_zones #start .cta:hover{
    -moz-box-shadow:0 0 0 1px #8fbd4c, 0 0 0 4px rgba(255,255,255,0.4);
    -webkit-box-shadow:0 0 0 1px #8fbd4c, 0 0 0 4px rgba(255,255,255,0.4);
    box-shadow:0 0 0 1px #8fbd4c, 0 0 0 4px rgba(255,255,255,0.4);
    
    background:-moz-linear-gradient(top, #8db74f, #bdd895)!important;
    background:-webkit-gradient(linear, left top, left bottom, from(#8db74f), to(#bdd895))!important;
    background:-o-linear-gradient(top, #8db74f, #bdd895)!important;
    -pie-background:linear-gradient(top, #8db74f, #bdd895)!important;
    background:linear-gradient(top, #8db74f, #bdd895)!important;
}
#content_zones #start .cta.alt{
    border-color:transparent;
    
    -moz-box-shadow:0 0 0 1px #4AA8BF, 0 0 0 4px rgba(50,50,50,0.4);
    -webkit-box-shadow:0 0 0 1px #4AA8BF, 0 0 0 4px rgba(50,50,50,0.4);
    box-shadow:0 0 0 1px #4AA8BF, 0 0 0 4px rgba(50,50,50,0.4);
    
    background:-moz-linear-gradient(top, #67bdd8, #0f7fa9)!important;
    background:-o-linear-gradient(top, #67bdd8, #0f7fa9)!important;
    background:-webkit-gradient(linear, left top, left bottom, from(#67bdd8), to(#0f7fa9))!important;
    -pie-background:linear-gradient(top, #67bdd8, #0f7fa9)!important;
    background:linear-gradient(top, #67bdd8, #0f7fa9)!important;
}
#content_zones #start .cta.alt:hover{
    -moz-box-shadow:0 0 0 1px #4AA8BF, 0 0 0 4px rgba(255,255,255,0.4);
    -webkit-box-shadow:0 0 0 1px #4AA8BF, 0 0 0 4px rgba(255,255,255,0.4);
    box-shadow:0 0 0 1px #4AA8BF, 0 0 0 4px rgba(255,255,255,0.4);
    background:-moz-linear-gradient(top, #0f7fa9, #67bdd8)!important;
    background:-webkit-gradient(linear, left top, left bottom, from(#0f7fa9), to(#67bdd8))!important;
    background:-o-linear-gradient(top, #0f7fa9, #67bdd8)!important;
    -pie-background:linear-gradient(top, #0f7fa9, #67bdd8)!important;
    background:linear-gradient(top, #0f7fa9, #67bdd8)!important;
}
#static_feature .cta.alt{
    width:177px;
    padding:15px 0px;
    font-size:13px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:#f2f2f2;
    -moz-box-shadow:0 0 0 1px #dc791e, 0 0 0 4px rgba(50,50,50,0.4);
    -webkit-box-shadow:0 0 0 1px #dc791e, 0 0 0 4px rgba(50,50,50,0.4);
    box-shadow:0 0 0 1px #dc791e, 0 0 0 4px rgba(50,50,50,0.4);
}
/*------------aside search -----------------*/
#main aside .bordered .search input[type=text]{
    background:#f5f5f5;
    border:1px solid #ccc;
    border-width:1px 0 1px 1px;
    border-bottom-color:#efefef;
    -moz-border-radius:6px;
    border-radius:6px;
    width:150px;
    padding:0 0 0 5px;
    height:28px;
    -moz-box-shadow:inset 2px 2px 7px #d8d8d8;
    -webkit-box-shadow:inset 2px 2px 7px #d8d8d8;
    box-shadow:inset 2px 2px 7px #d8d8d8;
    position:relative;
    behavior:url(/assets/css/pie.htc);
}
#main aside .bordered .search input[type=submit]{
    font-size:14px;
    text-shadow:none;
    font-weight:normal;
    color:#333 !important;
    width:53px;
    float:none;
    display:inline;
    margin:0 0 0 5px;
}
/*------------ original button -----------------*/
.button_cta {
    cursor:pointer;
    margin:10px 0 10px;
    border:1px solid #4aa8bf;
    -moz-border-radius:7px;
    border-radius:7px;
    -moz-box-shadow:0 0 0 3px #e3e3e3;
    -webkit-box-shadow:0 0 0 3px #e3e3e3;
    box-shadow:0 0 0 3px #e3e3e3;
    text-align:center;
    color:#fff;
    width:115px;
    -moz-background-clip:padding; 
    -webkit-background-clip:padding; 
    background-clip:padding-box;
    padding:1px;
    background:#b1dbea;
    behavior:url(/assets/css/pie.htc);
}
.button_cta.alt {
    border-color:#dc791e;
    background:#f9c35f;
}
.button_cta.large{
    width:240px;
    }
aside .button_cta { margin:10px auto 10px; }

.button_cta a {
    display:block;
    /*border:1px solid #b1dbea;*/
    -moz-border-radius:6px;
    border-radius:6px;
    background:-moz-linear-gradient(top, #99d0e2, #4aa8bf);
    background:-o-linear-gradient(top, #99d0e2, #4aa8bf);
    background:-webkit-gradient(linear, left top, left bottom, from(#99d0e2), to(#4aa8bf));
    -pie-background:linear-gradient(top, #99d0e2, #4aa8bf);
    background-image:linear-gradient(top, #99d0e2, #4aa8bf);
    text-decoration:none;
    font-size:18px;
    font-weight:bold;
    color:#fff !important;
    padding:8px 0 10px 0;
    -moz-background-clip:padding;
    -webkit-background-clip:padding;
    background-clip:padding-box;
    text-shadow:0 1px 1px #555;
    line-height:1;
}

.button_cta span {
  color:#fff; /*#CFEAF3*/
  margin:4px 0 8px 0;
  padding:0;
  font-size:12px !important;
  font-weight:normal;
  display:block;
}
.button_cta.alt a{

    background:-moz-linear-gradient(top, #f8b437, #d87221);
    background:-webkit-gradient(linear, left top, left bottom, from(#f8b437), to(#d87221));
    background:-o-linear-gradient(top, #f8b437, #d87221);
    -pie-background:linear-gradient(top, #f8b437, #d87221);
    background:linear-gradient(top, #f8b437, #d87221);
}

.button_cta:hover {
  -moz-box-shadow:0 0 0 3px #bbb;
  -webkit-box-shadow:0 0 0 3px #bbb;
  box-shadow:0 0 0 3px #bbb;
  behavior:url(/assets/css/pie.htc);
}

.button_cta a:hover  {
  background:-moz-linear-gradient(bottom, #99d0e2, #4aa8bf) !important;
  background:-o-linear-gradient(bottom, #99d0e2, #4aa8bf) !important;
  background:-webkit-gradient(linear, left bottom, left top, from(#99d0e2), to(#4aa8bf))!important;
  -pie-background:linear-gradient(bottom, #99d0e2, #4aa8bf) !important;
  background:linear-gradient(bottom, #99d0e2, #4aa8bf) !important;
  behavior:url(/assets/css/pie.htc);
}
.button_cta.alt a:hover{
    background:-moz-linear-gradient(top, #d87221, #f8b437) !important;
    background:-o-linear-gradient(top, #d87221, #f8b437) !important;
    background:-webkit-gradient(linear, left top, left bottom, from(#d87221), to(#f8b437)) !important;
    -pie-background:linear-gradient(top, #d87221, #f8b437) !important;
    background:linear-gradient(top, #d87221, #f8b437) !important;
    behavior:url(/assets/css/pie.htc);
}

a.buyBtn {
	font-size: 28px;
	}
	
/* ------------------------- [ Previous/Next Buttons ] ---*/
nav a.next,
nav a.prev {
    font-size:5px;
    position:relative;
    display:block;
    float:left;
    text-indent:-999em;
    width:16px;
    height:0;
    padding:16px 0 0;
    overflow:hidden;
    margin-left:5px;
    -moz-border-radius:8px;
    border-radius:8px;
    border:1px solid #5cb0ca;
    background:#74D5F4;
    background:-moz-linear-gradient(top, #74D5F4 0%, #67C3DE 100%);
    background:-o-linear-gradient(top, #74D5F4 0%, #67C3DE 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#74D5F4), color-stop(100%,#67C3DE));
    -pie-background:linear-gradient(top, #74D5F4 0%, #67C3DE 100%);
    background:linear-gradient(top,#74D5F4,#67C3DE);
    behavior:url(/assets/css/pie.htc);
}
nav a.prev span,
nav a.next span {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
    top:3px;
    left:6px;
    border:5px solid transparent;
    border-left-color:#fff;
    border-right-width:0;
}
nav a.prev span {
    left:5px;
    border:5px solid transparent;
    border-right-color:#fff;
    border-left-width:0;
}
nav a.disabled {
    opacity:.5;
    cursor:default;
}

/* ------------------------- [ Recent Items Feeds ] ---*/
ul.recent, ul.recent li { margin:0; padding:0; list-style:none;}

#main ul.recent li a { text-decoration:none; margin:0; padding:0; list-style:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
#main ul.recent li a:hover { text-decoration:underline; }

ul.recent li { padding:10px 0; border-top:1px solid #e3e3e3;}

ul.recent li div.date { color:#848790; padding-top:.3em;}


h4.recent { border:0; margin:1.5em 0 1px; }


/* ------------------------- [ Home ] ---*/

#home_content .container {
    position:relative;
    overflow:hidden;
}

#home_content #gallery {
	margin: 20px 0 0 -20px;
	}
	
#home_content #static_feature {
        position:absolute;
        top: 20px;
        right:0;
        background: url("../i/home/modx-cloud-banner-right.jpg") no-repeat 0 0 #1f3142;
        border-left: 0 !important;
        width: 179px;
        }
/* added for cloud banner mods */
#static_feature .cta {
     width: 100%;
     font-weight: 500;
     font-size: 1.2em;
     line-height: 1.2;
 }
 #static_feature img {
     margin: 10px 0;
 }
  #static_feature p {
      opacity: .5;
      line-height: 1.2;
      color: #7bc1d5;
      margin-bottom: 1em !important;
  }  
  #hl_1 h5 {
      margin-bottom: 6px !important;
  }     
/* end added for cloud banner mods */     
#gallery {
    position:relative;
    padding:0;
    height:300px;
    width:760px;
    margin-left:-20px;
    -moz-border-radius-topleft:7px;
    -moz-border-radius-bottomleft:7px;
    border-radius:7px 0px 0px 7px;
    background:#ccc;
    overflow:hidden;
     behavior:url(/assets/css/pie.htc);
    
}
#gallery_slider {
    width:755px !important;
    position:relative;
    margin:0;
    z-index:10;
    overflow:hidden;
}
#gallery_slider li {
    height:260px;
    width:680px;
    display:block;
    float:left;
    color:#fff;
    z-index:10;
    padding:20px 120px 20px 40px;
    -moz-border-radius-topleft:7px;
    -moz-border-radius-bottomleft:7px;
    border-radius:7px 0px 0px 7px;
    position:relative;
    cursor:pointer;
}

#gallery_slider li#hl_2 h5 span {
    overflow: hidden;
    display: block;
    text-align: left;
    white-space: nowrap;
    text-indent: 100%;
}
#gallery_slider div.copy {
    position:absolute;
    top:50px;
    left:30px;
    width: 250px;
}
#gallery_slider h5,
#gallery_slider h6 {
    color:#fff;
    color:inherit;
    border:none;
    margin:0 0 28px 0;
    padding:0;
    font: normal 28px/1.26 "Helvetica Neue", helvetica, arial, sans-serif;
    cursor:pointer;
}
#gallery_slider h6 {
    font-size:16px;
    line-height:1.47;
    margin:0;
}
#gallery_slider h6 span.credit {
    color:#fff;
    font-size:10px;
    display:block;
    padding: 6px 0 0;
    opacity: .9;
}
#gallery_slider h6 span.credit:hover {
    opacity: 1;
    -moz-transition:all .2s ease;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
}
#gallery_slider h6 span.credit a {
    color:#fff;
    background:none;
    padding: 0;
}
#gallery_slider span{
    color:#fff;
}
#gallery_slider li em {
    color:#fff;
    font-weight:bold;
}
#gallery_paging {
    position:absolute;
    bottom:20px;
    right:245px;
    z-index:500;
}
#gallery_paging ul {
    margin:0;
    padding:0;
}
#gallery_paging li {
    list-style:none;
    float:left;
    margin:0 1px 0 0;
}
#gallery_paging a {
    float:left;
    display:block;
    width:20px;
    height:0;
    padding:20px 0 0;
    overflow:hidden;
    line-height:20px;
    margin-right:10px;
    color:#000;
    text-decoration:none;
    text-align:center;
    background:#fff;
    opacity:.4;
    font-size:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    -moz-transition:all .2s ease;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    -mox-box-shadow:0 1px 4px #444;
    box-shadow:0 1px 4px #444;
    behavior:url(/assets/css/pie.htc);
}
#gallery_paging a:hover, #gallery_paging a.activeSlide {
    opacity:.9;
    -moz-transition:all .2s ease;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    -mox-box-shadow:0 1px 4px #444;
    box-shadow:0 1px 4px #444;
    behavior:url(/assets/css/pie.htc);
}
    
    #static_feature {
        position:absolute;
        top:0;
        right:0;
        width:178px;
        height:285px;
        color:#bfbfbf;
        vertical-align:bottom;
        padding:15px 23px 0px 23px;
        -moz-border-radius-topright:7px;
        -moz-border-radius-bottomright:7px;
        border-top-right-radius:7px;
        border-bottom-right-radius:7px;
        background:#004256;
        background:-moz-linear-gradient(top, #004256 0%, #00232e 100%);
        background:-o-linear-gradient(top, #004256 0%, #00232e 100%);
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#004256), color-stop(100%,#00232e));
        -pie-background:linear-gradient(top, #004256 0%, #00232e 100%);
        background:linear-gradient(top, #004256 0%, #00232e 100%);
        z-index:100;
         behavior:url(/assets/css/pie.htc);
         border-left: 1px solid rgba(255,255,255,.2);
         text-align:center;
         cursor:pointer;
    }
        #static_feature p {
        opacity: 1;
            padding:0 0 0 2px;
            margin: 0;
            font-size: 15px;
            line-height: 1.3;
            color: #a7c8dc;
        }

#logo_strip {
    text-align:center;
    padding:0; 
    height:115px;    
}
#logo_strip h2 {
    font-size:28px;
    margin: 15px 0 7px; padding: 0;
}
#logo_strip p {
    font-size: 18px;
    color: #333;
    margin: 0;
    
}
#logo_strip img {
    padding: 10px 0;
    margin: 0 0 0 -10px;

}

#content_zones {
    margin:20px auto 20px;
}
    #content_zones h6 {
        color:#3c3c3c;
        border:0;
        font-weight:normal;
        font-size:20px;
        margin:15px 0 12px;
        padding:0 0 0 15px;
        line-height:1;
    }
#features,
#mim,
.mid {
    width:228px;
    height:285px;
    float:left;
    margin-left:20px;
    -moz-border-radius:7px;
    border-radius:7px;
    border:1px solid #e2e2e2;
    background:#fff;
    position:relative;
}
#features p,
.mid p {
    font-size: 15px;
    padding: 0 15px;
}
.iconlist,
#features ul {
    list-style-type:none;
    margin:10px 20px 20px;
    font-weight:bold;
    font-size:13px;
}
.iconlist { margin:0;}  
#also .iconlist li:before{
    content:'';
}
div.border .iconlist { margin:10px 5px 0;}

.iconlist li a,
#features li a { 
    line-height:24px;
    display:block;
    float:left;
    width:100%;
    z-index:1;
}
.iconlist li span,
#features li span,
#also li span {
    height:24px;
    width:24px;
    float:left;
    display:block;
    clear:left;
    margin:0 6px 8px 0;
    border:1px solid #dedede;
    -moz-border-radius:4px;
    border-radius:4px 4px;
    background-color:#ececec;
    background-image:url(../i/minicons/microcons.png);
    background-image:url(../i/minicons/microcons.png), -moz-linear-gradient(top, #f0f9ff 0%, #ECECEC 100%);
        background-image:url(../i/minicons/microcons.png), -o-linear-gradient(top, #f0f9ff 0%, #ECECEC 100%);
    background-image:url(../i/minicons/microcons.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(100%,#ECECEC));
    background-image-position:0 0;
    -moz-transition:all .2s ease;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    behavior:url(/assets/css/pie.htc);
    position:relative;
}

.badgeicon li {
	clear: both;
	}
	
.badgeicon li img {
    height:16px;
    width:16px;
    float:left;
    display:block;
    margin:0 6px 8px 0;
    border:1px solid #dedede;
    -moz-border-radius:4px;
    border-radius:4px 4px;
    background-color:#ececec;
	}
	
/*.ie #features li span,
.ie #also li span {
    background-image:url(../i/minicons/microcons.png);
}*/
#also li span { background-image:url(../i/minicons/microcons-support.png); }

#also li.bugs span, 
#features li.support span  { background-position:0 -24px ;}
#also li.docs span, 
#features li.sponsors span { background-position:0 -48px ;}
#also li.server span, 
#features li.jobs span     { background-position:0 -72px ;}
#also li.start span, 
#features li.help span     { background-position:0 -96px ;}
#also li.microsoft span, 
#features li.forums span   { background-position:0 -120px ;}
#also li.hosts span, 
#features li.intl span     { background-position:0 -144px ;}

#features li.develop span  { background-position:0 -168px ;}
#also li a:hover span, 
#features li a:hover span  { 
    background-position-x:-24px !important;
    -moz-box-shadow:0 0 5px #2e98bb;
    -webkit-box-shadow:0 0 5px #2e98bb;
    box-shadow:0 0 5px #2e98bb;
    -moz-transition:all .3s ease;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
}
   
#mim {
    width:490px;
    position:relative;
    font-size:12px;
    color:#9d9d9d;
}
    #mim nav {
        position:absolute;
        top:10px;
        right:20px;
        text-align:right;
    }
    #mim p{
        line-height:1;
    }
    #mim #showcase_actions {
        position:absolute;
        bottom:15px;
        left:20px;
        margin:0;
    }
    #mim #showcase_actions .btn {
        display:inline-block;
        float:none;
        margin-left:0;
    }
    #mim .author{
        color:#434343;
    }
    #mim_carousel {
    margin:0;
    list-style-type:none;
}
    #mim_carousel li {
        float:left;
        width:215px;
        margin-left:20px;
    }
    #mim_carousel img {
        width:215px;
        height:160px;
        background:#efefef;
    }

.roundf {
    border-radius: 7px;
    background: #fff;
    padding: 5px;
    box-shadow: 0 0 0 1px #e2e2e2;
    color: #fff;
    border: none;
}
.roundf .inside {
    border-radius: 3px;
    box-shadow: none;
}
.roundf.feature {
    height: 276px;
    width: 220px;
}
.roundf.feature .inside {
    width: 210px;
    height: 266px;
}
.greenback {
    background: #3a4f40;
    background: -moz-linear-gradient(top, #142c2f 0%, #3a4f40 52%, #23373b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#142c2f), color-stop(52%,#3a4f40), color-stop(100%,#23373b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #142c2f 0%,#3a4f40 52%,#23373b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #142c2f 0%,#3a4f40 52%,#23373b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #142c2f 0%,#3a4f40 52%,#23373b 100%); /* IE10+ */
    background: linear-gradient(top, #142c2f 0%,#3a4f40 52%,#23373b 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142c2f', endColorstr='#23373b',GradientType=0 ); /* IE6-9 */
    -pie-background:linear-gradient(top, #142c2f 0%, #3a4f40 52%, #23373b 100%);
}
.blueback {
    background:#3c9ec1;
    background:-moz-linear-gradient(top, #62b9d5 0%, #0f7fa9 100%);
    background:-o-linear-gradient(top, #62b9d5 0%, #0f7fa9 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#62b9d5), color-stop(100%,#0f7fa9));
    -pie-background:linear-gradient(top, #62b9d5 0%, #0f7fa9 100%);
    background:linear-gradient(top, #62b9d5 0%, #0f7fa9 100%);
}


.ie9 div.inside { 
    filter:none;
    }
    
#content_zones>:first-child{
    margin-left:-20px;
}
.ie8 #content_zones>:first-child{
    margin-left:0px;
}
.ie8 #content_zones .mid.roundf{
    margin-left:-20px;
}

#content_zones>:last-child {
    margin-right:-20px;
}
.ie8 #content_zones>:last-child {
    margin-right:0;
}
.ie8 #content_zones .mid#start{
    margin-right:-20px;
    margin-left:20px;
}
#content_zones .inside h6 {
    color: #fff;
    margin: 5px 11px;
    padding: 0 0 2px;
}
#content_zones .inside p {
    padding: 0 11px;
}
#content_zones .cta,  #content_zones .light .cta{
    width: 184px;
    margin: 0 12px;
    padding: 7px 0 8px;
}
#content_zones .light .cta{
    width:195px;
    margin:0;
}
#content_zones .blueback .cta,  #content_zones .light .cta{
    position:absolute;
    bottom:20px;

}
/* ------------------------- [ Showcase  ] ---*/
   #showcase ul{
    margin:0 0 20px 0;
    padding:0;
    }
#showcase li{
    float:left;
    border:1px solid #dddddd;
    background:#fff;
    -moz-border-radius:6px;
    border-radius:6px;
    padding:12px;
    margin:0 12px 12px 0;
    width:200px;
    height:150px;
    list-style-type:none;
    -moz-box-shadow:inset 0px 0px 6px rgba(0,0,0,0.2);
    -webkit-box-shadow:inset 0px 0px 6px rgba(0,0,0,0.2);
    box-shadow:inset 0px 0px 6px rgba(0,0,0,0.2);
    position:relative;
    behavior:url(/assets/css/pie.htc);
    }
#showcase .last{
    margin-right:0;
    }
#showcase li img{
    height:148px;
    width:198px;
    border:1px solid #dddddd;
    }
#showcase li div.thumb{
    position:absolute;
    width:200px;
    height:150px;
    top:12px;
    left:12px;
    overflow:hidden;
}
#showcase li div.thumb.hover {
    background:#fff no-repeat center center;
    border:none;
    border:1px solid #dddddd;
    -moz-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow:0px 0px 12px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
    box-shadow:0px 0px 12px rgba(0,0,0,0.3);
    padding:12px 12px 30px 12px;
    overflow:hidden;
}
#showcase div.thumb .actions{
    display:none;
    visibility:hidden;
    opacity:0;
    width:300px;
}
#showcase div.thumb.hover .actions{
    position:absolute;
    bottom:6px;
    left:12px;
    visibility:visible;
    height:16px;
    display:block;
    opacity:1;
}
#showcase .actions a{
    font-size:11px;
    display:inline-block;
    padding-left:14px;
    margin-left:4px;
    line-height:16px;
}
#showcase .actions .thumbsup{
    background:transparent url(http://dev.modx.com/assets/i/bg-sprite.png) no-repeat -9px -320px;
    font-size:11px;
    padding-left:14px;
    position:absolute;
    bottom:0;
    left:0;
    line-height:16px;
}
#showcase .actions .thumbsup a{
    padding-left:0;
    margin-left:0;
}
#showcase .actions .thumbsup.voted{
    background:transparent url(http://dev.modx.com/assets/i/bg-sprite.png) no-repeat -9px -301px;
}

#showcase .actions a.report{
    background:transparent url(http://dev.modx.com/assets/i/bg-sprite.png) no-repeat -6px -341px;
    text-indent:-9999em;
    position:absolute;
    right:0px;
    bottom:0px;
}
#showcase .actions a.report:hover{
    background-position:-6px -361px;
}
#showcase .actions a.dev{
    background:transparent url(../i/bg-sprite.png) no-repeat -9px -261px;
    position:absolute;
    right:20px;
    bottom:0;
    padding-left:14px;
}
#filters{
    position:absolute;
    top:12px;
    right:10px;
}
#filters select{
    width:auto;
    display:inline;
    margin-left:10px;
}
.showcase #filters {width:360px;}
.showcase #filters a{float:right;margin:0;}

#filters .ff.inline {
    display:inline-block;
    margin:6px 3px 0 0;
}
.showcase #filters input[type=checkbox]{
    vertical-align:middle;
}
#filters #add{
    width:16px;
    line-height:16px;
    text-indent:-999em;
    display:inline-block;
    background:transparent url(../i/add_plus.png) no-repeat 0px 0px;
    margin-left:5px;
}
#filters #add:hover{
    background-position:0px -16px;
}
#showcase .sc-unapproved{
    opacity:.5;
}
/* Showcase overlay */
div.contentWrap {
	height:441px;
	overflow-y:auto;
}

/* ------------[Events 2014] ----------*/
#content article div.event{
    border-bottom: 1px solid #d6d6d6;
    margin-bottom:30px;
    padding-bottom:30px;
}
#content div.event p.info{
    font-size: 1em;
    margin-bottom: 10px;
}
aside ul.events {
    margin-left: 0;
} 
aside ul.events li{
    list-style-type: none;
    border-bottom: 1px solid #DDD;
}
aside ul.events h4{
    border:0;
    font-size:18px;
    margin-bottom:10px 0 0 0;
    padding-bottom: 0px;
}
.events p{

}

/* --------- [ Extras Section ] ---*/
#extras aside .bordered.pill {
    padding:3px 2px 2px 2px;
    background:#fff;
    }
#extras aside .bordered.pill form{
    margin:10px 6px 6px 6px
    }
#extras aside nav ul li a{
    background-image:none;
    background-color:fff;
}
#extras aside nav ul li a:hover{
    background-color:#eee;
    background:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eee));
    background:-moz-linear-gradient(top, #f7f7f7, #eee);
    background:-o-linear-gradient(top, #f7f7f7, #eee);
    -pie-background:linear-gradient(top, #f7f7f7, #eee);
    background:linear-gradient(top, #f7f7f7, #eee);
    behavior:url(/assets/css/pie.htc);
}
#extras aside .cta.large {
    width:232px;
    margin-top:15px;
    }

#extras_listings #list ol{
    padding-top:10px;
}    
#extras_listings ul.tabs{
    padding:0;
}
#extras_listings ul.tabs li.first a{
    margin-left:0;
}
#extras_listings #list ol li{
    padding:15px;
    margin-bottom:10px;
    border-bottom:1px solid #e5e5e5;
    }
#extras_listings #list li:last-child{
    border-bottom:0;
}
#extras_listings li h5{
    margin-top:0px;
}
#extras_listings .meta{
    width: 379px;
    border-right: 1px solid #E5E5E5;
    padding-right:15px;
    float:left
}
#extras_listings .actions{
    width:174px;
    float:left;
    padding-left:20px;
    margin-left:-1px;
    border-left:1px solid #e5e5e5;
}
#extras_listings #list{
    margin:15px 0;
    padding:0 3px
    }

.hw-item a.btn,
#hw_listing a.btn {
	text-align: center;
	width: auto !important;
	}
  
#extras_listings .actions a.btn {
    display: block;
    float:right;
    width:150px;
    text-align:center;
}
#extras_listings .flag {
    position: absolute; 
    top: 10px; 
    right: -3px; 
    z-index: 100;
    cursor:help;
    text-transform:uppercase;
    font-size:10px;
    text-shadow:0 1px 2px #555;
    font-weight:bold;
    letter-spacing:1px;
}
#extras_listings .solid { 
  line-height: 24px;
  background:-moz-linear-gradient(left center,#f8b437,#d87221);
  background:-o-linear-gradient(left center,#f8b437,#d87221);
  background:-webkit-gradient(linear, 100% 0%, 0% 0%, from(#d87221), to(#f8b437));
  -pie-background:linear-gradient(left center, #d87221,#f8b437);
  background:linear-gradient(left center, #d87221, #f8b437);
  behavior:url(/assets/css/pie.htc);
  color: #fff;
  text-align: center;
  width: 40px;
  z-index: 100;
  position: relative;
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
#extras_listings .point { 
    position: absolute;
    right: 40px;
    top: 0;
    border-color: transparent #f8b437 transparent transparent;
    border-style:solid;
    border-width:12px;
    height:0;
    width:0;
    z-index: 110;
}
#extras_listings .triangle { 
    position: absolute;
    top: 10px;
    right: -15px;
    border-color: transparent transparent transparent #7d90a3;
    border-style:solid;
    border-width:15px;
    height:0;
    width:0;
    z-index: 90;
}
#extras_listings li.package { position: relative; }

#extras_listings li.featured{
    background:#fdfcd1;
    background:-moz-linear-gradient(top, #fdfcd1, #fefde1);
    background:-o-linear-gradient(top, #fdfcd1, #fefde1);
    -pie-background:linear-gradient(top, #fdfcd1, #fefde1);
    background:-webkit-gradient(linear, left top, left bottom, from(#fdfcd1), to(#fefde1));
    background:linear-gradient(top, #fdfcd1, #fefde1);
    behavior:url(/assets/css/pie.htc);
}
#extras_listings li.featured:before {
    content:"";
    position:absolute;
    top:0;
    left:0px;
    border-width:0 0 16px 16px;
    border-style:solid;
    border-color:#f6f12e #fff;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
    box-shadow:1px 1px 2px rgba(0,0,0,0.2);
    behavior:url(/assets/css/pie.htc);
    }

#toplists{
    display:table;
    margin:16px 0;
    padding:0;
    width:100%;
    }
#toplists li{
    display:table-cell;
    border-right:1px solid #e5e5e5;
    border-bottom:0;
    padding:0;
    margin:10px 0;
    width:33%
    }
#toplists li.last{
    border:0;
    }
ul#toplists li span {
    font-size:18px;
    font-weight:bold;
    padding:10px 7px 5px;
    display:block;
    margin-top:2px;
    border-bottom:1px solid #CBE1EC}
ul#toplists li.first span{
    margin-left:2px
    }
ul#toplists li.last span{
    margin-right:2px
    }
#toplists ol {
    margin:0;
    }
#toplists ol li{
    display:list-item;
    list-style-position:inside;
    border:0 ;
    padding:5px 0 5px 7px;
    border-bottom:1px solid #e5e5e5;
    margin:0;
    color:#2B8BA7;
    overflow: hidden;
    white-space: nowrap;
    width: 202px;
    }
#toplists ol li a{
    padding:0;
    font-weight:normal;
    font-size:12px;
    color:#2B8BA7;
    background:none;
    border:0;
    text-decoration:none;
    }

#toplists ol li span {
	display: block;
	background: #456677 no-repeat 0 0;
    -moz-border-radius:6px;
    border-radius:6px;
	width: 30px;
	text-align: center;
	float: left;
	margin: 0 10px 0 -5px;
	padding: 0 0;
	border: none;
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	}
#register input[type="text"]#gender{display:none; visibility:hidden;}
/*
 *  Landing Page Features
*/
 section.partnerFeatures h5 {
 	margin-top: 0;
 	}

 .partnerIconFull > p:before{
     content:"";
     float:left;
     width:85px;
     height:51px;
     display:block;
     margin:0;
     background:url(http://modx.com/assets/i/partner-signup-icons.png) 0 -151px no-repeat;
 }

 .expert p:before{background-position:0 -7px;}
 .lab p:before{background-position:0 -430px;}
 .oppor p:before{background-position:0 -1072px;}
 .bigbus p:before{background-position:0 -1154px;}
/* 
 *
 * Styles from Home.css
 *
 */
.a-primary-btn:visited,
.a-primary-btn,
input[type="submit"].a-primary-btn {
color: #fff;
    display: inline-block;
    padding: 15px;
    font-size: 20px;
    border: 5px solid rgba(255,255,255,.60);
border-radius: 8px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #67a749;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3YTc0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjNjdhNzQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYTFjNzU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
background-image: -moz-linear-gradient(bottom, #67a749 0%, #67a749 27.76%, #a1c755 100%);
background-image: -o-linear-gradient(bottom, #67a749 0%, #67a749 27.76%, #a1c755 100%);
background-image: -webkit-linear-gradient(bottom, #67a749 0%, #67a749 27.76%, #a1c755 100%);
background-image: linear-gradient(bottom, #67a749 0%, #67a749 27.76%, #a1c755 100%);
text-shadow: 0 0 2px rgba(0, 0, 0, 0.64);
}
.a-primary-btn:hover,
input[type="submit"].a-primary-btn:hover {
    text-decoration: none;
    color: #fff;
            background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #7db94f), color-stop(27.76%, #7db94f), color-stop(100%, #a6d055));
        background-image: -webkit-linear-gradient(bottom, #7db94f 0%,#7db94f 27.76%,#a6d055 100%);
        background-image: -moz-linear-gradient(bottom, #7db94f 0%,#7db94f 27.76%,#a6d055 100%);
        background-image: -o-linear-gradient(bottom, #7db94f 0%,#7db94f 27.76%,#a6d055 100%);
        background-image: linear-gradient(bottom, #7db94f 0%,#7db94f 27.76%,#a6d055 100%);
}

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print {  	
  	
}


/*
 * Typekit Rules -- Put Them All in here
 */
.wf-inactive .pp thead th,.wf-loading h1,.wf-loading h2,.wf-loading h4,.wf-loading h6,.wf-loading .pp tbody .highlight th,.wf-loading .pp thead th, .wf-loading a.level1,.wf-loading .job_types label,.wf-loading .job_wheres label,.wf-loading .bigbtns label, .wf-loading .listing h3 {opacity:0;} 
.wf-inactive .pp thead th,.wf-active h1,.wf-active h2,.wf-active h4,.wf-active h6,.wf-active .pp tbody .highlight th,.wf-active .pp thead th, .wf-active a.level1,.wf-active .job_types label,.wf-active .job_wheres label,.wf-active .bigbtns label, .wf-active .listing h3 {opacity:1;-moz-transition:0.2s opacity ease-in; -webkit-transition:0.2s opacity ease-in; transition:0.2s opacity ease-in;} 
/*
.wf-loading { opacity:0; }
.wf-active{ opacity:1; -moz-transition:0.2s opacity ease-in; -webkit-transition:0.2s opacity ease-in; transition:0.2s opacity ease-in; }
*/

/*
 * Media queries for responsive design
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
   Consider this:www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width:480px) {


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* syntax-highlighter shCore.css */
.syntaxhighlighter,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter table,.syntaxhighlighter table td,.syntaxhighlighter table tr,.syntaxhighlighter table tbody{margin:0 !important;padding:0 !important;border:0 !important;outline:0 !important;background:none !important;text-align:left !important;float:none !important;vertical-align:baseline !important;position:static !important;left:auto !important;top:auto !important;right:auto !important;bottom:auto !important;height:auto !important;width:auto !important;line-height:1.1em !important;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;font-weight:normal !important;font-style:normal !important;font-size:1em !important;min-height:inherit !important;min-height:auto !important}.syntaxhighlighter{width:99% !important;margin:1em 0 1em 0 !important;padding:1px !important;position:relative !important}.syntaxhighlighter .bold {font-weight:bold !important}.syntaxhighlighter .italic {font-style:italic !important}.syntaxhighlighter .line{}.syntaxhighlighter .no-wrap .line .content{white-space:pre !important}.syntaxhighlighter .line table {border-collapse:collapse !important}.syntaxhighlighter .line td{vertical-align:top !important}.syntaxhighlighter .line .number{width:3em !important}.syntaxhighlighter .line .number code{width:2.7em !important;padding-right:.3em !important;text-align:right !important;display:block !important}.syntaxhighlighter .line .content{padding-left:.5em !important}.syntaxhighlighter .line .spaces{}.syntaxhighlighter.nogutter .line .content{border-left:none !important}.syntaxhighlighter .bar{display:none !important}.syntaxhighlighter .bar.show {display:block !important}.syntaxhighlighter.collapsed .bar{display:block !important}.syntaxhighlighter.collapsed .lines{display:none !important}.syntaxhighlighter .lines.no-wrap{overflow:auto !important;overflow-y:hidden !important}.syntaxhighlighter .toolbar{position:absolute !important;right:0px !important;top:0px !important;font-size:1px !important;padding:8px 8px 8px 0 !important}.syntaxhighlighter.collapsed .toolbar{font-size:80% !important;padding:.2em 0 .5em .5em !important;position:static !important}.syntaxhighlighter .toolbar a.item,.syntaxhighlighter .toolbar .item{display:block !important;float:left !important;margin-left:8px !important;background-repeat:no-repeat !important;overflow:hidden !important;text-indent:-5000px !important}.syntaxhighlighter.collapsed .toolbar .item{display:none !important}.syntaxhighlighter.collapsed .toolbar .item.expandSource{background-image:url(../assets/images/sh/magnifier.png) !important;display:inline !important;text-indent:0 !important;width:auto !important;float:none !important;height:16px !important;padding-left:20px !important}.syntaxhighlighter .toolbar .item.viewSource{background-image:url(../assets/images/sh/page_white_code.png) !important}.syntaxhighlighter .toolbar .item.printSource{background-image:url(../assets/images/sh/printer.png) !important}.syntaxhighlighter .toolbar .item.copyToClipboard{text-indent:0 !important;background:none !important;overflow:visible !important}.syntaxhighlighter .toolbar .item.about{background-image:url(../assets/images/sh/help.png) !important}.syntaxhighlighter.printing,.syntaxhighlighter.printing .line.alt1 .content,.syntaxhighlighter.printing .line.alt2 .content,.syntaxhighlighter.printing .line.highlighted .number,.syntaxhighlighter.printing .line.highlighted.alt1 .content,.syntaxhighlighter.printing .line.highlighted.alt2 .content,{background:none !important}.syntaxhighlighter.printing .line .number{color:#bbb !important}.syntaxhighlighter.printing .line .content{color:#000 !important}.syntaxhighlighter.printing .toolbar{display:none !important}.syntaxhighlighter.printing a{text-decoration:none !important}.syntaxhighlighter.printing .plain,.syntaxhighlighter.printing .plain a{color:#000 !important}.syntaxhighlighter.printing .comments,.syntaxhighlighter.printing .comments a{color:#008200 !important}.syntaxhighlighter.printing .string,.syntaxhighlighter.printing .string a{color:blue !important}.syntaxhighlighter.printing .keyword{color:#069 !important;font-weight:bold !important}.syntaxhighlighter.printing .preprocessor {color:gray !important}.syntaxhighlighter.printing .variable {color:#a70 !important}.syntaxhighlighter.printing .value{color:#090 !important}.syntaxhighlighter.printing .functions{color:#ff1493 !important}.syntaxhighlighter.printing .constants{color:#06C !important}.syntaxhighlighter.printing .script{font-weight:bold !important}.syntaxhighlighter.printing .color1,.syntaxhighlighter.printing .color1 a{color:#808080 !important}.syntaxhighlighter.printing .color2,.syntaxhighlighter.printing .color2 a{color:#ff1493 !important}.syntaxhighlighter.printing .color3,.syntaxhighlighter.printing .color3 a{color:red !important}

/* syntax-highlighter shThemeDefault.css */
.syntaxhighlighter{background-color:#fff !important}.syntaxhighlighter .line.highlighted .number{color:black !important}.syntaxhighlighter .line.highlighted.alt1,.syntaxhighlighter .line.highlighted.alt2{background-color:#e0e0e0 !important}.syntaxhighlighter .line .number{color:#afafaf !important}.syntaxhighlighter .line .content{border-left:3px solid #6CE26C !important;color:#000 !important}.syntaxhighlighter.printing .line .content {border:0 !important}.syntaxhighlighter .line.alt1{background-color:#fff !important}.syntaxhighlighter .line.alt2{background-color:#F8F8F8 !important}.syntaxhighlighter .toolbar{background-color:#F8F8F8 !important;border:#E7E5DC solid 1px !important}.syntaxhighlighter .toolbar a{color:#a0a0a0 !important}.syntaxhighlighter .toolbar a:hover{color:red !important}.syntaxhighlighter .plain,.syntaxhighlighter .plain a{color:#000 !important}.syntaxhighlighter .comments,.syntaxhighlighter .comments a{color:#008200 !important}.syntaxhighlighter .string,.syntaxhighlighter .string a{color:blue !important}.syntaxhighlighter .keyword{color:#069 !important;font-weight:bold !important}.syntaxhighlighter .preprocessor {color:gray !important}.syntaxhighlighter .variable {color:#a70 !important}.syntaxhighlighter .value{color:#090 !important}.syntaxhighlighter .functions{color:#ff1493 !important}.syntaxhighlighter .constants{color:#06C !important}.syntaxhighlighter .script{background-color:yellow !important}.syntaxhighlighter .color1,.syntaxhighlighter .color1 a{color:#808080 !important}.syntaxhighlighter .color2,.syntaxhighlighter .color2 a{color:#ff1493 !important}.syntaxhighlighter .color3,.syntaxhighlighter .color3 a{color:red !important}

#content .syntaxhighlighter {
    font-size:13px !important;
}
/* jquery tabs */
/* .ui-tabs .ui-tabs-hide { display: none !important; } */
.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}

.update-profile input, .update-profile select, .update-profile textarea {
	width: 100%;
}
.ui-datepicker-calendar {
	background-color: white !important;
}
.ui-datepicker-div {
	background-color: white !important;
	border-radius: 4px;
	border: 1px solid #eee;
}
.ui-datepicker select {
    display: inline;
}

@media handheld {
    * {
      float: none;       /* Screens are not big enough to account for floats */
      background: #fff;  /*  As much contrast as possible */
      color: #000;
    }

    /* Slightly reducing font size to reduce need to scroll */
    body { font-size: 80%; }
}

.sub-hidden{display:none;visibility:hidden;background:none;border:none;box-shadow:none;}