/*==================================================================================================== * B U T T O N S B U T T O N S ====================================================================================================*/ a.button { display: block; position: relative; float: left; text-decoration: none; font-family: MyriadPro, Myriad Pro, Helvetica Neue, Helvetica, Arial, Geneva, sans-serif; } a.button:hover { opacity: 0.85; } /* Rounded buttons -------------------------------------------------------------- */ /*small*/ a.button.small.rounded { height: 31px; line-height: 31px; margin-left: 15px; margin: 8px 2px 8px 15px; padding: 0 15px 0 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); font-size: 12px; } a.button.small.rounded span { display: block; height: 31px; padding: 0 0 0 15px; margin-left: -15px; } a.button.small.rounded:hover, a.button.small.rounded span:hover { color: #F3F3F3; } a.button.small.rounded.light-blue { background: url(images/buttons/btn-round-s.png) right 0px no-repeat; } a.button.small.rounded.light-blue span { background: url(images/buttons/btn-round-s.png) left 0px no-repeat; } a.button.small.rounded.light-green { background: url(images/buttons/btn-round-s.png) right -31px no-repeat; } a.button.small.rounded.light-green span { background: url(images/buttons/btn-round-s.png) left -31px no-repeat; } a.button.small.rounded.yellow { background: url(images/buttons/btn-round-s.png) right -62px no-repeat; } a.button.small.rounded.yellow span { background: url(images/buttons/btn-round-s.png) left -62px no-repeat; } a.button.small.rounded.blue { background: url(images/buttons/btn-round-s.png) right -93px no-repeat; } a.button.small.rounded.blue span { background: url(images/buttons/btn-round-s.png) left -93px no-repeat; } a.button.small.rounded.green { background: url(images/buttons/btn-round-s.png) right -124px no-repeat; } a.button.small.rounded.green span { background: url(images/buttons/btn-round-s.png) left -124px no-repeat; } a.button.small.rounded.black { background: url(images/buttons/btn-round-s.png) right -155px no-repeat; } a.button.small.rounded.black span { background: url(images/buttons/btn-round-s.png) left -155px no-repeat; } a.button.small.rounded.violet { background: url(images/buttons/btn-round-s.png) right -186px no-repeat; } a.button.small.rounded.violet span { background: url(images/buttons/btn-round-s.png) left -186px no-repeat; } a.button.small.rounded.bordo { background: url(images/buttons/btn-round-s.png) right -217px no-repeat; } a.button.small.rounded.bordo span { background: url(images/buttons/btn-round-s.png) left -217px no-repeat; } a.button.small.rounded.orange { background: url(images/buttons/btn-round-s.png) right -248px no-repeat; } a.button.small.rounded.orange span { background: url(images/buttons/btn-round-s.png) left -248px no-repeat; } a.button.small.rounded.gray { background: url(images/buttons/btn-round-s.png) right -279px no-repeat; } a.button.small.rounded.gray span { background: url(images/buttons/btn-round-s.png) left -279px no-repeat; } a.button.small.rounded.red { background: url(images/buttons/btn-round-s.png) right -310px no-repeat; } a.button.small.rounded.red span { background: url(images/buttons/btn-round-s.png) left -310px no-repeat; } a.button.small.rounded.pink { background: url(images/buttons/btn-round-s.png) right -341px no-repeat; } a.button.small.rounded.pink span { background: url(images/buttons/btn-round-s.png) left -341px no-repeat; } /*medium*/ a.button.medium.rounded { height: 44px; line-height: 44px; margin-left: 20px; font-size: 16px; margin: 8px 2px 8px 20px; padding: 0 20px 0 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } a.button.medium.rounded span { display: block; height: 44px; padding: 0 0 0 20px; margin-left: -20px; } a.button.medium.rounded:hover, a.button.medium.rounded span:hover { color: #F3F3F3; } a.button.medium.rounded.light-blue { background: url(images/buttons/btn-round-m.png) right 0px no-repeat; } a.button.medium.rounded.light-blue span { background: url(images/buttons/btn-round-m.png) left 0px no-repeat; } a.button.medium.rounded.light-green { background: url(images/buttons/btn-round-m.png) right -44px no-repeat; } a.button.medium.rounded.light-green span { background: url(images/buttons/btn-round-m.png) left -44px no-repeat; } a.button.medium.rounded.yellow { background: url(images/buttons/btn-round-m.png) right -88px no-repeat; } a.button.medium.rounded.yellow span { background: url(images/buttons/btn-round-m.png) left -88px no-repeat; } a.button.medium.rounded.blue { background: url(images/buttons/btn-round-m.png) right -132px no-repeat; } a.button.medium.rounded.blue span { background: url(images/buttons/btn-round-m.png) left -132px no-repeat; } a.button.medium.rounded.green { background: url(images/buttons/btn-round-m.png) right -176px no-repeat; } a.button.medium.rounded.green span { background: url(images/buttons/btn-round-m.png) left -176px no-repeat; } a.button.medium.rounded.black { background: url(images/buttons/btn-round-m.png) right -220px no-repeat; } a.button.medium.rounded.black span { background: url(images/buttons/btn-round-m.png) left -220px no-repeat; } a.button.medium.rounded.violet { background: url(images/buttons/btn-round-m.png) right -264px no-repeat; } a.button.medium.rounded.violet span { background: url(images/buttons/btn-round-m.png) left -264px no-repeat; } a.button.medium.rounded.bordo { background: url(images/buttons/btn-round-m.png) right -308px no-repeat; } a.button.medium.rounded.bordo span { background: url(images/buttons/btn-round-m.png) left -308px no-repeat; } a.button.medium.rounded.orange { background: url(images/buttons/btn-round-m.png) right -352px no-repeat; } a.button.medium.rounded.orange span { background: url(images/buttons/btn-round-m.png) left -352px no-repeat; } a.button.medium.rounded.gray { background: url(images/buttons/btn-round-m.png) right -396px no-repeat; } a.button.medium.rounded.gray span { background: url(images/buttons/btn-round-m.png) left -396px no-repeat; } a.button.medium.rounded.red { background: url(images/buttons/btn-round-m.png) right -440px no-repeat; } a.button.medium.rounded.red span { background: url(images/buttons/btn-round-m.png) left -440px no-repeat; } a.button.medium.rounded.pink { background: url(images/buttons/btn-round-m.png) right -484px no-repeat; } a.button.medium.rounded.pink span { background: url(images/buttons/btn-round-m.png) left -484px no-repeat; } /*large*/ a.button.large.rounded { height: 59px; line-height: 59px; margin-left: 43px; font-size: 18px; margin: 8px 4px 8px 52px; padding: 0 30px 0 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } a.button.large.rounded span { display: block; height: 59px; padding: 0 0 0 52px; margin-left: -52px; } a.button.large.rounded:hover, a.button.large.rounded span:hover { color: #F3F3F3; } a.button.large.rounded.light-blue { background: url(images/buttons/btn-round-l.png) right 0px no-repeat; } a.button.large.rounded.light-blue span { background: url(images/buttons/btn-round-l.png) left 0px no-repeat; } a.button.large.rounded.light-green { background: url(images/buttons/btn-round-l.png) right -59px no-repeat; } a.button.large.rounded.light-green span { background: url(images/buttons/btn-round-l.png) left -59px no-repeat; } a.button.large.rounded.yellow { background: url(images/buttons/btn-round-l.png) right -118px no-repeat; } a.button.large.rounded.yellow span { background: url(images/buttons/btn-round-l.png) left -118px no-repeat; } a.button.large.rounded.blue { background: url(images/buttons/btn-round-l.png) right -177px no-repeat; } a.button.large.rounded.blue span { background: url(images/buttons/btn-round-l.png) left -177px no-repeat; } a.button.large.rounded.green { background: url(images/buttons/btn-round-l.png) right -236px no-repeat; } a.button.large.rounded.green span { background: url(images/buttons/btn-round-l.png) left -236px no-repeat; } a.button.large.rounded.black { background: url(images/buttons/btn-round-l.png) right -295px no-repeat; } a.button.large.rounded.black span { background: url(images/buttons/btn-round-l.png) left -295px no-repeat; } a.button.large.rounded.violet { background: url(images/buttons/btn-round-l.png) right -354px no-repeat; } a.button.large.rounded.violet span { background: url(images/buttons/btn-round-l.png) left -354px no-repeat; } a.button.large.rounded.bordo { background: url(images/buttons/btn-round-l.png) right -413px no-repeat; } a.button.large.rounded.bordo span { background: url(images/buttons/btn-round-l.png) left -413px no-repeat; } a.button.large.rounded.orange { background: url(images/buttons/btn-round-l.png) right -472px no-repeat; } a.button.large.rounded.orange span { background: url(images/buttons/btn-round-l.png) left -472px no-repeat; } a.button.large.rounded.gray { background: url(images/buttons/btn-round-l.png) right -531px no-repeat; } a.button.large.rounded.gray span { background: url(images/buttons/btn-round-l.png) left -531px no-repeat; } a.button.large.rounded.red { background: url(images/buttons/btn-round-l.png) right -590px no-repeat; } a.button.large.rounded.red span { background: url(images/buttons/btn-round-l.png) left -590px no-repeat; } a.button.large.rounded.pink { background: url(images/buttons/btn-round-l.png) right -649px no-repeat; } a.button.large.rounded.pink span { background: url(images/buttons/btn-round-l.png) left -649px no-repeat; } /* Square buttons -------------------------------------------------------------- */ /*small*/ a.button.small.square { height: 33px; line-height: 33px; margin-left: 17px; margin: 8px 2px 8px 17px; padding: 0 18px 0 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); font-size: 13px; } a.button.small.square span { display: block; height: 33px; padding: 0 0 0 17px; margin-left: -17px; } a.button.small.square:hover, a.button.small.square span:hover { color: #F3F3F3; } a.button.small.square.light-blue { background: url(images/buttons/btn-square-s.png) right 0px no-repeat; } a.button.small.square.light-blue span { background: url(images/buttons/btn-square-s.png) left 0px no-repeat; } a.button.small.square.light-green { background: url(images/buttons/btn-square-s.png) right -33px no-repeat; } a.button.small.square.light-green span { background: url(images/buttons/btn-square-s.png) left -33px no-repeat; } a.button.small.square.yellow { background: url(images/buttons/btn-square-s.png) right -66px no-repeat; } a.button.small.square.yellow span { background: url(images/buttons/btn-square-s.png) left -66px no-repeat; } a.button.small.square.blue { background: url(images/buttons/btn-square-s.png) right -99px no-repeat; } a.button.small.square.blue span { background: url(images/buttons/btn-square-s.png) left -99px no-repeat; } a.button.small.square.green { background: url(images/buttons/btn-square-s.png) right -132px no-repeat; } a.button.small.square.green span { background: url(images/buttons/btn-square-s.png) left -132px no-repeat; } a.button.small.square.black { background: url(images/buttons/btn-square-s.png) right -165px no-repeat; } a.button.small.square.black span { background: url(images/buttons/btn-square-s.png) left -165px no-repeat; } a.button.small.square.violet { background: url(images/buttons/btn-square-s.png) right -198px no-repeat; } a.button.small.square.violet span { background: url(images/buttons/btn-square-s.png) left -198px no-repeat; } a.button.small.square.bordo { background: url(images/buttons/btn-square-s.png) right -231px no-repeat; } a.button.small.square.bordo span { background: url(images/buttons/btn-square-s.png) left -231px no-repeat; } a.button.small.square.orange { background: url(images/buttons/btn-square-s.png) right -264px no-repeat; } a.button.small.square.orange span { background: url(images/buttons/btn-square-s.png) left -264px no-repeat; } a.button.small.square.gray { background: url(images/buttons/btn-square-s.png) right -297px no-repeat; } a.button.small.square.gray span { background: url(images/buttons/btn-square-s.png) left -297px no-repeat; } a.button.small.square.red { background: url(images/buttons/btn-square-s.png) right -330px no-repeat; } a.button.small.square.red span { background: url(images/buttons/btn-square-s.png) left -330px no-repeat; } a.button.small.square.pink { background: url(images/buttons/btn-square-s.png) right -363px no-repeat; } a.button.small.square.pink span { background: url(images/buttons/btn-square-s.png) left -363px no-repeat; } /*medium*/ a.button.medium.square { height: 56px; line-height: 56px; margin-left: 20px; font-size: 16px; margin: 8px 2px 8px 20px; padding: 0 20px 0 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } a.button.medium.square span { display: block; height: 56px; padding: 0 0 0 20px; margin-left: -20px; } a.button.medium.square:hover, a.button.medium.square span:hover { color: #F3F3F3; } a.button.medium.square.light-blue { background: url(images/buttons/btn-square-m.png) right 0px no-repeat; } a.button.medium.square.light-blue span { background: url(images/buttons/btn-square-m.png) left 0px no-repeat; } a.button.medium.square.light-green { background: url(images/buttons/btn-square-m.png) right -56px no-repeat; } a.button.medium.square.light-green span { background: url(images/buttons/btn-square-m.png) left -56px no-repeat; } a.button.medium.square.yellow { background: url(images/buttons/btn-square-m.png) right -112px no-repeat; } a.button.medium.square.yellow span { background: url(images/buttons/btn-square-m.png) left -112px no-repeat; } a.button.medium.square.blue { background: url(images/buttons/btn-square-m.png) right -168px no-repeat; } a.button.medium.square.blue span { background: url(images/buttons/btn-square-m.png) left -168px no-repeat; } a.button.medium.square.green { background: url(images/buttons/btn-square-m.png) right -224px no-repeat; } a.button.medium.square.green span { background: url(images/buttons/btn-square-m.png) left -224px no-repeat; } a.button.medium.square.black { background: url(images/buttons/btn-square-m.png) right -280px no-repeat; } a.button.medium.square.black span { background: url(images/buttons/btn-square-m.png) left -280px no-repeat; } a.button.medium.square.violet { background: url(images/buttons/btn-square-m.png) right -336px no-repeat; } a.button.medium.square.violet span { background: url(images/buttons/btn-square-m.png) left -336px no-repeat; } a.button.medium.square.bordo { background: url(images/buttons/btn-square-m.png) right -392px no-repeat; } a.button.medium.square.bordo span { background: url(images/buttons/btn-square-m.png) left -392px no-repeat; } a.button.medium.square.orange { background: url(images/buttons/btn-square-m.png) right -448px no-repeat; } a.button.medium.square.orange span { background: url(images/buttons/btn-square-m.png) left -448px no-repeat; } a.button.medium.square.gray { background: url(images/buttons/btn-square-m.png) right -504px no-repeat; } a.button.medium.square.gray span { background: url(images/buttons/btn-square-m.png) left -504px no-repeat; } a.button.medium.square.red { background: url(images/buttons/btn-square-m.png) right -560px no-repeat; } a.button.medium.square.red span { background: url(images/buttons/btn-square-m.png) left -560px no-repeat; } a.button.medium.square.pink { background: url(images/buttons/btn-square-m.png) right -616px no-repeat; } a.button.medium.square.pink span { background: url(images/buttons/btn-square-m.png) left -616px no-repeat; } /*large*/ a.button.large.square { height: 78px; line-height: 78px; margin-left: 43px; font-size: 30px; margin: 8px 4px 8px 43px; padding: 0 43px 0 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } a.button.large.square span { display: block; height: 78px; padding: 0 0 0 43px; margin-left: -43px; } a.button.large.square:hover, a.button.large.square span:hover { color: #F3F3F3; } a.button.large.square.light-blue { background: url(images/buttons/btn-square-l.png) right 0px no-repeat; } a.button.large.square.light-blue span { background: url(images/buttons/btn-square-l.png) left 0px no-repeat; } a.button.large.square.light-green { background: url(images/buttons/btn-square-l.png) right -78px no-repeat; } a.button.large.square.light-green span { background: url(images/buttons/btn-square-l.png) left -78px no-repeat; } a.button.large.square.yellow { background: url(images/buttons/btn-square-l.png) right -156px no-repeat; } a.button.large.square.yellow span { background: url(images/buttons/btn-square-l.png) left -156px no-repeat; } a.button.large.square.blue { background: url(images/buttons/btn-square-l.png) right -234px no-repeat; } a.button.large.square.blue span { background: url(images/buttons/btn-square-l.png) left -234px no-repeat; } a.button.large.square.green { background: url(images/buttons/btn-square-l.png) right -312px no-repeat; } a.button.large.square.green span { background: url(images/buttons/btn-square-l.png) left -312px no-repeat; } a.button.large.square.black { background: url(images/buttons/btn-square-l.png) right -390px no-repeat; } a.button.large.square.black span { background: url(images/buttons/btn-square-l.png) left -390px no-repeat; } a.button.large.square.violet { background: url(images/buttons/btn-square-l.png) right -468px no-repeat; } a.button.large.square.violet span { background: url(images/buttons/btn-square-l.png) left -468px no-repeat; } a.button.large.square.bordo { background: url(images/buttons/btn-square-l.png) right -546px no-repeat; } a.button.large.square.bordo span { background: url(images/buttons/btn-square-l.png) left -546px no-repeat; } a.button.large.square.orange { background: url(images/buttons/btn-square-l.png) right -624px no-repeat; } a.button.large.square.orange span { background: url(images/buttons/btn-square-l.png) left -624px no-repeat; } a.button.large.square.gray { background: url(images/buttons/btn-square-l.png) right -702px no-repeat; } a.button.large.square.gray span { background: url(images/buttons/btn-square-l.png) left -702px no-repeat; } a.button.large.square.red { background: url(images/buttons/btn-square-l.png) right -780px no-repeat; } a.button.large.square.red span { background: url(images/buttons/btn-square-l.png) left -780px no-repeat; } a.button.large.square.pink { background: url(images/buttons/btn-square-l.png) right -858px no-repeat; } a.button.large.square.pink span { background: url(images/buttons/btn-square-l.png) left -858px no-repeat; } /* Icon buttons -------------------------------------------------------------- */ a.button.icon { height: 44px; line-height: 44px; margin-left: 17px; margin: 8px 2px 8px 42px; padding: 0 18px 0 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } a.button.icon span.rightbtn { display: block; height: 44px; padding: 0 0 0 42px; margin-left: -42px; } a.button.icon:hover, a.button.icon span.rightbtn:hover { color: #F3F3F3; } a.button.icon span.ico { position: absolute; display: block; width: 16px; height: 16px; left: -25px; top: 14px; } a.button.icon.light { background: url(images/buttons/btn-icon.png) right 0px no-repeat; } a.button.icon.light span.rightbtn { background: url(images/buttons/btn-icon.png) left 0px no-repeat; } a.button.icon.dark { background: url(images/buttons/btn-icon.png) right -44px no-repeat; } a.button.icon.dark span.rightbtn { background: url(images/buttons/btn-icon.png) left -44px no-repeat; } a.button.icon span.ico.accept { background: url(images/ico-16x16/accept.png) 0 0 no-repeat; } a.button.icon span.ico.add { background: url(images/ico-16x16/add.png) 0 0 no-repeat; } a.button.icon span.ico.arrow_refresh_small { background: url(images/ico-16x16/arrow_refresh_small.png) 0 0 no-repeat; } a.button.icon span.ico.blackboard_drawing { background: url(images/ico-16x16/blackboard_drawing.png) 0 0 no-repeat; } a.button.icon span.ico.book_addresses { background: url(images/ico-16x16/book_addresses.png) 0 0 no-repeat; } a.button.icon span.ico.box_down { background: url(images/ico-16x16/box_down.png) 0 0 no-repeat; } a.button.icon span.ico.bug_error { background: url(images/ico-16x16/bug_error.png) 0 0 no-repeat; } a.button.icon span.ico.delete { background: url(images/ico-16x16/delete.png) 0 0 no-repeat; } a.button.icon span.ico.error { background: url(images/ico-16x16/error.png) 0 0 no-repeat; } a.button.icon span.ico.key { background: url(images/ico-16x16/key.png) 0 0 no-repeat; } a.button.icon span.ico.calendar_edit { background: url(images/ico-16x16/calendar_edit.png) 0 0 no-repeat; } a.button.icon span.ico.cart { background: url(images/ico-16x16/cart.png) 0 0 no-repeat; } a.button.icon span.ico.coins { background: url(images/ico-16x16/coins.png) 0 0 no-repeat; } a.button.icon span.ico.emotion_smile { background: url(images/ico-16x16/emotion_smile.png) 0 0 no-repeat; } a.button.icon span.ico.eye { background: url(images/ico-16x16/eye.png) 0 0 no-repeat; } a.button.icon span.ico.feed { background: url(images/ico-16x16/feed.png) 0 0 no-repeat; } a.button.icon span.ico.file_extension_pdf { background: url(images/ico-16x16/file_extension_pdf.png) 0 0 no-repeat; } a.button.icon span.ico.file_extension_psd { background: url(images/ico-16x16/file_extension_psd.png) 0 0 no-repeat; } a.button.icon span.ico.file_extension_doc { background: url(images/ico-16x16/file_extension_doc.png) 0 0 no-repeat; } a.button.icon span.ico.file_extension_mpeg { background: url(images/ico-16x16/file_extension_mpeg.png) 0 0 no-repeat; } a.button.icon span.ico.film { background: url(images/ico-16x16/film.png) 0 0 no-repeat; } a.button.icon span.ico.heart { background: url(images/ico-16x16/heart.png) 0 0 no-repeat; } a.button.icon span.ico.help { background: url(images/ico-16x16/help.png) 0 0 no-repeat; } a.button.icon span.ico.information { background: url(images/ico-16x16/information.png) 0 0 no-repeat; } a.button.icon span.ico.scull { background: url(images/ico-16x16/scull.png) 0 0 no-repeat; } a.button.icon span.ico.tick { background: url(images/ico-16x16/tick.png) 0 0 no-repeat; } a.button.icon span.ico.television { background: url(images/ico-16x16/television.png) 0 0 no-repeat; } a.button.icon span.ico.support { background: url(images/ico-16x16/support.png) 0 0 no-repeat; } a.button.icon span.ico.star { background: url(images/ico-16x16/star.png) 0 0 no-repeat; } a.button.icon span.ico.magnifier { background: url(images/ico-16x16/magnifier.png) 0 0 no-repeat; } a.button.icon span.ico.exclamation { background: url(images/ico-16x16/exclamation.png) 0 0 no-repeat; } a.button.icon span.ico.cross { background: url(images/ico-16x16/cross.png) 0 0 no-repeat; } a.button.icon span.ico.paypal { background: url(images/ico-16x16/paypal.png) 0 0 no-repeat; } /*==================================================================================================== * H I G H L I G H T E R S H I G H L I G H T E R S ====================================================================================================*/ span.highlighter { padding: 0 5px 0 5px; } .highlighter.light-blue { background-color: #45BBF2; } .highlighter.light-green { background-color: #93D927; } .highlighter.yellow { background-color: #FABD11; } .highlighter.blue { background-color: #165DC2; } .highlighter.green { background-color: #688334; } .highlighter.black { background-color: #3B3B3B; color: #fff; } .highlighter.violet { background-color: #9D29FF; } .highlighter.bordo { background-color: #90064B; } .highlighter.orange { background-color: #F25807; } .highlighter.gray { background-color: #C1C8CA; } .highlighter.red { background-color: #F02D33; } .highlighter.pink { background-color: #F586E9; } .highlighter.white { background-color: #fff; } /*==================================================================================================== * T O G G L E R T O G G L E R ====================================================================================================*/ .ltt-toggler { position: relative; padding: 10px 15px 10px 15px; margin: 15px 0 15px 0; min-height: 32px; background: #FFFFFF url(images/bg-gray.jpg) repeat-x top; border: 1px solid #D4D4D4; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; } .ltt-trigger { position: relative; float: left; width: 100%; min-height: 32px; line-height: 32px; margin-top: -3px !important; background: url(images/toggle-close.png) no-repeat right; } .ltt-trigger a { color: #424242; text-shadow: 1px 1px 0px #FFFFFF; text-decoration: none !important; font-size: 16px; display: block;} .ltt-trigger a:hover { } .ltt-trigger.active { background: url(images/toggle-open.png) no-repeat right; } .ltt-toggle-container { overflow: hidden; width: 100%; clear: both; display: none; } /*==================================================================================================== * N I V O S L I D E R N I V O S L I D E R ====================================================================================================*/ /* * jQuery Nivo Slider v2.4 * http://nivo.dev7studios.com * * Copyright 2011, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ /* The Nivo Slider styles */ .nivoSlider { position: relative; -webkit-box-shadow: 0px 0px 10px #808080; -moz-box-shadow: 0px 0px 10px #808080; box-shadow: 0px 0px 10px #808080; border: 5px solid #efefef; } .nivoSlider img { position: absolute; top: 0px; left: 0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 60; display: none; } /* The slices in the Slider */ .nivo-slice { display: block; position: absolute; z-index: 50; height: 100%; } /* Caption styles */ .nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; opacity: 0.8; /* Overridden by captionOpacity setting */ width: 100%; z-index: 89; } .nivo-caption p { padding: 5px; margin: 0; } .nivo-caption a { display: inline !important; } .nivo-html-caption { display: none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position: absolute; top: 45%; z-index: 99; cursor: pointer; } .nivo-prevNav { left: 0px; } .nivo-nextNav { right: 0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position: relative; z-index: 99; cursor: pointer; } .nivo-controlNav a.active { font-weight: bold; } /*============================*/ /*=== Custom Slider Styles ===*/ /*============================*/ #slider-wrapper { background: url(images/slider.png) no-repeat; margin: 0 0 50px 0; } #slider { position: relative; background: url(images/nivo/loading.gif) no-repeat 50% 50%; } #slider img { position: absolute; top: 0px; left: 0px; display: none; } #slider a { border: 0; display: block; } .nivo-controlNav { position: absolute; } .nivo-controlNav a { display: block; width: 22px; height: 22px; background: url(images/nivo/bullets.png) no-repeat; text-indent: -9999px; border: 0; margin-right: 3px; float: left; } .nivo-controlNav a.active { background-position: 0 -22px; } .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url(images/nivo/arrows.png) no-repeat; text-indent: -9999px; border: 0; } a.nivo-nextNav { background-position: -30px 0; right: 15px; } a.nivo-prevNav { left: 15px; } .nivo-caption { text-shadow: none; font-family: Helvetica, Arial, sans-serif; } .nivo-caption a { color: #efe9d1; text-decoration: underline; } /*==================================================================================================== * J C Y C L E VERTICAL S L I D E R J C Y C L E VERTICAL S L I D E R ====================================================================================================*/ /*vertical slider*/ .ltt-slider-ver { position: relative; display: block; width: 98%; margin: 20px 0; padding: 5px 0; background: #FFFFFF url(images/bg-gray.jpg) repeat-x top; border: 1px solid #D4D4D4; -webkit-border-radius: 15px; border-radius: 15px; -moz-border-radius: 15px; font-family: MyriadPro, Myriad Pro, Helvetica Neue, Helvetica, Arial, Geneva, sans-serif; } /*nav*/ ul.ltt-slider-ver-nav { position: relative; display: block; float: left; width: 40%; margin: 0 0 0 0px; padding: 0 0 0 0; list-style-type: none; } ul.ltt-slider-ver-nav li { display: block; margin: 5px 0 5px 0; } ul.ltt-slider-ver-nav a { position: relative; width: 100%; height: 46px; line-height: 55px; background: url(images/tab-ver-right.png) no-repeat right; color: #6E6C6D; text-shadow: 1px 1px 0px #FFFFFF; text-decoration: none !important; } ul.ltt-slider-ver-nav a span { position: absolute; display: block; width: auto; height: 46px; top: 0px; left: -13px; padding: 0 0 0 20px; background: url(images/tab-ver-left.png) no-repeat left; } ul.ltt-slider-ver-nav a.tabvertnav { display: block; } /*nav active*/ ul.ltt-slider-ver-nav a.tabvertnav.activeSlide { color: #353535; background: url(images/tab-ver-right-active.png) no-repeat right; } ul.ltt-slider-ver-nav a.tabvertnav.activeSlide span { position: absolute; display: block; width: auto; height: 46px; top: 0px; left: -13px; padding: 0 0 0 20px; background: url(images/tab-ver-left-active.png) no-repeat left; } /*content*/ .ltt-slider-ver-content { position: relative; display: block; float: left; width: 50%; margin: 15px 0 10px 5%; font-size: 13px; text-shadow: 1px 1px 0px #FFFFFF; color: #666; background-color: transparent !important; } /*==================================================================================================== * J C Y C L E HORIZONTAL S L I D E R J C Y C L E HORIZONTAL S L I D E R ====================================================================================================*/ /*horizontal slider*/ .ltt-slider-hor { position: relative; display: block; width: 98%; margin: 60px 0 20px 0; height: auto; padding: 0px 0; background: #FFFFFF url(images/bg-gray.jpg) repeat-x top; border: 1px solid #D4D4D4; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; } /*nav*/ ul.ltt-slider-hor-nav { position: absolute; display: block; width: auto; top: -30px; left: 5px; padding: 0 0 0 0; list-style-type: none; z-index: 0 !important; } ul.ltt-slider-hor-nav li { float: left; display: block; margin: 0px 1px 0px 1px; } ul.ltt-slider-hor-nav a { position: relative; width: auto; height: 27px; padding: 0 20px; line-height: 27px; background: url(images/tab-hor.png) repeat-x; border: 1px solid #D4D4D4; border-bottom: none; color: #6E6C6D; text-decoration: none !important; font-size: 13px; text-shadow: 1px 1px 0px #FFFFFF; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } ul.ltt-slider-hor-nav a span { } ul.ltt-slider-hor-nav a.tabvertnav { display: block; clear: both; } /*nav active*/ ul.ltt-slider-hor-nav a.tabvertnav.activeSlide { margin-top: -5px; padding: 3px 20px; background: url(images/tab-hor-active.png) repeat-x; color: #353535; } ul.ltt-slider-hor-nav a.tabvertnav.activeSlide span { } /*content*/ .ltt-slider-hor-content { position: relative; width: auto; display: block; margin: 15px 35px 15px 25px; padding: 0px 0px 0px 0px; z-index: 99 !important; font-size: 13px; color: #666; } /*==================================================================================================== * C O N T E N T B O X C O N T E N T B O X ====================================================================================================*/ .ltt-contentbox { position: relative; width: auto; min-height: 40px; margin: 10px 10px 10px 0; padding: 10px 15px 10px 62px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 5px solid #EBEBEB; text-shadow: 1px 1px 0px #FFFFFF; box-shadow: 3px 3px 11px 1px rgba(0, 0, 0, 0.1); } .ltt-contentbox span.icon { position: absolute; display: block; width: 32px; height: 32px; top: 15px; left: 15px; } /*colors*/ .ltt-contentbox.white { background: #fff url(images/whitegrad.png) repeat-x top; color: #abafb3; } .ltt-contentbox.green { background: #bcecaf url(images/whitegrad.png) repeat-x top; color: #548348; text-shadow: 0 1px 0 #ddf4d6; } .ltt-contentbox.blue { background: #99CCFF url(images/whitegrad.png) repeat-x top; color: #418AD3; text-shadow: 0 1px 0 #E3F1FF; } .ltt-contentbox.red { background: #ebc7c9 url(images/whitegrad.png) repeat-x top; color:#a8566d; text-shadow:0 1px 0:fff3f3; } .ltt-contentbox.black { background: #000 url(images/whitegrad.png) repeat-x top; color: #fff; text-shadow: 1px 1px 0px #333333; } .ltt-contentbox.orange { background: #ffae00 url(images/whitegrad.png) repeat-x top; text-shadow: 0 1px 0 #f8dbaf; color:#ba7000; } .ltt-contentbox.gray { background: #C0C0C0 url(images/whitegrad.png) repeat-x top; color: #666; text-shadow:0 1px 0 #eee; } .ltt-contentbox.yellow { background: #ebd68d url(images/whitegrad.png) repeat-x top; color:#9E660D; text-shadow: 0 1px 0 #fff; } /*icons*/ .ltt-contentbox .icon.accept { background: url(images/shortcodes/notifications/accept.png) no-repeat top left; } .ltt-contentbox .icon.add { background: url(images/shortcodes/notifications/add.png) no-repeat top left; } .ltt-contentbox .icon.arrow_refresh { background: url(images/shortcodes/notifications/arrow_refresh.png) no-repeat top left; } .ltt-contentbox .icon.box_down { background: url(images/shortcodes/notifications/box_down.png) no-repeat top left; } .ltt-contentbox .icon.chart_pie { background: url(images/shortcodes/notifications/chart_pie.png) no-repeat top left; } .ltt-contentbox .icon.emotion_smile { background: url(images/shortcodes/notifications/emotion_smile.png) no-repeat top left; } .ltt-contentbox .icon.emotion_wink { background: url(images/shortcodes/notifications/emotion_wink.png) no-repeat top left; } .ltt-contentbox .icon.eye { background: url(images/shortcodes/notifications/eye.png) no-repeat top left; } .ltt-contentbox .icon.information { background: url(images/shortcodes/notifications/information.png) no-repeat top left; } .ltt-contentbox .icon.lightbulb { background: url(images/shortcodes/notifications/lightbulb.png) no-repeat top left; } .ltt-contentbox .icon.lightbulb_off { background: url(images/shortcodes/notifications/lightbulb_off.png) no-repeat top left; } .ltt-contentbox .icon.new { background: url(images/shortcodes/notifications/new.png) no-repeat top left; } .ltt-contentbox .icon.rss_valid { background: url(images/shortcodes/notifications/rss_valid.png) no-repeat top left; } .ltt-contentbox .icon.star { background: url(images/shortcodes/notifications/star.png) no-repeat top left; } .ltt-contentbox .icon.support { background: url(images/shortcodes/notifications/support.png) no-repeat top left; } .ltt-contentbox .icon.thumb_up { background: url(images/shortcodes/notifications/thumb_up.png) no-repeat top left; } .ltt-contentbox .icon.thumb_down { background: url(images/shortcodes/notifications/thumb_down.png) no-repeat top left; } .ltt-contentbox .icon.total_plan_cost { background: url(images/shortcodes/notifications/total_plan_cost.png) no-repeat top left; } .ltt-contentbox .icon.user_green { background: url(images/shortcodes/notifications/user_green.png) no-repeat top left; } .ltt-contentbox .icon.wand { background: url(images/shortcodes/notifications/wand.png) no-repeat top left; } .ltt-contentbox .icon.world { background: url(images/shortcodes/notifications/world.png) no-repeat top left; } /*==================================================================================================== * D R O P C A P S D R O P C A P S ====================================================================================================*/ .dropcap { position: relative; display: block; float: left; margin: 0.3em 0.2em 0.2em 0; } /*colors*/ .color-default { color: inherit; } .black { color: #000; } .white { color: #fff; } .red { color: #FF8080; } .light-blue { color: #00CCFF; } .dark-blue { color: #333399; } .light-green { color: #99CC00; } .dark-green { color: #008000; } .violet { color: #6701FF; } .brown { color: #993300; } .yellow { color: #FFFF00; } .orange { color: #FF6600; } .pink { color: #FF00FF; } /*font family*/ .font-arial { font-family: Arial, Helvetica, Sans-serif; } .font-verdana { font-family: Verdana, Arial, Helvetica, Sans-serif; } .font-times { font-family: Times New Roman, Times, Serif; } .font-geneva { font-family: Geneva, Arial, Helvetica, Sans-serif; } .font-courier { font-family: Courier New, Courier, Monospace; } .font-sans { font-family: MS Sans Serif, Geneva, Sans-serif; } .font-system { font-family: System, Sans-serif; } .font-georgia { font-family: Georgia, Times New Roman Times, Serif; } /*font style*/ .font-normal { font-style: normal; } .font-italic { font-style: italic; } .font-oblique { font-style: oblique; } /*font size*/ .ltt-3em { font-size: 3em; margin-bottom: 4px; margin-right: 10px; } .ltt-4em { font-size: 4em; } .ltt-5em { font-size: 5em; margin-bottom: 0.1em; } .ltt-6em { font-size: 6em; } .ltt-7em { font-size: 7em; margin-bottom: 0.3em; } .ltt-8em { font-size: 8em; } .ltt-9em { font-size: 9em; } .ltt-10em { font-size: 10em; margin-bottom: 0.4em; } /*==================================================================================================== * T O O L T I P S T O O L T I P S ====================================================================================================*/ .ltt-tooltip { position: relative; z-index: 999999; border-bottom-width: 1px; border-bottom-style: dotted; } .ltt-tooltip .tooltip-content { display: none; color: #fff; padding: 12px 20px; position: absolute; left: -95px; bottom: 35px; width: 200px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -webkit-box-shadow: 0px 0px 10px #808080; -moz-box-shadow: 0px 0px 10px #808080; box-shadow: 0px 0px 10px #808080; } .ltt-tooltip .tooltip-content .tooltip-arr { border: none; bottom: -13px; height: 13px; left: 95px; position: absolute; width: 26px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .ltt-tooltip.blue { color: #1d89b1; } .ltt-tooltip.blue .tooltip-content { border: 1px solid #317d9b; background: #1d8bb4; text-shadow: 0 1px 1px #0c5b76; } .ltt-tooltip.blue .tooltip-arr { background: url(images/tooltips/arrow-blue.png) no-repeat top left; } .ltt-tooltip.orange { color: #e87614; } .ltt-tooltip.orange .tooltip-content { border: 1px solid #be7125; background: #e97813; text-shadow: 0 1px 1px #9f5513; } .ltt-tooltip.orange .tooltip-content .tooltip-arr { background: url(images/tooltips/arrow-orange.png) no-repeat top left; } .ltt-tooltip.red { color: #c42828; } .ltt-tooltip.red .tooltip-content { border: 1px solid #a01515; background: #c42828; text-shadow: 0 1px 1px #8e1818; } .ltt-tooltip.red .tooltip-content .tooltip-arr { background: url(images/tooltips/arrow-red.png) no-repeat top left; } .ltt-tooltip.green { color: #70aa23; } .ltt-tooltip.green .tooltip-content { border: 1px solid #6e8a19; background: #70aa23; text-shadow: 0 1px 1px #537e1a; } .ltt-tooltip.green .tooltip-content .tooltip-arr { background: url(images/tooltips/arrow-green.png) no-repeat top left; } .ltt-tooltip.purple { color: #7726bd; } .ltt-tooltip.purple .tooltip-content { border: 1px solid #50158c; background: #7726bd; text-shadow: 0 1px 1px #411864; } .ltt-tooltip.purple .tooltip-content .tooltip-arr { background: url(images/tooltips/arrow-purple.png) no-repeat top left; } .ltt-tooltip.pink { color: #c42173; } .ltt-tooltip.pink .tooltip-content { border: 1px solid #98195e; background: #c42173; text-shadow: 0 1px 1px #6e0d3f; } .ltt-tooltip.pink .tooltip-content .tooltip-arr { background: url(images/tooltips/arrow-pink.png) no-repeat top left; } .ltt-tooltip.gray { color: #868686; } .ltt-tooltip.gray .tooltip-content { border: 1px solid #868686; background: #868686; text-shadow: 0 1px 1px #222222; } .ltt-tooltip.gray .tooltip-content .tooltip-arr { background: url(images/tooltips/arrow-grey.png) no-repeat top left; } .ltt-tooltip.light-gray { color: #b8b8b8; } .ltt-tooltip.light-gray .tooltip-content { border: 1px solid #bababa; background: #d8d8d8; text-shadow: 0 1px 1px #ffffff; color: #464646 !important; } .ltt-tooltip.light-gray .tooltip-content .tooltip-arr { background: url(images/tooltips/arrow-light.png) no-repeat top left; } .ltt-tooltip.black { color: #1d1d1d; } .ltt-tooltip.black .tooltip-content { border: 1px solid #101010; background: #1d1d1d; text-shadow: 0 1px 0 #000000; } .ltt-tooltip.black .tooltip-content .tooltip-arr { background: url(images/tooltips/arrow-black.png) no-repeat top left; } /*==================================================================================================== * Q U O T E S Q U O T E S ====================================================================================================*/ .ltt-quote { position: relative; display: block; font-family: Georgia; font-style: italic; } .ltt-quote .ltt-quotemark { position: absolute; font-family: Georgia; } .ltt-quote.large { font-size: 14px; padding: 0 0 0 65px; text-align: justify; } .ltt-quote.large .ltt-quotemark { font-size: 110px; top: 35px; left: 0px; } .ltt-quote.medium { font-size: 12px; padding: 0 40px 0 40px; } .ltt-quote.medium .ltt-quotemark { font-size: 70px; } .ltt-quote.medium .ltt-quotemark.left { top: 20px; left: 0px; } .ltt-quote.medium .ltt-quotemark.right { bottom: -13px; right: 0px; } .ltt-quote.small { margin: 0px 0px 20px 0; padding-left: 20px; border-left: 1px dotted #969696; } /*==================================================================================================== * P R O T E C T E D P R O T E C T E D ====================================================================================================*/ #ltt-protected { margin: 20px 0; width: 315px } #ltt-protected p.ltt-registration { margin-bottom: 3px; padding: 0; text-align: right } #ltt-protected p.ltt-registration a { font-style: italic; font-weight: bold } #ltt-protected .ltt-protected-form { background: #F7F7F7; border: 1px solid #E1E1E1; font-family: Arial,sans-serif; height: 144px; margin-bottom: 10px; padding: 20px 30px 20px 30px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -webkit-box-shadow: 0px 0px 10px #808080; -moz-box-shadow: 0px 0px 10px #808080; box-shadow: 0px 0px 10px #808080; } #ltt-protected .ltt-protected-form input#ltt-login-button { } #ltt-protected .ltt-protected-form label { display: block; float: left; width: 70px; color: #757575; font-size: 14px; } #ltt-protected .ltt-protected-form p { margin-bottom: 0px; padding-bottom: 16px; } #ltt-protected .ltt-protected-form p input { border: 1px solid #dadada; margin: 0px 0px 0px 14px; padding: 5px; width: 150px; } #ltt-protected .ltt-protected-form p input [ type = "password" ] { margin-left: 16px; } #ltt-protected .ltt-protected-form p input:focus { border: #2D3940; color: #3E3E3E; } /*==================================================================================================== * L I S T S L I S T S ====================================================================================================*/ ul.custom, ul.custom ul { list-style: none; } ul.custom li { padding: 0 0 0 20px; } ul.custom li ul { margin-left: 0px; } ul.bullet-tick li { padding-left: 30px; background: url(images/shortcodes/icons/bullet-tick.png) no-repeat left 6px; } ul.cross li { padding-left: 30px; background: url(images/shortcodes/icons/cross.png) no-repeat left 6px; } ul.bullet-arrow li { background: url(images/shortcodes/icons/bullet_arrow.png) no-repeat left 6px; } ul.bullet-black li { background: url(images/shortcodes/icons/bullet_black.png) no-repeat left 6px; } ul.bullet-green li { background: url(images/shortcodes/icons/bullet_green.png) no-repeat left 6px; } ul.bullet-orange li { background: url(images/shortcodes/icons/bullet_orange.png) no-repeat left 6px; } ul.bullet-pink li { background: url(images/shortcodes/icons/bullet_pink.png) no-repeat left 6px; } ul.bullet-purple li { background: url(images/shortcodes/icons/bullet_purple.png) no-repeat left 6px; } ul.bullet-red li { background: url(images/shortcodes/icons/bullet_red.png) no-repeat left 6px; } ul.bullet-star li { background: url(images/shortcodes/icons/bullet_star.png) no-repeat left 6px; } ul.bullet-paper-clip li { background: url(images/shortcodes/icons/bullet-paper-clip.png) no-repeat left 6px; } ul.add li { background: url(images/shortcodes/icons/add.png) no-repeat left 6px; } ul.delete li { background: url(images/shortcodes/icons/delete.png) no-repeat left 6px; } /*==================================================================================================== * C O L U M N S C O L U M N S ====================================================================================================*/ .one-half, .one-third, .two-thirds, .one-fourth, .three-fourths { position: relative; float: left; margin-right: 4%; margin-bottom: 10px; } .one-half { width: 48%; } .one-third { width: 30.66%; } .two-thirds { width: 65.32%; } .one-fourth { width: 22%; } .three-fourths { width: 74%; } .last { margin-right: 0 !important; clear: right; } .text-align-center { text-align: center; } .text-align-justify { text-align: justify; } .text-align-left { text-align: left; } .text-align-right { text-align: right; } /*==================================================================================================== * H A C K S H A C K S ====================================================================================================*/ /* clearfix -------------------------------------------------------------- */ .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear { min-width: 0; display: inline-block; /* \*/ display: block; } * html .clear { /* \*/ height: 1%; } #TwitterCounter { display: inline !important; }