/* # ------------------------------------------------------------------------------------------------------------------------ # Ultimatum - Premium Joomla 2.5 Template # ------------------------------------------------------------------------------------------------------------------------ # Copyright (C) 2011 Twincore All Rights Reserved. # @license - PHP files are GNU/GPL V2 bound by Proprietary License of Joomlart.com. # CSS / JS are Copyrighted Commercial, bound by Proprietary License of Twincore. # Author: Twincore # Websites: http://www.worldquests.com/supremacy # Redistribution, Modification or Re-licensing of this file in part of full, is bound by the License applied. # For details on licensing, Please Read Terms of Use at http://themeforest.net/wiki/support/legal-terms/licensing-terms/ # ----------------------------------------------------------------------------------------------------------------------- */ /* PREFORMATTED TEXT -------------------------------------------------------------*/ /* Pre, Code ---*/ pre, .code { background: url("../images/pre_bg.gif") repeat scroll left top; border-top: 1px solid #cccccc !important; border-right: 1px solid #cccccc !important; border-bottom: 1px solid #cccccc !important; border-left: 5px solid #cccccc !important; color: #697279 !important; text-shadow:none; font-family: "Courier New",Courier,monospace; font-size: 13px; line-height: 18px; margin: 10px 0 20px !important; padding: 18px 10px 17px !important; position: relative; z-index: 50; white-space: pre-line; } /* Inline Words Hilite ---*/ .highlight { background: #ffffdd; font-weight: bold; padding: 1px 5px; } /* Dropcap ---*/ .dropcap { display: block; float: left; font: 60px/40px Georgia, Times, serif; padding: 7px 8px 0 0; } /* Blockquote ---*/ blockquote { font-family: Georgia, Times, serif; font-size: 100%; } blockquote span.open { background: url(../images/so-q.png) no-repeat left top; display: inline-block; padding: 0 0 0 20px; } blockquote span.close { background: url(../images/sc-q.png) no-repeat bottom right; display: inline-block; padding: 0 20px 0 0; } /* sub & sup tags ---*/ sub, sup { color: #CC0000; font-size: 11px; font-weight: bold; } /* LIST STYLES -----------------------------------------------------------------*/ /* Special list style ---*/ ul.ja-typo-list li { background: none; margin-left: 8px; padding: 0 0 0 25px; position: relative; overflow: hidden; } ul.ja-typo-list span.icon { background-image: url(../images/icons-sprites-silk.png); /*background-image: url(../../images/icons/icons-sprites-tango.png);*/ background-repeat: no-repeat; width: 18px; height: 18px; display: block; position: absolute; top: 0; left: 0; } ul.list-arrow span.icon { background-position: left top; } ul.list-star span.icon { background-position: left -18px; } ul.list-check span.icon { background-position: left -36px; } ul.ja-unordered-list li { background: url(../images/bullet.gif) no-repeat 20px 7px; line-height: 160%; margin-bottom: 5px; overflow: hidden; padding-left: 30px; } ol.ja-ordered-list li { line-height: 180%; margin-left: 30px; } dl.ja-definition-list dt { font-weight: bold; line-height: 160%; } dl.ja-definition-list dd { margin-left: 15px; line-height: 160%; } /* Big Number ---*/ .blocknumber { position: relative; padding: 5px 0 5px 55px !important; min-height: 44px; } .blocknumber .bignumber { background-image: url(../images/blocknumber-bg.png); background-repeat: no-repeat; color: #FFFFFF; display: block; width: 44px; height: 44px; line-height: 44px !important; position: absolute; top: 0; left: 0; font: bold 20px/normal Arial, sans-serif; text-align: center; } .blocknumber-1 .bignumber { background-position: left top;} .blocknumber-2 .bignumber { background-position: left -44px;} .blocknumber-3 .bignumber { background-position: left -88px;} /* ICON STYLE -----------------------------------------------------------------*/ /* Tips, Error, Message, Hightlight ---*/ body p.ja-typo-icon { padding-left: 25px; position: relative; } body p.ja-typo-icon span.icon { /*background-image: url(../images/icons-sprites-silk.png); background-image: url(../../images/icons/icons-sprites-tango.png);*/ background-repeat: no-repeat; width: 18px; height: 18px; display: block; position: absolute; top: 2px; left: 0; } /*p.icon-error span.icon { background-position: left -54px; } p.icon-message span.icon { background-position: left -72px; } p.icon-tips span.icon { background-position: left -90px; } p.icon-key span.icon { background-position: left -108px; } p.icon-tag span.icon { background-position: left -126px;; } p.icon-cart span.icon { background-position: right -54px; } p.icon-doc span.icon { background-position: right -72px; } p.icon-note span.icon { background-position: right -90px; } p.icon-photo span.icon { background-position: right -108px; } p.icon-mobi span.icon { background-position: right -126px; }*/ body p.icon-error span.icon { background:url("../images/typo_icons/brainstorming.png") no-repeat 0 0 !important;} body p.icon-message span.icon { background:url("../images/typo_icons/flag.png") no-repeat 0 0 !important;} body p.icon-tips span.icon { background:url("../images/typo_icons/lightbulb.png") no-repeat 0 0 !important;} body p.icon-key span.icon { background:url("../images/typo_icons/administrative-docs.png") no-repeat 0 0 !important;} body p.icon-tag span.icon { background:url("../images/typo_icons/tag.png") no-repeat 0 0 !important;} body p.icon-cart span.icon { background:url("../images/typo_icons/basket.png") no-repeat 0 0 !important;} body p.icon-doc span.icon { background:url("../images/typo_icons/consulting.png") no-repeat 0 0 !important;} body p.icon-note span.icon { background:url("../images/typo_icons/pencil.png") no-repeat 0 0 !important;} body p.icon-photo span.icon { background:url("../images/typo_icons/photography.png") no-repeat 0 0 !important;} body p.icon-mobi span.icon { background:url("../images/typo_icons/phone.png") no-repeat 0 0 !important;} body p.icon-error { color: #CC0000; } body p.icon-message { color: #2C79B3; } body p.icon-tips { color: #E58C00; } /* BUBBLES -----------------------------------------------------------------*/ /* Common Style + Style 1 */ .ja-typo-bubble { margin: 20px 0; position: relative; } .ja-typo-bubblect { padding: 15px; border: 3px solid #e1dcd3; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .ja-typo-bubble p.ja-typo-bubble-meta { margin: -3px 0 0; height: 25px; padding-left: 65px; } .ja-typo-bubble span.ja-typo-bubble-author { font-weight: bold; display: block; padding-top: 5px; } .ja-typo-bubble span.ja-typo-bubble-arrow { display: block; position: absolute; bottom: 0; left: 28px; width: 25px; height: 25px; background: url(../images/bubble-arrow.png) 0 0; } /* Style 2 --- */ .bubble-2 .ja-typo-bubblect { border: 0; background: #e1dcd3; text-shadow:none; color:#554e44; } .bubble-2 span.ja-typo-bubble-arrow { background-position: -25px 0; } /* Style 3 --- */ .bubble-3 .ja-typo-bubblect { border: 3px solid #08c; } .bubble-3 span.ja-typo-bubble-arrow { background-position: 0 -25px; } /* Style 4 --- */ .bubble-4 .ja-typo-bubblect { border: 0; background: #08c; color: #fff; } .bubble-4 span.ja-typo-bubble-arrow { background-position: -25px -25px; } /* Style 5 --- */ .bubble-5 .ja-typo-bubblect { border: 3px solid #948b7c; } .bubble-5 span.ja-typo-bubble-arrow { background-position: -50px -50px; } /* Style 6 --- */ .bubble-6 .ja-typo-bubblect { border: none; background: #948b7c; color: #fff; } .bubble-6 span.ja-typo-bubble-arrow { background-position: -25px -50px; } /* Common Style for Rounded Bubbles --- */ .bubble-rounded .ja-typo-bubblect { border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; } /* MESSAGE BOXES AND LEGENDS STYLE -----------------------------------------------------------------*/ /* Box style ---*/ body p.ja-typo-box { border: 3px solid #e1dcd3; padding: 10px 10px 10px 50px; } /* Box with icons */ body p.box-download, body p.box-sticky { background-repeat: no-repeat; background-position: 10px 15px; background-color:#ffffff; } body p.box-download { background-image:url("../images/typo_icons/upcoming-work.png") !important; } body p.box-sticky { background-image:url("../images/typo_icons/comment.png") !important; } /* Box without icons - Style 1*/ body p.box-grey-1, body p.box-hilite-1 { padding: 10px 15px; } body p.box-grey-1 { background: #f7f7f7; border-color: #e1dcd3; } body p.box-hilite-1 { background: #f1f1f1; border-color: #e1dcd3; } /* Box without icons - Style 2*/ body p.box-grey-2, body p.box-hilite-2 { padding: 10px 15px; } body p.box-grey-2 { background: #f7f7f7; border-color: #e1dcd3; border-style: dotted; } body p.box-hilite-2 { background: #f1f1f1; border-color: #e1dcd3; border-style: dotted; } /* Rounded Box*/ .box-rounded { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; /*box-shadow: 0 0 3px rgba(0,0,0,.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);*/ } /* Legend ---*/ .ja-typo-legend { border: 3px solid #948b7c; margin: 20px 0; padding: 20px 15px 15px; position: relative; } .ja-typo-legend .legend-title { background: #edede4; display: block; float: left; font-family: Arial, sans-serif; font-size: 125%; font-weight: bold; left: 10px; line-height: normal; margin: 0 !important; padding: 5px !important; position: absolute; top: -17px; } .legend-1 .legend-title { color: #948b7c !important; } /* Legend Style 2 */ .legend-2 { border: 3px solid #08c; } .legend-2 .legend-title { color: #08c !important; } /* Rounded Box*/ .legend-rounded { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } /* BUTTONS --------------------------------------------------*/ /* Common Buttons Style ---*/ a.ja-typo-btn { display: block; text-decoration: none; white-space: nowrap; border: 1px solid #ccc; color: #333; text-shadow: 0 1px 2px rgba(255,255,255,.8); background: url(../images/grad-l1-trans.png) repeat-x top #ddd; /*box-shadow: 0 0 3px rgba(0,0,0,.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);*/ *box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } a.ja-typo-btn:hover, a.ja-typo-btn:active, a.ja-typo-btn:focus { border: 1px solid #aaa; background-position: bottom; color: #333; } /*Use for Demo Page Only*/ #ja-typo a.ja-typo-btn { margin: 20px 30px 10px 0; float: left; } #ja-typo a.ja-typo-btn:hover, #ja-typo a.ja-typo-btn:focus, #ja-typo a.ja-typo-btn:active { text-decoration: none; } /* Icon Buttons ---*/ a.ja-typo-btn-icn { height: 30px; color: #424141 !important; } a.ja-typo-btn-icn span { padding: 0 15px 0 34px; display: block; background-repeat: no-repeat; background-position: 10px 7px; border: 1px solid #fff; } a.btn-icn-save span { background-image: url(../images/icons/disk.png); } a.btn-icn-tip span { background-image: url(../images/icons/lightbulb.png); } a.btn-icn-info span { background-image: url(../images/icons/information.png); } a.btn-icn-ok span { background-image: url(../images/icons/tick.png); } a.btn-icn-warning span { background-image: url(../images/icons/exclamation.png); } a.ja-typo-btn-icn span span { height: auto; line-height: 28px; padding: 0; display: inline; background: none; border: none; } /* Big Buttons ----*/ a.ja-typo-btn-big { text-align: center; border: 1px solid #ccc; font-size: 125%; line-height: normal; font-weight: bold; color:#424141 !important; } a.ja-typo-btn-big span { padding: 8px 15px; border: 1px solid #fff; display: block; } /* Small Buttons --- */ a.ja-typo-btn-sm { text-align: center; border: 1px solid #ccc; font-size: 100%; line-height: normal; color:#424141 !important; } a.ja-typo-btn-sm span { padding: 5px 10px; border: 1px solid #fff; display: block; } /* Common style for Dark Buttons --- */ a.btn-blue, a.btn-red, a.btn-green, a.btn-orange, a.btn-black { background-image: url(../images/grad-d1-trans.png); color: #fff; border: 1px solid #ccc; text-shadow: 0 1px 2px rgba(0,0,0,.8); } a.btn-blue:hover, a.btn-blue:active, a.btn-blue:focus, a.btn-red:hover, a.btn-red:active, a.btn-red:focus, a.btn-green:hover, a.btn-green:active, a.btn-green:focus, a.btn-orange:hover, a.btn-orange:active, a.btn-orange:focus, a.btn-black:hover, a.btn-black:active, a.btn-black:focus { background-image: url(../images/grad-d1-trans.png); background-position: bottom; border-color: #aaa; } /* Button Blue*/ a.btn-blue { background-color: #08c; border-color: #08c; } a.btn-blue:hover, a.btn-blue:active, a.btn-blue:focus { border-color: #006ea6; color: #ffffff !important; } a.btn-blue span { border-color: #6ab9e1; color: #ffffff !important } /* Button Black*/ a.btn-black { background-color: #666; border-color: #666; } a.btn-black:hover, a.btn-black:active, a.btn-black:focus { border-color: #333; color: #ffffff !important } a.btn-black span { border-color: #999; color: #ffffff !important } /* Button green*/ a.btn-green { background-color: #669900; border-color: #669900; } a.btn-green:hover, a.btn-green:active, a.btn-green:focus { border-color: #4d7300; color: #ffffff !important } a.btn-green span { border-color: #b1cb7d; color: #ffffff !important} /* Button red*/ a.btn-red { background-color: #cc0000; border-color: #cc0000; } a.btn-red:hover, a.btn-red:active, a.btn-red:focus { border-color: #9a0000; color: #ffffff !important } a.btn-red span { border-color: #e47878; color: #ffffff !important } /* Button orange*/ a.btn-orange { background-color: #e58c00; border-color: #e58c00; } a.btn-orange:hover, a.btn-orange:active, a.btn-orange:focus { border-color: #a96700; color: #ffffff !important } a.btn-orange span { border-color: #f1c073; color: #ffffff !important } /* Common style for Rounded Buttons --- */ .btn-rounded-icn, .btn-rounded-big, .btn-rounded-sm, .btn-rounded-icn span, .btn-rounded-big span, .btn-rounded-sm span { border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; } .btn-rounded-sm, .btn-rounded-sm span { border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } /* TAGS --------------------------------------------------*/ span.ja-typo-tag { padding: 3px 12px; margin: 0 2px; display: inline-block; line-height: normal; white-space: nowrap; background: #666; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.5); } span.tag-blue { background: #08c; } span.tag-green { background: #669900; } span.tag-orange { background: #e58c00; } span.tag-red { background: #cc0000; color:#ffffff !important; } span.tag-grey { background: #ccc; color: #333; text-shadow: 0 -1px 0 rgba(255,255,255,.8); } /* Common style for Rounded Tags --- */ span.tag-rounded { border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } /* SPECIAL MODULE STYLE --------------------------------------------------*/ /* Badge ---*/ .badge { background-image: url(../images/badge.png); background-repeat: no-repeat; height: 46px; position: absolute; right: 0; width: 45px; } .badge-hot .badge { background-position: 0 0; } .badge-new .badge { background-position: 0 -46px; } .badge-pick .badge { background-position: 0 -92px; } .badge-top .badge { background-position: 0 -138px; } /*Use for Demo Page Only*/ #ja-typo .moduletable_badge { margin: 0; padding: 0; min-height: 40px; } #ja-typo .moduletable_badge .ja-box-ct { border: 3px solid #948b7c; padding: 20px; background: none; } /* FORM --------------------------------------------------*/ /* Fieldset ----*/ /* Common Style + Style 1 */ fieldset.ja-typo-fieldset { border: 3px solid #948b7c; padding: 10px 12px; } fieldset.ja-typo-fieldset legend { padding: 0 10px; } /* Style 2 */ fieldset.fieldset-2 { border: 3px solid #08c; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } fieldset.fieldset-2 legend { color: #08c; } /*Use for Demo Page Only*/ #ja-typo fieldset { margin-top: 20px; } /* TYPO PAGE LAYOUT -------------------------------------------------------------*/ .ja-typo-blockswrap { margin: 15px 0; } .ja-typo-blockrow { border-bottom: 1px solid #e1dcd3; padding: 0 0 20px; } .ja-typo-block { float: left; padding-top: 20px; } .ja-typo-blockct { padding: 0 10px; } .ja-typo-blockct { padding: 0 10px; } .ja-typo-blockswrap .cols-1 .ja-typo-block { width: 100%; float: none; } .ja-typo-blockswrap .cols-2 .ja-typo-block { width: 50%; float: left; } .ja-typo-blockswrap .cols-3 .ja-typo-block { width: 33%; float: left; } .ja-typo-blockswrap .cols-4 .ja-typo-block { width: 24.9%; float: left; } .ja-typo-blockswrap .ja-typo-block.last { float: right; } .ja-typo-blockswrap h1.ja-typo-title { font-size: 175%; padding: 14px 16px 5px; margin: 0; font-family: "Arial Narrow", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; position: relative; color: #948b7c; background:#ffffff; border-bottom: 3px solid #948b7c ; -moz-border-radius: 3px; /* FF1-3.6 */ -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ } .ja-typo-blockswrap:hover h1.ja-typo-title { border-bottom: 3px solid #f74906; color: #f74906 !important; } .ja-typo-blockswrap h2.ja-typo-title { font-size: 115%; margin: 0; padding: 0 10px; font-family: "Arial Narrow", Helvetica, Arial, sans-serif; text-transform: uppercase; } .ja-typo-blockswrap h2.ja-typo-title span { background: none; color: #948b7c; padding: 3px 10px; display: inline-block; font-weight:bold; text-shadow:none; } .ja-typo-blockswrap:hover h2.ja-typo-title span { background: none; color: #f74906; } .ja-typo-blockrow > h2.ja-typo-title { margin-bottom: -20px; margin-top: 20px; } label[for="input"] { bottom: 6px; position: relative; } label[for="radio"] { padding-left: 5px; padding-right: 10px; } label[for="checkbox"] { padding-left: 6px; padding-right: 10px; } label[for="select"] { display: inline-block; height: 17px; padding-bottom: 6px; } label[for="textarea"] { bottom: 2px; line-height: 2.2; position: relative; } /* Blockswrap Actions ---*/ .ja-typo-blocks-actions { font-size: 85%; position: absolute; right: 5px; top: 5px; color: #999; } .ja-typo-blocks-actions a { font-size: 85%; text-transform: none; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #c00; text-decoration: none; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* */ /* ULTIMATUM TYPO */ /* */ /* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*--------------------------------------------------------------------------- HIGHLIGHT----------------------- */ /* Inline Words Hilite ---*/ .highlight { background: none repeat scroll 0 0 #EDF3F9; font-weight: bold; padding: 2px 5px; color: #16171A; text-shadow: none; } .highlightBlack, .highlightBlue, .highlightRed, .highlightGreen, .highlightOrange { color:#ffffff; font-weight: normal; padding: 0 3px 1px; text-shadow:none; -moz-border-radius: 2px; /* FF1-3.6 */ -webkit-border-radius: 2px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 2px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ } .highlightBlack:hover, .highlightBlue:hover, .highlightRed:hover, .highlightGreen:hover, .highlightOrange:hover { color:#9b9181; background:none; } .highlightBlack, .highlightBlue, .highlightRed, .highlightGreen,.highlightOrange, .highlightBlack:hover, .highlightBlue:hover, .highlightRed:hover, .highlightGreen:hover, .highlightOrange:hover { -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } /*.highlightOrange { color: #554e44; font-weight: normal; padding: 0 3px 1px; text-shadow:none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }*/ .highlightBlack { background:none repeat scroll 0 0 #948b7c; } .highlightBlue { background:none repeat scroll 0 0 #00a3e0; } .highlightRed { background:none repeat scroll 0 0 #df3939; } .highlightOrange { background:none repeat scroll 0 0 #f74906; } .highlightGreen { background:none repeat scroll 0 0 #54a800; } /*----------------------------------------------------------------------------- BLOCKQUOTE ----------------------*/ blockquote { font-family: "Helvetica", Arial, sans-serif; font-size: 100%; color:#948b7c; font-style:italic ; } blockquote span.open { background: url(../images/so-q.png) no-repeat left top; display: inline-block; padding: 0 0 0 20px; } blockquote span.close { background: url(../images/sc-q.png) no-repeat bottom right; display: inline-block; padding: 0 20px 0 0; } .iblockquote, .iblockquotePullRight, .iblockquotePullLeft { background-image:url("../images/shortCodes_icons/quoteOpen.png"); background-position:10px 0; background-repeat:no-repeat; clear:both; color:#948b7c; font-style:italic; margin:0 0 20px 0; min-height:65px; padding:0 10px 0 90px !important; } blockquote.iblockquotePullRight { float:right; width:40%; } blockquote.iblockquotePullLeft { float:left; width:40%; } /* ------------------------------------------------------------------------------------- DROPCAP -------------------- */ .dropcap-1, .dropcap-2, .dropcap-3 { background-image:url("../images/shortCodes_icons/dropcap-bg.png"); text-shadow:0 1px 0 #000000; } /* --------------Dropcap - Colors----------------------- */ .dropcapRed-1, .dropcapRed-2, .dropcapRed-3, .dropcapBlue-1, .dropcapBlue-2, .dropcapBlue-3, .dropcapGreen-1, .dropcapGreen-2, .dropcapGreen-3, .dropcapOrange-1, .dropcapOrange-2, .dropcapOrange-3, .dropcap-1, .dropcap-2, .dropcap-3 { background-repeat:no-repeat; color:#FFFFFF; display:block; font-family: "Helvetica", Arial, sans-serif; font-size:20px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; height:44px; left:10px; line-height:44px !important; position:absolute; text-align:center; width:44px; } .dropcap-1, .dropcap-2, .dropcap-3 { background-image:url("../images/shortCodes_icons/dropcap-bg.png"); text-shadow:0 1px 0 #6F0D11; } .dropcap-1 { background-position:left top; } .dropcap-2 { background-position:left -44px; } .dropcap-3 { background-position:left -88px; } .dropcapRed-1, .dropcapRed-2, .dropcapRed-3 { background-image:url("../images/shortCodes_icons/dropcapRed.png"); text-shadow:0 1px 0 #6F0D11; } .dropcapRed-1 { background-position:left top; } .dropcapRed-2 { background-position:left -44px; } .dropcapRed-3 { background-position:left -88px; } .dropcapBlue-1, .dropcapBlue-2, .dropcapBlue-3 { background-image:url("../images/shortCodes_icons/dropcapBlue.png"); text-shadow:0 1px 0 #1F426F; } .dropcapBlue-1 { background-position:left top; } .dropcapBlue-2 { background-position:left -44px; } .dropcapBlue-3 { background-position:left -88px; } .dropcapGreen-1, .dropcapGreen-2, .dropcapGreen-3 { background-image:url("../images/shortCodes_icons/dropcapGreen.png"); text-shadow:0 1px 0 #0D6F0A; } .dropcapGreen-1 { background-position:left top; } .dropcapGreen-2 { background-position:left -44px; } .dropcapGreen-3 { background-position:left -88px; } .dropcapOrange-1, .dropcapOrange-2, .dropcapOrange-3 { background-image:url("../images/shortCodes_icons/dropcapOrange.png"); text-shadow:0 1px 0 #774600; } .dropcapOrange-1 { background-position:left top; } .dropcapOrange-2 { background-position:left -44px; } .dropcapOrange-3 { background-position:left -88px; } p.blockdropcap { padding:0 0 0 60px;} .blockdropcap { padding:5px 0 5px 65px !important} .dropcap { font-size:60px; line-height:40px; font-family: "Helvetica", Arial, sans-serif; color:#afa494; } p.dropcap2 { padding:0 0 0 50px;} span.dropcap2 { display:block; float:left; font-family: "Helvetica", Arial, sans-serif; font-size:5em; line-height:1em; height:61px; margin:-4px 0 0 -50px; padding-top: 8px; color:#afa494; } /*------------------------------------------------------------------------------------------ lIST STYLE -----------------*/ ul.arrowlist li { background-image:url("../images/shortCodes_icons/list-arrow.png") !important; } ul.starlist li { background-image:url("../images/shortCodes_icons/list-star.png") !important; } ul.checklist li { background-image:url("../images/shortCodes_icons/list-check.png") !important; } ul.bulletlist li { background-image:url("../images/shortCodes_icons/list-bullet.png") !important; } ul.crosslist li { background-image:url("../images/shortCodes_icons/list-cross.png") !important; } ul.addlist li { background-image:url("../images/shortCodes_icons/list-plus.png") !important; } ul.checklistGreen li { background-image:url("../images/shortCodes_icons/list-checkGreen.png") !important; } ul.crosslistRed li { background-image:url("../images/shortCodes_icons/list-crossRed.png") !important; } ul.arrowlist li, ul.starlist li, ul.checklist li, ul.bulletlist li, ul.crosslist li, ul.addlist li, ul.checklistGreen li, ul.crosslistRed li { background-position:left 0 !important; background-repeat:no-repeat !important; margin-left:8px; overflow:hidden; padding: 2px 0 2px 26px !important; position:relative; } /*------------------------------------------------------------------------------------------------ LEGEND ---------------- */ div.iLegend1 h4, div.iLegendBlack1 h4, div.iLegendBlack2 h4, div.iLegendBlue1 h4, div.iLegendBlue2 h4, div.iLegendRed1 h4, div.iLegendRed2 h4, div.iLegendOrange1 h4, div.iLegendOrange2 h4, div.iLegendGreen1 h4, div.iLegendGreen2 h4 { float:left; font-size:1.17em; font-weight:normal; left:11px; margin: -1px 0 !important; padding: 9px 15px 3px; position:relative; top:-15px; width:auto; } div.iLegend1, div.iLegendBlack1, div.iLegendBlack2, div.iLegendBlue1, div.iLegendBlue2, div.iLegendRed1, div.iLegendRed2, div.iLegendOrange1, div.iLegendOrange2, div.iLegendGreen1, div.iLegendGreen2 { margin: 45px 2px 25px; padding: 0 25px; } div.iLegend1 { background: #e1dcd3; -moz-border-radius: 3px; /* FF1-3.6 */ -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ } div.iLegendBlack1, div.iLegendBlue1, div.iLegendRed1, div.iLegendOrange1, div.iLegendGreen1 { color: #ffffff; -moz-border-radius: 3px; /* FF1-3.6 */ -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ } div.iLegendBlack1, div.iLegendBlack2 { background:#948b7c; } div.iLegendBlue1, div.iLegendBlue2 { background:#00a3e0; } div.iLegendRed1, div.iLegendRed2 { background:#df3939; } div.iLegendOrange1, div.iLegendOrange2 { background:#f74906; } div.iLegendGreen1, div.iLegendGreen2 { background:#54a800; } div.iLegendBlack2, div.iLegendBlue2, div.iLegendRed2, div.iLegendOrange2, div.iLegendGreen2 { color:#ffffff; border:1px solid #f0f0f0; -moz-border-radius: 5px; /* FF1-3.6 */ -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; } div.iLegend1 h4 { color:#948b7c !important; } div.iLegendBlack1 h4, div.iLegendBlack2 h4 {color:#555555 !important;} div.iLegendBlue1 h4, div.iLegendBlue2 h4 {color:#00a3e0 !important; } div.iLegendRed1 h4, div.iLegendRed2 h4 { color:#df3939 !important;} div.iLegendOrange1 h4, div.iLegendOrange2 h4 { color:#f74906 !important;} div.iLegendGreen1 h4, div.iLegendGreen2 h4 {color:#54a800 !important; } div.iLegend1 h4, div.iLegendBlack1 h4, div.iLegendBlue1 h4, div.iLegendRed1 h4, div.iLegendOrange1 h4, div.iLegendGreen1 h4 { background:#f3f3f3; border:1px solid #ffffff; -moz-border-radius: 5px; /* FF1-3.6 */ -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ box-shadow: 0 0 3px rgba(0,0,0,.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5); } div.iLegendBlack2 h4, div.iLegendBlue2 h4, div.iLegendRed2 h4, div.iLegendOrange2 h4, div.iLegendGreen2 h4 { background:#efefef; border:1px solid #ffffff; -moz-border-radius: 5px; /* FF1-3.6 */ -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.1) ; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.1) ; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.1) ; } div.iLegend1 p, div.iLegendBlack1 p, div.iLegendBlue1 p, div.iLegendRed1 p, div.iLegendOrange1 p, div.iLegendGreen1 p { padding: 40px 10px !important; } div.iLegendBlack2 p, div.iLegendBlue2 p, div.iLegendRed2 p, div.iLegendOrange2 p, div.iLegendGreen2 p { padding: 45px 10px 35px !important; margin:0; } /*--------------------------------------------------------------------------------------- INOTE ------------------------*/ span.iNoteBlack { background:#948b7c; } span.iNoteBlue { background:#00a3e0; } span.iNoteRed { background:#df3939; } span.iNoteOrange { background:#f74906; } span.iNoteGreen { background:#54a800; } span.iNoteBlack, span.iNoteBlue, span.iNoteRed, span.iNoteOrange, span.iNoteGreen{ display:block; margin:25px 2px 10px; padding:5px 10px; color:#ffffff; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius: 5px; border-radius: 5px; border:1px solid #f0f0f0; box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; } /* -------------------------------------------------------------------------------- ULTIMATUM BUTTON ------------------------ */ /* ----------------Special Button ------------------- */ a.specialButton ,a.specialButtonRed, a.specialButtonBlack, a.specialButtonBlue, a.specialButtonOrange, a.specialButtonGreen { background:none; border:none; display: inline-block; text-decoration: none; font-family: "Helvetica", Arial, sans-serif; font-weight: bold !important; font-size: 16px; line-height: 1; color: #ffffff !important; text-transform:none; padding:15px 0; right:-2px; border:1px solid #ffffff; box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1); -moz-border-radius: 5px; /* FF1-3.6 */ -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; text-shadow: 0 -1px 1px #222; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative; cursor: pointer; } span.specialArrow { background:url(../images/shortCodes_icons/specialbutton.png) no-repeat 92% 50%; padding: 15px 60px 15px 20px; } /*:hover.specialArrow { background:url(../images/down-arrow-icon.png) no-repeat 92% 50%; padding: 15px 60px 15px 20px; }*/ a.specialButton, a.specialButtonBlack { background:url(../images/shortCodes_icons/buttonGradient.png) repeat-x #444d55 ; } a:hover.specialButton, a:hover.specialButtonBlack { background-color: #333c44; } a.specialButtonRed { background:url(../images/shortCodes_icons/buttonGradient.png) repeat-x #df3939 ; } a:hover.specialButtonRed { background-color: #c1210f; } a.specialButtonBlue { background:url(../images/shortCodes_icons/buttonGradient.png) repeat-x #00a3e0; } a:hover.specialButtonBlue { background-color: #007ea8; } a.specialButtonOrange { background:url(../images/shortCodes_icons/buttonGradient.png) repeat-x #f74906; } a:hover.specialButtonOrange { background-color: #d63c04; } a.specialButtonGreen { background:url(../images/shortCodes_icons/buttonGradient.png) repeat-x #54a800; } a:hover.specialButtonGreen { background-color: #459D00; } /* ---------------- Button color ------------------- */ a.colorButton, a.colorButton:hover, a.colorButtonRed, a.colorButtonRed:hover, a.colorButtonBlack, a.colorButtonBlack:hover, a.colorButtonBlue, a.colorButtonBlue:hover, a.colorButtonOrange, a.colorButtonOrange:hover, a.colorButtonGreen, a.colorButtonGreen:hover { color: #ffffff !important; } .colorButton, .colorButtonBlack, .colorButtonBlue, .colorButtonOrange, .colorButtonGreen, .colorButtonRed { background:none; border:none; display: inline-block; padding: 6px 10px 5px; text-decoration: none; font-family: "Helvetica", Arial, sans-serif; font-weight: bold !important; font-size:1.0em; line-height: 1; color: #ffffff !important; text-transform:none; right:-2px; border:1px solid #ffffff; box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1); -moz-border-radius: 4px; /* FF1-3.6 */ -webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; text-shadow: 0 -1px 1px #222; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative; cursor: pointer; } .colorButton { background:url(../images/shortCodes_icons/buttonGradient.png) repeat-x #f74906; } .colorButton:hover { background-color: #d63c04; } .colorButtonRed { background:url(../images/shortCodes_icons/buttonGradient.png) repeat-x #df3939; } .colorButtonRed:hover { background-color: #c1210f; } .colorButtonBlack { background:url(../images/shortCodes_icons/buttonGradient.png) repeat-x #444d55; } .colorButtonBlack:hover { background-color: #333c44; } .colorButtonBlue { background:url(../images/shortCodes_icons/buttonGradient.png) repeat-x #00a3e0; } .colorButtonBlue:hover { background-color: #007ea8; } .colorButtonOrange { background:url(../images/shortCodes_icons/buttonGradient.png) repeat-x #f74906; } .colorButtonOrange:hover { background-color: #d63c04; } .colorButtonGreen { background:url(../images/shortCodes_icons/buttonGradient.png) repeat-x #54a800; } .colorButtonGreen:hover { background-color: #459D00; } /*------------------------------------------------------------------------------------- BOX WITH ICON ---------------------- */ div.iBoxInfo span, div.iBoxWarning span, div.iBoxCaution span, div.iBoxHelp span, div.iBoxAdd span, div.iBoxProject span, div.iBoxBusy span, div.iBoxDatabase span, div.iBoxOptions span, div.iBoxNote span, div.iBoxSecurity span, div.iBoxSystem span, div.iBoxTip span, div.iBoxTools span, div.iBoxTutorial span, div.iBoxNote span, div.iBoxLock span, div.iBoxPaypal span, div.iBoxPayment span, div.iBoxPremium span, div.iBoxTag span, div.iBoxShipping span { float:left; font-weight:normal; left:11px; margin:0 0 -10px !important; padding:0 14px; position:relative; top:-36px; width:auto; width:36px; height:46px; -moz-border-radius:5px; -webkit-border-radius: 5px; /* Saf3-4 */ border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */ } div.iBoxInfo, div.iBoxWarning, div.iBoxCaution, div.iBoxHelp, div.iBoxAdd, div.iBoxProject, div.iBoxBusy, div.iBoxDatabase, div.iBoxOptions, div.iBoxNote, div.iBoxSecurity, div.iBoxSystem, div.iBoxTip, div.iBoxTools, div.iBoxTutorial, div.iBoxNote, div.iBoxLock, div.iBoxPaypal, div.iBoxPayment, div.iBoxPremium, div.iBoxTag, div.iBoxShipping { -moz-border-radius:5px; -webkit-border-radius: 5px; /* Saf3-4 */ border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */ } div.iBoxInfo p, div.iBoxWarning p, div.iBoxCaution p, div.iBoxHelp p, div.iBoxAdd p, div.iBoxProject p, div.iBoxBusy p, div.iBoxDatabase p, div.iBoxOptions p, div.iBoxNote p, div.iBoxSecurity p, div.iBoxSystem p, div.iBoxTip p, div.iBoxTools p, div.iBoxTutorial p, div.iBoxNote p, div.iBoxLock p, div.iBoxPaypal p, div.iBoxPayment p, div.iBoxPremium p, div.iBoxTag p, div.iBoxShipping p { font-size:12px; line-height:17px; margin:25px 0 20px !important; text-indent:-67px; } div.iBoxInfo, div.iBoxWarning, div.iBoxCaution { border:1px solid #ffffff ; margin:25px 2px; padding:0 25px; color:#ffffff; box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1); } div.iBoxInfo { background:#00a3e0; } div.iBoxWarning { background:#df3939; } div.iBoxCaution { background:#f74906; } div.iBoxInfo span, div.iBoxWarning span, div.iBoxCaution span { border:3px solid #f3f3f3; box-shadow: 0 0 3px rgba(0,0,0,.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5); } div.iBoxInfo span { background:url(../images/shortCodes_icons/about.png) no-repeat center center #f3f3f3;} div.iBoxWarning span { background:url(../images/shortCodes_icons/stop.png) no-repeat center center #f3f3f3;} div.iBoxCaution span { background:url(../images/shortCodes_icons/alert.png) no-repeat center center #f3f3f3; } div.iBoxHelp, div.iBoxAdd, div.iBoxProject, div.iBoxBusy, div.iBoxDatabase, div.iBoxOptions, div.iBoxNote, div.iBoxSecurity, div.iBoxSystem, div.iBoxTip, div.iBoxTools, div.iBoxTutorial, div.iBoxNote, div.iBoxLock, div.iBoxPaypal, div.iBoxPayment, div.iBoxPremium, div.iBoxTag, div.iBoxShipping { background: #e1dcd3; border:1px solid #e1dcd3; color: #948b7c; margin:25px 0; padding:0 25px; } div.iBoxHelp span, div.iBoxAdd span, div.iBoxProject span, div.iBoxBusy span, div.iBoxDatabase span, div.iBoxOptions span, div.iBoxNote span, div.iBoxSecurity span, div.iBoxSystem span, div.iBoxTip span, div.iBoxTools span, div.iBoxTutorial span, div.iBoxNote span, div.iBoxLock span, div.iBoxPaypal span, div.iBoxPayment span, div.iBoxPremium span, div.iBoxTag span, div.iBoxShipping span { border:3px solid #f3f3f3; box-shadow: 0 0 3px rgba(0,0,0,.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5); } div.iBoxHelp span { background:url(../images/boxIcons/hire-me.png) no-repeat center center #f3f3f3;} div.iBoxAdd span { background:url(../images/boxIcons/plus.png) no-repeat center center #ffffff;} div.iBoxProject span { background:url(../images/boxIcons/project.png) no-repeat center center #ffffff;} div.iBoxBusy span { background:url(../images/boxIcons/busy.png) no-repeat center center #ffffff;} div.iBoxDatabase span { background:url(../images/boxIcons/database.png) no-repeat center center #ffffff;} div.iBoxOptions span { background:url(../images/boxIcons/finished-work.png) no-repeat center center #ffffff;} div.iBoxNote span { background:url(../images/boxIcons/order.png) no-repeat center center #ffffff;} div.iBoxSecurity span { background:url(../images/boxIcons/flag.png) no-repeat center center #ffffff;} div.iBoxSystem span { background:url(../images/boxIcons/settings.png) no-repeat center center #ffffff;} div.iBoxTip span { background:url(../images/boxIcons/lightbulb.png) no-repeat center center #ffffff;} div.iBoxTools span { background:url(../images/boxIcons/config.png) no-repeat center center #ffffff;} div.iBoxTutorial span { background:url(../images/boxIcons/milestone.png) no-repeat center center #ffffff;} div.iBoxLock span { background:url(../images/boxIcons/lock.png) no-repeat center center #ffffff;} div.iBoxPaypal span { background:url(../images/boxIcons/paypal.png) no-repeat center center #ffffff;} div.iBoxPayment span { background:url(../images/boxIcons/payment-card.png) no-repeat center center #ffffff;} div.iBoxPremium span { background:url(../images/boxIcons/premium.png) no-repeat center center #ffffff;} div.iBoxTag span { background:url(../images/boxIcons/tag.png) no-repeat center center #ffffff;} div.iBoxShipping span { background:url(../images/boxIcons/shipping.png) no-repeat center center #ffffff;} /* ----------------------------------------------------------------------------------- ACTION BUTTONS ---------------------*/ a.actionButtonBlack, a.actionButtonBlack:hover, a.actionButtonRed, a.actionButtonRed:hover, a.actionButtonBlue, a.actionButtonBlue:hover, a.actionButtonOrange, a.actionButtonOrange:hover, a.actionButtonGreen, a.actionButtonGreen:hover { color: #FFFFFF !important; } .actionButtonBlack, .actionButtonRed, .actionButtonBlue, .actionButtonOrange, .actionButtonGreen { display: inline-block; padding: 15px 15px 10px; text-decoration: none; /*font-family: "Helvetica", Arial, sans-serif;*/ font-weight: bold !important; font-size:1.5em; line-height: 1; right:-2px; position: relative; cursor: pointer; text-align:center; border:1px solid #ffffff; box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1); -moz-border-radius: 5px; /* FF1-3.6 */ -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; /* text-shadow: 0 -1px 1px #222; border-bottom: 1px solid #222; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25);*/ } .actionButtonBlack { background: #948b7c; } .actionButtonBlack:hover { background: #7f7769; } .actionButtonRed { background:#df3939; } .actionButtonRed:hover { background: #c1210f; } .actionButtonBlue { background:#00a3e0; } .actionButtonBlue:hover { background: #007ea8; } .actionButtonOrange { background:#f74906; } .actionButtonOrange:hover { background-color: #d63c04; } .actionButtonGreen { background:#54a800; } .actionButtonGreen:hover { background: #459D00; } .iconDownloadWhite { background:url("../images/shortCodes_icons/iconDownloadWhite.png") no-repeat scroll center center transparent; display:block; height:32px; margin-top:10px; margin-bottom:4px; } .iconShoppingWhite { background:url("../images/shortCodes_icons/iconShoppingWhite.png") no-repeat scroll center center transparent; display:block; height:32px; margin-top:10px; } .iconGoWhite { background:url("../images/shortCodes_icons/iconGoWhite.png") no-repeat scroll center center transparent; display:block; height:32px; margin-top:10px; margin-bottom:4px; } .iconPlusWhite { background:url("../images/shortCodes_icons/iconPlusWhite.png") no-repeat scroll center center transparent; display:block; height:32px; margin-top:10px; margin-bottom:4px; } .subTextLink, .subTextLinkWhite { display:block; font-size:0.58em; padding: 5px 0 10px; text-align: center; } .subTextLinkWhite, .subTextLink { background:url(../images/shadowLineAction.png) repeat-x left bottom; } /*-------------------------------------------------------------------------------------------------- TABLE STYLE ---------------*/ /*---------------- Table Style 1 : Horizontal Zebra color ------------------- */ #horizontalZebraColor thead tr th, #horizontalZebraColor tr th { background: none repeat scroll 0 0 #e1dcd3; border-bottom: 1px solid #ffffff; } #horizontalZebraColor { font-family: "Helvetica", Arial, sans-serif font-size: 12px; text-align: left; border-collapse: collapse; border:1px solid #ffffff !important; box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; -moz-border-radius: 2px; /* FF1-3.6 */ -webkit-border-radius: 2px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 2px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ } #horizontalZebraColor th { font-size: 14px; font-weight: normal; padding: 20px 8px; color: #948b7c; } #horizontalZebraColor td { padding: 8px; color: #948b7c; text-shadow:none; } #horizontalZebraColor .oddRow { background:#f3f3f3 !important; } #horizontalZebraColor tr:hover td { background:#e1dcd3; color: #948b7c; } /*--------------------- Table Style 2 : Vertical Zebra color ---------------*/ #verticalZebraColor { font-family: "Helvetica", Arial, sans-serif font-size: 12px; text-align: left; border-collapse: collapse; border:1px solid #ffffff; box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; -moz-border-radius: 2px; /* FF1-3.6 */ -webkit-border-radius: 2px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 2px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ } #verticalZebraColor th { font-size: 17px; font-weight: normal; padding: 20px 15px; color: #948b7c; } #verticalZebraColor td { padding: 8px 15px; /*border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;*/ color: #948b7c; text-shadow:none; } #verticalZebraColor thead tr th {border-bottom:1px solid #ffffff; } .verticalZebraColor-odd { background: #efece6; } .verticalZebraColor-even { background: #f3f3f3; } #verticalZebraColor #verticalZebraColor-even { background: #f3f3f3; color:#948b7c; } #verticalZebraColor #verticalZebraColor-odd { background:#efece6; /*border-bottom: 1px solid #E0E1E7; text-shadow:0 1px 0 #545454;*/ } #verticalZebraColor tr:hover td { color: #948b7c; } /*----------- Table Style 3: One Column Emphasis ------------------- */ #oneColumnColor thead tr th { background: none; border-bottom:none; } #oneColumnColor { font-family: "Helvetica", Arial, sans-serif font-size: 12px; text-align: left; border-collapse: collapse; background:#f3f3f3; /*border:1px solid #ceff9e !important;*/ border:1px solid #ffffff !important; box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; -moz-border-radius: 2px; /* FF1-3.6 */ -webkit-border-radius: 2px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 2px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ } #oneColumnColor th { font-size: 20px; font-weight: normal; padding: 15px; color: #948b7c; } #oneColumnColor td { padding: 10px 15px; color: #948b7c; } .firstColumn { background: none repeat scroll 0 0 #e1dcd3; /*border-bottom: 1px solid #ceff9e; border-left: 1px solid #ceff9e; border-top: 1px solid #ceff9e;*/ } .firstColumnSet { color:#948b7c !important; /*text-shadow:0 1px 0 #ffffff;*/ border-bottom:none; } #oneColumnColor tr:hover td { color: #948b7c !important; /*background:url(../images/blackTrans20.png) repeat 0 0; background:rgba(0, 0, 0, 0.2);*/ background:#efece6; text-shadow:none !important; } /*------------------------------------------------------------------------------------------------------------ PRICING BOX -----------------------*/ #pricingTable,#pricingTableBestValue, #pricingTableMulti1, #pricingTableMulti2, #pricingTableMulti3,#pricingTableMulti4, #pricingTableMulti5, #pricingTableRed,#pricingTableRedBestValue, #pricingTableRedMulti1, #pricingTableRedMulti2, #pricingTableRedMulti3,#pricingTableRedMulti4, #pricingTableRedMulti5, #pricingTableBlue,#pricingTableBlueBestValue ,#pricingTableBlueMulti1,#pricingTableBlueMulti2, #pricingTableBlueMulti3, #pricingTableBlueMulti4, #pricingTableBlueMulti5, #pricingTableGreen,#pricingTableGreenBestValue,#pricingTableGreenMulti1,#pricingTableGreenMulti2,#pricingTableGreenMulti3,#pricingTableGreenMulti4,#pricingTableGreenMulti5, #pricingTableOrange,#pricingTableOrangeBestValue,#pricingTableOrangeMulti1,#pricingTableOrangeMulti2, #pricingTableOrangeMulti3, #pricingTableOrangeMulti4,#pricingTableOrangeMulti5 { font-family: "Helvetica", Myriad Pro, Arial, Tahoma, sans-serif; font-size: 28px; line-height: 33px; border:1px solid #ffffff !important; box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) ; color: #948b7c; } #pricingTable,#pricingTableBestValue, #pricingTableMulti1, #pricingTableMulti2, #pricingTableMulti3,#pricingTableMulti4, #pricingTableMulti5, #pricingTableRed,#pricingTableRedBestValue, #pricingTableRedMulti1, #pricingTableRedMulti2, #pricingTableRedMulti3,#pricingTableRedMulti4, #pricingTableRedMulti5, #pricingTableBlue,#pricingTableBlueBestValue ,#pricingTableBlueMulti1,#pricingTableBlueMulti2, #pricingTableBlueMulti3, #pricingTableBlueMulti4, #pricingTableBlueMulti5, #pricingTableGreen,#pricingTableGreenBestValue,#pricingTableGreenMulti1,#pricingTableGreenMulti2,#pricingTableGreenMulti3,#pricingTableGreenMulti4,#pricingTableGreenMulti5, #pricingTableOrange,#pricingTableOrangeBestValue,#pricingTableOrangeMulti1,#pricingTableOrangeMulti2, #pricingTableOrangeMulti3, #pricingTableOrangeMulti4,#pricingTableOrangeMulti5, #pricingTableRed:hover, #pricingTableRedMulti1:hover, #pricingTableRedMulti2:hover, #pricingTableRedMulti3:hover,#pricingTableRedMulti4:hover, #pricingTableRedMulti5:hover{ -webkit-transition: color 2s ease 0s; -moz-transition: color 2s ease 0s; -o-transition: color 2s ease 0s; transition: color 2s ease 0s; -webkit-transition: background-color 2s ease 0s; -moz-transition: background-color 2s ease 0s; -o-transition: background-color 2s ease 0s; transition: background-color 2s ease 0s; } #pricingTable, #pricingTableMulti1, #pricingTableMulti2, #pricingTableMulti3,#pricingTableMulti4, #pricingTableMulti5, #pricingTableRed, #pricingTableRedMulti1, #pricingTableRedMulti2, #pricingTableRedMulti3,#pricingTableRedMulti4, #pricingTableRedMulti5, #pricingTableBlue,#pricingTableBlueMulti1,#pricingTableBlueMulti2, #pricingTableBlueMulti3, #pricingTableBlueMulti4, #pricingTableBlueMulti5, #pricingTableGreen,#pricingTableGreenMulti1,#pricingTableGreenMulti2,#pricingTableGreenMulti3,#pricingTableGreenMulti4,#pricingTableGreenMulti5, #pricingTableOrange,#pricingTableOrangeMulti1,#pricingTableOrangeMulti2, #pricingTableOrangeMulti3, #pricingTableOrangeMulti4,#pricingTableOrangeMulti5 { background:none repeat scroll 0 0 #F8F8F4; margin-top:60px; } #pricingTable:hover, #pricingTableMulti1:hover, #pricingTableMulti2:hover, #pricingTableMulti3:hover,#pricingTableMulti4:hover, #pricingTableMulti5:hover, #pricingTableRed:hover, #pricingTableRedMulti1:hover, #pricingTableRedMulti2:hover, #pricingTableRedMulti3:hover,#pricingTableRedMulti4:hover, #pricingTableRedMulti5:hover, #pricingTableBlue:hover,#pricingTableBlueMulti1:hover,#pricingTableBlueMulti2:hover, #pricingTableBlueMulti3:hover, #pricingTableBlueMulti4:hover, #pricingTableBlueMulti5:hover, #pricingTableGreen:hover,#pricingTableGreenMulti1:hover,#pricingTableGreenMulti2:hover,#pricingTableGreenMulti3:hover,#pricingTableGreenMulti4:hover,#pricingTableGreenMulti5:hover, #pricingTableOrange:hover,#pricingTableOrangeMulti1:hover,#pricingTableOrangeMulti2:hover, #pricingTableOrangeMulti3:hover, #pricingTableOrangeMulti4:hover,#pricingTableOrangeMulti5:hover { background:none repeat scroll 0 0 #ffffff; margin-top:60px; } #pricingTableBestValue, #pricingTableRedBestValue, #pricingTableBlueBestValue, #pricingTableGreenBestValue, #pricingTableOrangeBestValue { background:none repeat scroll 0 0 #ffffff; margin:20px 0; } .pricing { display: block; text-align: center; } .category { background:#948b7c;} #pricingTableBestValue .category, #pricingTable:hover .category, #pricingTableMulti1:hover .category, #pricingTableMulti2:hover .category, #pricingTableMulti3:hover .category,#pricingTableMulti4:hover .category, #pricingTableMulti5:hover .category { background:none repeat scroll 0 0 #f74906; } #pricingTableRedBestValue .category, #pricingTableRed:hover .category, #pricingTableRedMulti1:hover .category, #pricingTableRedMulti2:hover .category, #pricingTableRedMulti3:hover .category,#pricingTableRedMulti4:hover .category, #pricingTableRedMulti5:hover .category { background:none repeat scroll 0 0 #DF3939; } #pricingTableBlueBestValue .category, #pricingTableBlue:hover .category, #pricingTableBlueMulti1:hover .category, #pricingTableBlueMulti2:hover .category, #pricingTableBlueMulti3:hover .category,#pricingTableBlueMulti4:hover .category, #pricingTableBlueMulti5:hover .category { background:none repeat scroll 0 0 #00a3e0; } #pricingTableGreenBestValue .category, #pricingTableGreen:hover .category, #pricingTableGreenMulti1:hover .category, #pricingTableGreenMulti2:hover .category, #pricingTableGreenMulti3:hover .category,#pricingTableGreenMulti4:hover .category, #pricingTableGreenMulti5:hover .category { background:none repeat scroll 0 0 #54A800; } #pricingTableOrangeBestValue .category, #pricingTableOrange:hover .category, #pricingTableOrangeMulti1:hover .category, #pricingTableOrangeMulti2:hover .category, #pricingTableOrangeMulti3:hover .category,#pricingTableOrangeMulti4:hover .category, #pricingTableOrangeMulti5:hover .category { background:none repeat scroll 0 0 #f74906; } #pricingTableBestValue .category, #pricingTableRedBestValue .category, #pricingTableBlueBestValue .category, #pricingTableGreenBestValue .category,#pricingTableOrangeBestValue .category { padding: 20px 0; } .category h3 { color: #ffffff !important; margin: 0; padding: 10px 0; } .priceWrap, .priceWrapRed, .priceWrapBlue, .priceWrapGreen, .priceWrapOrange { display: block; height: 100px; padding-bottom: 10px; padding-top: 10px; position: relative; } .priceWrap { border-bottom: 4px solid #f74906; } .priceWrapRed { border-bottom: 4px solid #DF3939; } .priceWrapBlue { border-bottom: 4px solid #00a3e0; } .priceWrapGreen { border-bottom: 4px solid #54A800; } .priceWrapOrange { border-bottom: 4px solid #f74906; } .twoDigit,.fourDigit,.threeDigit,.fourDigit,.fiveDigit { margin: 16px auto; } .twoDigit { width: 155px;} .threeDigit { width: 170px;} .fourDigit { width: 190px;} .fiveDigit { width: 220px;} span.currency { float: left; font-size: 32px; margin: 1px 5px 1px 10px; position: relative; top: 18px; } span.value { position: relative; top:5px; } .priceWrap h2,.priceWrapRed h2,.priceWrapBlue h2,.priceWrapGreen h2,.priceWrapOrange h2 { font-family: "Helvetica", Myriad Pro, Arial, Tahoma, sans-serif; font-size: 40px; line-height: 57px; margin: 0; padding: 1px 0 0; float: left; } span.period { float: left; margin: 0 0 0 5px; position: relative; top: 24px; font-size: 20px; } .priceWrap h2,.priceWrapRed h2,.priceWrapBlue h2,.priceWrapGreen h2,.priceWrapOrange h2, span.currency, span.value, span.period { color:#948b7c; } #pricingTableMulti1:hover .priceWrap h2,#pricingTableMulti1:hover span.currency, #pricingTableMulti1:hover span.value, #pricingTableMulti1:hover span.period, #pricingTableMulti2:hover .priceWrap h2,#pricingTableMulti2:hover span.currency, #pricingTableMulti2:hover span.value, #pricingTableMulti2:hover span.period, #pricingTableMulti3:hover .priceWrap h2,#pricingTableMulti3:hover span.currency, #pricingTableMulti3:hover span.value, #pricingTableMulti3:hover span.period, #pricingTableMulti4:hover .priceWrap h2,#pricingTableMulti4:hover span.currency, #pricingTableMulti4:hover span.value, #pricingTableMulti4:hover span.period, #pricingTableMulti5:hover .priceWrap h2,#pricingTableMulti5:hover span.currency, #pricingTableMulti5:hover span.value, #pricingTableMulti5:hover span.period, #pricingTable:hover .priceWrap h2,#pricingTable:hover span.currency, #pricingTable:hover span.value, #pricingTable:hover span.period, #pricingTableBestValue .priceWrap h2, #pricingTableBestValue span.currency, #pricingTableBestValue span.value,#pricingTableBestValue span.period { color:#f74906; } #pricingTableRedMulti1:hover .priceWrapRed h2,#pricingTableRedMulti1:hover span.currency, #pricingTableRedMulti1:hover span.value, #pricingTableRedMulti1:hover span.period, #pricingTableRedMulti2:hover .priceWrapRed h2,#pricingTableRedMulti2:hover span.currency, #pricingTableRedMulti2:hover span.value, #pricingTableRedMulti2:hover span.period, #pricingTableRedMulti3:hover .priceWrapRed h2,#pricingTableRedMulti3:hover span.currency, #pricingTableRedMulti3:hover span.value, #pricingTableRedMulti3:hover span.period, #pricingTableRedMulti4:hover .priceWrapRed h2,#pricingTableRedMulti4:hover span.currency, #pricingTableRedMulti4:hover span.value, #pricingTableRedMulti4:hover span.period, #pricingTableRedMulti5:hover .priceWrapRed h2,#pricingTableRedMulti5:hover span.currency, #pricingTableRedMulti5:hover span.value, #pricingTableRedMulti5:hover span.period, #pricingTableRed:hover .priceWrapRed h2,#pricingTableRed:hover span.currency, #pricingTableRed:hover span.value, #pricingTableRed:hover span.period, #pricingTableRedBestValue .priceWrapRed h2, #pricingTableRedBestValue span.currency, #pricingTableRedBestValue span.value,#pricingTableRedBestValue span.period { color:#df3939; } #pricingTableBlueMulti1:hover .priceWrapRed h2,#pricingTableBlueMulti1:hover span.currency, #pricingTableBlueMulti1:hover span.value, #pricingTableBlueMulti1:hover span.period, #pricingTableBlueMulti2:hover .priceWrapRed h2,#pricingTableBlueMulti2:hover span.currency, #pricingTableBlueMulti2:hover span.value, #pricingTableBlueMulti2:hover span.period, #pricingTableBlueMulti3:hover .priceWrapRed h2,#pricingTableBlueMulti3:hover span.currency, #pricingTableBlueMulti3:hover span.value, #pricingTableBlueMulti3:hover span.period, #pricingTableBlueMulti4:hover .priceWrapRed h2,#pricingTableBlueMulti4:hover span.currency, #pricingTableBlueMulti4:hover span.value, #pricingTableBlueMulti4:hover span.period, #pricingTableBlueMulti5:hover .priceWrapRed h2,#pricingTableBlueMulti5:hover span.currency, #pricingTableBlueMulti5:hover span.value, #pricingTableBlueMulti5:hover span.period, #pricingTableBlue:hover .priceWrapRed h2,#pricingTableBlue:hover span.currency, #pricingTableBlue:hover span.value, #pricingTableBlue:hover span.period, #pricingTableBlueBestValue .priceWrapRed h2, #pricingTableBlueBestValue span.currency, #pricingTableBlueBestValue span.value,#pricingTableBlueBestValue span.period { color:#00a3e0; } #pricingTableGreenMulti1:hover .priceWrapRed h2,#pricingTableGreenMulti1:hover span.currency, #pricingTableGreenMulti1:hover span.value, #pricingTableGreenMulti1:hover span.period, #pricingTableGreenMulti2:hover .priceWrapRed h2,#pricingTableGreenMulti2:hover span.currency, #pricingTableGreenMulti2:hover span.value, #pricingTableGreenMulti2:hover span.period, #pricingTableGreenMulti3:hover .priceWrapRed h2,#pricingTableGreenMulti3:hover span.currency, #pricingTableGreenMulti3:hover span.value, #pricingTableGreenMulti3:hover span.period, #pricingTableGreenMulti4:hover .priceWrapRed h2,#pricingTableGreenMulti4:hover span.currency, #pricingTableGreenMulti4:hover span.value, #pricingTableGreenMulti4:hover span.period, #pricingTableGreenMulti5:hover .priceWrapRed h2,#pricingTableGreenMulti5:hover span.currency, #pricingTableGreenMulti5:hover span.value, #pricingTableGreenMulti5:hover span.period, #pricingTableGreen:hover .priceWrapRed h2,#pricingTableGreen:hover span.currency, #pricingTableGreen:hover span.value, #pricingTableGreen:hover span.period, #pricingTableGreenBestValue .priceWrapRed h2, #pricingTableGreenBestValue span.currency, #pricingTableGreenBestValue span.value,#pricingTableGreenBestValue span.period { color:#54A800; } #pricingTableOrangeMulti1:hover .priceWrapRed h2,#pricingTableOrangeMulti1:hover span.currency, #pricingTableOrangeMulti1:hover span.value, #pricingTableOrangeMulti1:hover span.period, #pricingTableOrangeMulti2:hover .priceWrapRed h2,#pricingTableOrangeMulti2:hover span.currency, #pricingTableOrangeMulti2:hover span.value, #pricingTableOrangeMulti2:hover span.period, #pricingTableOrangeMulti3:hover .priceWrapRed h2,#pricingTableOrangeMulti3:hover span.currency, #pricingTableOrangeMulti3:hover span.value, #pricingTableOrangeMulti3:hover span.period, #pricingTableOrangeMulti4:hover .priceWrapRed h2,#pricingTableOrangeMulti4:hover span.currency, #pricingTableOrangeMulti4:hover span.value, #pricingTableOrangeMulti4:hover span.period, #pricingTableOrangeMulti5:hover .priceWrapRed h2,#pricingTableOrangeMulti5:hover span.currency, #pricingTableOrangeMulti5:hover span.value, #pricingTableOrangeMulti5:hover span.period, #pricingTableOrange:hover .priceWrapRed h2,#pricingTableOrange:hover span.currency, #pricingTableOrange:hover span.value, #pricingTableOrange:hover span.period, #pricingTableOrangeBestValue .priceWrapRed h2, #pricingTableOrangeBestValue span.currency, #pricingTableOrangeBestValue span.value,#pricingTableOrangeBestValue span.period { color:#f74906; } .pricingDescription { background-color: #FFFFFF; clear: both; padding: 20px 0 0; } .pricingDescription ul { font-size: 13px; margin: 0 auto; padding: 0 15px 0 5px !important; text-align: center; } .pricingDescription ul li { background-position: -3px 7px !important; line-height: 150% !important; min-height: 18px; padding: 8px 0 8px 25px !important; text-align: left !important; } .pricingDescription li { list-style: none outside none; } .pricingButton { padding: 30px 0; } #pricingTableBestValue .pricingButton, #pricingTableRedBestValue .pricingButton, #pricingTableBlueBestValue .pricingButton, #pricingTableGreenBestValue .pricingButton, #pricingTableOrangeBestValue .pricingButton { padding: 30px 0 50px; } .pricingButton a.colorButton, .pricingButton a.colorButtonRed, .pricingButton a.colorButtonBlue, .pricingButton a.colorButtonGreen, .pricingButton a.colorButtonOrange { font-size:20px; font-weight:normal !important; } /*------------------------------------------------------------------------- IMAGE BOX - SHORTCODES--------------------- */ .imageBox { background: none repeat scroll 0 0 #0A0B0F; display: block; float: left; overflow: hidden; position: relative; margin:7px !important; } .imageBox img{ margin: 0; padding: 0; } .imageBox p{ padding: 0 10px; color:#111111; font-weight:bold; } .caption{ float: left; position: absolute; background: #ffffff; height: 100%; width: 100%; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } #borderImage .caption h3{ padding:20px; } #borderImage .caption p{ padding:20px; border:none; } /*------------------------------------------------------------------------- IMAGE BORDER - SHORTCODES--------------------- */ #borderImage { background: none repeat scroll 0 0 #ffffff; display: block; border: 1px solid #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 0; float:left; margin:5px; } #borderImage, #borderImage:hover { -webkit-box-shadow:0 0 2px 3px #F4F4F4 inset, 0 0 0 1px #D4D4D4; -moz-box-shadow:0 0 2px 3px #F4F4F4 inset, 0 0 0 1px #D4D4D4; box-shadow: 0 0 2px 3px #F4F4F4 inset, 0 0 0 1px #D4D4D4; } #borderImage p { border: none; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px 4px 4px 4px; margin: 0; padding: 7px; } #borderImage a { display:block; color:#888888; padding:0; text-decoration:none; } #borderImage a:hover { text-decoration:underline; } #borderImage img { margin: 0; padding: 0; } #rightposition { float:right; } /*---------------------------IMAGE AND VIDEO HOVER WITH LIGHTBOX EFFECT STYLE--------------------- */ #fadehovereffect, #fadehovereffect1, #fadehovereffect2, #fadehovereffect3, #fadehovereffect4, #fadehovereffect5, #fadehovereffect6, #fadehovereffect7, #fadehovereffect8, #fadehovereffect9, #fadehovereffect10, #fadehovereffect11, #fadehovereffect12, #fadehovereffect13, #fadehovereffect14, #fadehovereffect15, #fadehovereffect16, #fadehovereffect17, #fadehovereffect18, #fadehovereffect19, #fadehovereffect20, #fadehovereffect21, #fadehovereffect22, #fadehovereffect23, #fadehovereffect24, #fadehovereffect25, #fadehovereffect26, #fadehovereffect27, #fadehovereffect28, #fadehovereffect29, #fadehovereffect30, #fadehovereffect31, #fadehovereffect32, #fadehovereffect33, #fadehovereffect34, #fadehovereffect35, #fadehovereffect36, #fadehovereffect37, #fadehovereffect38, #fadehovereffect39, #fadehovereffect40, #fadehovereffect41, #fadehovereffect42, #fadehovereffect43, #fadehovereffect44, #fadehovereffect45, #fadehovereffect46, #fadehovereffect47, #fadehovereffect48, #fadehovereffect49, #fadehovereffect50 { background: none repeat scroll 0 0 #ffffff; display: block; border: 1px solid #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 0; float:left; margin:5px; position: relative; } #fadehovereffect, #fadehovereffect1, #fadehovereffect2, #fadehovereffect3, #fadehovereffect4, #fadehovereffect5, #fadehovereffect6, #fadehovereffect7, #fadehovereffect8, #fadehovereffect9, #fadehovereffect10, #fadehovereffect11, #fadehovereffect12, #fadehovereffect13, #fadehovereffect14, #fadehovereffect15, #fadehovereffect16, #fadehovereffect17, #fadehovereffect18, #fadehovereffect19, #fadehovereffect20, #fadehovereffect21, #fadehovereffect22, #fadehovereffect23, #fadehovereffect24, #fadehovereffect25, #fadehovereffect26, #fadehovereffect27, #fadehovereffect28, #fadehovereffect29, #fadehovereffect30, #fadehovereffect31, #fadehovereffect32, #fadehovereffect33, #fadehovereffect34, #fadehovereffect35, #fadehovereffect36, #fadehovereffect37, #fadehovereffect38, #fadehovereffect39, #fadehovereffect40, #fadehovereffect41, #fadehovereffect42, #fadehovereffect43, #fadehovereffect44, #fadehovereffect45, #fadehovereffect46, #fadehovereffect47, #fadehovereffect48, #fadehovereffect49, #fadehovereffect50, #fadehovereffect:hover, #fadehovereffect1:hover, #fadehovereffect2:hover, #fadehovereffect3:hover, #fadehovereffect4:hover, #fadehovereffect5:hover, #fadehovereffect6:hover, #fadehovereffect7:hover, #fadehovereffect8:hover, #fadehovereffect9:hover, #fadehovereffect10:hover, #fadehovereffect11:hover, #fadehovereffect12:hover, #fadehovereffect13:hover, #fadehovereffect14:hover, #fadehovereffect15:hover, #fadehovereffect16:hover, #fadehovereffect17:hover, #fadehovereffect18:hover, #fadehovereffect19:hover, #fadehovereffect20:hover, #fadehovereffect21:hover, #fadehovereffect22:hover, #fadehovereffect23:hover, #fadehovereffect24:hover, #fadehovereffect25:hover, #fadehovereffect26:hover, #fadehovereffect27:hover, #fadehovereffect28:hover, #fadehovereffect29:hover, #fadehovereffect30:hover, #fadehovereffect31:hover, #fadehovereffect32:hover, #fadehovereffect33:hover, #fadehovereffect34:hover, #fadehovereffect35:hover, #fadehovereffect36:hover, #fadehovereffect37:hover, #fadehovereffect38:hover, #fadehovereffect39:hover, #fadehovereffect40:hover, #fadehovereffect41:hover, #fadehovereffect42:hover, #fadehovereffect43:hover, #fadehovereffect44:hover, #fadehovereffect45:hover, #fadehovereffect46:hover, #fadehovereffect47:hover, #fadehovereffect48:hover, #fadehovereffect49:hover, #fadehovereffect50:hover { -webkit-box-shadow:0 0 2px 3px #F4F4F4 inset, 0 0 0 1px #D4D4D4; -moz-box-shadow:0 0 2px 3px #F4F4F4 inset, 0 0 0 1px #D4D4D4; box-shadow: 0 0 2px 3px #F4F4F4 inset, 0 0 0 1px #D4D4D4; } #fadehovereffect p.lightbox, #fadehovereffect1 p.lightbox, #fadehovereffect2 p.lightbox, #fadehovereffect3 p.lightbox, #fadehovereffect4 p.lightbox, #fadehovereffect5 p.lightbox, #fadehovereffect6 p.lightbox, #fadehovereffect7 p.lightbox, #fadehovereffect8 p.lightbox, #fadehovereffect9 p.lightbox, #fadehovereffect10 p.lightbox, #fadehovereffect11 p.lightbox, #fadehovereffect12 p.lightbox, #fadehovereffect13 p.lightbox, #fadehovereffect14 p.lightbox, #fadehovereffect15 p.lightbox, #fadehovereffect16 p.lightbox, #fadehovereffect17 p.lightbox, #fadehovereffect18 p.lightbox, #fadehovereffect19 p.lightbox, #fadehovereffect20 p.lightbox, #fadehovereffect21 p.lightbox, #fadehovereffect22 p.lightbox, #fadehovereffect23 p.lightbox, #fadehovereffect24 p.lightbox, #fadehovereffect25 p.lightbox, #fadehovereffect26 p.lightbox, #fadehovereffect27 p.lightbox, #fadehovereffect28 p.lightbox, #fadehovereffect29 p.lightbox, #fadehovereffect30 p.lightbox, #fadehovereffect31 p.lightbox, #fadehovereffect32 p.lightbox, #fadehovereffect33 p.lightbox, #fadehovereffect34 p.lightbox, #fadehovereffect35 p.lightbox, #fadehovereffect36 p.lightbox, #fadehovereffect37 p.lightbox, #fadehovereffect38 p.lightbox, #fadehovereffect39 p.lightbox, #fadehovereffect40 p.lightbox, #fadehovereffect41 p.lightbox, #fadehovereffect42 p.lightbox, #fadehovereffect43 p.lightbox, #fadehovereffect44 p.lightbox, #fadehovereffect45 p.lightbox, #fadehovereffect46 p.lightbox, #fadehovereffect47 p.lightbox, #fadehovereffect48 p.lightbox, #fadehovereffect49 p.lightbox, #fadehovereffect50 p.lightbox { border: none; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px 4px 4px 4px; margin: 0; padding: 7px; } #fadehovereffect a.imageZoom, #fadehovereffect a.videoZoom, #fadehovereffect1 a.imageZoom, #fadehovereffect1 a.videoZoom, #fadehovereffect2 a.imageZoom, #fadehovereffect2 a.videoZoom, #fadehovereffect3 a.imageZoom, #fadehovereffect3 a.videoZoom, #fadehovereffect4 a.imageZoom, #fadehovereffect4 a.videoZoom, #fadehovereffect5 a.imageZoom, #fadehovereffect5 a.videoZoom, #fadehovereffect6 a.imageZoom, #fadehovereffect6 a.videoZoom, #fadehovereffect7 a.imageZoom, #fadehovereffect7 a.videoZoom, #fadehovereffect8 a.imageZoom, #fadehovereffect8 a.videoZoom, #fadehovereffect9 a.imageZoom, #fadehovereffect9 a.videoZoom, #fadehovereffect10 a.imageZoom, #fadehovereffect10 a.videoZoom, #fadehovereffect11 a.imageZoom, #fadehovereffect11 a.videoZoom, #fadehovereffect12 a.imageZoom, #fadehovereffect12 a.videoZoom, #fadehovereffect13 a.imageZoom, #fadehovereffect13 a.videoZoom, #fadehovereffect14 a.imageZoom, #fadehovereffect14 a.videoZoom, #fadehovereffect15 a.imageZoom, #fadehovereffect15 a.videoZoom, #fadehovereffect16 a.imageZoom,#fadehovereffect16 a.videoZoom, #fadehovereffect17 a.imageZoom, #fadehovereffect17 a.videoZoom, #fadehovereffect18 a.imageZoom, #fadehovereffect18 a.videoZoom, #fadehovereffect19 a.imageZoom, #fadehovereffect19 a.videoZoom, #fadehovereffect20 a.imageZoom, #fadehovereffect20 a.videoZoom, #fadehovereffect21 a.imageZoom, #fadehovereffect21 a.videoZoom, #fadehovereffect22 a.imageZoom, #fadehovereffect22 a.videoZoom, #fadehovereffect23 a.imageZoom, #fadehovereffect23 a.videoZoom, #fadehovereffect24 a.imageZoom, #fadehovereffect24 a.videoZoom, #fadehovereffect25 a.imageZoom, #fadehovereffect25 a.videoZoom, #fadehovereffect26 a.imageZoom, #fadehovereffect26 a.videoZoom, #fadehovereffect27 a.imageZoom, #fadehovereffect27 a.videoZoom, #fadehovereffect28 a.imageZoom, #fadehovereffect28 a.videoZoom, #fadehovereffect29 a.imageZoom, #fadehovereffect29 a.videoZoom, #fadehovereffect30 a.imageZoom, #fadehovereffect30 a.videoZoom, #fadehovereffect31 a.imageZoom, #fadehovereffect31 a.videoZoom, #fadehovereffect32 a.imageZoom, #fadehovereffect32 a.videoZoom, #fadehovereffect33 a.imageZoom, #fadehovereffect33 a.videoZoom, #fadehovereffect34 a.imageZoom, #fadehovereffect34 a.videoZoom, #fadehovereffect35 a.imageZoom, #fadehovereffect35 a.videoZoom, #fadehovereffect36 a.imageZoom,#fadehovereffect36 a.videoZoom, #fadehovereffect37 a.imageZoom, #fadehovereffect37 a.videoZoom, #fadehovereffect38 a.imageZoom, #fadehovereffect38 a.videoZoom, #fadehovereffect39 a.imageZoom, #fadehovereffect39 a.videoZoom, #fadehovereffect40 a.imageZoom, #fadehovereffect40 a.videoZoom, #fadehovereffect41 a.imageZoom, #fadehovereffect41 a.videoZoom, #fadehovereffect42 a.imageZoom, #fadehovereffect42 a.videoZoom, #fadehovereffect43 a.imageZoom, #fadehovereffect43 a.videoZoom, #fadehovereffect44 a.imageZoom, #fadehovereffect44 a.videoZoom, #fadehovereffect45 a.imageZoom, #fadehovereffect45 a.videoZoom, #fadehovereffect46 a.imageZoom, #fadehovereffect46 a.videoZoom, #fadehovereffect47 a.imageZoom, #fadehovereffect47 a.videoZoom, #fadehovereffect48 a.imageZoom, #fadehovereffect48 a.videoZoom, #fadehovereffect49 a.imageZoom, #fadehovereffect49 a.videoZoom, #fadehovereffect50 a.imageZoom, #fadehovereffect50 a.videoZoom { display:block; } #fadehovereffect a.imageZoom:hover, #fadehovereffect a.videoZoom:hover, #fadehovereffect1 a.imageZoom:hover, #fadehovereffect1 a.videoZoom:hover, #fadehovereffect2 a.imageZoom:hover, #fadehovereffect2 a.videoZoom:hover, #fadehovereffect3 a.imageZoom:hover, #fadehovereffect3 a.videoZoom:hover, #fadehovereffect4 a.imageZoom:hover, #fadehovereffect4 a.videoZoom:hover, #fadehovereffect5 a.imageZoom:hover, #fadehovereffect5 a.videoZoom:hover, #fadehovereffect6 a.imageZoom:hover, #fadehovereffect6 a.videoZoom:hover, #fadehovereffect7 a.imageZoom:hover, #fadehovereffect7 a.videoZoom:hover, #fadehovereffect8 a.imageZoom:hover, #fadehovereffect8 a.videoZoom:hover, #fadehovereffect9 a.imageZoom:hover, #fadehovereffect9 a.videoZoom:hover, #fadehovereffect10 a.imageZoom:hover, #fadehovereffect10 a.videoZoom:hover, #fadehovereffect11 a.imageZoom:hover, #fadehovereffect11 a.videoZoom:hover, #fadehovereffect12 a.imageZoom:hover, #fadehovereffect12 a.videoZoom:hover, #fadehovereffect13 a.imageZoom:hover, #fadehovereffect13 a.videoZoom:hover, #fadehovereffect14 a.imageZoom:hover, #fadehovereffect14 a.videoZoom:hover, #fadehovereffect15 a.imageZoom:hover, #fadehovereffect15 a.videoZoom:hover, #fadehovereffect16 a.imageZoom:hover, #fadehovereffect16 a.videoZoom:hover, #fadehovereffect17 a.imageZoom:hover, #fadehovereffect17 a.videoZoom:hover, #fadehovereffect18 a.imageZoom:hover, #fadehovereffect18 a.videoZoom:hover, #fadehovereffect19 a.imageZoom:hover, #fadehovereffect19 a.videoZoom:hover, #fadehovereffect20 a.imageZoom:hover, #fadehovereffect20 a.videoZoom:hover, #fadehovereffect21 a.imageZoom:hover, #fadehovereffect21 a.videoZoom:hover, #fadehovereffect22 a.imageZoom:hover, #fadehovereffect22 a.videoZoom:hover, #fadehovereffect23 a.imageZoom:hover, #fadehovereffect23 a.videoZoom:hover, #fadehovereffect24 a.imageZoom:hover, #fadehovereffect24 a.videoZoom:hover, #fadehovereffect25 a.imageZoom:hover, #fadehovereffect25 a.videoZoom:hover, #fadehovereffect26 a.imageZoom:hover, #fadehovereffect26 a.videoZoom:hover, #fadehovereffect27 a.imageZoom:hover, #fadehovereffect27 a.videoZoom:hover, #fadehovereffect28 a.imageZoom:hover, #fadehovereffect28 a.videoZoom:hover, #fadehovereffect29 a.imageZoom:hover, #fadehovereffect29 a.videoZoom:hover, #fadehovereffect30 a.imageZoom:hover, #fadehovereffect30 a.videoZoom:hover, #fadehovereffect31 a.imageZoom:hover, #fadehovereffect31 a.videoZoom:hover, #fadehovereffect32 a.imageZoom:hover, #fadehovereffect32 a.videoZoom:hover, #fadehovereffect33 a.imageZoom:hover, #fadehovereffect33 a.videoZoom:hover, #fadehovereffect34 a.imageZoom:hover, #fadehovereffect34 a.videoZoom:hover, #fadehovereffect35 a.imageZoom:hover, #fadehovereffect35 a.videoZoom:hover, #fadehovereffect36 a.imageZoom:hover, #fadehovereffect36 a.videoZoom:hover, #fadehovereffect37 a.imageZoom:hover, #fadehovereffect37 a.videoZoom:hover, #fadehovereffect38 a.imageZoom:hover, #fadehovereffect38 a.videoZoom:hover, #fadehovereffect39 a.imageZoom:hover, #fadehovereffect39 a.videoZoom:hover, #fadehovereffect40 a.imageZoom:hover, #fadehovereffect40 a.videoZoom:hover, #fadehovereffect41 a.imageZoom:hover, #fadehovereffect41 a.videoZoom:hover, #fadehovereffect42 a.imageZoom:hover, #fadehovereffect42 a.videoZoom:hover, #fadehovereffect43 a.imageZoom:hover, #fadehovereffect43 a.videoZoom:hover, #fadehovereffect44 a.imageZoom:hover, #fadehovereffect44 a.videoZoom:hover, #fadehovereffect45 a.imageZoom:hover, #fadehovereffect45 a.videoZoom:hover, #fadehovereffect46 a.imageZoom:hover, #fadehovereffect46 a.videoZoom:hover, #fadehovereffect47 a.imageZoom:hover, #fadehovereffect47 a.videoZoom:hover, #fadehovereffect48 a.imageZoom:hover, #fadehovereffect48 a.videoZoom:hover, #fadehovereffect49 a.imageZoom:hover, #fadehovereffect49 a.videoZoom:hover, #fadehovereffect50 a.imageZoom:hover, #fadehovereffect50 a.videoZoom:hover { display:block; padding:0; text-decoration:none; width:100%; } #fadehovereffect a.imageZoom:hover, #fadehovereffect1 a.imageZoom:hover, #fadehovereffect2 a.imageZoom:hover, #fadehovereffect3 a.imageZoom:hover, #fadehovereffect4 a.imageZoom:hover, #fadehovereffect5 a.imageZoom:hover, #fadehovereffect6 a.imageZoom:hover, #fadehovereffect7 a.imageZoom:hover, #fadehovereffect8 a.imageZoom:hover, #fadehovereffect9 a.imageZoom:hover, #fadehovereffect10 a.imageZoom:hover, #fadehovereffect11 a.imageZoom:hover, #fadehovereffect12 a.imageZoom:hover, #fadehovereffect13 a.imageZoom:hover, #fadehovereffect14 a.imageZoom:hover, #fadehovereffect15 a.imageZoom:hover, #fadehovereffect16 a.imageZoom:hover, #fadehovereffect17 a.imageZoom:hover, #fadehovereffect18 a.imageZoom:hover, #fadehovereffect19 a.imageZoom:hover, #fadehovereffect20 a.imageZoom:hover, #fadehovereffect21 a.imageZoom:hover, #fadehovereffect22 a.imageZoom:hover, #fadehovereffect23 a.imageZoom:hover, #fadehovereffect24 a.imageZoom:hover, #fadehovereffect25 a.imageZoom:hover, #fadehovereffect26 a.imageZoom:hover, #fadehovereffect27 a.imageZoom:hover, #fadehovereffect28 a.imageZoom:hover, #fadehovereffect29 a.imageZoom:hover, #fadehovereffect30 a.imageZoom:hover, #fadehovereffect31 a.imageZoom:hover, #fadehovereffect32 a.imageZoom:hover, #fadehovereffect33 a.imageZoom:hover, #fadehovereffect34 a.imageZoom:hover, #fadehovereffect35 a.imageZoom:hover, #fadehovereffect36 a.imageZoom:hover, #fadehovereffect37 a.imageZoom:hover, #fadehovereffect38 a.imageZoom:hover, #fadehovereffect39 a.imageZoom:hover, #fadehovereffect40 a.imageZoom:hover, #fadehovereffect41 a.imageZoom:hover, #fadehovereffect42 a.imageZoom:hover, #fadehovereffect43 a.imageZoom:hover, #fadehovereffect44 a.imageZoom:hover, #fadehovereffect45 a.imageZoom:hover, #fadehovereffect46 a.imageZoom:hover, #fadehovereffect47 a.imageZoom:hover, #fadehovereffect48 a.imageZoom:hover, #fadehovereffect49 a.imageZoom:hover, #fadehovereffect50 a.imageZoom:hover { background:url("../images/shortCodes_icons/imageZoom.png") no-repeat scroll 50% 50% #ffffff; } #fadehovereffect a.videoZoom:hover, #fadehovereffect1 a.videoZoom:hover, #fadehovereffect2 a.videoZoom:hover, #fadehovereffect3 a.videoZoom:hover, #fadehovereffect4 a.videoZoom:hover, #fadehovereffect5 a.videoZoom:hover, #fadehovereffect6 a.videoZoom:hover, #fadehovereffect7 a.videoZoom:hover, #fadehovereffect8 a.videoZoom:hover, #fadehovereffect9 a.videoZoom:hover, #fadehovereffect10 a.videoZoom:hover, #fadehovereffect11 a.videoZoom:hover, #fadehovereffect12 a.videoZoom:hover, #fadehovereffect13 a.videoZoom:hover, #fadehovereffect14 a.videoZoom:hover, #fadehovereffect15 a.videoZoom:hover, #fadehovereffect16 a.videoZoom:hover, #fadehovereffect17 a.videoZoom:hover, #fadehovereffect18 a.videoZoom:hover, #fadehovereffect19 a.videoZoom:hover, #fadehovereffect20 a.videoZoom:hover, #fadehovereffect21 a.videoZoom:hover, #fadehovereffect22 a.videoZoom:hover, #fadehovereffect23 a.videoZoom:hover, #fadehovereffect24 a.videoZoom:hover, #fadehovereffect25 a.videoZoom:hover, #fadehovereffect26 a.videoZoom:hover, #fadehovereffect27 a.videoZoom:hover, #fadehovereffect28 a.videoZoom:hover, #fadehovereffect29 a.videoZoom:hover, #fadehovereffect30 a.videoZoom:hover, #fadehovereffect31 a.videoZoom:hover, #fadehovereffect32 a.videoZoom:hover, #fadehovereffect33 a.videoZoom:hover, #fadehovereffect34 a.videoZoom:hover, #fadehovereffect35 a.videoZoom:hover, #fadehovereffect36 a.videoZoom:hover, #fadehovereffect37 a.videoZoom:hover, #fadehovereffect38 a.videoZoom:hover, #fadehovereffect39 a.videoZoom:hover, #fadehovereffect40 a.videoZoom:hover, #fadehovereffect41 a.videoZoom:hover, #fadehovereffect42 a.videoZoom:hover, #fadehovereffect43 a.videoZoom:hover, #fadehovereffect44 a.videoZoom:hover, #fadehovereffect45 a.videoZoom:hover, #fadehovereffect46 a.videoZoom:hover, #fadehovereffect47 a.videoZoom:hover, #fadehovereffect48 a.videoZoom:hover, #fadehovereffect49 a.videoZoom:hover, #fadehovereffect50 a.videoZoom:hover { background:url("../images/shortCodes_icons/videoZoom.png") no-repeat scroll 50% 50% #ffffff; } #fadehovereffect img, #fadehovereffect1 img, #fadehovereffect2 img, #fadehovereffect3 img, #fadehovereffect4 img, #fadehovereffect5 img, #fadehovereffect6 img, #fadehovereffect7 img, #fadehovereffect8 img, #fadehovereffect9 img, #fadehovereffect10 img, #fadehovereffect11 img, #fadehovereffect12 img, #fadehovereffect13 img, #fadehovereffect14 img, #fadehovereffect15 img, #fadehovereffect16 img, #fadehovereffect17 img, #fadehovereffect18 img, #fadehovereffect19 img, #fadehovereffect20 img, #fadehovereffect21 img, #fadehovereffect22 img, #fadehovereffect23 img, #fadehovereffect24 img, #fadehovereffect25 img, #fadehovereffect26 img, #fadehovereffect27 img, #fadehovereffect28 img, #fadehovereffect29 img, #fadehovereffect30 img, #fadehovereffect31 img, #fadehovereffect32 img, #fadehovereffect33 img, #fadehovereffect34 img, #fadehovereffect35 img, #fadehovereffect36 img, #fadehovereffect37 img, #fadehovereffect38 img, #fadehovereffect39 img, #fadehovereffect40 img, #fadehovereffect41 img, #fadehovereffect42 img, #fadehovereffect43 img, #fadehovereffect44 img, #fadehovereffect45 img, #fadehovereffect46 img, #fadehovereffect47 img, #fadehovereffect48 img, #fadehovereffect49 img, #fadehovereffect50 img { margin: 0; padding: 0; } #fadehovereffect img.fadehover, #fadehovereffect1 img.fadehover, #fadehovereffect2 img.fadehover, #fadehovereffect3 img.fadehover, #fadehovereffect4 img.fadehover, #fadehovereffect5 img.fadehover, #fadehovereffect6 img.fadehover, #fadehovereffect7 img.fadehover, #fadehovereffect8 img.fadehover, #fadehovereffect9 img.fadehover, #fadehovereffect10 img.fadehover, #fadehovereffect11 img.fadehover, #fadehovereffect12 img.fadehover, #fadehovereffect13 img.fadehover, #fadehovereffect14 img.fadehover, #fadehovereffect15 img.fadehover, #fadehovereffect16 img.fadehover, #fadehovereffect17 img.fadehover, #fadehovereffect18 img.fadehover, #fadehovereffect19 img.fadehover, #fadehovereffect20 img.fadehover, #fadehovereffect21 img.fadehover, #fadehovereffect22 img.fadehover, #fadehovereffect23 img.fadehover, #fadehovereffect24 img.fadehover, #fadehovereffect25 img.fadehover, #fadehovereffect26 img.fadehover, #fadehovereffect27 img.fadehover, #fadehovereffect28 img.fadehover, #fadehovereffect29 img.fadehover, #fadehovereffect30 img.fadehover, #fadehovereffect31 img.fadehover, #fadehovereffect32 img.fadehover, #fadehovereffect33 img.fadehover, #fadehovereffect34 img.fadehover, #fadehovereffect35 img.fadehover, #fadehovereffect36 img.fadehover, #fadehovereffect37 img.fadehover, #fadehovereffect38 img.fadehover, #fadehovereffect39 img.fadehover, #fadehovereffect40 img.fadehover, #fadehovereffect41 img.fadehover, #fadehovereffect42 img.fadehover, #fadehovereffect43 img.fadehover, #fadehovereffect44 img.fadehover, #fadehovereffect45 img.fadehover, #fadehovereffect46 img.fadehover, #fadehovereffect47 img.fadehover, #fadehovereffect48 img.fadehover, #fadehovereffect49 img.fadehover, #fadehovereffect50 img.fadehover { position: relative; left: 0; top: 0; z-index: 10; } #rightposition { float:right; } /*------------------------------------------------------------------------------------------- VIEW CODE -------------------*/ .viewCodeTwoCol { width:95%;} .viewCode {padding:10px 0 10px;} #toggle1, #toggle2, #toggle3, #toggle4, #toggle5, #toggle6, #toggle7, #toggle8, #toggle9, #toggle10, #toggle11, #toggle12, #toggle13, #toggle14, #toggle15, #toggle16, #toggle17, #toggle18, #toggle19, #toggle20, #toggle21, #toggle22, #toggle23, #toggle24, #toggle25, #toggle26, #toggle27, #toggle28, #toggle29, #toggle30, #toggle31, #toggle32, #toggle33, #toggle34, #toggle35, #toggle36, #toggle37, #toggle38, #toggle39, #toggle40, #toggle41, #toggle52, #toggle53, #toggle54, #toggle55, #toggle56, #toggle57, #toggle58, #toggle59, #toggle50, #toggle51 { padding-top:17px; padding-bottom:10px; background:url(../images/accordviewcode.png) no-repeat 0 7px; } pre.viewCodehidden { border-top: medium none !important; margin: 1px 0 0 !important; } a.viewCodeshow { background:none; border:none; text-shadow:none; background: #afa494; border:1px solid #ffffff; color: #ffffff !important; display: inline-block; text-decoration: none; /*font-family: "Helvetica", Arial, sans-serif;*/ font-weight: bold !important; font-size: 12px; line-height: 1; text-transform:none; padding:10px; margin-top:5px; margin-bottom:5px; right:-2px; box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1); -moz-border-radius: 4px; /* FF1-3.6 */ -webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; position: relative; cursor: pointer; } .viewCodeArrow { background:url(../images/shortCodes_icons/code.png) no-repeat 2% 50%; padding-left:35px; } a:hover.viewCodeshow { color: #f3f3f3 !important; }