/*
@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 "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: Arial, sans-serif; }
/*--------------------------------------*/
/*
* minimal base styles
*
/*--------------------------------------*/
/* #444 looks better than black:twitter.com/H_FJ/statuses/11800719859 */
body, select, input, textarea { color:#5f5f5f; }
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: #b1b1b1; }/*#0f7096*//*#607890*/
a:hover { color:#848484; }
ul, ol { margin-left:0.5em; }
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*/
/*--------------------------------------*/
.innertube{
margin: 11px; /*Margins for inner DIV inside each DIV (to provide padding)*/
height: 20px;
}
#framecontent{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 70px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: url('/bg.png') repeat;
color: white;
}
/*--------------------------------------*/
/* BODY
/*--------------------------------------*/
body{
background:#e8e8e8 url(img_body_bg) repeat-x top left;
}
#mainLogo {position:absolute; top: 0px; left: 0;z-index: 1100;}
/*--------------------------------------*/
/* CONTAINER
/*--------------------------------------*/
.header {
width:940px;
margin:0 auto;
padding:0 0px;
position:relative;
z-index: 3000;
}
header{
width:940px;
margin:0 auto;
padding:0 0px;
position:relative;
}
.contain {
padding:0;
width:940px;
margin:0 auto;
position:relative;
}
/*--------------------------------------*/
/* HEADER
/*--------------------------------------*/
#container {
position:relative;
padding:0;
width:940px;
margin:0 auto;
/*
background:#f5f5f5 url(../i/bg-sprite.png) repeat-x;
padding:2px 0 0 0;
height:32px;
*/
}
/*--------------------------------------*/
/* GLOBAL
/*--------------------------------------*/
#global {
width:940px;
margin:0;
padding-top: 4px;
height:26px;  
/*border-left:1px solid #e1eef4;*/
}
#global a {
line-height:26px;
padding:0 4px;
/*
border-right:1px solid #e1eef4;
border-left:1px solid #fff;
*/
display:block;
float:right;
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);
-pie-background:linear-gradient(top, #fff, #f7f8f9);
background:linear-gradient(top, #fff, #f7f8f9);
border-bottom:1px solid #f7f8f9;
}
#user{
position:absolute;
top:0;
right:20px;
color:#4b4b4b;
}
#user a {
line-height:30px;
text-decoration:none;
}
.green { color: green; }
.red { color: red; }
.gray { color: gray; }
.yellow { color: yellow; }
.orange { color: orange; }
.note { 
color: #999; 
text-indent: -10px;
padding-left: 20px;
}
/* ------------------------- [ Lists ] ---*/
dt{font-size:18px;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.glossary dt {
font-size:1em;
float:left;
padding-left:5px;
width:95px;
font-weight:bold;
}
dl.glossary dd {
padding:0 5px 10px 115px;
}
dl.glossary a {
text-decoration:underline;
}
ul.nobull{
list-style-type:none;
margin-left:0;
}
/******************************************************************************/
/* messageBar */
/******************************************************************************/
.messageBar {
background: url(img_message_bar) 0 0 no-repeat; 
width:940px;
height: 40px; 
margin-bottom: 10px;
text-align: center;
}
.messageBar div{
vertical-align: middle;
}
.messageBar a {color: #333333; font:Normal 21px/1.2em Arial, sans-serif;text-shadow: #888 0.05em 0.05em 0.1em}
.messageBar a:link {text-decoration: none}
.messageBar a:visited {text-decoration: none}
.messageBar a:active {text-decoration: none}
.messageBar a:hover {text-decoration: none; color: red;}
/* ------------------------- [ Basic Form Styles ] ---*/
label{
}
fieldset{
margin-bottom:20px;
}
fieldset h4{
margin-top:10px;
}
legend{
font-size:16px;
font-weight:bold;
line-height:24px;
}
input[type="text"], 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:linear-gradient(top, #ffffff, #efefef);
-pie-background:linear-gradient(top, #ffffff, #efefef);
behavior:url(script/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"]{
display:block;
width:300px;
}
.small input[type="text"]{
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(script/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(script/PIE.htc);
}
.rte-toolbar select,
.two_col .rte-toolbar select{
width:auto;
}
/* ------------------------- [ Overlay Styles ] ---*/
/* the overlayed element */
.overlay {
display:none;
background:#fff;
width:640px;        
padding:35px;
font-size:11px;
border:1px solid #e5e5e5;
}
.overlay .close {
background-image:url(../img/overlay/close.png);
position:absolute; right:5px; top:5px;
cursor:pointer;
height:35px;
width:35px;
}
/* ------------------------- [ 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(script/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:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#efeffe));
-pie-background:linear-gradient(top, #f7f7f7, #efefef);
background:linear-gradient(top, #f7f7f7, #efefef);
}
/* ------------------------- [ 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(script/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(script/PIE.htc);
position:relative;
}
.pp td, .pp th {
color:#dfdfdf;
text-align:center;
vertical-align:middle;
border-bottom:1px solid #222;
border-left:1px solid #222;
padding:10px 10px;
background:transparent;
}
.pp thead th {
background:#fff;
border:0;
padding-top:10px;
padding-bottom:10px;
font-size:12px;
color:#333;
font-weight:normal;
font-family: Arial,sans-serif;
}
.pp tbody .highlight th { 
font-weight:normal;
font-family: Arial,sans-serif;
font-size:18px;
}
.pp thead th.first {
text-align:left;
font-size:18px;
}
.pp td{
line-height: 14px;
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;
}
.pp tbody th p{
font-size:11px;
font-weight:normal;
margin:0;
letter-spacing:1px;
}
.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.not-included{
}
.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;
}
/* ------------------------- [ 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:-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(script/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(script/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(script/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(script/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:-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(script/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(script/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:-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(script/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:-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(script/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:70px;
position:relative;
line-height:30px;
}
#logo {
width:350px;
height:63px;
margin:12px 0 0 -5px;
display:block;
background:transparent url(../i/modx-logo.png) top left no-repeat;
}
#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:14px;
right:0;
}
#logo_search div.links {
display:block;
float:left;
line-height:30px;
}
#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;
/*line-height:30px;*/
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:145px;
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(script/PIE.htc);
}
#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);
-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(script/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 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;
}
/* ------------------------- [ Mega Menu ] ---*/
/*#section_wrap { background:#00181f url(../i/headers.jpg) top center no-repeat; width:940px;margin:0 auto;}*/
#section_wrap {position:relative; width:940px; height: 32px;margin-bottom: 8px;}
#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{ 
/*background: url(templates/img/navBar.png) 0 0 no-repeat; */
position: absolute;
width:570px;
height:30px;
top: 0px; 
right: 0px;
background-color: #D0D0D0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D0D0D0)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #FFFFFF, #D0D0D0); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient(top, #FFFFFF, #D0D0D0); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #FFFFFF, #D0D0D0); /* IE10 */
background-image:      -o-linear-gradient(top, #FFFFFF, #D0D0D0); /* Opera 11.10+ */
background-image:         linear-gradient(top, #FFFFFF, #D0D0D0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#D0D0D0'); /* IE6–IE9 */
-moz-border-radius:3px;
border-radius:3px;
}
#section ul {
/*margin:0;*/
position:relative;
top:0px;
z-index:999;
margin-left: 1.8em;
}
#section li {
position:relative;
height: 30px;
border-right:1px solid #FFF;
border-left:1px solid #888;
display:inline-block;
color:#fff;
font-weight:normal;
/*background:transparent url(../i/bg-sprite.png) 0 -404px no-repeat;*/
z-index:1000;
margin-left: -5px;
/*
margin:  0px -10px 0px 0px;
padding-right: 10px;
*/
}
#section li.first {
background:none;
border-left:0px;	
margin-left:-14px;}
#section li.last {
background:none;
/*border-right:1px solid #888;*/
border-right:0px;
}
#section span{
display:block;
font-size:20px;
}
#section a {
font-family: Arial,sans-serif;
font-size:9px;
text-decoration:none;
/*text-shadow:1px 0 10px #000;*/ /*Ajoute une ombre portée sous le texte*/
color:#333333;
display:inline-block;
width:auto;
padding:10px 10px;
}
#section a span{
color:#fff;    
}
#section .level1:hover a {
position:relative;
/*
margin:-5px 0;
padding:15px 10px;
*/
-moz-border-radius:5px;
border-radius:5px;
background:#eeeeee;
background:-moz-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;
}
.ie #section .level1 a{
font-family: Arial,sans-serif;
border-radius:5px;
behavior:url(script/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(script/PIE.htc);
}
#section .level2{
float:left;
}
#section .level2 a{
font-family: Arial,sans-serif;
font-size:16px;
font-weight:600;
color:#69cde4;
text-transform:uppercase;
text-shadow:0 0 2px #000;
}
#section .level3{
line-height:1;
}
#section .level3 a{
font-family: Arial,sans-serif;
font-size:13px;
font-weight:normal;
color:#fff;
text-transform:none;
line-height:1;
padding:5px 10px;
}
#section li.parent:hover a {
/*
margin:-5px 0 0;
padding:15px 10px 10px;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
*/
border-radius:0px;
position:relative;
behavior:url(script/PIE.htc);
}
#home #section li:hover a {
background-color:#0068aa;
background:-webkit-gradient(linear, left top, left bottom, from(#004c92), to(#0068aa));
background:-moz-linear-gradient(top, #004c92, #0068aa);
color:#eeeeee;
}
.ie#home #section .level1:hover a{-pie-background:linear-gradient(top, #004c92, #0068aa);}
.ie#home #section .level1:hover .level2 a{-pie-background:transparent;}
#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:-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(script/PIE.htc);
}
.ie #section li:hover ul{
border-radius:0 0 5px 5px;
behavior:url(script/PIE.htc);
}
#section li:hover ul ul{
background:transparent;
padding:0;
}
#home #section li:hover ul {
background-color:#1a6d84;
background:-webkit-gradient(linear, left top, left bottom, from(#0068aa), to(#004c92));
background:-moz-linear-gradient(top, #0068aa, #004c92);
-pie-background:linear-gradient(top, #0068aa, #004c92);
background:linear-gradient(top, #0068aa, #004c92);    
}
#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 .level1.last:hover ul{
position:absolute;
top:auto;
left:auto;
right:0;
}
#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(script/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;
}
#home #section li.level2:nth-child(even){
border-left-color:#0F7096;
}
#home #section li.level2:nth-child(odd){
border-right-color:#0F7096;
}
#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 {width:940px;top:4px; margin:0 auto; min-height:300px;}
h1, h2, h3, h4, h5, h6{
margin:1.5em 0 .5em;
line-height:1;
}
h1, h2, h4, h6 {
font-family: Arial,sans-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(script/PIE.htc);
}
p { margin:10px 0 20px; }
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:-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(script/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:-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(script/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);
-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(script/PIE.htc);
}
#content aside form input, #content aside form textarea, #content aside form select{
width:230px;
}
#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);
-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(script/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(script/PIE.htc);
position:relative;
}
#main #content aside nav ul li.last a {
border-bottom:0px;
border-radius:0 0 4px 4px;
behavior:url(script/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(script/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:-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(script/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(script/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(script/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);
-pie-background:linear-gradient(top, #8bc4d7, #9ad1e3);
color:#fff;
font-size:15px;
width:auto;
behavior:url(script/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(script/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:#e1e1e1;
font-family: Arial,sans-serif;
text-shadow:1px 1px 2px #bbb;
}
section blockquote{
padding-left:30px;
}
section blockquote:before{
font-size:60px;
}
/* ------------------------- [ Partner Quotes ] ---*/
section.partner_quote div  {
background: none;
display: block;
width: 862px;
margin: 0 auto .5px;
padding: 20px 0 0 11px;
clear: both;
}
section.partner_quote div.partner_img {
background: none;
display: block;
padding: 10px 0 0 0;
width: 146px;
height: 240px;
float: left;
}
section.partner_quote div blockquote::before {
content: '';
}
section.partner_quote div blockquote {
font-family: Arial,sans-serif;
font-weight:normal;
font-size: 24px;
color:#137899;
content:none;
background: transparent url(../i/quotes.png) no-repeat 0 0;
display: block;
width: 590px;
float: right;
padding: 10px 0 0 65px;
margin: 0;
}
section.partner_quote h3 {
background: none;
display: block;
width: 590px;
float: right;
padding: 15px 0 0 0;
margin: 0;
font-weight: normal;
}
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;
}
a.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-family: Arial,sans-serif;
font-size: 14px;
color: #555;
cursor: default;
}
/* ------------------------- [ Blog  Styles] ---*/
.post{
border-bottom:1px solid #d6d6d6;
}
.post.last{
border-bottom:none;
}
#content .post a{
text-decoration:none;
}
.postmeta a, .tags a{
font-weight:bold;
color:#348faa;
}
#post .postmeta,
.post .post-info {
margin:20px 0;
line-height:1;
font-size:12px;
color:#888;
}
.post .post-info{
margin-top:10px;
}
.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;
}
#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:-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 {
position:relative;
display:table;
width:630px;
height:260px;
margin:20px 0 0;
border:1px solid #e3e3e3;
-moz-border-radius:5px;
border-radius:5px;
z-index:1;
background:#fefefe url("../i/headline_bg_2col.jpg")  no-repeat center center;
background-size:620px 250px;
overflow:hidden;
behavior:url(script/PIE.htc);
}
#sidestage img {
position:absolute;
top:5px;
left:5px;
width:620px;
height:250px;
background:#ddd;
z-index:10;
-moz-border-radius:2px;
border-radius:2px;
behavior:url(script/PIE.htc);
}
#sidestage hgroup {
position:relative;
display:table-cell;
vertical-align:middle;
text-align:center;
z-index:100;
padding:0 4em;
}
#sidestage hgroup * {
position:relative;
z-index:100;
border:0;
margin:0;
padding:0;
color:#fff;
text-shadow:1px 0 6px #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(script/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(script/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: 107px 0 0 20px;
margin: 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(script/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 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:-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(script/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:12px;
font-weight:bold;
line-height:1;
margin:0 0 1em;
border:0;
color:#000;
}
#community #featured article img {
background:#5C903C;
background:-moz-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:-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:-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:-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-left:0;
}
/* ------------------------- [ Site Footer including back to top anchor ] ---*/
#top {
height:33px;
background:transparent url(../i/destinations-home.jpg) 50% -99px repeat-x;
}
footer {
background-color:#f5f5f5;
}
#destinations h3 a {
font-size:16px;
font-weight:normal;
}
#destinations h3 {
margin:2em 0 .75em;
}
#destinations {
height:183px;
background:#00181f url(../i/headers.jpg) center -132px no-repeat;
}
#community #destinations{
background:#031e16 url(../i/headers.jpg) center -623px no-repeat;
}
#developer #destinations{
background:#0d1c17 url(../i/headers.jpg) center -378px no-repeat;
}
#support #destinations{
background:#200d1a url(../i/headers.jpg) center -870px no-repeat;
}
#learn #destinations{
background:#251306 url(../i/headers.jpg) center -1116px no-repeat;
}
#destinations .company h3 a { color:#f04242;}
#destinations .support h3 a  { color:#f46ca6;}
#destinations .community h3 a  { color:#88e646;}
#destinations .developer h3 a  { color:#66dbf6;}
#destinations .learn h3 a  { color:#f7a432;}
#destinations section {
float:left;
width:188px;
height:183px;
background:transparent url(../i/bg-sprite.png) 150px -466px no-repeat;
}
#destinations section.last { background:none; }
#destinations a {
text-decoration:none;
color:#fff;
font-size:13px;
line-height:20px;
text-shadow:1px 0 10px #000;
display:inline-block;
width:100%;
}
#destinations a:hover  {
color:#ddd;
position:relative;
}
#destinations a:hover:before  {
content:"› ";
font-size:22px;
position:absolute;
left:-10px;
top:-2px;
}
/* ------------------------- [ 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(script/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 {
border-top:1px solid #1E4F6A;
background:#6B8489;
background:-moz-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:134px;
padding:33px 0 0;
}
#home #subscribe {
background-color:#5FA5AF;
background-image:-moz-linear-gradient(top, #5FA5AF 0%, #1E4F6A 19%, #02314B 100%);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5FA5AF), color-stop(19%,#1E4F6A), color-stop(100%,#02314B));
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5FA5AF', endColorstr='#02314B',GradientType=0 );
position:relative;
z-index:1;
background:linear-gradient(top, #5FA5AF 0%, #1E4F6A 19%, #02314B 100%);
}
#subscribe form {
float:left;
width:253px;
}
#subscribe input{
border:0px solid transparent;
line-height:30px;
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 5px;
-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(script/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);
-pie-background:linear-gradient(top, #9ccad8, #56a9c2);
background:linear-gradient(top, #9ccad8, #56a9c2);
behavior:url(script/PIE.htc);
}
#subscribe p {
margin-top:14px;
line-height:1;
}
#subscribe h3,
#sponsors h3 {
color:#fff;
font-size:17px;
font-weight:normal;
margin:0 0 24px;
}
#subscribe a {
color:#d2f5ff;
opacity:.8;
text-decoration:none;
margin:20px 0 0;
}
#subscribe p:before {
content:"› ";
margin:0 0 0 0;
color:#d2f5ff;
font-size:20px;
}
#subscribe a:hover {
opacity:1;
text-decoration:underline;
}
#sponsors {
float:left;
margin-left:20px;
}
#sponsors a {
display:block;
float:left;
margin:0 20px 0 0;
opacity:.4;
}
#sponsors a.last {
margin:0;
}
#sponsors a:hover {
opacity:.3;
}
#mswss,
#firehost,
#sponsor_modx {
width:209px;
height:46px;
background:transparent url(../i/firehost.png) no-repeat;
}
#sponsors a#mswss,
#sponsors a#sponsor_modx {
height:70px;
background-image:url(../i/websitespark.png);
margin-top:-16px;
}
#sponsors a#sponsor_modx {
background-image:url(../i/sponsor-modx.png);
}
footer section ul{
margin-left:0;
}
#copyright {
height:34px;
padding-top:20px;
background:#202427;
background:-moz-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;
}
#home #copyright {
background:#061C2D;
background:-moz-linear-gradient(top, #061C2D 0%, #13384F 30%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#061C2D), color-stop(22%,#13384F));
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#061C2D', endColorstr='#13384F',GradientType=0 );
}
#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:#BCCACD;
background:-moz-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 )
}
/* ------------------------- [ 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(script/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);
-pie-background:linear-gradient(top, #9ccad8, #56a9c2);
background:linear-gradient(top, #9ccad8, #56a9c2);
behavior:url(script/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(script/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(script/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);
-pie-background:linear-gradient(top, #F1F7F7, #DCEBF2);
background:linear-gradient(top, #F1F7F7, #DCEBF2);
behavior:url(script/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(script/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: Arial,sans-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);
-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(script/PIE.htc);
}
.premiere .slides {
margin:0;
vertical-align:middle;
background:-moz-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(script/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(script/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(script/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(script/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(script/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(script/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:-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: 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 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: Arial,sans-serif;
color:#066085 !important;
font-weight:normal;
position:relative;
behavior:url(script/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:-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(script/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:-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(script/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(script/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(script/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));
-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(script/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(script/PIE.htc);
}
.round6 {
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding:0 6px;
behavior:url(script/PIE.htc);
}
.round5 {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:0 5px;
behavior:url(script/PIE.htc);
}
.round4 {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
padding:0 4px;
behavior:url(script/PIE.htc);
}
.round3 {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:0 3px;
behavior:url(script/PIE.htc);
}
.round2 {
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
padding:0 2px;
behavior:url(script/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(script/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(script/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(script/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(script/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(script/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);
-pie-background:linear-gradient(top, #fff, #efae00);
background:linear-gradient(top, #fff, #efae00);
font:bold 14px/16px 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);
-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 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(script/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);
-pie-background:linear-gradient(top, #F1F7F7, #DCEBF2);
background:linear-gradient(top, #F1F7F7, #DCEBF2);
behavior:url(script/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);
-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 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---------*/
p.big {
font-size: 16px;
line-height: 1.6;
}
p.big strong {
font-weight: 700;
background: #FCFBD0;
padding: 2px 2px 3px;
margin: -2px -2px -3px;
color:#444;
}
/* ------------------------- [ Hosting Listings ] ---*/
a.listing.hosting { height:220px; }
#hl-post-form .col {
height: 375px;
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:-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:-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;
}
#hosting article a[href^="http://"]{
background:#fff;
padding-left:14px;
}
/* ------------------------- [ 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);
-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(script/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(script/PIE.htc);
}
.paging li a:hover{
background:-moz-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: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);
-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(script/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);
-pie-background:linear-gradient(top, #f3f3f3, #fdfdfd);
background:linear-gradient(top, #f3f3f3, #fdfdfd);
clear:both;
behavior:url(script/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(script/PIE.htc);
}
.app.footer article{
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
behavior:url(script/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(script/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{color:#F7F5AA;font-weight:bold;}
#utility input.error,
#utility select.error,
#utility textarea.error{background:#F7F5AA !important;border-color:#fff;}
/* ------------------------- [ links and special links ] ---*/
a { text-decoration:none; }
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 a[href^="http://"] {
padding-left:14px;
background:transparent url("../i/bg-sprite.png") -8px -259px no-repeat;
}
article a[href^="http://modx.com"],
article a[href^="http://modx.s3.amazonaws.com"],
article a[href*=".modx.com"],
article a[href*="modxcms.com"],
#main .noffsite a[href^="http://"],
#main  a.noffsite[href^="http://"],
#main a[href^="http://modxcms.com"],
cite a[href^="http://"] ,
#main .iconlist a[href^="http://"], 
#ticker a[href^="http://"] {
padding-left:0;
background: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] {
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;
-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(script/PIE.htc);
position:relative;
}
#featured a.btn { margin:0; }
#input_btn[type=submit].btn:hover,
a.btn:hover,
#main aside .bordered .search input[type=submit]: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;
-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(script/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:linear-gradient(top, #99d0e2, #4aa8bf);
behavior:url(script/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;
position:absolute;
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;  
}
.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;
-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;
-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;
-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));
-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;
-pie-background:linear-gradient(top, #399723, #48c02d) !important;
}
#start .cta{
width:177px;
padding:7px 0px 5px 0px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-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);
margin:10px 3px 24px 3px;
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));
behavior:url(script/PIE.htc);
}
#start .cta:hover{
-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, #8db74f, #bdd895)!important;
background:-webkit-gradient(linear, left top, left bottom, from(#8db74f), to(#bdd895))!important;
-pie-background:linear-gradient(top, #8db74f, #bdd895)!important;
background:linear-gradient(top, #8db74f, #bdd895)!important;
behavior:url(script/PIE.htc);
}
#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:-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;
behavior:url(script/PIE.htc);
}
#start .cta.alt:hover{
-moz-box-shadow:0 0 0 1px #4AA8BF, 0 0 0 3px rgba(50,50,50,0.9);
-webkit-box-shadow:0 0 0 1px #4AA8BF, 0 0 0 4px rgba(50,50,50,0.9);
box-shadow:0 0 0 1px #4AA8BF, 0 0 0 3px rgba(50,50,50,0.9);
background:-moz-linear-gradient(top, #0f7fa9, #67bdd8)!important;
background:-webkit-gradient(linear, left top, left bottom, from(#0f7fa9), to(#67bdd8))!important;
-pie-background:linear-gradient(top, #0f7fa9, #67bdd8)!important;
background:linear-gradient(top, #0f7fa9, #67bdd8)!important;
behavior:url(script/PIE.htc);
}
#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);
behavior:url(script/PIE.htc);
}
/*------------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(script/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(script/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:-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));
-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(script/PIE.htc);
}
.button_cta a:hover  {
background:-moz-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(script/PIE.htc);
}
.button_cta.alt a:hover{
background:-moz-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(script/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;
background: url(img_next2) no-repeat;
-moz-border-radius:8px;
border-radius:8px;
border:1px solid #5cb0ca;
background:#74D5F4;
background:-moz-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(script/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;}
#main ul.recent a[href^="http://"] { padding-right:0; background:none;}
h4.recent { border:0; margin:1.5em 0 1px; }
/* ------------------------- [ Home ] ---*/
#ticker {
background:#fff url("../i/twicker-icon.png") 9px 9px no-repeat;
border:1px solid #e2e2e2;
margin:10px auto 10px;
width:978px;
overflow:hidden;
line-height:33px;
height:33px;
position:relative;
-moz-border-radius:6px;
border-radius:6px;
behavior:url(script/PIE.htc);
}
#ticker ul{
margin:0 0 0 30px;
padding:0;
list-style-type:none;
}
#ticker li{
background:#fff;
}
#ticker p {
color:#4c4c4c;
white-space:nowrap;
background:#fff;
}
#ticker nav {
position:absolute;
right:9px;
top:8px;
text-align:right;
}
#home_content {
position:relative;
overflow:hidden;
width:940px;
margin: 0 auto;
text-align: center
}
#home_content .container {
position:relative;
overflow:hidden;
}
#home_content #gallery {
margin: 0px 0 0 0px;
}
#home_content #static_feature {
position:absolute;
top: 0px;
right:0;
}
#gallery {
position:relative;
padding:0;
height:252px;
width:940px;
overflow:hidden;
behavior:url(script/PIE.htc);
}
#gallery_slider {
width:940px !important;   
position:relative;
margin:0;
z-index:10;
overflow:hidden;
}
#gallery_slider li {
height:252px;
width:940px;
display:block;
float:left;
color:#fff;
z-index:10;
padding:4px 120px 20px 40px;
position:relative;
}
#gallery_slider h2 {
color:#eeeeee;
border:none;
border-radius:7px;
margin-bottom:10px;
margin-top:140px;
font-size:20px;
line-height:50px;
font-weight:700;   
font-family: Arial,sans-serif;    
}
#gallery_slider h4 {
font-size:16px;
line-height:30px;
color:#cacaca;
border-bottom:0;
margin-top:0;
}
#gallery_slider span{
color:#fff;
}
#gallery_slider li em {
color:#fff;
font-weight:bold;
}
.container .info {
font-family: Arial,sans-serif;
text-align: left;
color:#fff;
font-weight:normal;
font-size: 20px;	
position:absolute;
line-height: 20px;
WIDTH: 320px;
height:85px;
TOP: 115px;
RIGHT: 200px;
background-color: #00367b;
border-radius:7px;
opacity:.8;
z-index:600;
padding-left:8px;
padding-right:8px;
padding-top:8px;
}
#gallery_slider  p {
font-weight:normal;
font-family: Arial,sans-serif;
font-size: 13px;
line-height: 16px;
display:inline;
}
#gallery_slider  h4 {
top:-10px;
color:#fff;
font-weight:bold;
font-family: Arial,sans-serif;
font-size: 20px;
display:inline;
}
#gallery_paging {
position:absolute;
bottom:10px;
left:370px;
width:940px;
margin: 0 auto;    
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:14px;
height:0;
padding:14px 0 0;
overflow:hidden;
line-height:14px;
margin-right:8px;
color:#000;
text-decoration:none;
text-align:center;
background:#444;
opacity:1;
font-size:10px;
-moz-border-radius:7px;
border-radius:7px;
-moz-box-shadow:inset:3px 3px 5px #111;
-webkit-box-shadow:inset 3px 3px 5px #111;
box-shadow:inset 3px 3px 5px #111;   
behavior:url(script/PIE.htc);
-moz-transition:all .2s ease;
-webkit-transition:all .2s ease;
transition:all .2s ease;
}
#gallery_paging a:hover, #gallery_paging a.activeSlide {
background:#fff;
opacity:1;
-moz-box-shadow:inset:3px 3px 5px #111;    
-webkit-box-shadow:inset 3px 3px 5px #111;
box-shadow:inset 3px 3px 5px #111;    
-moz-transition:all .2s ease;
-webkit-transition:all .2s ease;
transition:all .2s ease;
}
/*
#gallery_paging {
POSITION: absolute;
Z-INDEX: 500;
top: 330px;
LEFT: 120px;
}
#gallery_paging UL {
MARGIN: 0px;
PADDING: 0px;
}
#gallery_paging LI {
LIST-STYLE-TYPE: none;
MARGIN: 0px 1px 0px 0px;
FLOAT: left;
LIST-STYLE-IMAGE: none;
}
#gallery_paging A {
TEXT-ALIGN: center;
PADDING-BOTTOM: 0px;
LINE-HEIGHT: 14px;
PADDING-LEFT: 0px;
WIDTH: 14px;
PADDING-RIGHT: 0px;
DISPLAY: block;
BACKGROUND: #9bd0e2;
FLOAT: left;
HEIGHT: 0px;
COLOR: #000;
FONT-SIZE: 10px;
OVERFLOW: hidden;
MARGIN-RIGHT: 8px;
TEXT-DECORATION: none;
PADDING-TOP: 14px;
BEHAVIOR: url(data/pie.htc);
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
opacity: .4;
}
#gallery_paging A:hover {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
opacity: .9;
}
#gallery_paging A.activeSlide {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
opacity: .9;
}
*/
#static_feature {
position:absolute;
top:0;
right:0;
width:178px;
height:265px;
color:#bfbfbf;
vertical-align:bottom;
padding:35px 23px 0px 23px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomright:7px;
border-top-right-radius:7px;
border-bottom-right-radius:7px;
background:#030101;
background:-moz-linear-gradient(top, #030101 0%, #394746 45%, #394746 70%, #171E20 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#030101), color-stop(45%,#394746), color-stop(70%,#394746), color-stop(100%,#171E20));
-pie-background:linear-gradient(top, #030101 0%, #394746 45%, #394746 70%, #171E20 100%);
background:linear-gradient(top, #030101 0%, #394746 45%, #394746 70%, #171E20 100%);
z-index:100;
behavior:url(script/PIE.htc);
}
#static_feature p {
padding:0 0 0 2px;
font-size:11px;
letter-spacing:1px;
}
#static_feature hr.shad,
#static_feature hr {
position:absolute;
top:-14px;
right:225px;
width:1px;
height:100%;
background:#000;
background:-moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000000 30%, #000000 70%, rgba(0,0,0,0.1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(30%,#000000), color-stop(70%,#000000), color-stop(100%,rgba(0,0,0,0.1)));
-pie-background:linear-gradient(top, rgba(0,0,0,0.1) 0%, #000000 30%, #000000 70%, rgba(0,0,0,0.1) 100%);
background:linear-gradient(top, rgba(0,0,0,0.1) 0%, #000000 30%, #000000 70%, rgba(0,0,0,0.1) 100%);
z-index:500;
}
#static_feature hr {
right:224px;
background:#030404;
background:-moz-linear-gradient(top, #030404 0%, #4E635F 35%, #4E635F 80%, #182520 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#030404), color-stop(35%,#4E635F), color-stop(80%,#4E635F), color-stop(100%,#182520));
-pie-background:linear-gradient(top, #030404 0%, #4E635F 35%, #4E635F 80%, #182520 100%);
background:linear-gradient(top, #030404 0%, #4E635F 35%, #4E635F 80%, #182520 100%);
}
.icones {
width:940px;
height:180px;
/*float:left;*/
-moz-border-radius:7px;
border-radius:7px;
background:#fff;
position:relative;
behavior:url(script/PIE.htc);
/*background: #FFF url(img_icones_bg) no-repeat scroll 0% 0% ;*/
background:#fff url(img_icones_bg) center 0px no-repeat;
}
.icones a.prev, .icones a.next {
display: block; width: 17px; height: 52px; text-indent: -9999px;
}
.icones .prev {position:absolute; top:20px;left:0px;z-index: 1000;}
.icones .next {position:absolute; top:20px;right:0px;z-index: 1000;}
.icones a.prev {
background: url(img_prev2) no-repeat;
}
.icones a.next {
background: url(img_next2) no-repeat;
}
.icones a.next:hover{ background-position: 0 -52px;}
.icones a.prev:hover{ background-position: 0 -52px;}
.icones a:hover, .icones a:active {
border: none;
outline: none;
}
.icones nav {
position: absolute;
z-index: 5;  
right: 10px;
top: 2px;  
}
.icones_imgs {
font-family: Arial,sans-serif;
visibility: visible;
overflow: hidden;
float : left;
margin-left: 20px;
margin-right: 20px;
z-index: 2;
width: 940px;
/*
background-color: #0000FF;
background: url(templates/img/dockBg.png) no-repeat scroll 0% 0% transparent;*/
}
.icones_imgs ul{
top:5px;
position: relative;
list-style-type: none;
z-index: 1;
width: 2890px;
}
.icones_imgs li{
overflow: hidden;
float: left;
width: 110px;
height: 180px;
margin-right: -10px;
background:transparent;
}
.icones_imgs img{
/*margin-left: 10px;*/
}
.productCategory {
width:100px;
/*
border-left:2px solid #e2e2e2;
padding-left: 10px;
*/
}
.productCategoryImg {
width:98px;
height:98px;
padding-left:2px;
}
.iconesProductDescription {
border-left:2px solid #e2e2e2;
padding-left: 0px;
font:11px/1.231 arial, sans-serif; *font-size:small;
color: #848484;
}
.productCategory:hover {
background: url(img_floor_center) center 68px no-repeat;
}
/******************************************************************************/
/* Presentation */
/******************************************************************************/
#presentationBlockDetailsContainer {
position:relative;
width:940px;
min-height: 710px;
/*height:610px;*/
background-color: #FFF; 
}
#presentationBlockDetailsBack{
position:absolute;
width:900px;
height:170px;
/*border:1px solid #e2e2e2;*/
margin : 20px 20px 20px 20px;
}
#presentationBlockDetailsFront{
position:absolute;
width:900px;
height:570px;
/*background-color: #FF0;*/
margin : 20px 20px 20px 20px;		
}
#presentationBlockDetailsFront span {
font:14px arial, sans-serif;
color:black;
font-weight: Normal;	
}
#presentationBlockDetails_left{
float:left;
margin-top:30px;
margin-left:20px;
margin-right:20px;
width:260px;
height:304px;
/*background-color: #e2e2e2;*/
}
#presentationBlockDetails_left p {
font:13px arial, sans-serif;
color:black;
font-weight: normal;	
line-height: 22px;
text-align: center;
}
#presentationBlockDetails_right{
float:right;
margin-top:30px;
margin-left:20px;
margin-right:40px;
margin-bottom:0px;
width:540px;
line-height: 26px;
/*height:115px;*/
background-color: #FFF;
text-align: justify;
}
#presentationBlockDetails_right span{
font:13px arial, sans-serif;
color:black;
font-weight: normal;	
line-height: 23px;
}
/******************************************************************************/
/* Produits */
/******************************************************************************/
#produitsBlockLayout {
position:relative;
width:940px;
background-color: #FFF; 
}
#produitsBlockDetail {
float: left;
width:470px;
height:200px;
/*background-color: #F00;*/
}
#produitsBlockDetailsBack{
position:absolute;
width:430px;
height:170px;
/*border:1px solid #e2e2e2;*/
margin : 20px 20px 20px 20px;
background-color: #FFF; 
}
#produitsBlockDetails1 {
width:426px;
height:142px;
/*background-color: #FFF;*/
border:2px solid #888888;
}
#produitsBlockDetails2 {
width:426px;
height:20px;
background-color: #888888;
border:2px solid #888888;
text-align: right;
/*padding-right:10px;*/
}
#produitsBlockDetailsFront{
position:absolute;
width:430px;
height:170px;
/*background-color: #FFcc00;*/
margin : 20px 20px 20px 20px;	
}
#produitsBlockDetailsFront span {
font:16px arial, sans-serif;
color:black;
font-weight: Bold;	
}
#produitsBlockDetailsFront p {
font:13px arial, sans-serif;
color:black;
font-weight: normal;	
line-height: 22px;
}
#produitsBlockDetails_left{
float:left;
margin-top:7px;
margin-left:7px;
margin-right:5px;
margin-bottom:20px;
width:156px;
height:156px;
text-align: center;
background-color: #e2e2e2;
}
#produitsBlockDetails_right{
float:right;
margin-top:7px;
margin-left:5px;
margin-right:7px;
margin-bottom:0px;
width:240px;
height:130px;
background-color: #FFF;
}
#produitsBlockDetails_right li{
font:12px arial, sans-serif;
color:black;
font-weight: normal;
list-style-type : square;	
}
#produitsBlockDetails_right_Link {
position:absolute;
width:240px;
height:22px;
top:146px;
/*background-color: green;*/
text-align: right;
}
#produitsBlockDetails_right_Link span{
font:10px arial, sans-serif;
color:black;
font-weight: bold;	
line-height: 22px;
}
/******************************************************************************/
/* partnersBlock */
/******************************************************************************/
.partnersBlockContainer {
top:10px;
padding:4px;
position: relative;
width:932px;
height:320px;
-moz-border-radius:7px;
border-radius:7px;
border:1px solid #e2e2e2;
position:relative;
behavior:url(script/PIE.htc);
background-color: #FFF; 
}
#partnersBlockDetailsContainer {
position:relative;
width:940px;
height:200px;
background-color: #FFF; 
}
#partnersBlockDetailsBack{
position:absolute;
width:900px;
height:170px;
/*border:1px solid #e2e2e2;*/
margin : 20px 20px 20px 20px;
}
#partnersBlockDetails1 {
width:896px;
height:142px;
/*background-color: #FFF;*/
border:2px solid #888888;
}
#partnersBlockDetails2 {
width:886px;
height:20px;
background-color: #888888;
border:2px solid #888888;
text-align: right;
padding-right:10px;
/*
width:886px;
height:20px;
background-color: #888888;
border:2px solid #888888;
text-align: right;
padding-right:10px;
*/
}
#partnersBlockDetailsFront{
position:absolute;
width:900px;
height:170px;
/*background-color: #FFcc00;*/
margin : 20px 20px 20px 20px;	
}
#partnersBlockDetailsFront span {
font:16px arial, sans-serif;
color:black;
font-weight: Bold;	
}
#partnersBlockDetailsFront p {
font:13px arial, sans-serif;
color:black;
font-weight: normal;	
line-height: 22px;
}
#pBDT_left{
float:left;
margin-top:7px;
margin-left:7px;
margin-right:5px;
margin-bottom:20px;
width:415px;
height:156px;
background-color: #e2e2e2;
}
#pBDT_right{
float:right;
margin-top:22px;
margin-left:5px;
margin-right:7px;
margin-bottom:0px;
width:460px;
height:115px;
background-color: #FFF;
}
#pBDT_right_Link {
position:absolute;
width:460px;
height:22px;
top:146px;
background-color: #888;
text-align: right;
}
#pBDT_right_Link span{
font:10px arial, sans-serif;
color:black;
font-weight: normal;	
line-height: 22px;
}
#pBDT_right_Link span a:hover, a:active { outline:none; }
#pBDT_right_Link span a, a:active, a:visited { color: #000; }/*#0f7096*/
#pBDT_right_Link span a:hover { color:#FFF; }/*036*/
.partnersBlockContainer a.prev, .partnersBlockContainer a.next {
display: block; width: 17px; height: 52px; text-indent: -9999px;
}
.partnersBlockContainer .prev {position:absolute; top:260px;left:0px;}
.partnersBlockContainer .next {position:absolute; top:260px;right:0px;}
.partnersBlockContainer a.prev {
background: url(img_prev2) no-repeat;
}
.partnersBlockContainer a.next {
background: url(img_next2) no-repeat;
}
.partnersBlockContainer a.next:hover{ background-position: 0 -52px;}
.partnersBlockContainer a.prev:hover{ background-position: 0 -52px;}
.partnersBlockContainer a:hover, .partnersBlockContainer a:active {
border: none;
outline: none;
}
.partnersBlock1 {
width:930px;
height:250px;
}
.partnersBlock1 ul{
top:4px;
position: relative;
list-style-type: none;
z-index: 1;
width: 930px;
}
.partnersBlock1 li{
overflow: hidden;
float: left;
height: 250px;
/*padding-left: 5px;*/
padding-right: 10px;
background:transparent;
}
.partnersBlock1 a { width: 940px; margin: auto;}
.logos {
width:318px;
height:240px;	
}
.logos ul{
width: 318px;
top:4px;
left:-20px;
position: relative;
list-style-type: none;
z-index: 1;
}
.logos li{
background-color: green;
overflow: hidden;
float: left;
height: 230px;
background:transparent;
}
.partnersBlock2 {
font-family: Arial,sans-serif;
visibility: visible;
overflow: hidden;
float : left;
margin-left: 15px;
margin-right: 15px;
z-index: 2;
width: 900px;
/*
background-color: #0000FF;
background: url(templates/img/dockBg.png) no-repeat scroll 0% 0% transparent;*/
}
.partnersBlock2 ul{
top:0px;
position: relative;
width: 2890px;
list-style-type: none;
z-index: 1;
}
.partnersBlock2 li{
overflow: hidden;
float: left;
width:120px;
height: 70px;
margin-right: 9px;
/*padding-right: 5px;
margin: 0 auto;*/
}
.partnersBlock2 img{
padding-right:10px;
}
.footer {
/*margin:4px;*/
position: relative;
top:20px;
width:920px;
height:40px;
padding-left:20px;
line-height: 40px;
behavior:url(script/PIE.htc);
background-color: #D0D0D0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D0D0D0)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #FFFFFF, #D0D0D0); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient(top, #FFFFFF, #D0D0D0); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #FFFFFF, #D0D0D0); /* IE10 */
background-image:      -o-linear-gradient(top, #FFFFFF, #D0D0D0); /* Opera 11.10+ */
background-image:         linear-gradient(top, #FFFFFF, #D0D0D0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#D0D0D0'); /* IE6–IE9 */	
}
.footer div{
vertical-align: middle;
}
#content_zones {
margin:20px auto 20px;
}
#content_zones h6 {
color:#4c4c4c;
border:0;
font-weight:normal;
font-size:20px;
margin:12px 0;
padding:0 0 0 20px;
line-height:1;
}
#features,
#mim,
#start {
width:223px;
height:285px;
float:left;
margin-right:20px;
-moz-border-radius:7px;
border-radius:7px;
border:1px solid #e2e2e2;
background:#fff;
position:relative;
behavior:url(script/PIE.htc);
}
#features {
margin-left:-22px;
}
.iconlist,
#features ul {
list-style-type:none;
margin:10px 20px 20px;
font-weight:bold;
font-size:13px;
}
.iconlist { margin:0;}
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), -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(script/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:940px;
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:78px;
margin-left:20px;
}
#mim_carousel img {
width:78px;
height:89px;
background:#efefef;
}
#start {
margin-right:-20px;
}
#start div {
background:#2a5453 url(../i/bg-feature.jpg) no-repeat 50% 50%;
margin:5px 5px;
height:245px;
padding:15px;
}
#start h6 {
color:#fff;
margin:-8px 0 0;
padding:0 0 8px 0;
}
/* ------------------------- [ 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(script/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;
}
/* --------- [ 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);
-pie-background:linear-gradient(top, #f7f7f7, #eee);
background:linear-gradient(top, #f7f7f7, #eee);
behavior:url(script/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:-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(script/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);
-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(script/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(script/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;
}
/*--------------------------------------*/
/* print styles
/* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css */
/*--------------------------------------*/
@media print {
* { background:transparent !important; color:#444 !important; text-shadow:none !important; }
a, a:visited { color:#444 !important; text-decoration:underline; }
a:after { content:" (" attr(href) ")"; }
abbr:after { content:" (" attr(title) ")"; }
.ir a:after { content:""; }  /* Don't show links for images */
pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
img { page-break-inside:avoid; }
@page { margin:0.5cm; }
p, h2, h3 { orphans:3; widows:3; }
h2, h3{ page-break-after:avoid; }
#header,header,#crumbs,aside,footer{visibilty:hidden;display:none;}
#content{border:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
#main .two-col article {width:940px;}
#sidestage{width:900px;}
.two_col .col{width:426px;}
#content article{padding:0;}
}
/* Get Satisfaction Rules */
a#fdbk_tab{
top:225px !important;
}
/*
* 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;} 
/*
* 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: Arial,sans-serif !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}
/* 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;
}
section.partnerFeatures h5 {
margin-top: 0;
}