/* ==============================================================================
8888888 8888888888 8 888888888o.	    ThemeRepublic
      8 8888	   8 8888    `88.     ----------------------------------------
      8 8888	   8 8888     `88     Designed & Developed by ThemeRepublic
      8 8888	   8 8888     ,88     http://themerepublic.com
      8 8888	   8 8888.   ,88'     
      8 8888	   8 888888888P'      Ver: 1.0
      8 8888	   8 8888`8b	     
      8 8888	   8 8888 `8b.	  
      8 8888	   8 8888   `8b.	 
      8 8888	   8 8888     `88.    Copyright 2008-2011 ThemeRepublic CC
   ================================================== */


/* ===[ Reset ]=== */
/* http://meyerweb.com/eric/tools/css/reset/  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
html { position: relative }
/* html5 display-role reset for older browsers  */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles!  */
:focus { outline: 0 }
strong, b { font-weight: bold }
/* remember to highlight inserts somehow!  */
ins { text-decoration: none; font-style: italic; }
del { text-decoration: line-through; color: #999999; }
/* tables still need 'cellspacing="0"' in the markup  */
table { border-collapse: collapse; border-spacing: 0; }
input, select { margin-bottom: 5px }
select.invalid, input.invalid, textarea.invalid { border: 2px solid #ffcccc; box-shadow: 0 0 0 1px #ff6666 inset; }
.clr { clear: both; display: block; float: none; height: 0; line-height: 0; }
/* end ==============================================  */


/* ===[ Grid 960 ]=== */
.container_12, .container_16 { margin-left: auto; margin-right: auto; width: 960px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display: inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }
.container_12 .grid_3, .container_16 .grid_4 { width: 220px }
.container_12 .grid_6, .container_16 .grid_8 { width: 460px }
.container_12 .grid_9, .container_16 .grid_12 { width: 700px }
.container_12 .grid_12, .container_16 .grid_16 { width: 940px }
.alpha { margin-left: 0 }
.omega { margin-right: 0 }
.container_12 .grid_1 { width: 60px }
.container_12 .grid_2 { width: 140px }
.container_12 .grid_4 { width: 300px }
.container_12 .grid_5 { width: 380px }
.container_12 .grid_7 { width: 540px }
.container_12 .grid_8 { width: 620px }
.container_12 .grid_10 { width: 780px }
.container_12 .grid_11 { width: 860px }
.container_16 .grid_1 { width: 40px }
.container_16 .grid_2 { width: 100px }
.container_16 .grid_3 { width: 160px }
.container_16 .grid_5 { width: 280px }
.container_16 .grid_6 { width: 340px }
.container_16 .grid_7 { width: 400px }
.container_16 .grid_9 { width: 520px }
.container_16 .grid_10 { width: 580px }
.container_16 .grid_11 { width: 640px }
.container_16 .grid_13 { width: 760px }
.container_16 .grid_14 { width: 820px }
.container_16 .grid_15 { width: 880px }
.container_12 .prefix_3, .container_16 .prefix_4 { padding-left: 240px }
.container_12 .prefix_6, .container_16 .prefix_8 { padding-left: 480px }
.container_12 .prefix_9, .container_16 .prefix_12 { padding-left: 720px }
.container_12 .prefix_1 { padding-left: 80px }
.container_12 .prefix_2 { padding-left: 160px }
.container_12 .prefix_4 { padding-left: 320px }
.container_12 .prefix_5 { padding-left: 400px }
.container_12 .prefix_7 { padding-left: 560px }
.container_12 .prefix_8 { padding-left: 640px }
.container_12 .prefix_10 { padding-left: 800px }
.container_12 .prefix_11 { padding-left: 880px }
.container_16 .prefix_1 { padding-left: 60px }
.container_16 .prefix_2 { padding-left: 120px }
.container_16 .prefix_3 { padding-left: 180px }
.container_16 .prefix_5 { padding-left: 300px }
.container_16 .prefix_6 { padding-left: 360px }
.container_16 .prefix_7 { padding-left: 420px }
.container_16 .prefix_9 { padding-left: 540px }
.container_16 .prefix_10 { padding-left: 600px }
.container_16 .prefix_11 { padding-left: 660px }
.container_16 .prefix_13 { padding-left: 780px }
.container_16 .prefix_14 { padding-left: 840px }
.container_16 .prefix_15 { padding-left: 900px }
.container_12 .suffix_3, .container_16 .suffix_4 { padding-right: 240px }
.container_12 .suffix_6, .container_16 .suffix_8 { padding-right: 480px }
.container_12 .suffix_9, .container_16 .suffix_12 { padding-right: 720px }
.container_12 .suffix_1 { padding-right: 80px }
.container_12 .suffix_2 { padding-right: 160px }
.container_12 .suffix_4 { padding-right: 320px }
.container_12 .suffix_5 { padding-right: 400px }
.container_12 .suffix_7 { padding-right: 560px }
.container_12 .suffix_8 { padding-right: 640px }
.container_12 .suffix_10 { padding-right: 800px }
.container_12 .suffix_11 { padding-right: 880px }
.container_16 .suffix_1 { padding-right: 60px }
.container_16 .suffix_2 { padding-right: 120px }
.container_16 .suffix_3 { padding-right: 180px }
.container_16 .suffix_5 { padding-right: 300px }
.container_16 .suffix_6 { padding-right: 360px }
.container_16 .suffix_7 { padding-right: 420px }
.container_16 .suffix_9 { padding-right: 540px }
.container_16 .suffix_10 { padding-right: 600px }
.container_16 .suffix_11 { padding-right: 660px }
.container_16 .suffix_13 { padding-right: 780px }
.container_16 .suffix_14 { padding-right: 840px }
.container_16 .suffix_15 { padding-right: 900px }
.container_12 .push_3, .container_16 .push_4 { left: 240px }
.container_12 .push_6, .container_16 .push_8 { left: 480px }
.container_12 .push_9, .container_16 .push_12 { left: 720px }
.container_12 .push_1 { left: 80px }
.container_12 .push_2 { left: 160px }
.container_12 .push_4 { left: 320px }
.container_12 .push_5 { left: 400px }
.container_12 .push_7 { left: 560px }
.container_12 .push_8 { left: 640px }
.container_12 .push_10 { left: 800px }
.container_12 .push_11 { left: 880px }
.container_16 .push_1 { left: 60px }
.container_16 .push_2 { left: 120px }
.container_16 .push_3 { left: 180px }
.container_16 .push_5 { left: 300px }
.container_16 .push_6 { left: 360px }
.container_16 .push_7 { left: 420px }
.container_16 .push_9 { left: 540px }
.container_16 .push_10 { left: 600px }
.container_16 .push_11 { left: 660px }
.container_16 .push_13 { left: 780px }
.container_16 .push_14 { left: 840px }
.container_16 .push_15 { left: 900px }
.container_12 .pull_3, .container_16 .pull_4 { left: -240px }
.container_12 .pull_6, .container_16 .pull_8 { left: -480px }
.container_12 .pull_9, .container_16 .pull_12 { left: -720px }
.container_12 .pull_1 { left: -80px }
.container_12 .pull_2 { left: -160px }
.container_12 .pull_4 { left: -320px }
.container_12 .pull_5 { left: -400px }
.container_12 .pull_7 { left: -560px }
.container_12 .pull_8 { left: -640px }
.container_12 .pull_10 { left: -800px }
.container_12 .pull_11 { left: -880px }
.container_16 .pull_1 { left: -60px }
.container_16 .pull_2 { left: -120px }
.container_16 .pull_3 { left: -180px }
.container_16 .pull_5 { left: -300px }
.container_16 .pull_6 { left: -360px }
.container_16 .pull_7 { left: -420px }
.container_16 .pull_9 { left: -540px }
.container_16 .pull_10 { left: -600px }
.container_16 .pull_11 { left: -660px }
.container_16 .pull_13 { left: -780px }
.container_16 .pull_14 { left: -840px }
.container_16 .pull_15 { left: -900px }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
* html .clearfix, *:first-child + html .clearfix { zoom: 1 }
#grid { width: 100%; height: 100%; position: absolute; z-index: 9998; display: none; top: 0; left: 0; background: url(../core/images/16_col.png) repeat-y center top; }
#grid_toggler { background: #FFFFFF; border: 2px solid #000000; border-radius: 4px; color: #FF0000; font-weight: bold; left: 20px; padding: 3px 7px; position: fixed; text-decoration: none; top: 20px; z-index: 9999; }
a#grid_toggler:active { background: #000; border-color: #fff; color: #cccccc; }
/* end ==============================================  */


/* ===[ Headings ]=== */
h1 { font-size: 24px }
h2 { font-size: 20px }
h3 { font-size: 18px }
h4 { font-size: 16px }
h5 { font-size: 15px }
h6 { font-size: 14px }
h1, h2, h3, h4, h5, h6 { margin-bottom: .25em; font-family: helvetica; letter-spacing: -0.5px; line-height: 1.6; }
/* end ==============================================  */


/* ===[ Standard HTML elements ]=== */
a:focus { outline: 1px dotted invert }
th { padding: 5px 5px 5px 5px; font-weight: bold; }
article { margin-bottom: 20px }
p { margin-bottom: 1em }
blockquote { border-left: 6px solid #CCCCCC; font-family: Georgia, 'Times New Roman', serif; font-size: 1.2em; line-height: 1.4; margin-left: 12px; padding-left: 12px; }
    blockquote cite { margin-left: 0 }
q { font-style: italic }
cite { margin-left: 30px }
code { background: #F3F3F3; font-family: "Courier New", Courier; font-weight: normal; font-size: 1em; border-color: #CCCCCC; border-style: solid; border-width: 1px 1px 1px 12px; color: #333333; display: block; margin: 4px 0 10px; padding: 8px 12px; text-shadow: 0 1px 0 #FFFFFF; white-space: pre-wrap; }
abbr, code, kbd, samp, small, var, pre { line-height: 16px }
abbr, acronym { border-bottom: .1em dotted; cursor: help; font-size: 85%; text-transform: uppercase; }
sup { vertical-align: super }
sub { vertical-align: sub }
sup, sub { line-height: 0 }
small, sup, sub { font-size: 80% }
ul, ol { padding-top: 0 }
ol { list-style: decimal }
    ol li { margin-left: 20px; padding: 2px 0 2px 0; }
ul { list-style: square }
    ul li { list-style: square outside none; margin-left: 20px; padding: 2px 0 2px 0; }
dl, hr, ol, ul, pre, table, address, fieldset { margin-bottom: 20px }
dt { font-weight: bold }
dd { background: none; margin-bottom: 12px; font-style: italic; }
.highlight { background: #FFFFDD; color: #000; padding: 0 3px; }
hr { border-width: 0; clear: both; height: 4px; margin: 15px 0; }
/* end ==============================================  */


/* ===[ Forms ]=== */
fieldset { padding: 10px; position: relative; margin-bottom: 10px; }
legend { font-size: 1.1em; padding: .4em .8em; }
.login fieldset { margin-bottom: 1em; margin-top: 0pt; }
    .login fieldset label { float: left; line-height: 2em; margin-right: 3%; text-align: right; width: 32%; }
    .login fieldset input { width: auto }
    .login fieldset .button { margin-left: 35% }
form p.notice { font-weight: bold }
label.label-left { font-weight: bold }
.registration dd, #member-registration dd, form dd { padding-left: 0 }
.registration dt, #member-registration dt, form dt { font-weight: normal }
select, input, textarea { background: #FFFFFF; border: 2px solid #F0F0F0; box-shadow: 0 0 0 1px #CCCCCC inset; padding: 4px 6px; font-size: 110%; font-family: inherit; }
/* email to friend form  */
#mailto-window { border-bottom: 2px solid #CCCCCC; padding: 10px; }
.formelm label { width: 120px; display: inline-block; }
.mailto-close { position: absolute; top: 10px; right: 10px; }
    .mailto-close a span { display: block; text-indent: -9999px; background: url('../images/system/remove.png') no-repeat; width: 16px; height: 16px; }
/* end ==============================================  */


/* ===[ Tables ]=== */
table { width: 100%; margin-bottom: 10px; }
th, td { padding: .2em 1em; text-align: left; vertical-align: top; }
thead th { padding: .4em 1em .2em }
thead th.table-head { font-size: 1em; font-weight: normal; text-transform: uppercase; }
table.tableStyle caption { font-style: italic; text-align: left; margin-bottom: 10px; }
table.tableStyle th { background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 2px 10px; }
table.tableStyle td { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 2px 10px; }
tr.even td, td.sectiontableentry2 { padding: 5px 5px 5px 5px }
tr.odd td, td.sectiontableentry1 { padding: 5px 5px 5px 5px }
/* end ==============================================  */


/* ===[ Offline page ]=== */
.site-offline #main-block { margin-top: 100px }
.site-offline #content-area { float: none; padding: 0 0 0; }
.site-offline .login { text-align: center }
.site-offline #togglelogin { position: absolute; bottom: 0; right: 5px; z-index: 100; }
.site-offline fieldset { margin-bottom: 0; background: #dedede; border: none; box-shadow: 0px 7px 10px #ababab inset; }
    .site-offline fieldset h3 { margin: 10px 0 15px }
    .site-offline fieldset p { margin-bottom: 5px }
    .site-offline fieldset label { float: none; display: inline-block; }
    .site-offline fieldset .button { margin: 0 }
p.offline-message { margin-top: 1em; text-align: center; }
/* end ==============================================  */


/* ===[ Error page ]=== */
#errornumber { margin-bottom: 25px }
    #errornumber h1 { font-size: 300px; font-family: "Arial Black", sans-serif; text-align: center; color: #333; line-height: 70px; margin-bottom: 0px; letter-spacing: 20px; text-shadow: 0 0 20px #000000, 0 -2px 0 #999999; }
#error-search { background: #f0f0f0 url('../images/icons/search_32.png') 5% 50% no-repeat; border: 1px solid #CCCCCC; box-shadow: 1px 1px 0 #ffffff inset, -1px -1px 0 #ffffff inset; margin-bottom: 40px; padding: 15px 15px 10px; text-align: center; }
    #error-search #search-searchword { padding: 10px; width: 60%; }
    #error-search input.button { margin-left: 2%; padding: 9px; }
.errorpage { padding: 20px 0 0px }
/* end ==============================================  */


/* ===[ Floats ]=== */
.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }
.width25 { width: 24.999% }
.width33 { width: 33.333% }
.width50 { width: 49.999% }
.width100 { width: 100% }
/* end ==============================================  */


/* ===[ Fancy Typography ]=== */
.tr_green, .tr_red, .tr_amber, .tr_light, .tr_blue, .tr_dark { -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 12px 20px rgba(255, 255, 255, 0.4) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 12px 20px rgba(255, 255, 255, 0.4) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 12px 20px rgba(255, 255, 255, 0.4) inset; border: 1px solid; padding: 8px 10px; margin: 5px 0 20px; text-shadow: 0 1px 0 #FFFFFF; }
    .tr_green p, .tr_red p, .tr_amber p, .tr_light p, .tr_blue p, .tr_dark p { margin: 0 }
.tr_green { border-color: #7acb51; background-color: #ddffcb; color: #333333; }
    .tr_green a:link, .tr_green a:visited, .tr_green a:hover { color: #000000 }
.tr_red { border-color: #cc0000; background-color: #ffcbcb; color: #333333; }
    .tr_red a:link, .tr_red a:visited, .tr_red a:hover { color: #000000 }
.tr_blue { border-color: #1692D1; background-color: #B2DAEE; color: #333333; }
    .tr_blue a:link, .tr_blue a:visited, .tr_blue a:hover { color: #000000 }
.tr_amber { border-color: #ffbf00; background-color: #fff2cc; color: #333333; }
    .tr_amber a:link, .tr_amber a:visited, .tr_amber a:hover { color: #000000 }
.tr_light { border-color: #CCCCCC; background-color: #FFFFFF; color: #333333; -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.7) inset, 0 -12px 20px rgba(0, 0, 0, 0.06) inset; -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.7) inset, 0 -12px 20px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.7) inset, 0 -12px 20px rgba(0, 0, 0, 0.06) inset; }
    .tr_light a:link, .tr_light a:visited, .tr_light a:hover { color: #000000 }
.tr_dark { border-color: #000000; background-color: #333333; color: #dedede; -moz-box-shadow: 0 -1px 4px #000000 inset, 0 12px 20px rgba(0, 0, 0, 0.6) inset, 0 1px 0 #cccccc; -webkit-box-shadow: 0 -1px 4px #000000 inset, 0 12px 20px rgba(0, 0, 0, 0.6) inset, 0 1px 0 #cccccc; box-shadow: 0 -1px 4px #000000 inset, 0 12px 20px rgba(0, 0, 0, 0.6) inset, 0 1px 0 #cccccc; text-shadow: 0 1px 0 #000000; }
    .tr_dark a:link, .tr_dark a:visited, .tr_dark a:hover { color: #ffffff }
.tr_alert, .tr_info, .tr_cart, .tr_clock, .tr_quote, .tr_download, .tr_edit, .tr_secure, .tr_settings, .tr_star, .tr_tip, .tr_user, .tr_twitter, .tr_rss, .tr_email, .tr_error, .tr_plus, .tr_folder, .tr_heart, .tr_stats { background-repeat: no-repeat; background-position: 12px 50%; padding: 12px 12px 12px 56px; margin: 5px 0 20px; text-align: left; }
    .tr_alert p, .tr_info p, .tr_cart p, .tr_clock p, .tr_quote p, .tr_download p, .tr_edit p, .tr_secure p, .tr_settings p, .tr_star p, .tr_tip p, .tr_user p, .tr_twitter p, .tr_rss p, .tr_email p, .tr_error p, .tr_plus p, .tr_folder p, .tr_heart p, .tr_stats p { margin: 0 }
.tr_alert { background-image: url(../images/icons/warning_32.png) }
.tr_info { background-image: url(../images/icons/info_button_32.png) }
.tr_cart { background-image: url(../images/icons/basket_32.png) }
.tr_clock { background-image: url(../images/icons/clock_32.png) }
.tr_quote { background-image: url(../images/icons/comment_32.png) }
.tr_download { background-image: url(../images/icons/arrow_down_32.png) }
.tr_edit { background-image: url(../images/icons/pencil_32.png) }
.tr_secure { background-image: url(../images/icons/lock_32.png) }
.tr_settings { background-image: url(../images/icons/tools_32.png) }
.tr_star { background-image: url(../images/icons/star_32.png) }
.tr_tip { background-image: url(../images/icons/lightbulb_32.png) }
.tr_user { background-image: url(../images/icons/user_business_32.png) }
.tr_twitter { background-image: url(../images/icons/twitter_32.png) }
.tr_rss { background-image: url(../images/icons/rss_32.png) }
.tr_email { background-image: url(../images/icons/email_32.png) }
.tr_error { background-image: url(../images/icons/error_button.png) }
.tr_plus { background-image: url(../images/icons/add_32.png) }
.tr_folder { background-image: url(../images/icons/folder_32.png) }
.tr_heart { background-image: url(../images/icons/heart_32.png) }
.tr_stats { background-image: url(../images/icons/chart_flipped_32.png) }
ul.checklist, ul.arrow, ul.plus, ul.star { list-style-type: none }
    ul.checklist li { margin-left: 2px; background-image: url('../images/icons/tick_icon.png'); background-position: 0px 4px; background-repeat: no-repeat; padding-left: 24px; list-style: none; }
    ul.arrow li { margin-left: 2px; background-image: url('../images/icons/list-arrow.png'); background-position: 0px 4px; background-repeat: no-repeat; padding-left: 24px; list-style: none; }
    ul.star li { margin-left: 2px; background-image: url('../images/icons/list-star.png'); background-position: 0px 4px; background-repeat: no-repeat; padding-left: 24px; list-style: none; }
    ul.plus li { margin-left: 2px; background-image: url('../images/icons/list-plus.png'); background-position: 0px 4px; background-repeat: no-repeat; padding-left: 24px; list-style: none; }
p.dropcap:first-letter { float: left; font-size: 72px; line-height: 72px; padding: 4px 8px 4px 0; font-family: Georgia; }
/* end ==============================================  */


/* ===[ Buttons ]=== */
button.readmore:hover, input.readmore:hover, a.k2ReadMore:hover, .catItemCommentsLink a:hover, p.readmore:hover, a.readmore:hover, a.readmore:hover, a.readon:hover, div.pagenavbar a:hover { text-decoration: none }


/* ===[ Touch the rest at your onw risk. ]=== */
button.readmore, input.readmore, a.readmore, a.k2ReadMore, .catItemCommentsLink a, p.readmore a, a.readon, div.pagenavbar a { font: inherit; background-repeat: repeat-x; color: #fff; text-decoration: none; position: relative; cursor: pointer; border: 0; font-style: normal; font-weight: normal; line-height: 12px; text-transform: capitalize; padding: 6px 10px; background-image: url("../images/button_bg.png"); /* IE only stuff */ border-bottom: 1px solid transparent\9; /* not all browser support these, but who cares? */ text-shadow: 0 1px 0 #FFFFFF; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); /* one image for all states */ background-position: 0 0%; /* cross browser inline block hack */ display: -moz-inline-stack; display: inline-block; vertical-align: middle; *display: inline !important; position: relative; /* help IE to calm down a bit */ zoom: 1; /*disable text selection (Firefox only)*/ -moz-user-select: none; }
/* hide selection background color  */
.readmore::selection { background: transparent }
button.readmore:hover, p.readmore a:hover, input.readmore:hover, a.k2ReadMore:hover, a.readmore:hover, div.pagenavbar a:hover, .catItemCommentsLink a:hover { background-position: 0 -6px; color: #454545; border: 1px solid #999; border-color: #ababab #ababab #999999; }
button.readmore:active, a.k2ReadMore:active, input.readmore:active, p.readmore a:active, a.readmore:active, div.pagenavbar a:active, .catItemCommentsLink a:active { background-position: 0 50%; /* unfortunately, Safari seems not to support inset yet */ border: 1px solid #999; border-color: #999 #999 #666; top: 1px; color: #000000; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); /* IE only stuff */ border-bottom: 0\9; border-top: 1px solid #666\9; }
button.readmore.small, input.readmore.small, a.readmore.small { padding: 4px 7px 5px; font-size: 10px; }
button.readmore.small:active, input.readmore.small:active, a.readmore.small:active { padding: 5px 7px 4px }
button.readmore.medium, input.readmore.medium, a.readmore.medium { /* default */:  }
button.readmore.medium:active, input.readmore.medium:active, a.readmore.medium:active { padding: 6px 10px 5px }
button.readmore.large, input.readmore.large, a.readmore.large { padding: 8px 14px 9px; font-size: 14px; }
button.readmore.large:active, input.readmore.large:active, a.readmore.large:active { padding: 9px 14px 8px }
a.downloadBtn { font-size: 14px; padding: 8px 10px 2px; }
    a.downloadBtn span { font-size: 11px; display: block; margin-top: 3px; }
/* end ==============================================  */


/* ===[ Fancy Buttons ]=== */
.btn_blue, .btn_green, .btn_red, .btn_gray { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-family: arial; font-size: 15px; font-weight: bold; padding: 6px 24px; text-decoration: none; display: inline-block; }
.btn_blue:hover, .btn_green:hover, .btn_red:hover, .btn_gray:hover { text-decoration: none }
.btn_green { -moz-box-shadow: inset 0px 1px 0px 0px #c1ed9c; -webkit-box-shadow: inset 0px 1px 0px 0px #c1ed9c; box-shadow: inset 0px 1px 0px 0px #c1ed9c; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b)); background: -moz-linear-gradient(center top, #9dce2c 5%, #8cb82b 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b'); background-color: #9dce2c; border: 1px solid #83c41a; color: #ffffff; text-shadow: 1px 1px 0px #689324; }
.btn_green:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c)); background: -moz-linear-gradient(center top, #8cb82b 5%, #9dce2c 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c'); background-color: #8cb82b; }
.btn_red { -moz-box-shadow: inset 0px 1px 0px 0px #f29c93; -webkit-box-shadow: inset 0px 1px 0px 0px #f29c93; box-shadow: inset 0px 1px 0px 0px #f29c93; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100)); background: -moz-linear-gradient(center top, #fe1a00 5%, #ce0100 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100'); background-color: #fe1a00; border: 1px solid #d83526; color: #ffffff; text-shadow: 1px 1px 0px #b23e35; }
.btn_red:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00)); background: -moz-linear-gradient(center top, #ce0100 5%, #fe1a00 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00'); background-color: #ce0100; }
.btn_gray { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf)); background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color: #ededed; border: 1px solid #dcdcdc; color: #777777; text-shadow: 1px 1px 0px #ffffff; }
.btn_gray:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed)); background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color: #dfdfdf; }
.btn_blue { -moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7; -webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7; box-shadow: inset 0px 1px 0px 0px #bbdaf7; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5)); background: -moz-linear-gradient(center top, #79bbff 5%, #378de5 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5'); background-color: #79bbff; border: 1px solid #84bbf3; color: #ffffff; text-shadow: 1px 1px 0px #528ecc; }
.btn_blue:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff)); background: -moz-linear-gradient(center top, #378de5 5%, #79bbff 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff'); background-color: #378de5; }
.btn_green:active, .btn_blue:active, .btn_gray:active, .btn_red:active { position: relative; top: 1px; }
/* end ==============================================  */


/* ===[ Joomla Styling ]=== */

/* =Category List=
   ================================================== */
.com_content #component .categories-list ul li, .com_contact #component .categories-list ul li, .com_weblinks #component .categories-list ul li, .com_newsfeeds #component .categories-list ul li, .com_search #component .categories-list ul li { list-style: none; margin-left: 0; background: none; padding: 0; margin-bottom: 20px; }
.categories-list ul li span.item-title { font-size: 1.4em; display: block; margin: 0.75em 0 0.4em; }
    .categories-list ul li span.item-title a { text-decoration: none }
.categories-list ul li .category-desc, .categories-list ul li .category-desc p { margin-bottom: 0 }
.categories-list ul li dl { font-size: 11px; color: #999; padding-bottom: 5px; margin-bottom: 0px; }
.categories-list ul li dt { font-weight: bold }
.categories-list ul li dt, .categories-list ul li dd { display: inline; padding-left: 0; }
.categories-list ul li ul { margin-left: 15px }
body.com_content #component .cat-children li { list-style: none; margin: 0; background-image: none; padding: 0 0 0 0; }
.cat-children li .item-title { font-size: 1.4em }
.cat-children li .category-desc { margin-bottom: 0px; padding-bottom: 10px; }

/* =System Messages=
   ================================================== */
.error { padding: 0px; margin-bottom: 20px; }
    .error h2 { color: #000 !important; font-size: 1.4em !important; text-transform: uppercase; padding: 0 0 0 0px !important; }
#system-message { position: relative; margin: 10px 0 20px 0; border-left: 0; border-right: 0; }
    #system-message dt { font-weight: bold }
    #system-message dd { margin: 0 0 15px 0; font-weight: bold; text-indent: 0px; padding: 0; }
        #system-message dd ul { color: #000; list-style: none; padding: 0px; }
            #system-message dd ul li { line-height: 1.5em; list-style: none; margin-left: 0; font-style: normal; font-weight: normal; }
    #system-message dd.message ul li { background: none !important }


/* ===[ System Error Messages ]=== */
    #system-message dt.error, #system-message dt.notice, #system-message dt.warning, #system-message dt.message { position: absolute; top: -9999px; left: -9999px; }
    #system-message dd.message ul { background: #b2daee url(../images/icons/info_button_32.png) 5px 50% no-repeat; padding: 10px 0 10px 45px; border: 1px solid #1692d1; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 12px 20px rgba(255, 255, 255, 0.4) inset; text-shadow: 0 1px 0 #FFFFFF; }
    #system-message dd.error ul { background: #ffcbcb url(../images/icons/close_32.png) 5px 50% no-repeat; padding: 10px 0 10px 45px; border: 1px solid #CC0000; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 12px 20px rgba(255, 255, 255, 0.4) inset; text-shadow: 0 1px 0 #FFFFFF; }
    #system-message dd.warning ul { background: #fff2cc url(../images/icons/error_button.png) 5px 50% no-repeat; padding: 10px 0 10px 45px; border: 1px solid #FFBF00; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 12px 20px rgba(255, 255, 255, 0.4) inset; text-shadow: 0 1px 0 #FFFFFF; }
    #system-message dd.notice ul { background: #fff2cc url(../images/icons/error_button.png) 5px 50% no-repeat; padding: 10px 0 10px 45px; border: 1px solid #FFBF00; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 12px 20px rgba(255, 255, 255, 0.4) inset; text-shadow: 0 1px 0 #FFFFFF; }
    #system-message dd.notice ul { color: #000; margin: 10px 0; }
#system-message { margin-bottom: 0px; padding: 0; }
    #system-message dt { font-weight: bold }
    #system-message dd { font-weight: bold; padding: 0; }

/* =Misc=
   ================================================== */
dl.article-info { font-size: 11px; margin: 0 0 5px; padding: 0px; }
    dl.article-info dt.article-info-term { display: none }
    dl.article-info dd { font-style: normal; margin-bottom: 0; padding-left: 0; padding-right: 10px; display: inline-block; }
.img_caption { color: #999; font-size: 11px; margin-bottom: 0; }
.tplc { position: absolute; bottom: -40px; right: 0; font-size: 9px; color: #666666; }
#copyright .tplc a { text-decoration: none; color: #666666; }

/* =Editor=
   ================================================== */
body.edit .edit fieldset { margin-bottom: 30px }
body.edit .edit label.label-left { display: block; width: 150px; float: left; }
body.edit .edit div.save { margin: 0px; float: right; }
body.edit .edit textarea, body.edit .edit span#text_parent { margin-top: 10px; display: block; }
body.edit .edit div#editor-xtd-buttons { margin-bottom: 0px }


/* ===[ Buttons ]=== */
#editor-xtd-buttons, .toggle-editor { margin-top: 10px }
.button2-left, .button2-right, .button2-left div, .button2-right div { float: left }
    .button2-left a, .button2-right a, .button2-left span, .button2-right span { display: block; height: 22px; float: left; line-height: 22px; font-size: 11px; color: #666; cursor: pointer; }
    .button2-left span, .button2-right span { cursor: default; color: #999; }
    .button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span { padding: 0 6px }
    .button2-left a:hover, .button2-right a:hover { text-decoration: none; color: #0B55C4; }
    .button2-left a, .button2-left span { padding: 0 24px 0 6px }
    .button2-right a, .button2-right span { padding: 0 6px 0 24px }
.button2-left { background: url(../core/images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; }
.button2-right { background: url(../core/images/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }
.button2-left .image { background: url(../core/images/j_button2_image.png) 100% 0 no-repeat }
.button2-left .readmore, .button2-left .article { background: url(../core/images/j_button2_readmore.png) 100% 0 no-repeat }
.button2-left .pagebreak { background: url(../core/images/j_button2_pagebreak.png) 100% 0 no-repeat }
.button2-left .blank { background: url(../core/images/j_button2_blank.png) 100% 0 no-repeat }

/* =Tool tips=
   ================================================== */
.tip-wrap { z-index: 9999 }
    .tip-wrap .tip { background: none repeat scroll 0 0 #FFFFCC; border: 1px solid #000000; float: left; max-width: 200px; padding: 5px; }
    .tip-wrap .tip-title { font-size: 95%; font-weight: bold; margin: -15px 0 0; padding: 15px 0 5px; }
    .tip-wrap .tip-text { font-size: 90%; line-height: 120%; margin: 0; }

/* =Article Functions=
   ================================================== */
ul.actions, section.actions ul { clear: both; margin: -30px 0 0; float: right; }
    ul.actions li, section.actions ul li { list-style-type: none; float: right; margin-left: 10px; }
#content-area ul.actions img, #content-area section.actions img { border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding: none; }
.num-items { clear: both; margin: -25px 0 0; float: right; }
    .num-items dt { display: none }
/* end ==============================================  */


/* ===[ Pagination ]=== */
.pagination { /*border-top: 1px dotted #ccc;*/ padding-top: 15px; float: left; margin: 10px 0 5px; padding: 15px 0 0; text-align: center; width: 100%; }
    .pagination ul { margin: 10px 0 }
p.counter { margin-bottom: 0; text-align: center; }
.pagination li, ul.pagenav .pagenav-prev, ul.pagenav .pagenav-next { display: inline; text-decoration: none; font-weight: normal; line-height: 26px; margin: 0 10px 0 0; cursor: default; background-image: none; padding: 0; }
    .pagination li span, .pagination li a, ul.pagenav .pagenav-prev, ul.pagenav .pagenav-next { background: url("../images/button_bg.png") repeat-x 0px 0px; border: 1px solid #ccc; padding: 4px 8px; font-size: 12px; line-height: 18px; color: #ABABAB; text-shadow: 0 1px 0 #fff; }
        .pagination li a, ul.pagenav .pagenav-prev a, ul.pagenav .pagenav-next a { color: #333; font-weight: normal; text-decoration: none; }
    .pagination li a:hover { color: #000 }

/* =Page Nav=
   ================================================== */
ul.pagenav { border-top: 1px dotted #ccc; margin-top: 10px; padding-top: 10px; text-align: center; float: left; width: 100%; clear: both; }
    ul.pagenav li { margin: 0; list-style: none; display: inline; }
    ul.pagenav .pagenav-prev, ul.pagenav .pagenav-next { margin-right: 5px; display: inline-block; }
/* end ==============================================  */


/* ===[ Forms ]=== */
fieldset { padding: 10px; margin-bottom: 20px; }
    fieldset legend { padding: 0 12px; font-weight: normal; font-size: 1em; }
/* end ==============================================  */


/* ===[ Search ]=== */
ul.autocompleter-choices li { list-style: none; margin-left: 0; }
.search-results li { list-style: none }
.search-results .result-title { font-size: 1.1em; border-bottom: 1px dotted #ccc; margin-top: 10px; }
    .search-results .result-title a { text-decoration: none }
.search-results .result-category { display: inline-block; color: #999; font-size: 11px; float: right; margin-top: -20px; }
.search-results .result-text { margin-bottom: 0; font-style: normal; }
.search-results .result-created { color: #999; font-size: 11px; margin-bottom: 16px; }
.search-results .result-url { font-size: 11px; margin: 0 0 20px; text-decoration: underline; }
.mod-search-searchword, .search input { -webkit-appearance: initial }
/* end ==============================================  */


/* ===[ Tables ]=== */

/* =Tables (weblinks, newsfeeds, category)=
   ================================================== */
table.weblinks, table.newsfeeds, table.category, table.jlist-table { width: 100% }
    table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th { padding: 3px 3px 3px 10px; text-align: left; }
        table.weblinks th a, table.newsfeeds th a, table.category th a, table.jlist-table th a { text-decoration: none }
    table.weblinks td, table.newsfeeds td, table.category td, table.jlist-table td { padding: 3px 3px 3px 10px; color: #666666; }
        table.weblinks td p, table.newsfeeds td p, table.category td p, table.jlist-table td p { margin-bottom: 0px }
        table.weblinks td a, table.newsfeeds td a, table.category td a, table.jlist-table td a { text-decoration: none }
        table.weblinks td a:hover, table.newsfeeds td a:hover, table.category td a:hover, table.jlist-table td a:hover { color: #000; text-decoration: underline; }
    table.weblinks td.hits, table.newsfeeds td.hits, table.category td.hits, table.jlist-table td.hits { text-align: center; padding: 10px; }
    table.weblinks tr, table.newsfeeds tr, table.category tr, table.jlist-table tr { border: 1px solid #ababab }

/* =General Table Styles=
   ================================================== */
table { width: 100%; margin-bottom: 10px; }
th, td { padding: .2em 1em; text-align: left; vertical-align: top; }
thead th { padding: .4em 1em .2em }
thead th.table-head { font-size: 1em; font-weight: normal; text-transform: uppercase; }
table.tableStyle caption { font-style: italic; text-align: left; margin-bottom: 10px; }
table.tableStyle th { background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 2px 10px; }
table.tableStyle td { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 2px 10px; }

/* =Zebra Stripes=
   ================================================== */
.cat-list-row1 td { -webkit-box-shadow: 0 1px 0px #efefef inset; -moz-box-shadow: 0 1px 0px #efefef inset; box-shadow: 0 1px 0px #efefef inset; /*border: 1px solid #ababab;*/ }
.cat-list-row1 { background: #dedede }
/* end ==============================================  */


/* ===[ Components: Contact & Newsfeed ]=== */

/* =Contact=
   ================================================== */
.jicons-icons { float: left; padding: 3px 7px 0 0; display: block; }
.contact-image { margin: 10px 0 10px 10px }
.contact-user-details { margin: 10px 0 10px }
.contact-form, .contact-links, .contact-miscinfo { margin-top: 10px }

/* =Newsfeeds=
   ================================================== */
.feed-description { font-style: italic; color: #666; margin-bottom: 10px; }
.feed-item-description img { margin: 4px 10px 10px 0; border: 2px solid #cccccc; }
/* end ==============================================  */


/* ===[ Panels ]=== */
.panel { border: 1px solid #ababab; margin: 15px 0; background: #eee; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
    .panel fieldset { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-image: none; }
    .panel .content { padding: 10px }
    .panel h3.pane-toggler, .panel h3.pane-toggler-down { padding: 0 0 0 10px; line-height: 28px; height: 28px; font-size: 1.1em; margin-bottom: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
    .panel h3.pane-toggler-down { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
    .panel h3.pane-toggler a { display: block; height: 28px; text-decoration: none; background: url(../images/down.png) no-repeat right 50%; margin-right: 4px; }
    .panel h3.pane-toggler-down a { display: block; height: 28px; text-decoration: none; margin-right: 4px; background: url(../images/up.png) no-repeat right 50%; }
/* end ==============================================  */


/* ===[ Joomla Layout ]=== */
.category-desc { overflow: hidden; width: 100%; }
/* 1 column
   ================================================== */
.cols-1 { display: block; float: none !important; margin: 0 !important; }
/* 2 column
   ================================================== */
.cols-2 .column-1 { width: 46%; float: left; }
.cols-2 .column-2 { width: 46%; float: right; margin: 0; }
/* 3 column
   ================================================== */
.cols-3 .column-1 { float: left; width: 29%; padding: 0px 5px; margin-right: 4%; }
.cols-3 .column-2 { float: left; width: 29%; margin-left: 0; padding: 0px 5px; }
.cols-3 .column-3 { float: right; width: 29%; padding: 0px 5px; }
/* 4 column
   ================================================== */
.cols-4 .column-1 { width: 23%; float: left; }
.cols-4 .column-2 { width: 23%; margin-left: 1%; float: left; }
.cols-4 .column-3 { width: 23%; margin-left: 1%; float: left; }
.cols-4 .column-4 { width: 23%; margin-left: 0; float: right; }
/* end joomla columns  */
/* user layout columns  */
.tr_cols2, .tr_cols3, .tr_cols4, .tr_cols5 { overflow: hidden; float: left; width: 100%; margin-bottom: 10px; }
/* 2 columns
   ================================================== */
    .tr_cols2 .tr_column { width: 49%; margin-right: 2%; }
/* 3 columns
   ================================================== */
    .tr_cols3 .tr_column { width: 32%; margin-right: 2%; }
/* 4 columns
   ================================================== */
    .tr_cols4 .tr_column { width: 23.4%; margin-right: 2%; }
/* 5 columns
   ================================================== */
    .tr_cols5 .tr_column { width: 18.2%; margin-right: 2%; }
    .tr_cols2 .tr_column, .tr_cols3 .tr_column, .tr_cols4 .tr_column, .tr_cols5 .tr_column { float: left }
    .tr_cols2 .tr_column.last, .tr_cols3 .tr_column.last, .tr_cols4 .tr_column.last, .tr_cols5 .tr_column.last { margin-right: 0 }
/* end user columns  */
.items-row { overflow: hidden; float: left; }
.column-1, .column-2, .column-3, .column-4 { padding: 10px 5px }
.column-2 { width: 55%; margin-left: 40%; }
.column-3 { width: 30% }
.blog-more { padding: 10px 5px }
.item { margin-bottom: 5px }
.blog .item-separator { margin-bottom: 5px }
.items-leading { /*float: left;_NO__DOTCOMMA__AFTER__*/ }
.content_item { /*float: left;*/ margin-bottom: 15px; }
/* end ==============================================  */


/* ===[ Generic Menus ]=== */
ul.menu, ul#mainlevel { list-style: none }
    ul.menu li, ul#mainlevel li, ul.joomla-nav li { margin: 0; text-indent: 5px; list-style-position: inside; list-style: none; }
        ul.menu li a, ul#mainlevel li a, ul.joomla-nav li a { /*display: block;_NO__DOTCOMMA__AFTER__*/ }
/* submenus  */
    ul.menu ul, ul#mainlevel ul, ul.joomla-nav ul { list-style: none }
/* end ==============================================  */


/* ===[ Horizontal Menu ]=== */
nav, nav * { padding: 0; list-style: none; }
    nav a { padding: 0 10px 0 10px; text-decoration: none; line-height: 35px; }
    nav a:hover { text-decoration: none }
    nav .joomla-nav { line-height: 1.0 }
        nav .joomla-nav ul { position: absolute; top: -999em; width: 12em; /* left offset of submenus need to match (see below) */ }
            nav .joomla-nav ul li { width: 100%; padding-right: 0; }
        nav .joomla-nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
        nav .joomla-nav li { float: left; position: relative; text-indent: 0; padding: 0 2px 0 0; }
        nav .joomla-nav a { display: block; position: relative; }
        nav .joomla-nav li:hover ul, nav .joomla-nav li.sfHover ul { left: 0; top: 36px; /* match top ul list item height */ z-index: 99; }
        nav .joomla-nav li:hover li ul, nav .joomla-nav li.sfHover li ul { top: -999em }
        nav .joomla-nav li li a:hover { text-shadow: 0 1px 0 #000 }
        nav .joomla-nav li li:hover ul, nav .joomla-nav li li.sfHover ul { left: 12em; /* match ul width */ top: 0; }
        nav .joomla-nav li li:hover li ul, nav .joomla-nav li li.sfHover li ul { top: -999em }
        nav .joomla-nav li li li:hover ul, nav .joomla-nav li li li.sfHover ul { left: 12em; /* match ul width */ top: 0; }
/* arrows  */
        nav .joomla-nav a.sf-with-ul, .CSSmenu nav li.parent > a { padding-right: 25px; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
            .sf-sub-indicator, .CSSmenu nav li.parent > a span { position: absolute; display: block; right: 10px; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers  */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }
/* point right for anchors in subs  */
nav .joomla-nav ul .sf-sub-indicator { background-position: -10px 0 }
nav .joomla-nav ul a > .sf-sub-indicator { background-position: 0 0 }
/* apply hovers to modern browsers  */
nav .joomla-nav ul a:focus > .sf-sub-indicator, nav .joomla-nav ul a:hover > .sf-sub-indicator, nav .joomla-nav ul a:active > .sf-sub-indicator, nav .joomla-nav ul li:hover > a > .sf-sub-indicator, nav .joomla-nav ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }
/* shadows for all but IE6  */
.sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent }
.CSSmenu nav ul ul li.parent > a span { background-position: -10px 0 }
/* end ==============================================  */


/* ===[ BackToTop Link ]=== */
#toTop { width: 39px; height: 39px; text-indent: -9999px; position: fixed; bottom: 10px; right: 10px; cursor: pointer; display: none; font-size: 1px; }
/* end ==============================================  */


/* ===[ Footer ]=== */
#copyright { text-align: right; margin-left: 20px; }
#footer-nav ul.joomla-nav { border: none; margin: 0; float: left; }
    #footer-nav ul.joomla-nav li { float: left; background: transparent; list-style-type: none; margin: 0; padding: 0 10px 0 0; }
        #footer-nav ul.joomla-nav li a, #footer-nav ul.joomla-nav li a:hover { background: transparent; border: none; padding-top: 0; }
/* end ==============================================  */


/* ===[ Layout ]=== */
.grid_0 { float: left; margin-left: 0; margin-right: 0; }
#branding { margin-top: 20px; float: left; min-height: 84px; padding: 10px; margin-bottom: 25px; }
#main-block { float: left; background: #fff; margin: 0 0 25px; z-index: 99; position: relative; }
#topmodule { float: right }
    #topmodule .right { float: left }
        #topmodule .right p, #topmodule .right ul { margin-bottom: 0 }
        #topmodule .right ul { margin-right: 5px }
        #topmodule .right a { color: #999; text-decoration: none; }
        #topmodule .right a:hover { color: #ccc; text-shadow: 0 1px 0 #000; }
        #topmodule .right a:active { color: #999; text-shadow: 0 -1px 0 #000000; }
        #topmodule .right li { float: left; position: relative; margin: 0 6px; list-style: none outside none; padding: 0; }
    #topmodule span.left { display: block; float: left; }
nav { float: left; height: 36px; padding: 0 10px; position: relative; z-index: 100; }
#content-wrapper { float: left }
#left, #right { z-index: 10; float: left; padding: 0px 10px 10px; overflow: visible; min-height: 560px; }
    #left ul.menu li a, #right ul.menu li a, #left ul#mainlevel li a, #right ul#mainlevel li a, #left ul.joomla-nav li a, #right ul.joomla-nav li a { display: block }
    #left .sidebar_border, #right .sidebar_border { min-height: 560px; position: absolute; z-index: 10; top: 0px; width: 9px; }
#user3 .module { margin-bottom: 5px }
#left .module, #right .module, #left .module_menu, #right .module_menu { margin: 15px 6px 0 2px }
#content-bottom { float: left; padding: 20px 10px 10px; }
#bottom { float: left; padding: 10px; }
.layout_LCR #left .module { margin: 15px 6px 0 0 }
.layout_LCR #right .module { margin: 15px 0 0 6px }
.layout_CLR #left .module, .layout_CR #left .module, .layout_CL #left .module, .layout_CLR #right .module, .layout_CR #right .module, .layout_CL #right .module { margin: 15px 0 0 6px }
.layout_LR #left .module, .layout_LRC #left .module, .layout_LC #left .module, .layout_RC #left .module, .layout_LR #right .module, .layout_LRC #right .module, .layout_LC #right .module, .layout_RC #right .module { margin: 15px 6px 0 0 }
#top-user-blocks { padding: 0 0 15px; float: left; }
#content-area { margin: 0 10px; padding: 15px 0; float: left; }
#bottom { margin-bottom: 20px }
    #bottom .grid_1, #bottom .grid_2, #bottom .grid_3, #bottom .grid_4, #bottom .grid_5, #bottom .grid_6, #bottom .grid_7, #bottom .grid_8, #bottom .grid_9, #bottom .grid_10, #bottom .grid_11, #bottom .grid_12, #bottom .grid_13, #bottom .grid_14, #bottom .grid_15, #bottom .grid_16 { padding-left: 10px; padding-right: 10px; margin-left: 0; margin-right: 0; }
    #bottom .alpha { padding-left: 0 }
    #bottom .omega { padding-right: 0 }
#footer { float: left; padding: 0 0 10px; margin-bottom: 20px; font-size: 90%; width: 100%; }
.separator_wide { float: left; margin: 0 -50px; padding: 0 50px; width: 960px; height: 2px; }
#mobile_switcher { text-align: center; margin: 10px 0 20px; }
    #mobile_switcher a { padding: 5px 10px; text-decoration: none; }
/* end ==============================================  */


/* ===[ Modules ]=== */
#left .module, #right .module { margin-bottom: 30px }
.module li { padding: 0 0 5px 0 }
.nopadding { padding: 0px }
#debug { background: #fff; border: 2px solid #ff0000; }
/* end ==============================================  */


/* ===[ Javascript ]=== */
#js-disabled { display: none }
.js #loginform { display: none }
/* end ==============================================  */