/* Typography Styles */
ul.bullet-1, ul.bullet-2, ul.bullet-3, ul.bullet-4, ul.bullet-5, ul.bullet-6, ul.bullet-7, ul.bullet-8 {padding-left: 15px !important;overflow: hidden;margin-left: 5px !important;}
ul.bullet-1 li,  ul.bullet-2 li, ul.bullet-3 li, ul.bullet-4 li, ul.bullet-5 li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 10px !important;}
ul.bullet-6 li, ul.bullet-7 li, ul.bullet-8 li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 22px !important;}

ul.bullet-1 li {background: url(../images/typography/bullet-1.png) 0 5px no-repeat;}
ul.bullet-2 li {background: url(../images/typography/bullet-2.png) 0 5px no-repeat;}
ul.bullet-3 li {background: url(../images/typography/bullet-3.png) 0 5px no-repeat;}
ul.bullet-4 li {background: url(../images/typography/bullet-4.png) 0 5px no-repeat;}
ul.bullet-5 li {background: url(../images/typography/bullet-5.png) 0 5px no-repeat;}
ul.bullet-6 li {background: url(../images/typography/bullet-6.png) 0 2px no-repeat;}
ul.bullet-7 li {background: url(../images/typography/bullet-7.png) 0 2px no-repeat;}
ul.bullet-8 li {background: url(../images/typography/bullet-8.png) 0 3px no-repeat;}

