@charset "utf-8";
/*
*reset.css
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent
}
body {
line-height:1
}
ol, ul, li {
list-style:none
}
blockquote, q {
quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none
}
:focus {
outline:0
}
ins {
text-decoration:none
}
del {
text-decoration:line-through
}
table {
border-collapse:collapse;
border-spacing:0
}
caption {
text-align: center;
padding: 5px 0;
}
.alignleft, .left {
float:left!important;
}
.alignright, .right {
float:right!important;
}
img.alignleft, .entry .alignleft {
margin-right: 20px;
margin-bottom:5px!important;
}
img.alignright, .entry .alignright {
margin-left: 20px;
margin-bottom:5px!important;
}
.a-right {
text-align:right;
}
.a-center {
text-align:center;
}
.half {
width: 49%;
}
.required {
color:#ea3232;
}
#wp-calendar {
width: 100%;
margin-top: 5px;
}
#wp-calendar caption {
font-weight: bold;
color: #222;
text-align: center;
font-size: 14px;
padding-bottom: 4px;
}
#wp-calendar thead {
font-size: 11px;
}
#wp-calendar tbody {
color: #aaa;
}
#wp-calendar tbody td {
padding: 3px 0 2px;
background: #f5f5f5;
border: 1px solid #ccc;
text-align: center;
}
#wp-calendar tbody .pad {
background: none;
border: 0;
}
#wp-calendar tfoot #next {
text-align: right;
}
.wp-caption {
font-family:Georgia, "Times New Roman", Times, serif;
font-style: italic;
color:#999;
}
.wp-caption-text {
text-align: center;
margin-top:5px;
padding-right:10px;
}
.alignleft.wp-caption, img.alignleft {
margin-left: -80px;
}
.alignleft .wp-caption-text {
text-align:right;
}
.wpcf7-response-output {
clear: both;
margin: 0 !important;
}
.wpcf7-not-valid-tip {
padding: 0 10px !important;
left: 10px !important;
}
.ajax-loader {
display: none;
}
.entry {
line-height: 1.45em;
font-size:15px;
}
.entry > * {
margin-bottom: 15px;
}
.entry > .entry > p:last-child {
margin-bottom: 0;
}
.entry h1 {
font-size:30px;
}
.entry h2 {
font-size:24px;
}
.entry h3 {
font-size:20px;
}
.entry h4 {
font-size:16px;
text-transform:uppercase;
}
.entry > .h2, .entry > .h3, .entry > .h4, .entry > .h5, .entry > .h6 {
margin-bottom:15px;
}
.entry > ul, .entry > ol {
padding: 0 40px;
}
.entry > ul li {
background: url(../images/b_dot.png) no-repeat left 7px;
padding: 0 0 0 16px;
margin: 2px 0;
}
.entry > ol li {
list-style: decimal;
margin: 2px 0 2px 18px;
}
.entry blockquote {
border: solid 1px #dfdfdf;
background-color:#fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
padding: 15px 20px;
border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px;
font-size:13px;
}
form label {
font-weight: bold;
}
input[type=text], input[type=email], textarea {
font-size: 13px;
color:#728386;
padding: 10px 9px;
border: solid 1px #d4d4d4;
background: #f6f6f6;
border-radius: 2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}
input[type=submit] {
font-size: 12px;
padding: 0 20px;
text-align:center;
text-transform:uppercase;
color:#fff;
height:37px;
line-height:37px;
border: solid 1px #017a88;
padding: 0 40px 0 10px;
cursor: pointer;
background: url(../images/bg-btn.gif) no-repeat right top;
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
#footer .success-msg { background: url(../images/bg-success-msg.png) no-repeat left top; width:227px; height:156px; padding-top:55px; text-align:center; color:rgba(255,255,255,0.4);}
#footer .success-msg p { font: italic 12px Georgia, "Times New Roman", Times, serif; margin-bottom:60px;}
#footer .success-msg p + h4 { text-transform: uppercase;}
/*
*960.css
*/
/*------------------------------------*\
GRIDS
\*------------------------------------*/
/*
Page wrapper. Apply to the body where possible, as per: http://csswizardry.com/2011/01/using-the-body-element-as-a-wrapper/
*/
.wrapper{
width:1040px;
margin:0 auto;
padding:0 20px;
}
/*
Most frameworks rely on class="end" or similar to remove the margin from the last column in a row of grids. We don't want to do that so we use a combination of margin- and negative margin-left. It's clever...
We also allow you to use grid items as stand alone columns or in a series of columns. To use a series just wrap them all in ...
*/
.grids{
clear:both;
max-width:1080px;
margin:0 0 0 -40px;
list-style:none; /* So we can make grids out of lists */
}
/*
Here we are using an attribute selector to detect the string 'grid-' in an element's class.
This works by assuming that anything we call grid- we also want to be a grid item. It means less code and less for you to remember!
Ensure any grid item's FIRST class is a grid- class. e.g.
VALID: class="grid-4 text-centre"
INVALID: class="left grid-4"
*/
[class^="grid-"]{
float:left;
margin:0 40px 0 0;
}
.grids [class^="grid-"]{
margin:0 0 0 40px;
}/*
Allow nested grids:
*/
[class^="grid-"] .grids{
width:auto;
margin:0 -40px;
}
.grid-1{ width:50px }
.grid-2{ width:140px }
.grid-3{ width:230px }
.grid-4{ width:320px }
.grid-5{ width:410px }
.grid-6{ width:500px }
.grid-7{ width:590px }
.grid-8{ width:680px }
.grid-9{ width:770px }
.grid-10{ width:860px }
.grid-11{ width:950px }
.grid-12{ width:1040px; margin:0 }
body {
min-width:1040px
}
.container_12, .container_16 {
margin-left:auto;
margin-right:auto;
width:960px
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
display:inline;
float:left;
margin-left:10px;margin-top:0;margin-bottom:0;
margin-right:10px
}
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15 {
position:relative
}
.container_12 .grid_3, .container_16 .grid_4 {
width:220px
}
.container_12 .grid_6, .container_16 .grid_8 {
width:460px
}
.container_12 .grid_9, .container_16 .grid_12 {
width:700px
}
.container_12 .grid_12, .container_16 .grid_16 {
width:940px
}
.alpha {
margin-left:0
}
.omega {
margin-right:0
}
.container_12 .grid_1 {
width:60px
}
.container_12 .grid_2 {
width:140px
}
.container_12 .grid_4 {
width:300px
}
.container_12 .grid_5 {
width:380px
}
.container_12 .grid_7 {
width:540px
}
.container_12 .grid_8 {
width:620px
}
.container_12 .grid_10 {
width:780px
}
.container_12 .grid_11 {
width:860px
}
.container_16 .grid_1 {
width:40px
}
.container_16 .grid_2 {
width:100px
}
.container_16 .grid_3 {
width:160px
}
.container_16 .grid_5 {
width:280px
}
.container_16 .grid_6 {
width:340px
}
.container_16 .grid_7 {
width:400px
}
.container_16 .grid_9 {
width:520px
}
.container_16 .grid_10 {
width:580px
}
.container_16 .grid_11 {
width:640px
}
.container_16 .grid_13 {
width:760px
}
.container_16 .grid_14 {
width:820px
}
.container_16 .grid_15 {
width:880px
}
.container_12 .prefix_3, .container_16 .prefix_4 {
padding-left:240px
}
.container_12 .prefix_6, .container_16 .prefix_8 {
padding-left:480px
}
.container_12 .prefix_9, .container_16 .prefix_12 {
padding-left:720px
}
.container_12 .prefix_1 {
padding-left:80px
}
.container_12 .prefix_2 {
padding-left:160px
}
.container_12 .prefix_4 {
padding-left:320px
}
.container_12 .prefix_5 {
padding-left:400px
}
.container_12 .prefix_7 {
padding-left:560px
}
.container_12 .prefix_8 {
padding-left:640px
}
.container_12 .prefix_10 {
padding-left:800px
}
.container_12 .prefix_11 {
padding-left:880px
}
.container_16 .prefix_1 {
padding-left:60px
}
.container_16 .prefix_2 {
padding-left:120px
}
.container_16 .prefix_3 {
padding-left:180px
}
.container_16 .prefix_5 {
padding-left:300px
}
.container_16 .prefix_6 {
padding-left:360px
}
.container_16 .prefix_7 {
padding-left:420px
}
.container_16 .prefix_9 {
padding-left:540px
}
.container_16 .prefix_10 {
padding-left:600px
}
.container_16 .prefix_11 {
padding-left:660px
}
.container_16 .prefix_13 {
padding-left:780px
}
.container_16 .prefix_14 {
padding-left:840px
}
.container_16 .prefix_15 {
padding-left:900px
}
.container_12 .suffix_3, .container_16 .suffix_4 {
padding-right:240px
}
.container_12 .suffix_6, .container_16 .suffix_8 {
padding-right:480px
}
.container_12 .suffix_9, .container_16 .suffix_12 {
padding-right:720px
}
.container_12 .suffix_1 {
padding-right:80px
}
.container_12 .suffix_2 {
padding-right:160px
}
.container_12 .suffix_4 {
padding-right:320px
}
.container_12 .suffix_5 {
padding-right:400px
}
.container_12 .suffix_7 {
padding-right:560px
}
.container_12 .suffix_8 {
padding-right:640px
}
.container_12 .suffix_10 {
padding-right:800px
}
.container_12 .suffix_11 {
padding-right:880px
}
.container_16 .suffix_1 {
padding-right:60px
}
.container_16 .suffix_2 {
padding-right:120px
}
.container_16 .suffix_3 {
padding-right:180px
}
.container_16 .suffix_5 {
padding-right:300px
}
.container_16 .suffix_6 {
padding-right:360px
}
.container_16 .suffix_7 {
padding-right:420px
}
.container_16 .suffix_9 {
padding-right:540px
}
.container_16 .suffix_10 {
padding-right:600px
}
.container_16 .suffix_11 {
padding-right:660px
}
.container_16 .suffix_13 {
padding-right:780px
}
.container_16 .suffix_14 {
padding-right:840px
}
.container_16 .suffix_15 {
padding-right:900px
}
.container_12 .push_3, .container_16 .push_4 {
left:240px
}
.container_12 .push_6, .container_16 .push_8 {
left:480px
}
.container_12 .push_9, .container_16 .push_12 {
left:720px
}
.container_12 .push_1 {
left:80px
}
.container_12 .push_2 {
left:160px
}
.container_12 .push_4 {
left:320px
}
.container_12 .push_5 {
left:400px
}
.container_12 .push_7 {
left:560px
}
.container_12 .push_8 {
left:640px
}
.container_12 .push_10 {
left:800px
}
.container_12 .push_11 {
left:880px
}
.container_16 .push_1 {
left:60px
}
.container_16 .push_2 {
left:120px
}
.container_16 .push_3 {
left:180px
}
.container_16 .push_5 {
left:300px
}
.container_16 .push_6 {
left:360px
}
.container_16 .push_7 {
left:420px
}
.container_16 .push_9 {
left:540px
}
.container_16 .push_10 {
left:600px
}
.container_16 .push_11 {
left:660px
}
.container_16 .push_13 {
left:780px
}
.container_16 .push_14 {
left:840px
}
.container_16 .push_15 {
left:900px
}
.container_12 .pull_3, .container_16 .pull_4 {
left:-240px
}
.container_12 .pull_6, .container_16 .pull_8 {
left:-480px
}
.container_12 .pull_9, .container_16 .pull_12 {
left:-720px
}
.container_12 .pull_1 {
left:-80px
}
.container_12 .pull_2 {
left:-160px
}
.container_12 .pull_4 {
left:-320px
}
.container_12 .pull_5 {
left:-400px
}
.container_12 .pull_7 {
left:-560px
}
.container_12 .pull_8 {
left:-640px
}
.container_12 .pull_10 {
left:-800px
}
.container_12 .pull_11 {
left:-880px
}
.container_16 .pull_1 {
left:-60px
}
.container_16 .pull_2 {
left:-120px
}
.container_16 .pull_3 {
left:-180px
}
.container_16 .pull_5 {
left:-300px
}
.container_16 .pull_6 {
left:-360px
}
.container_16 .pull_7 {
left:-420px
}
.container_16 .pull_9 {
left:-540px
}
.container_16 .pull_10 {
left:-600px
}
.container_16 .pull_11 {
left:-660px
}
.container_16 .pull_13 {
left:-780px
}
.container_16 .pull_14 {
left:-840px
}
.container_16 .pull_15 {
left:-900px
}
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;margin:0;
height:60px;
}
.clearfix:after, button:after, .postmeta:after {
clear:both;
content:' ';
display:block;
font-size:0;
line-height:0;
visibility:hidden;
width:0;
height:0
}
* html .clearfix, *:first-child+html .clearfix, * html button, *:first-child+html button, * html .thumbnail, *:first-child+html .thumbnail {
zoom:1
}
/*
*text.css
*/
@font-face {
font-family: 'StMarieThin';
src: url('../fonts/StMarie-Thin-webfont.eot');
src: local('?'), url('../fonts/StMarie-Thin-webfont.woff') format('woff'), url('../fonts/StMarie-Thin-webfont.ttf') format('truetype'), url('../fonts/StMarie-Thin-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DroidSerifRegular';
src: url('../fonts/DroidSerif-Regular-webfont.eot');
src: local('?'), url('../fonts/DroidSerif-Regular-webfont.woff') format('woff'), url('../fonts/DroidSerif-Regular-webfont.ttf') format('truetype'), url('../fonts/DroidSerif-Regular-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DroidSerifItalic';
src: url('../fonts/DroidSerif-Italic-webfont.eot');
src: local('?'), url('../fonts/DroidSerif-Italic-webfont.woff') format('woff'), url('../fonts/DroidSerif-Italic-webfont.ttf') format('truetype'), url('../fonts/DroidSerif-Italic-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DroidSerifBold';
src: url('../fonts/DroidSerif-Bold-webfont.eot');
src: local('?'), url('../fonts/DroidSerif-Bold-webfont.woff') format('woff'), url('../fonts/DroidSerif-Bold-webfont.ttf') format('truetype'), url('../fonts/DroidSerif-Bold-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DroidSerifBoldItalic';
src: url('../fonts/DroidSerif-BoldItalic-webfont.eot');
src: local('?'), url('../fonts/DroidSerif-BoldItalic-webfont.woff') format('woff'), url('../fonts/DroidSerif-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/DroidSerif-BoldItalic-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
body {
font-size:13px;
}
#breadcrumbs a, input[type=text], input[type=email], textarea, button, input[type=submit], body { font-family: 'PT Serif', serif;}
#breadcrumbs, .comment-stats, .comment-stats > span, .pagenavi span, #footer .success-msg h4 {font-family: 'PT Serif', serif;;}
#last-tweet, .entry blockquote, .about-the-author p, .commentlist .thumbnail.avatar + div h3 span { font-family: 'PT Serif', serif;font-style:italic ; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2;}
h1 + hr, h2 + hr, h3 + hr, h4 + hr, h5 + hr, h6 + hr { margin-top: 10px;}
.h1,.h2,.h3, .h4, .h5, .h6 { margin-bottom:15px; }
hr {
border:0 #dedede solid;
border-top-width:1px;
clear:both;
height:0;
}
h1, .h1 {
font-size:42px
}
h2, .h2 {
font-size:32px
}
h3, .h3 {
font-size:24px
}
h4, .h4 {
font-size:20px
}
h5, .h5 {
font-size:16px
}
h6, .h6 {
font-size:14px
}
/*
*button.css
*/
button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button, .button { overflow:visible; width:auto; border:0; padding:0; margin:0; background-color: transparent; cursor:pointer; display:inline-block; }
button span, .button span { display: inline-block; white-space: nowrap; cursor: pointer}
.button span { background-image: url(../images/btn-small.png); background-repeat: no-repeat; color:#fff; text-transform:uppercase;}
.button > span { padding-left: 20px; background-position: left top;}
.button > span > span { background-position: right top;}
.buttons .button { margin: 0 5px 5px 0; }
.button.small span { background-image: url(../images/btn-small.png);}
.button.small > span > span { font-size: 12px; line-height:39px; padding-right: 55px; padding-bottom: 2px; }
.button.small.slateblue > span { background-position: left top;}
.button.small.slateblue > span > span { position: right top; }
.button.small.camel > span { background-position: left -41px;}
.button.small.camel > span > span { background-position: right -41px;}
.button.small.coffee > span { background-position: left -82px;}
.button.small.coffee > span > span { background-position: right -82px;}
.button.small.darkgreen > span { background-position: left -123px;}
.button.small.darkgreen > span > span { background-position: right -123px;}
.button.small.darkred > span { background-position: left -164px;}
.button.small.darkred > span > span { background-position: right -164px;}
.button.small.darkpurple > span { background-position: left -205px;}
.button.small.darkpurple > span > span { background-position: right -205px;}
.button.small.green > span { background-position: left -246px;}
.button.small.green > span > span { background-position: right -246px;}
.button.small.darkyellow > span { background-position: left -287px;}
.button.small.darkyellow > span > span { background-position: right -287px;}
.button.small.lightblue > span { background-position: left -328px;}
.button.small.lightblue > span > span { background-position: right -328px;}
.button.small.lightgreen > span { background-position: left -369px;}
.button.small.lightgreen > span > span { background-position: right -369px;}
.button.small.ochre > span { background-position: left -410px;}
.button.small.ochre > span > span { background-position: right -410px;}
.button.small.blue > span { background-position: left -451px;}
.button.small.blue > span > span { background-position: right -451px;}
.button.small.greymetal > span { background-position: left -492px;}
.button.small.greymetal > span > span { background-position: right -492px;}
.button.small.skyblue > span { background-position: left -533px;}
.button.small.skyblue > span > span { background-position: right -533px;}
.button.small.grey > span { background-position: left -574px;}
.button.small.grey > span > span { background-position: right -574px;}
.button.small.red > span { background-position: left -615px;}
.button.small.red span > span { background-position: right -615px;}
.button.small.yellow > span { background-position: left -656px;}
.button.small.yellow > span > span { background-position: right -656px;}
.button.small.purple > span { background-position: left -697px;}
.button.small.purple > span > span { background-position: right -697px;}
.button.medium span { background-image: url(../images/btn-medium.png);}
.button.medium > span > span { font-size: 15px; line-height:55px; padding-right: 75px; padding-bottom: 2px; }
.button.medium.slateblue > span { background-position: left top;}
.button.medium.slateblue > span > span { position: right top; }
.button.medium.camel > span { background-position: left -57px;}
.button.medium.camel > span > span { background-position: right -57px;}
.button.medium.coffee > span { background-position: left -114px;}
.button.medium.coffee > span > span { background-position: right -114px;}
.button.medium.darkgreen > span { background-position: left -171px;}
.button.medium.darkgreen > span > span { background-position: right -171px;}
.button.medium.darkred > span { background-position: left -228px;}
.button.medium.darkred > span > span { background-position: right -228px;}
.button.medium.darkpurple > span { background-position: left -285px;}
.button.medium.darkpurple > span > span { background-position: right -285px;}
.button.medium.green > span { background-position: left -342px;}
.button.medium.green > span > span { background-position: right -342px;}
.button.medium.darkyellow > span { background-position: left -399px;}
.button.medium.darkyellow > span > span { background-position: right -399px;}
.button.medium.lightblue > span { background-position: left -456px;}
.button.medium.lightblue > span > span { background-position: right -456px;}
.button.medium.lightgreen > span { background-position: left -513px;}
.button.medium.lightgreen > span > span { background-position: right -513px;}
.button.medium.ochre > span { background-position: left -570px;}
.button.medium.ochre > span > span { background-position: right -570px;}
.button.medium.blue > span { background-position: left -627px;}
.button.medium.blue > span > span { background-position: right -627px;}
.button.medium.greymetal > span { background-position: left -684px;}
.button.medium.greymetal > span > span { background-position: right -684px;}
.button.medium.skyblue > span { background-position: left -741px;}
.button.medium.skyblue > span > span { background-position: right -741px;}
.button.medium.grey > span { background-position: left -798px;}
.button.medium.grey > span > span { background-position: right -798px;}
.button.medium.red > span { background-position: left -855px;}
.button.medium.red span > span { background-position: right -855px;}
.button.medium.yellow > span { background-position: left -912px;}
.button.medium.yellow > span > span { background-position: right -912px;}
.button.medium.purple > span { background-position: left -969px;}
.button.medium.purple > span > span { background-position: right -969px;}
.button.large span { background-image: url(../images/btn-large.png);}
.button.large span > span {font-size: 17px; line-height:69px; padding-right: 85px; padding-bottom: 1px; }
.button.large.slateblue > span { background-position: left top;}
.button.large.slateblue > span > span { position: right top; }
.button.large.camel > span { background-position: left -70px;}
.button.large.camel > span > span { background-position: right -70px;}
.button.large.coffee > span { background-position: left -140px;}
.button.large.coffee > span > span { background-position: right -140px;}
.button.large.darkgreen > span { background-position: left -210px;}
.button.large.darkgreen > span > span { background-position: right -210px;}
.button.large.darkred > span { background-position: left -280px;}
.button.large.darkred > span > span { background-position: right -280px;}
.button.large.darkpurple > span { background-position: left -350px;}
.button.large.darkpurple > span > span { background-position: right -350px;}
.button.large.green > span { background-position: left -420px;}
.button.large.green > span > span { background-position: right -420px;}
.button.large.darkyellow > span { background-position: left -490px;}
.button.large.darkyellow > span > span { background-position: right -490px;}
.button.large.lightblue > span { background-position: left -560px;}
.button.large.lightblue > span > span { background-position: right -560px;}
.button.large.lightgreen > span { background-position: left -630px;}
.button.large.lightgreen > span > span { background-position: right -630px;}
.button.large.ochre > span { background-position: left -700px;}
.button.large.ochre > span > span { background-position: right -700px;}
.button.large.blue > span { background-position: left -770px;}
.button.large.blue > span > span { background-position: right -770px;}
.button.large.greymetal > span { background-position: left -840px;}
.button.large.greymetal > span > span { background-position: right -840px;}
.button.large.skyblue > span { background-position: left -910px;}
.button.large.skyblue > span > span { background-position: right -910px;}
.button.large.grey > span { background-position: left -980px;}
.button.large.grey > span > span { background-position: right -980px;}
.button.large.red > span { background-position: left -1050px;}
.button.large.red span > span { background-position: right -1050px;}
.button.large.yellow > span { background-position: left -1120px;}
.button.large.yellow > span > span { background-position: right -1120px;}
.button.large.purple > span { background-position: left -1190px;}
.button.large.purple > span > span { background-position: right -1190px;}
/*
*navigation.css
*/
#navigation{line-height: 1.5em;}
#navigation div > ul { padding-top: 20px; float:right;}
#navigation div > ul > li { z-index:3; }
#navigation div > ul > li > a { padding: 0 28px 20px 15px; margin: 0 1px; min-width:4em; min-height:2em; position:relative; }
#navigation div > ul > li > a > span { text-transform: uppercase; font-size:15px; color:#666; display:block;}
#navigation div > ul > li > a > em { color:#a3a2a2; font-size:11px; font-style:normal; display:block; }
#navigation div > ul > li:hover > a > span { color:#2a474c;}
#navigation div > ul > li.parent:hover { background: url(../images/bg-nav-outline.png) repeat-x left bottom;}
#navigation div > ul > li.parent:hover > a { background: #fff;}
#navigation div > ul > li.parent > a > strong {
display:block;
width:100%;
height:1px;
position:absolute;
left:0;
bottom:-1px;
z-index:2;
}
#navigation div > ul > li.parent:hover > a > strong {
background:#fff;
}
#navigation div > ul > li ul { background: #fff; border: solid 1px rgba(0,0,0,0.21); line-height: 1.5em; min-width: 15em; padding:5px 0; }
#navigation div > ul > li > ul { left: 0; z-index: 1; width:100%; }
#navigation div > ul > li > ul li { position:relative; }
#navigation div > ul > li > ul ul { white-space:nowrap; left: 99%; top: -1px; }
#navigation div > ul > li > ul li a { background: #fff; font-size:12px; padding: 5px 10px;color: #777; }
#navigation div > ul > li > ul li.last { padding-bottom:5px;}
#navigation div > ul > li > ul li:hover > a { background-color:#f8f8f8;}
/*
*Grids.css
*/
.grid {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
line-height: normal; font-size:13px;
}
.grid h1 {
font-size: 18px;
padding: 9px 9px 19px;
color:#fff!important;
border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
background:#999;
background-image: -moz-linear-gradient(top, #989898, #999999);
background-image: -webkit-gradient(linear, left top, left bottom, from(#989898), to(#999999));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#989898", endColorstr="#999999");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#989898, endColorstr=#999999)";
border: solid 1px #888;
border-bottom: solid 5px #7c7c7c;
}
.grid details {
border: solid 1px #dadada;
border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
padding: 0 4px 3px;
background:#fff;
background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f5f5f5");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f5f5f5)";
}
.grid summary { font-size:15px; color:#fff; background-image:url(../images/label.png); background-repeat: no-repeat; height:38px; width:87px; float:right; text-align: center; line-height: 38px; margin-top:-19px; position:relative;}
.grid summary strong { font-size:21px;}
.grid summary em { font-size:10px;}
.grid ul { padding: 10px 10px 10px 20px; color:#575656; }
.grid ul li { padding: 10px 0;}
.grid ul li + li { border-top: solid 1px #e8e8e8;}
.grid ul li:before {
content:' ';
display:block;
font-size:0;
line-height:0;
float: left;
background: url(../images/b_tick.png) no-repeat left top;
width:17px;
height:14px;
position:relative;
margin-left: -10px;
left: -8px;
}
.grid_6 > .grid ul li { font-size: 15px;}
.grid_6 > .grid ul li:before { background-position: left 1px;}
.grid .button, .grid .button span { display: block; text-align:center;}
.grid.blue summary { background-position: left top;}
.grid.greymetal summary { background-position: left -38px;}
.grid.purple summary { background-position: left -76px;}
.grid.darkgreen summary { background-position: left -114px;}
.grid.darkred summary { background-position: left -152px;}
.grid.darkyellow summary { background-position: left -190px;}
.grid.coffee summary { background-position: left -228px;}
.grid.darkpurple summary { background-position: left -266px;}
.grid.lightblue summary { background-position: left -304px;}
.grid.skyblue summary { background-position: left -342px;}
.grid.green summary { background-position: left -380px;}
.grid.yellow summary { background-position: left -418px;}
.grid.lightgreen summary { background-position: left -456px;}
.grid.slateblue summary { background-position: left -494px;}
.grid.ochre summary { background-position: left -532px;}
.grid.camel summary { background-position: left -570px;}
.grid.red summary { background-position: left -608px;}
.grid.grey summary { background-position: left -646px;}
.grid.darkgreen h1 {
background:#423d17;
background-image: -moz-linear-gradient(top, #4a4420, #49431f);
background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4420), to(#49431f));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4a4420", endColorstr="#49431f");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4a4420, endColorstr=#49431f)";
border: solid 1px #413c1c;
border-bottom: solid 5px #3b3719;
}
.grid.darkred h1 {
background:#952020;
background-image: -moz-linear-gradient(top, #952020, #941f1f);
background-image: -webkit-gradient(linear, left top, left bottom, from(#952020), to(#941f1f));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#952020", endColorstr="#941f1f");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#952020, endColorstr=#941f1f)";
border: solid 1px #841c1c;
border-bottom: solid 5px #781919;
}
.grid.darkyellow h1 {
background:#ae621f;
background-image: -moz-linear-gradient(top, #ae621f, #ad621e);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ae621f), to(#ad621e));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ae621f", endColorstr="#ad621e");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ae621f, endColorstr=#ad621e)";
border: solid 1px #9a571b;
border-bottom: solid 5px #8d4f19;
}
.grid.blue h1 {
background:#39426f;
background-image: -moz-linear-gradient(top, #39426f, #38416e);
background-image: -webkit-gradient(linear, left top, left bottom, from(#39426f), to(#38416e));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#39426f", endColorstr="#38416e");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#39426f, endColorstr=#38416e)";
border: solid 1px #333a62;
border-bottom: solid 5px #2e355a;
}
.grid.purple h1 {
background:#c5329b;
background-image: -moz-linear-gradient(top, #c5329b, #c4319a);
background-image: -webkit-gradient(linear, left top, left bottom, from(#c5329b), to(#c4319a));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c5329b", endColorstr="#c4319a");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c5329b, endColorstr=#c4319a)";
border: solid 1px #ae2c89;
border-bottom: solid 5px #9f287d;
}
.grid.greymetal h1 {
background:#575757;
background-image: -moz-linear-gradient(top, #575757, #565656);
background-image: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#565656));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#575757", endColorstr="#565656");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#575757, endColorstr=#565656)";
border: solid 1px #4c4c4c;
border-bottom: solid 5px #464646;
}
.grid.darkpurple h1 {
background:#771e6c;
background-image: -moz-linear-gradient(top, #771e6c, #771e6b);
background-image: -webkit-gradient(linear, left top, left bottom, from(#771e6c), to(#771e6b));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#771e6c", endColorstr="#771e6b");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#771e6c, endColorstr=#771e6b)";
border: solid 1px #6a1b60;
border-bottom: solid 5px #611857;
}
.grid.coffee h1 {
background:#563e3a;
background-image: -moz-linear-gradient(top, #563e3a, #553e39);
background-image: -webkit-gradient(linear, left top, left bottom, from(#563e3a), to(#553e39));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#563e3a", endColorstr="#553e39");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#563e3a, endColorstr=#553e39)";
border: solid 1px #4c3733;
border-bottom: solid 5px #45322e;
}
.grid.lightblue h1 {
background:#21a0af;
background-image: -moz-linear-gradient(top, #21a0af, #20a0af);
background-image: -webkit-gradient(linear, left top, left bottom, from(#21a0af), to(#20a0af));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#21a0af", endColorstr="#20a0af");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#21a0af, endColorstr=#20a0af)";
border: solid 1px #1d8f9c;
border-bottom: solid 5px #1a828e;
}
.grid.skyblue h1 {
background:#77bcc9;
background-image: -moz-linear-gradient(top, #77bcc9, #76bbc8);
background-image: -webkit-gradient(linear, left top, left bottom, from(#77bcc9), to(#76bbc8));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#77bcc9", endColorstr="#76bbc8");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#77bcc9, endColorstr=#76bbc8)";
border: solid 1px #69a7b3;
border-bottom: solid 5px #6098a3;
}
.grid.slateblue h1 {
background:#476166;
background-image: -moz-linear-gradient(top, #476166, #476065);
background-image: -webkit-gradient(linear, left top, left bottom, from(#476166), to(#476065));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#476166", endColorstr="#476065");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#476166, endColorstr=#476065)";
border: solid 1px #3f565a;
border-bottom: solid 5px #3a4f52;
}
.grid.yellow h1 {
background:#b9b41d;
background-image: -moz-linear-gradient(top, #b9b41d, #b8b31c);
background-image: -webkit-gradient(linear, left top, left bottom, from(#b9b41d), to(#b8b31c));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b9b41d", endColorstr="#b8b31c");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b9b41d, endColorstr=#b8b31c)";
border: solid 1px #a49f19;
border-bottom: solid 5px #969217;
}
.grid.camel h1 {
background:#4d2830;
background-image: -moz-linear-gradient(top, #4d2830, #4c272f);
background-image: -webkit-gradient(linear, left top, left bottom, from(#4d2830), to(#4c272f));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4d2830", endColorstr="#4c272f");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d2830, endColorstr=#4c272f)";
border: solid 1px #44232b;
border-bottom: solid 5px #3e1f27;
}
.grid.green h1 {
background:#456446;
background-image: -moz-linear-gradient(top, #456446, #446345);
background-image: -webkit-gradient(linear, left top, left bottom, from(#456446), to(#446345));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#456446", endColorstr="#446345");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#456446, endColorstr=#446345)";
border: solid 1px #3d593e;
border-bottom: solid 5px #375038;
}
.grid.lightgreen h1 {
background:#5c9d1f;
background-image: -moz-linear-gradient(top, #5c9d1f, #5b9c1f);
background-image: -webkit-gradient(linear, left top, left bottom, from(#5c9d1f), to(#5b9c1f));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c9d1f", endColorstr="#5b9c1f");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5c9d1f, endColorstr=#5b9c1f)";
border: solid 1px #528b1c;
border-bottom: solid 5px #4a7f19;
}
.grid.ochre h1 {
background:#763030;
background-image: -moz-linear-gradient(top, #763030, #752f2f);
background-image: -webkit-gradient(linear, left top, left bottom, from(#763030), to(#752f2f));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#763030", endColorstr="#752f2f");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#763030, endColorstr=#752f2f)";
border: solid 1px #692a2a;
border-bottom: solid 5px #5f2626;
}
.grid.grey h1 {
background:#999;
background-image: -moz-linear-gradient(top, #989898, #999999);
background-image: -webkit-gradient(linear, left top, left bottom, from(#989898), to(#999999));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#989898", endColorstr="#999999");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#989898, endColorstr=#999999)";
border: solid 1px #888;
border-bottom: solid 5px #7c7c7c;
}
.grid.red h1 {
background:#cb3037;
background-image: -moz-linear-gradient(top, #cb3037, #cb2f37);
background-image: -webkit-gradient(linear, left top, left bottom, from(#cb3037), to(#cb2f37));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb3037", endColorstr="#cb2f37");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cb3037, endColorstr=#cb2f37)";
border: solid 1px #692a2a;
border-bottom: solid 5px #a5262c;
}
/*
* boxes.css
*/
.box {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), inset 0 0 3px #fff;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
background:#fff;
background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f5f5f5");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f5f5f5)";
}
.box header { line-height:40px; line-height:40px; padding: 0 20px 5px; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;}
.box details { padding: 15px 20px 3px;}
.box-v1 {
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.box-v3 { background:#fff;}
.box-v1 header, .box-v3 header { font-size:15px;line-height:30px; padding: 15px 20px 0;}
.box-v2 header { background: #fff url(../images/bg-box-header.gif) repeat-x left bottom; text-transform:uppercase; font-size:13px;}
.box-v4 header {
color:#fff;
text-transform: uppercase;
font-size:13px;
padding-bottom:0;
margin: 0 -1px;
background:#476166;
background-image: -moz-linear-gradient(top, #476166, #476065);
background-image: -webkit-gradient(linear, left top, left bottom, from(#476166), to(#476065));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#476166", endColorstr="#476065");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#476166, endColorstr=#476065)";
border: solid 1px #3f565a;
border-bottom: solid 5px #3a4f52;
}
.box-v4.darkgreen header {
background:#423d17;
background-image: -moz-linear-gradient(top, #4a4420, #49431f);
background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4420), to(#49431f));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4a4420", endColorstr="#49431f");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4a4420, endColorstr=#49431f)";
border: solid 1px #413c1c;
border-bottom: solid 5px #3b3719;
}
.box-v4.darkred header {
background:#952020;
background-image: -moz-linear-gradient(top, #952020, #941f1f);
background-image: -webkit-gradient(linear, left top, left bottom, from(#952020), to(#941f1f));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#952020", endColorstr="#941f1f");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#952020, endColorstr=#941f1f)";
border: solid 1px #841c1c;
border-bottom: solid 5px #781919;
}
.box-v4.darkyellow header {
background:#ae621f;
background-image: -moz-linear-gradient(top, #ae621f, #ad621e);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ae621f), to(#ad621e));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ae621f", endColorstr="#ad621e");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ae621f, endColorstr=#ad621e)";
border: solid 1px #9a571b;
border-bottom: solid 5px #8d4f19;
}
.box-v4.blue header {
background:#39426f;
background-image: -moz-linear-gradient(top, #39426f, #38416e);
background-image: -webkit-gradient(linear, left top, left bottom, from(#39426f), to(#38416e));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#39426f", endColorstr="#38416e");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#39426f, endColorstr=#38416e)";
border: solid 1px #333a62;
border-bottom: solid 5px #2e355a;
}
.box-v4.purple header {
background:#c5329b;
background-image: -moz-linear-gradient(top, #c5329b, #c4319a);
background-image: -webkit-gradient(linear, left top, left bottom, from(#c5329b), to(#c4319a));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c5329b", endColorstr="#c4319a");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c5329b, endColorstr=#c4319a)";
border: solid 1px #ae2c89;
border-bottom: solid 5px #9f287d;
}
.box-v4.greymetal header {
background:#575757;
background-image: -moz-linear-gradient(top, #575757, #565656);
background-image: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#565656));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#575757", endColorstr="#565656");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#575757, endColorstr=#565656)";
border: solid 1px #4c4c4c;
border-bottom: solid 5px #464646;
}
.box-v4.darkpurple header {
background:#771e6c;
background-image: -moz-linear-gradient(top, #771e6c, #771e6b);
background-image: -webkit-gradient(linear, left top, left bottom, from(#771e6c), to(#771e6b));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#771e6c", endColorstr="#771e6b");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#771e6c, endColorstr=#771e6b)";
border: solid 1px #6a1b60;
border-bottom: solid 5px #611857;
}
.box-v4.coffee header {
background:#563e3a;
background-image: -moz-linear-gradient(top, #563e3a, #553e39);
background-image: -webkit-gradient(linear, left top, left bottom, from(#563e3a), to(#553e39));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#563e3a", endColorstr="#553e39");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#563e3a, endColorstr=#553e39)";
border: solid 1px #4c3733;
border-bottom: solid 5px #45322e;
}
.box-v4.lightblue header {
background:#21a0af;
background-image: -moz-linear-gradient(top, #21a0af, #20a0af);
background-image: -webkit-gradient(linear, left top, left bottom, from(#21a0af), to(#20a0af));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#21a0af", endColorstr="#20a0af");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#21a0af, endColorstr=#20a0af)";
border: solid 1px #1d8f9c;
border-bottom: solid 5px #1a828e;
}
.box-v4.skyblue header {
background:#77bcc9;
background-image: -moz-linear-gradient(top, #77bcc9, #76bbc8);
background-image: -webkit-gradient(linear, left top, left bottom, from(#77bcc9), to(#76bbc8));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#77bcc9", endColorstr="#76bbc8");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#77bcc9, endColorstr=#76bbc8)";
border: solid 1px #69a7b3;
border-bottom: solid 5px #6098a3;
}
.box-v4.slateblue header {
background:#476166;
background-image: -moz-linear-gradient(top, #476166, #476065);
background-image: -webkit-gradient(linear, left top, left bottom, from(#476166), to(#476065));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#476166", endColorstr="#476065");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#476166, endColorstr=#476065)";
border: solid 1px #3f565a;
border-bottom: solid 5px #3a4f52;
}
.box-v4.yellow header {
background:#b9b41d;
background-image: -moz-linear-gradient(top, #b9b41d, #b8b31c);
background-image: -webkit-gradient(linear, left top, left bottom, from(#b9b41d), to(#b8b31c));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b9b41d", endColorstr="#b8b31c");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b9b41d, endColorstr=#b8b31c)";
border: solid 1px #a49f19;
border-bottom: solid 5px #969217;
}
.box-v4.camel header {
background:#4d2830;
background-image: -moz-linear-gradient(top, #4d2830, #4c272f);
background-image: -webkit-gradient(linear, left top, left bottom, from(#4d2830), to(#4c272f));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4d2830", endColorstr="#4c272f");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d2830, endColorstr=#4c272f)";
border: solid 1px #44232b;
border-bottom: solid 5px #3e1f27;
}
.box-v4.green header {
background:#456446;
background-image: -moz-linear-gradient(top, #456446, #446345);
background-image: -webkit-gradient(linear, left top, left bottom, from(#456446), to(#446345));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#456446", endColorstr="#446345");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#456446, endColorstr=#446345)";
border: solid 1px #3d593e;
border-bottom: solid 5px #375038;
}
.box-v4.lightgreen header {
background:#5c9d1f;
background-image: -moz-linear-gradient(top, #5c9d1f, #5b9c1f);
background-image: -webkit-gradient(linear, left top, left bottom, from(#5c9d1f), to(#5b9c1f));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c9d1f", endColorstr="#5b9c1f");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5c9d1f, endColorstr=#5b9c1f)";
border: solid 1px #528b1c;
border-bottom: solid 5px #4a7f19;
}
.box-v4.ochre header {
background:#763030;
background-image: -moz-linear-gradient(top, #763030, #752f2f);
background-image: -webkit-gradient(linear, left top, left bottom, from(#763030), to(#752f2f));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#763030", endColorstr="#752f2f");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#763030, endColorstr=#752f2f)";
border: solid 1px #692a2a;
border-bottom: solid 5px #5f2626;
}
.box-v4.grey header {
background:#999;
background-image: -moz-linear-gradient(top, #989898, #999999);
background-image: -webkit-gradient(linear, left top, left bottom, from(#989898), to(#999999));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#989898", endColorstr="#999999");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#989898, endColorstr=#999999)";
border: solid 1px #888;
border-bottom: solid 5px #7c7c7c;
}
.box-v4.red header {
background:#cb3037;
background-image: -moz-linear-gradient(top, #cb3037, #cb2f37);
background-image: -webkit-gradient(linear, left top, left bottom, from(#cb3037), to(#cb2f37));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb3037", endColorstr="#cb2f37");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cb3037, endColorstr=#cb2f37)";
border: solid 1px #692a2a;
border-bottom: solid 5px #a5262c;
}
.box-v5 header { padding: 0 10px;}
.box-v6 ul li { min-height: 120px; background: url(../images/sep.png) repeat-y 215px top; width: 838px; float:left; position:relative;}
.box-v6 > div { padding: 0 50px;position:relative; line-height:1.5em; }
.box-v6 .grid_3 { width:210px; }
.box-v6 .grid_3 h2 { margin:0; white-space:nowrap; line-height:1.4em; position:absolute; top:50%; margin-top:-0.7em;}
.box-v6 .prefix_3 > div { padding: 15px 0; }
.box-v6 #prevBtn, .box-v6 #nextBtn { position: absolute; width: 17px; height:24px; font-size:0; overflow:hidden; background-image:url(../images/arrows.png); background-repeat: no-repeat; cursor:pointer; top:33px;}
.box-v6 #prevBtn { background-position: left top; left:20px;}
.box-v6 #nextBtn { background-position: right top; right:20px;}
.box-v6 .controls a { display: block; height:24px;}
.read-more,
.show-code,
.fancy-link,
.read-more.slateblue,
.show-code.slateblue,
.fancy-link.slateblue { background: url(../images/lib/more-slateblue.png) no-repeat right center;}
.read-more.purple,
.show-code.purple,
.fancy-link.purple { background: url(../images/lib/more-purple.png) no-repeat right center;}
.read-more.darkpurple,
.show-code.darkpurple,
.fancy-link.darkpurple { background: url(../images/lib/more-darkpurple.png) no-repeat right center;}
.read-more.grey,
.show-code.grey,
.fancy-link.grey { background: url(../images/lib/more-grey.png) no-repeat right center;}
.read-more.greymetal,
.show-code.greymetal,
.fancy-link.greymetal { background: url(../images/lib/more-greymetal.png) no-repeat right center;}
.read-more.darkyellow,
.show-code.darkyellow,
.fancy-link.darkyellow { background: url(../images/lib/more-darkyellow.png) no-repeat right center;}
.read-more.yellow,
.show-code.yellow,
.fancy-link.yellow { background: url(../images/lib/more-yellow.png) no-repeat right center;}
.read-more.red,
.show-code.red,
.fancy-link.red { background: url(../images/lib/more-red.png) no-repeat right center;}
.read-more.darkred,
.show-code.darkred,
.fancy-link.darkred { background: url(../images/lib/more-darkred.png) no-repeat right center;}
.read-more.skyblue,
.show-code.skyblue,
.fancy-link.skyblue { background: url(../images/lib/more-skyblue.png) no-repeat right center;}
.read-more.lightblue,
.show-code.lightblue,
.fancy-link.lightblue { background: url(../images/lib/more-lightblue.png) no-repeat right center;}
.read-more.blue,
.show-code.blue,
.fancy-link.blue { background: url(../images/lib/more-blue.png) no-repeat right center;}
.read-more.green,
.show-code.green,
.fancy-link.green { background: url(../images/lib/more-green.png) no-repeat right center;}
.read-more.darkgreen,
.show-code.darkgreen,
.fancy-link.darkgreen { background: url(../images/lib/more-darkgreen.png) no-repeat right center;}
.read-more.lightgreen,
.show-code.lightgreen,
.fancy-link.lightgreen { background: url(../images/lib/more-lightgreen.png) no-repeat right center;}
.read-more.camel,
.show-code.camel,
.fancy-link.camel { background: url(../images/lib/more-camel.png) no-repeat right center;}
.read-more.coffee,
.show-code.coffee,
.fancy-link.coffee { background: url(../images/lib/more-coffee.png) no-repeat right center;}
.read-more.ochre,
.show-code.ochre,
.fancy-link.ochre { background: url(../images/lib/more-ochre.png) no-repeat right center;}
.dropcap-v2 p:first-child { width:100%; padding:10px 0 0 10px; margin-left:-10px;}
.dropcap-v3 p:first-child { width:100%; padding: 0 0 0 10px; margin-left:-10px;}
.dropcap-v2 p:first-child,
.dropcap-v2.slateblue p:first-child { background: url(../images/lib/letter-circle-slateblue-1.png) no-repeat left top; }
.dropcap-v2.skyblue p:first-child { background: url(../images/lib/letter-circle-skyblue-1.png) no-repeat left top; }
.dropcap-v2.lightblue p:first-child { background: url(../images/lib/letter-circle-lightblue-1.png) no-repeat left top; }
.dropcap-v2.blue p:first-child { background: url(../images/lib/letter-circle-blue-1.png) no-repeat left top; }
.dropcap-v2.darkred p:first-child { background: url(../images/lib/letter-circle-darkred-1.png) no-repeat left top; }
.dropcap-v2.red p:first-child { background: url(../images/lib/letter-circle-red-1.png) no-repeat left top; }
.dropcap-v2.darkpurple p:first-child { background: url(../images/lib/letter-circle-darkpurple-1.png) no-repeat left top; }
.dropcap-v2.purple p:first-child { background: url(../images/lib/letter-circle-purple-1.png) no-repeat left top; }
.dropcap-v2.camel p:first-child { background: url(../images/lib/letter-circle-camel-1.png) no-repeat left top; }
.dropcap-v2.coffee p:first-child { background: url(../images/lib/letter-circle-coffee-1.png) no-repeat left top; }
.dropcap-v2.green p:first-child { background: url(../images/lib/letter-circle-green-1.png) no-repeat left top; }
.dropcap-v2.darkgreen p:first-child { background: url(../images/lib/letter-circle-darkgreen-1.png) no-repeat left top; }
.dropcap-v2.lightgreen p:first-child { background: url(../images/lib/letter-circle-lightgreen-1.png) no-repeat left top; }
.dropcap-v2.ochre p:first-child { background: url(../images/lib/letter-circle-ochre-1.png) no-repeat left top; }
.dropcap-v2.darkyellow p:first-child { background: url(../images/lib/letter-circle-darkyellow-1.png) no-repeat left top; }
.dropcap-v2.yellow p:first-child { background: url(../images/lib/letter-circle-yellow-1.png) no-repeat left top; }
.dropcap-v2.grey p:first-child { background: url(../images/lib/letter-circle-grey-1.png) no-repeat left top; }
.dropcap-v2.greymetal p:first-child { background: url(../images/lib/letter-circle-greymetal-1.png) no-repeat left top; }
.dropcap-v3 p:first-child,
.dropcap-v3.slateblue p:first-child { background: url(../images/lib/letter-circle-slateblue-2.png) no-repeat left top; }
.dropcap-v3.skyblue p:first-child { background: url(../images/lib/letter-circle-skyblue-2.png) no-repeat left top; }
.dropcap-v3.lightblue p:first-child { background: url(../images/lib/letter-circle-lightblue-2.png) no-repeat left top; }
.dropcap-v3.blue p:first-child { background: url(../images/lib/letter-circle-blue-2.png) no-repeat left top; }
.dropcap-v3.darkred p:first-child { background: url(../images/lib/letter-circle-darkred-2.png) no-repeat left top; }
.dropcap-v3.red p:first-child { background: url(../images/lib/letter-circle-red-2.png) no-repeat left top; }
.dropcap-v3.darkpurple p:first-child { background: url(../images/lib/letter-circle-darkpurple-2.png) no-repeat left top; }
.dropcap-v3.purple p:first-child { background: url(../images/lib/letter-circle-purple-2.png) no-repeat left top; }
.dropcap-v3.camel p:first-child { background: url(../images/lib/letter-circle-camel-2.png) no-repeat left top; }
.dropcap-v3.coffee p:first-child { background: url(../images/lib/letter-circle-coffee-2.png) no-repeat left top; }
.dropcap-v3.green p:first-child { background: url(../images/lib/letter-circle-green-2.png) no-repeat left top; }
.dropcap-v3.darkgreen p:first-child { background: url(../images/lib/letter-circle-darkgreen-2.png) no-repeat left top; }
.dropcap-v3.lightgreen p:first-child { background: url(../images/lib/letter-circle-lightgreen-2.png) no-repeat left top; }
.dropcap-v3.ochre p:first-child { background: url(../images/lib/letter-circle-ochre-2.png) no-repeat left top; }
.dropcap-v3.darkyellow p:first-child { background: url(../images/lib/letter-circle-darkyellow-2.png) no-repeat left top; }
.dropcap-v3.yellow p:first-child { background: url(../images/lib/letter-circle-yellow-2.png) no-repeat left top; }
.dropcap-v3.grey p:first-child { background: url(../images/lib/letter-circle-grey-2.png) no-repeat left top; }
.dropcap-v3.greymetal p:first-child { background: url(../images/lib/letter-circle-greymetal-2.png) no-repeat left top; }
.dropcap-v1 p:first-child:first-letter { float:left; font-size:40px; margin-top:5px; margin-right:10px;}
.dropcap-v2 p:first-child:first-letter { float:left; font-size:40px; margin:8px 20px 0 13px; color:#fff; text-shadow: 0 0 3px rgba(0,0,0,0.2);}
.dropcap-v3 p:first-child:first-letter { float:left; font-size:36px; margin:8px 13px 0 3px; color:#fff; text-shadow: 0 0 3px rgba(0,0,0,0.2);}
blockquote.right { margin-left: 10px; width: 50%;}
blockquote.left { margin-right: 10px; width: 50%;}
q { padding-left:35px; font-size:16px; display:block; line-height:1.6em;}
q, q.slateblue { background: url(../images/lib/quote-slateblue.png) no-repeat left top;}
q.darkpurple { background: url(../images/lib/quote-darkpurple.png) no-repeat left top;}
q.purple { background: url(../images/lib/quote-purple.png) no-repeat left top;}
q.camel { background: url(../images/lib/quote-camel.png) no-repeat left top;}
q.coffee { background: url(../images/lib/quote-coffee.png) no-repeat left top;}
q.red { background: url(../images/lib/quote-red.png) no-repeat left top;}
q.darkred { background: url(../images/lib/quote-darkred.png) no-repeat left top;}
q.darkgreen { background: url(../images/lib/quote-darkgreen.png) no-repeat left top;}
q.lightgreen { background: url(../images/lib/quote-lightgreen.png) no-repeat left top;}
q.green { background: url(../images/lib/quote-green.png) no-repeat left top;}
q.darkyellow { background: url(../images/lib/quote-darkyellow.png) no-repeat left top;}
q.yellow { background: url(../images/lib/quote-yellow.png) no-repeat left top;}
q.skyblue { background: url(../images/lib/quote-skyblue.png) no-repeat left top;}
q.lightblue { background: url(../images/lib/quote-lightblue.png) no-repeat left top;}
q.blue { background: url(../images/lib/quote-blue.png) no-repeat left top;}
q.ochre { background: url(../images/lib/quote-ochre.png) no-repeat left top;}
q.grey { background: url(../images/lib/quote-grey.png) no-repeat left top;}
q.greymetal { background: url(http://denovowines.com/images/lib/quote-greymetal.png) no-repeat left top;}
q cite { font-size:10px; text-transform:uppercase; color:#333;}
.link-download { display: inline-block; line-height:25px; padding-left:35px; font-size:15px;}
.link-mailto { display: inline-block; line-height:18px; padding-left:35px; font-size:15px;}
.link-download, .link-download.slateblue { background: url(../images/lib/i_download-slateblue.png) no-repeat left top; }
.link-mailto, .link-mailto.slateblue { background: url(../images/lib/i_mail-slateblue.png) no-repeat left top; }
.link-download.lightblue { background: url(../images/lib/i_download-lightblue.png) no-repeat left top; }
.link-mailto.lightblue { background: url(../images/lib/i_mail-lightblue.png) no-repeat left top; }
.link-download.skyblue { background: url(../images/lib/i_download-skyblue.png) no-repeat left top; }
.link-mailto.skyblue { background: url(../images/lib/i_mail-skyblue.png) no-repeat left top; }
.link-download.blue { background: url(../images/lib/i_download-blue.png) no-repeat left top; }
.link-mailto.blue { background: url(../images/lib/i_mail-blue.png) no-repeat left top; }
.link-download.darkpurple { background: url(../images/lib/i_download-darkpurple.png) no-repeat left top; }
.link-mailto.darkpurple { background: url(../images/lib/i_mail-darkpurple.png) no-repeat left top; }
.link-download.purple { background: url(../images/lib/i_download-purple.png) no-repeat left top; }
.link-mailto.purple { background: url(../images/lib/i_mail-purple.png) no-repeat left top; }
.link-download.darkyellow { background: url(../images/lib/i_download-darkyellow.png) no-repeat left top; }
.link-mailto.darkyellow { background: url(../images/lib/i_mail-darkyellow.png) no-repeat left top; }
.link-download.yellow { background: url(../images/lib/i_download-yellow.png) no-repeat left top; }
.link-mailto.yellow { background: url(../images/lib/i_mail-yellow.png) no-repeat left top; }
.link-download.darkred { background: url(../images/lib/i_download-darkred.png) no-repeat left top; }
.link-mailto.darkred { background: url(../images/lib/i_mail-darkred.png) no-repeat left top; }
.link-download.red { background: url(../images/lib/i_download-red.png) no-repeat left top; }
.link-mailto.red { background: url(../images/lib/i_mail-red.png) no-repeat left top; }
.link-download.darkgreen { background: url(../images/lib/i_download-darkgreen.png) no-repeat left top; }
.link-mailto.darkgreen { background: url(../images/lib/i_mail-darkgreen.png) no-repeat left top; }
.link-download.lightgreen { background: url(../images/lib/i_download-lightgreen.png) no-repeat left top; }
.link-mailto.lightgreen { background: url(../images/lib/i_mail-lightgreen.png) no-repeat left top; }
.link-download.green { background: url(../images/lib/i_download-green.png) no-repeat left top; }
.link-mailto.green { background: url(../images/lib/i_mail-green.png) no-repeat left top; }
.link-download.camel { background: url(../images/lib/i_download-camel.png) no-repeat left top; }
.link-mailto.camel { background: url(../images/lib/i_mail-camel.png) no-repeat left top; }
.link-download.grey { background: url(../images/lib/i_download-grey.png) no-repeat left top; }
.link-mailto.grey { background: url(../images/lib/i_mail-grey.png) no-repeat left top; }
.link-download.greymetal { background: url(../images/lib/i_download-greymetal.png) no-repeat left top; }
.link-mailto.greymetal { background: url(../images/lib/i_mail-greymetal.png) no-repeat left top; }
.link-download.ochre { background: url(../images/lib/i_download-ochre.png) no-repeat left top; }
.link-mailto.ochre { background: url(../images/lib/i_mail-ochre.png) no-repeat left top; }
.link-download.coffee { background: url(../images/lib/i_download-coffee.png) no-repeat left top; }
.link-mailto.coffee { background: url(../images/lib/i_mail-coffee.png) no-repeat left top; }
.link-download:hover, .link-mailto:hover { text-decoration: underline; color:#666;}
.link-button { display:inline-block; width:235px; height:67px; line-height:65px; font-size:14px; padding-left:64px; text-align:center; text-transform:uppercase; background-image: url(../images/link-button.png); background-repeat: no-repeat;}
.link-button.download { background-position: left top; color:#6d8545;}
.link-button.info { background-position: left -67px; color:#507c9a;}
.link-button.doc { background-position: left -134px; color:#af8c75;}
.link-button.forbid { background-position: left -201px; color:#b05c5c;}
h1.slateblue,h2.slateblue,h3.slateblue,h4.slateblue,h5.slateblue,h6.slateblue, header.red { color: #3b555a;}
h1.blue,h2.blue,h3.blue,h4.blue,h5.blue,h6.blue, header.blue { color: #1d254e;}
h1.camel,h2.camel,h3.camel,h4.camel,h5.camel,h6.camel, header.camel { color: #43252c;}
h1.coffee,h2.coffee,h3.coffee,h4.coffee,h5.coffee,h6.coffee, header.coffee { color: #57403b;}
h1.darkgreen,h2.darkgreen,h3.darkgreen,h4.darkgreen,h5.darkgreen,h6.darkgreen, header.darkgreen { color: #59553a;}
h1.darkpurple,h2.darkpurple,h3.darkpurple,h4.darkpurple,h5.darkpurple,h6.darkpurple, header.darkpurple { color: #4f2349;}
h1.darkred,h2.darkred,h3.darkred,h4.darkred,h5.darkred,h6.darkred, header.darkred { color: #641111;}
h1.darkyellow,h2.darkyellow,h3.darkyellow,h4.darkyellow,h5.darkyellow,h6.darkyellow, header.darkyellow { color: #884000;}
h1.yellow,h2.yellow,h3.yellow,h4.yellow,h5.yellow,h6.yellow, header.yellow { color: #7f7c20;}
h1.skyblue,h2.skyblue,h3.skyblue,h4.skyblue,h5.skyblue,h6.skyblue, header.skyblue { color: #5d95a0;}
h1.lightblue,h2.lightblue,h3.lightblue,h4.lightblue,h5.lightblue,h6.lightblue, .read-more.lightblue, header.lightblue { color: #1a818d;}
h1.red,h2.red,h3.red,h4.red,h5.red,h6.red, header.red { color: #96171d;}
h1.purple,h2.purple,h3.purple,h4.purple,h5.purple,h6.purple, header.purple { color: #af1082;}
h1.ochre,h2.ochre,h3.ochre,h4.ochre,h5.ochre,h6.ochre, header.ochre { color: #5d2424;}
h1.lightgreen,h2.lightgreen,h3.lightgreen,h4.lightgreen,h5.lightgreen,h6.lightgreen header.lightgreen { color: #578c26;}
h1.greymetal,h2.greymetal,h3.greymetal,h4.greymetal,h5.greymetal,h6.greymetal, header.greymetal { color: #4d4d4d;}
h1.grey,h2.grey,h3.grey,h4.grey,h5.grey,h6.grey, header.grey { color: #6f6f6f;}
h1.green,h2.green,h3.green,h4.green,h5.green,h6.green, header.green { color: #375038;}
.read-more.darkgreen, .show-code.darkgreen, .fancy-link.darkgreen, .link-download.darkgreen, .link-mailto.darkgreen, header.darkgreen { color: #6c5e00;}
.read-more.lightgreen, .show-code.lightgreen, .fancy-link.lightgreen, .link-download.lightgreen, .link-mailto.lightgreen, header.lightgreen { color: #55aa06;}
.read-more.green, .show-code.green, .fancy-link.green, .link-download.green, .link-mailto.green, header.green { color: #409042;}
.read-more.darkred, .show-code.darkred, .fancy-link.darkred, .link-download.darkred, .link-mailto.darkred, header.darkred { color: #8c1d1d;}
.read-more.red, .show-code.red, .fancy-link.red, .link-download.red, .link-mailto.red, header.red { color: #d2000b;}
.read-more.darkyellow, .show-code.darkyellow, .fancy-link.darkyellow, .link-download.darkyellow, .link-mailto.darkyellow, header.darkyellow { color: #d36300;}
.read-more.yellow, .show-code.yellow, .fancy-link.yellow, .link-download.yellow, .link-mailto.yellow, header.yellow { color: #a39e00;}
.read-more.darkpurple, .show-code.darkpurple, .fancy-link.darkpurple, .link-download.darkpurple, .link-mailto.darkpurple, header.darkpurple { color: #9a338c;}
.read-more.purple, .show-code.purple, .fancy-link.purple, .link-download.purple, .link-mailto.purple, header.purple { color: #b74797;}
.read-more.blue, .show-code.blue, .fancy-link.blue, .link-download.blue, .link-mailto.blue, header.blue { color: #3d54c5;}
.read-more.lightblue, .show-code.lightblue, .fancy-link.lightblue, .link-download.lightblue, .link-mailto.lightblue, header.lightblue { color: #22a4b3;}
.read-more.slateblue, .show-code.slateblue, .fancy-link.slateblue, .link-download.slateblue, .link-mailto.slateblue, header.slateblue { color: #006478;}
.read-more.skyblue, .show-code.skyblue, .fancy-link.skyblue, .link-download.skyblue, .link-mailto.skyblue, header.skyblue { color: #22a4b3;}
.read-more.ochre, .show-code.ochre, .fancy-link.ochre, .link-download.ochre, .link-mailto.ochre, header.ochre { color: #801b1b;}
.read-more.camel, .show-code.camel, .fancy-link.camel, .link-download.camel, .link-mailto.camel, header.camel { color: #a36c79;}
.read-more.coffee, .show-code.coffee, .fancy-link.coffee, .link-download.coffee, .link-mailto.coffee, header.coffee { color: #894335;}
.read-more.grey, .show-code.grey, .fancy-link.grey, .link-download.grey, .link-mailto.grey, header.grey { color: #777;}
.read-more.greymetal, .show-code.greymetal, .fancy-link.greymetal, .link-download.greymetal, .link-mailto.greymetal, header.greymetal { color: #999;}
.tooltip { width:250px;}
.tooltip > div { line-height: 1.4; font-size:13px; padding:10px 12px; font-family:Arial, Helvetica, sans-serif;}
.tooltip.v1 { display:none;background: url(../images/bg-tooltip-v1.png) no-repeat center bottom; padding-bottom:8px;}
.tooltip.v1 > div {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
background:#222;
background-image: -moz-linear-gradient(top, #3d3d3d, #222);
background-image: -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#222));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d3d3d", endColorstr="#222222");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3d3d3d, endColorstr=#222222)";
color:#fff;
}
.tooltip.v2 { display:none;background: url(../images/bg-tooltip-v2.gif) no-repeat center bottom; padding-bottom:8px;}
.tooltip.v2 > div {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
background:#f7f7f7;
border: solid 1px #d3d3d3;
background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f7f7f7");
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f7f7f7)";
position:relative;
}
.tooltip.v2 .triangle { margin:0; position:absolute; left:50%; margin-left:-8px; width:16px; height:9px; background: url(../images/bg-tooltip-v2.gif); bottom:-9px; z-index:1;}
.tooltip > div > * + * { margin-top:5px;}
/*bullets*/
.ul li { padding-left: 34px; line-height: 16px; background-repeat: no-repeat; background-position: left top; margin-bottom:5px;}
.bullet_add li{background-image: url(../images/bullets/bullet_add.png); line-height: 18px;}
.bullet_arrow_dark li{background-image: url(../images/bullets/bullet_arrow_dark.png); line-height: 18px;}
.bullet_arrow_large li{background-image: url(../images/bullets/bullet_arrow_large.png); line-height: 18px;}
.bullet_arrow_light li{background-image: url(../images/bullets/bullet_arrow_light.png); line-height: 18px;}
.bullet_arrow_line li{background-image: url(../images/bullets/bullet_arrow_line.png); line-height: 18px;}
.bullet_arrow li{background-image: url(../images/bullets/bullet_arrow.png); line-height: 18px;}
.bullet_comment_alert li{background-image: url(../images/bullets/bullet_comment_alert.png); line-height: 18px;}
.bullet_comment li{background-image: url(../images/bullets/bullet_comment.png); line-height: 18px;}
.bullet_error_alert li{background-image: url(../images/bullets/bullet_error_alert.png); line-height: 18px;}
.bullet_error_small li{background-image: url(../images/bullets/bullet_error_small.png); line-height: 18px;}
.bullet_error li{background-image: url(../images/bullets/bullet_error.png); line-height: 18px;}
.bullet_group li{background-image: url(../images/bullets/bullet_group.png); line-height: 18px;}
.bullet_info li{background-image: url(../images/bullets/bullet_info.png); line-height: 18px;}
.bullet_marker_light li{background-image: url(../images/bullets/bullet_marker_light.png); line-height: 18px;}
.bullet_marker_dark li{background-image: url(../images/bullets/bullet_market_dark.png); line-height: 18px;}
.bullet_new li{background-image: url(../images/bullets/bullet_new.png); line-height: 18px;}
.bullet_pencil li{background-image: url(../images/bullets/bullet_pencil.png); line-height: 18px;}
.bullet_play_dark li{background-image: url(../images/bullets/bullet_play_dark.png); line-height: 18px;}
.bullet_search li{background-image: url(../images/bullets/bullet_search.png); line-height: 18px;}
.bullet_sprocket_dark li{background-image: url(../images/bullets/bullet_sprocket_dark.png); line-height: 18px;}
.bullet_sprocket_light li{background-image: url(../images/bullets/bullet_sprocket_light.png); line-height: 18px;}
.bullet_zoom li{background-image: url(../images/bullets/bullet_zoom.png); line-height: 18px;}