pre {padding: 10px;}
pre {background: #f9f9f9;border: 1px solid #ddd;}
blockquote {display: block;font-style: italic;font-size: 120%;line-height: 150%;width: auto;padding: 10px 20px 10px 20px;margin: 15px 0;}
blockquote {background: #f9f9f9;border: 1px solid #ddd;}
blockquote.blue, blockquote.red, blockquote.green, blockquote.purple, blockquote.orange, blockquote.brown, blockquote.grey {display: block;font-style: italic;font-size: 120%;line-height: 150%;width: auto;padding: 0px 20px;margin: 15px 0;border: 0;background: 0;}
blockquote.blue{color: #0D507A;}
blockquote.red{color: #D12E2E;}
blockquote.green{color: #74A824;}
blockquote.purple{color: #9E0E87;}
blockquote.orange{color: #CC8300;}
blockquote.brown{color: #8B6846;}
blockquote.grey {color: #666;}
blockquote.quotes {display: block;background: url(../images/typography/quote-start.png) 0 5px no-repeat;padding: 0px 20px 0 38px;margin: 20px 0;font-size: 120%;line-height: 150%;width: auto;color: #666;border: 0;}
blockquote.quotes p {padding: 0 38px 0 0;margin-top: 0;background: url(../images/typography/quote-end.png) 100% 100% no-repeat;}

.important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey {padding: 15px;margin: 25px 0 10px 0;position: relative;}
span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {position: absolute;display: block;top: -22px;left: 10px;padding: 3px 8px;font-size: 120%;}

.important {border: 1px solid #444;}
.important-blue {border: 1px solid #0D507A;}
.important-red {border: 1px solid #D12E2E;}
.important-green {border: 1px solid #74A824;}
.important-purple {border: 1px solid #9E0E87;}
.important-orange {border: 1px solid #CC8300;}
.important-brown {border: 1px solid #8B6846;}
.important-grey {border: 1px solid #666;}

span.important-title {background: #444;color: #fff;}
span.important-title-blue {background: #0D507A;color: #fff;}
span.important-title-red {background: #D12E2E;color: #fff;}
span.important-title-green {background: #74A824;color: #fff;}
span.important-title-purple {background: #9E0E87;color: #fff;}
span.important-title-orange {background: #CC8300;color: #fff;}
span.important-title-brown {background: #8B6846;color: #fff;}
span.important-title-grey {background: #666;color: #fff;}

span.number, span.number-blue, span.number-red, span.number-green, span.number-purple, span.number-orange, span.number-brown, span.number-grey {display: block;font-size: 170%;float: left;margin: 2px 10px 0 15px;}

span.number {color: #333;}
span.number-blue {color: #0D507A;}
span.number-red {color: #D12E2E;}
span.number-green {color: #74A824;}
span.number-purple {color: #9E0E87;}
span.number-orange {color: #CC8300;}
span.number-brown {color: #8B6846;}
span.number-grey {color: #666;}


span.highlight-title {display: block; margin: 14px 0 0 0; width: auto; background: #457AE5; color: #fff; padding: 6px 10px; font-size: 114%; line-height: 122%; /*border-bottom: 1px solid #f3f3f3;*/}
.highlight, span.highlight {display: block; margin: 0 0 6px 0; width: auto; /*background: #ddf2d4;*/ background: #f4f4f4; padding: 6px 10px!important; border: 1px dotted #ddd;}
span.lowlight {display: block; margin: 6px 0; font-size: 94%; color: #666; font-style: italic; }

/*span.highlight {display: block; background: #FFFBD5;padding: 1px 3px;}*/
span.highlight-blue {color: #0D507A;}
span.highlight-red {color: #D12E2E;}
span.highlight-green {color: #74A824;}
span.highlight-purple {color: #9E0E87;}
span.highlight-orange {color: #CC8300;}
span.highlight-brown {color: #8B6846;}
span.highlight-grey {color: #666;}
span.highlight-bold {font-weight: bold;font-size: 120%;}

span.dropcap, span.dropcap-blue, span.dropcap-red, span.dropcap-green, span.dropcap-purple, span.dropcap-orange, span.dropcap-brown, span.dropcap-grey {display: block;font-size: 260%;float: left;margin: 0px 4px 0 0;line-height: 100%;}
span.dropcap {color: #333;}
span.dropcap-blue {color: #0D507A;}
span.dropcap-red {color: #D12E2E;}
span.dropcap-green {color: #74A824;}
span.dropcap-purple {color: #9E0E87;}
span.dropcap-orange {color: #CC8300;}
span.dropcap-brown {color: #8B6846;}
span.dropcap-grey {color: #666;}

span.inset-left {display: block;padding: 15px;float: left;width: 20%;font-size: 110%;font-weight: bold;font-style: italic;}
span.inset-right {display: block;padding: 15px;float: right;width: 20%;font-size: 110%;font-weight: bold;font-style: italic;}
span.inset-left {color: #000;}
span.inset-right {color: #000;}

span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc {display: block;padding: 8px 10px 8px 36px;margin: 15px 0;}
span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../images/typography/attention.png) 10px 50% no-repeat;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(../images/typography/notice.png) 10px 50% no-repeat;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(../images/typography/alert.png) 10px 50% no-repeat;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(../images/typography/download.png) 10px 50% no-repeat;}
span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(../images/typography/approved.png) 10px 50% no-repeat;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../images/typography/media.png) 10px 50% no-repeat;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../images/typography/note.png) 10px 50% no-repeat;}
span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../images/typography/cart.png) 10px 50% no-repeat;}
span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../images/typography/camera.png) 10px 50% no-repeat;}
span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../images/typography/doc.png) 10px 50% no-repeat;}

div.number-block1, div.number-block2, div.number-block3 {padding-left: 50px;}
div.number-block1 {background: url(../images/typography/number-1.png) 0 0 no-repeat;}
div.number-block2 {background: url(../images/typography/number-2.png) 0 0 no-repeat;}
div.number-block3 {background: url(../images/typography/number-3.png) 0 0 no-repeat;}

span.subline {display: block;font-size: 90%;margin-bottom: 5px;padding: 0px;margin-top: -15px;font-weight: bold;text-transform:uppercase;}

ul.special-1, ul.special-2, ul.special-3, ul.special-4, ul.special-5, ul.special-6, ul.special-7, ul.special-8, ul.special-9, ul.special-10, ul.special-11, ul.special-12, ul.special-13, ul.special-14 {padding-left: 15px !important;overflow: hidden;margin-left: 5px !important;}
ul.special-1 li,  ul.special-2 li, ul.special-3 li, ul.special-4 li, ul.special-5 li, ul.special-6 li, ul.special-7 li, ul.special-8 li, ul.special-9 li, ul.special-10 li, ul.special-11 li, ul.special-12 li, ul.special-13 li, ul.special-14 li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 21px !important;}

ul.special-1 li {background: url(../images/typography/special-1.png) 0 1px no-repeat;}
ul.special-2 li {background: url(../images/typography/special-2.png) 0 1px no-repeat;}
ul.special-3 li {background: url(../images/typography/special-3.png) 0 1px no-repeat;}
ul.special-4 li {background: url(../images/typography/special-4.png) 0 1px no-repeat;}
ul.special-5 li {background: url(../images/typography/special-5.png) 0 1px no-repeat;}
ul.special-6 li {background: url(../images/typography/special-6.png) 0 1px no-repeat;}
ul.special-7 li {background: url(../images/typography/special-7.png) 0 1px no-repeat;}
ul.special-8 li {background: url(../images/typography/special-8.png) 0 1px no-repeat;}
ul.special-9 li {background: url(../images/typography/special-9.png) 0 1px no-repeat;}
ul.special-10 li {background: url(../images/typography/special-10.png) 0 1px no-repeat;}
ul.special-11 li {background: url(../images/typography/special-11.png) 0 1px no-repeat;}
ul.special-12 li {background: url(../images/typography/special-12.png) 0 1px no-repeat;}
ul.special-13 li {background: url(../images/typography/special-13.png) 0 1px no-repeat;}
ul.special-14 li {background: url(../images/typography/special-14.png) 0 1px no-repeat;}

#main-content .photo.left, 
#main-content .photo.right { width:auto; float:left; border: 1px solid #eee; padding: 1px; margin: 1px; margin-top: 4px; }
#main-content .photo img { margin: 1px; }
#main-content .photo div { font-size: 84%; color: #888; }

#main-content .photo.left { float: left; margin-right: 4px; }
#main-content .photo.right { float: right; margin-left: 4px; }

#main-content #yoo-zoo .accordion { clear: both; }
#main-content #yoo-zoo .accordion h2 { font-size: 14px!important; padding: 6px 10px; background: url(../images/toggle-down.png) no-repeat 98% 50% #cceeff; margin-bottom: 0 !important; cursor: pointer;}
#main-content #yoo-zoo .accordion h2:hover { background-color: #0037A6; color: #fff!important; }
#main-content #yoo-zoo .accordion h2.on { background: url(../images/toggle-up.png) no-repeat 98% 50% #0037A6; color: #fff!important; }
#main-content #yoo-zoo .accordion .pane { border: 1px solid #eee; border-bottom: 1px dashed #ddd; margin: 0 0 10px 0!important; padding: 6px; background: #f4f4f4; clear: both; }

#main-content #yoo-zoo .accordion h2.more { font-size: 12px!important; padding: 4px; background-color: #f5f5f5; color: #333!important; text-align: right; border: 1px solid #eee; padding-right: 24px; }
#main-content #yoo-zoo .accordion h2.more:hover { background-color: #f8f8f8; color: #111!important; }
#main-content #yoo-zoo .accordion h2.more.on { background-color: #fefefe; color: #111!important; border-bottom: none; }
#main-content #yoo-zoo .accordion div.pane.more { border: 1px solid #eee; background: #fdfdfd; border-top: none; margin-top: -8px; clear: both; }

/*#main-content #yoo-zoo .file.download { padding-left: 16px; background: url(../images/typography/download.png) 0 0 no-repeat;}*/

.file.download,
#main-content #yoo-zoo .file.download, 
#main-content #yoo-zoo .file.doc { display: inline-block; margin: 2px 0 1px 0; padding: 0; padding-left: 24px; background: url(../images/typography/doc_icon.png) 2px 0 no-repeat; border: none; line-height: 16px; margin-bottom: 4px; }
#main-content #yoo-zoo .file.link { display: inline-block; }

#main-content #yoo-zoo .file.doc.div2 { width: 40%; float: left; }
#main-content #yoo-zoo .file.doc.div3{ width: 28%; float: left; }

.bold { font-weight: bold; }
.clear, .clr { clear: both; }
span.right { text-align: right; }

span.nvn, span.nvv, span.nv { display: inline-block; padding: 1px; width: 80px; text-align: left; vertical-align: top; }
span.nvv { width: auto; clear: right; }
span.nv { width: auto; clear: both; }

span.width-30,
span.width-30e,
span.width-50, 
span.width-50e { display: inline-block; margin: 1px; text-align: left;}

span.width-33, span.width-33e { width: 32% !important; }
span.width-50, span.width-50e { width: 49% !important; }
span.width-100e { width: auto !important; margin: 1px; }

span.width-33e, 
span.width-50e,
span.width-100e { clear: right;}