/***************************************************
    CSS file for BT Net
    Author: WEB Marketing (www.wem.hr)
    Media: Screen
***************************************************/
*               { margin: 0; padding: 0; }
html            { overflow-y: scroll; }
body	        { font: 12px/18px Arial, Verdana, sans-serif; color: #534A47; background: #dee2e6 url(../images/css/body.gif) repeat-x 0 0; }
:root           { overflow-y: scroll; }
h1, h2, h3      { font-weight: normal; color: #e52e0e; }

a               { color: #e52e0e; text-decoration: none; }

a:hover,
a:active,
a:focus         { text-decoration: none; }

fieldset,
a img       { border: 0; }

table       { text-align: left; border-collapse: collapse; border-spacing: 0; }

td,
th          { vertical-align: top; text-align: left; }

legend      { white-space: normal; }

select, input, textarea { outline: 0; font: 12px/18px Arial, sans-serif; }

/* LAYOUT */
#layout			    { width: 1008px; margin: 0 auto; position: relative; background: url(../images/css/content-middle.gif) repeat-y 0 0; }
#content                    { clear: both; position: relative; padding: 14px 4px 23px; border-bottom: 13px solid #dee2e6; background: url(../images/css/content-bottom.gif) no-repeat 0 100%; }

#main-content                   { position: relative; float: left; width: 652px; margin-left: 54px; display: inline; overflow: hidden; }
#page-home #main-content        { width: 717px; margin: 0 0 0 20px; }
#page-packages #main-content    { width: 693px; margin-left: 54px; }

#secondary-content      { float: right; width: 237px; margin-right: 16px; display: inline; }

#header                 { width: 737px; padding: 0 278px 0 0; height: 114px; background: url(../images/css/header-bkg.gif) no-repeat 0 0; }
#logo                   { float: left; margin: 15px 39px 0 40px; display: inline; width: 93px; height: 98px; }
#logo a                 { display: block; width: 93px; height: 98px; overflow: hidden; text-indent: -9999px; background: url(../images/interface/logo.gif) no-repeat 0 0; }
              

/* MAIN NAVIGATION */
#navigation                     { float: left; width: 560px; margin: 91px 0 0 0; overflow: hidden; }
#navigation ul                  { list-style: none; }
#navigation li                  { float: left; display: inline; font-size: 14px; line-height: 18px; font-weight: bold; }
#navigation a                   { float: left; display: inline; background: url(../images/css/nav-splitter.gif) no-repeat 0 0; padding: 0 5px 0 6px; color: #6c7d8e; outline: none; }
#navigation li.first-child a    { padding-left: 0; background: 0; }

#navigation .active a,
#navigation a:hover,
#navigation a:active,
#navigation a:focus             { color: #000; }

/* LOCAL NAVIGATION */
#local-navigation               { float: left; width: 160px; display: inline; padding:0 22px 0 0; }
#local-navigation ul            { list-style: none; }

#local-navigation li                    { margin-bottom: 10px; font-size: 17px; }
#local-navigation li a { display: block; padding-left:16px ; color: #9ba3ab; padding-top: 5px; padding-bottom: 5px; background:url(../images/css/strelica_2.gif) no-repeat 0 7px;}

#local-navigation li.active a           { color: #e52e0e !important; background: url(../images/css/strelica_aktivna.gif) no-repeat 0 7px; }
#local-navigation li a:hover { background: url(../images/css/strelica_2.gif) no-repeat 0 -69px; }
#local-navigation li a:hover,
#local-navigation li a:focus            { color: #1c242e; }







/* ARTICLE */
#basic-controls,
#contact-container,
#serp-container,
#news-listing,
#article-container  { float: right; width: 468px; padding-bottom: 15px; padding-top: 10px; }

h1                  { font-size: 28px; line-height: 39px; font-weight: bold; color: #534A47; width: 280px; padding: 24px 0 30px 0; min-height: 78px; height: auto !important; height: 78px; }

#serp-container h1,
#article-container h1           { font-size: 16px; line-height: 18px; font-weight: bold; color: #534A47; width: auto; padding: 0; margin-bottom: 18px; min-height: 0; height: auto !important; height: 0; }

.article                        { font-size: 12px; line-height: 18px; overflow: hidden; }

.article a                      { font-weight: bold; color: #6d7d8e; }

#form-container h2,
.article h2                     { /*font-size: 14px; line-height: 18px; font-weight: bold; color: #534A47;*/ font-size: 16px; line-height: 18px; font-weight: bold; color: #534A47; width: auto; padding: 0; margin-bottom: 10px; }

#form-container h3,
#form-container h2              { margin: 0 0 20px; border-bottom: 1px solid #ccc; padding-bottom: 10px; color: #534A47; }
#form-container h3              { padding-top: 10px; }


.article h3,
.article h4,
.article h5,
.article h6                     { font-size: 12px; line-height: 18px; font-weight: bold; color: #534A47; margin-bottom: 10px; }

.article h1 a,
.article h2 a,
.article h3 a,
.article h4 a,
.article h5 a,
.article h6 a                   { color: #534A47; }

.article p,
.article ul,
.article ol,
.article dl                     { margin-bottom: 18px; }

.article dt                     { font-weight: bold; }

.article ul,
.article ol                     { margin-left: 5px; }

.article li ul,
.article li ol                  { margin-top: 15px; }

.article li ul li,
.article ul li                  { margin-left: 0; list-style-type: none; padding-left: 17px; background: url(../images/css/li-dot.gif) no-repeat 0 4px; list-style: none; }

.article li ol li,
.article ol li                  { margin-left: 25px; list-style-type: decimal; background: 0; padding-left: 0; }

.article table                  { width: 100%; margin-bottom: 28px; clear: both; }

.article tr.odd                 { }
.article tr.even                { background: #f7f7f7; }

.article table td,
.article table th a             { padding: 3px 0 3px; border-bottom: 1px solid #e4e7ea; font-weight: normal; }

.article table td.last-column,
.article table th.last-column   { text-align: right; }



.article table th               { color: #534A47; font-weight: normal; }

.article table caption          { padding: 3px 13px 4px; font-weight: normal; text-align: left; background: #e52e0e; color: #fff; border-bottom: 10px solid #fff; }

.article table.blank            { margin-left: 0; margin-right: 0; border: none; width: auto; }

.article table.blank tr         { background: 0; }

.article table.blank caption    { padding: 0 0 10px; text-align: center; margin: 0; background: 0; color: #534A47; }

.article table.blank th,
.article table.blank td         { border: 0; background: none; font-weight: normal; padding: 0; }

.article table.blank td.last-column,
.article table.blank th.last-column   { text-align: left; }

.article .left         { float: left; margin: 5px 15px 0 0; clear: left; }
.article .right        { float: right; margin: 5px 0 0 15px; clear: right; }

#serp-container .url,
.article .more         { }

#serp-container .url a,
.article .more a       { color: #6c7d8e; padding-left: 17px; background: url(../images/css/arrow-silver.gif) no-repeat 0 2px; font-weight: bold; }

#serp-container .url a:hover,
#serp-container .url a:active,
#serp-container .url a:focus,
.article .more a:hover,
.article .more a:active,
.article .more a:focus          { color: #E52E0E; background-image: url(../images/css/arrow-red.gif); }

.article a:hover,
.article a:active,
.article a:focus          { color: #E52E0E; }

.article a.pdf  { background: url(../images/css/pdf.gif) no-repeat 0 1px; padding-left: 18px; }
.article a.word { background: url(../images/css/word.gif) no-repeat 0 1px; padding-left: 18px; }


.article .documents li a    { display: block; width: 230px; padding-right: 75px; margin-bottom: 22px; }
.article .documents a.pdf   { min-height: 27px; height: auto !important; height: 27px; padding-left: 0; background: url(../images/css/pdf-large.gif) no-repeat 100% 0; }

.documents li.over,
.documents li:hover         { background-image: url(../images/css/arrow-red.gif); }


#content .table-silver-red caption     { background: #e4e7ea; color: #e55c45; }
#content .table-silver-green caption   { background: #e4e7ea; color: #bcce3b; }
#content .table-silver-blue caption    { background: #e4e7ea; color: #00a5e8; }
#content .table-silver-black caption   { background: #e4e7ea; color: #393a3b; }

/* NEWS LISTING */
#page-news-listing #main-content .news-item          { padding-bottom: 26px; }
#page-news-listing #main-content .news-item h2       { /*font-size: 16px; line-height: 18px; font-weight: bold;*/ margin-bottom: 0; }

#page-news-listing #main-content .news-item h2,
#page-news-listing #main-content .news-item h2 a     { color: #534A47; }
#page-news-listing #main-content .news-item .date    { color: #ADB5BC; margin: 2px 0; }

#page-news-listing #main-content .news-item h2 a:hover,
#page-news-listing #main-content .news-item h2 a:active,
#page-news-listing #main-content .news-item h2 a:focus     { color: #E52E0E; }

#page-news-listing #main-content .news-item .photo,
.article #news-photo                                        { float: left; margin: 5px 10px 0 0; }

.article p.date         { margin: -8px 0 8px; }
.article #news-intro    { padding-bottom: 10px; line-height: 1.5; margin-bottom: 10px; font-style: italic; border-bottom: 1px solid #ccc; }


/* HOME FLASH */
#home-news             { margin-bottom: 10px; clear: both; width: 717px; height: 275px; }
#home-services         { clear: both; width: 717px; height: 165px; }




/* SECODNARY CONTENT */
#search-container       { float: left; margin: -120px 0 6px; position: relative; width: 237px; height: 30px; padding: 125px 0 0; background: url(../images/css/search-bkg.jpg) no-repeat 0 100%; }

#search-container input         { float: right; width: 184px; padding: 2px 7px; margin: 2px 9px 0 0; display: inline; font-size: 14px; line-height: 14px; color: #fff; border: 0; background: transparent; }
#search-container .input-image  { float: left; margin: 3px 0 0 10px; width: auto; display: inline; padding: 0; border: 0; }

/* INFO BOX */
#info-box           { width: 100%; overflow: hidden; clear: both; background: url(../images/css/info-box-bottom.gif) no-repeat 0 100%; padding-bottom: 20px; margin-bottom: 6px; }
#info-box .inner    { padding: 21px 0 0 38px; font-size: 14px; line-height: 18px; color: #fff; font-weight: bold; background: url(../images/css/info-box-top.gif) no-repeat 0 0; }
#info-box h2        { font-size: 14px; line-height: 18px; color: #fff; font-weight: bold; }
#info-box img       { display: block; margin: 8px 0 10px; }
#info-box a         { color: #fff; }

#info-box a:hover,
#info-box a:active,
#info-box a:focus   { color: #a31d10; }


/* QUICK LINKS */
#quick-links            { width: 100%; overflow: hidden; clear: both; background: url(../images/css/quick-links-bottom.gif) no-repeat 0 100%; padding-bottom: 20px; }
#quick-links .inner     { padding: 22px 0 0 38px; font-size: 13px; line-height: 14px; color: #534A47; background: url(../images/css/quick-links-top.gif) no-repeat 0 0; min-height: 233px; height: auto !important; height: 233px; }

#quick-links h2             { color: #534A47; font-size: 16px; line-height: 18px; margin-bottom: 14px; }
#quick-links ul             { list-style: none; width: 195px; }
#quick-links li             { border-top: 1px solid #fff; }
#quick-links li.first-child { border-top: 0; }
#quick-links li a           { color: #534A47; display: block; padding: 12px 40px 13px 0; background: url(../images/css/icon-quick-links.gif) no-repeat 168px 15px; }

#quick-links li a:hover,
#quick-links li a:active,
#quick-links li a:focus     { color: #E52E0E; background: url(../images/css/quick-links-hover.gif) no-repeat 168px 15px; }



/* TABS */

#tabs-container      { float: right; width: 468px; overflow: hidden; padding:132px 28px 0 0; }
.tab-content #local-navigation { padding-top:132px; }
#tab_new 	{ float:right; width:468px; overflow:hidden; }
#tab_p {  padding:0 0 40px; }
#tab-intro                  { /*font-size: 14px; line-height: 18px;*/ margin: 0 0 5px 0; }
#tab-intro h1               { min-height: 80px; height: auto !important; height: 103px; display: block; padding-right: 365px; width: 280px; position:absolute; left: 0; top:0; }

#tab-intro .heading-1-play  { background: url(../images/css/heading-1-play.gif) no-repeat 100% 30px; }
#tab-intro .heading-2-play  { background: url(../images/css/heading-2-play.gif) no-repeat 100% 30px; }
#tab-intro .heading-3-play  { background: url(../images/css/heading-3-play.gif) no-repeat 100% 30px; }

#tab-intro p,
#tab-intro ul,
#tab-intro ol,
#tab-intro table            { margin-right: 0px; }

#tab-navigation                     { list-style: none; clear: both; background: url(../images/css/tabs-top.gif) no-repeat 0 41px; width:468px;}
#tab-navigation li                  { float: left; font-size: 12px; line-height: 18px; font-weight: bold; }
#tab-navigation li a                { float: left; width: 150px; overflow: hidden; padding: 20px 0 10px; text-align: center; color: #fff; outline: none; background: url(../images/css/tab-inactive.gif) no-repeat 0 10px; text-transform: uppercase; }
#tab-navigation li.first a          { background-image: url(../images/css/tab-inactive-first.gif); }
#tab-navigation li.last a           { background-image: url(../images/css/tab-inactive-last.gif); }

#tab-navigation li a:hover          { background: url(../images/css/tab-hover.gif) no-repeat 0 10px; color: #fff; }
#tab-navigation li.first a:hover    { background-image: url(../images/css/tab-hover-first.gif); }
#tab-navigation li.last a:hover     { background-image: url(../images/css/tab-hover-last.gif); }

#tab-navigation li a.active         { background: url(../images/css/tab-active.gif) no-repeat 0 0; color: #000; }
#tab-navigation li.first a.active   { background-image: url(../images/css/tab-active-first.gif); }
#tab-navigation li.last a.active    { background-image: url(../images/css/tab-active-last.gif); }


#tabs-wraper                { float: left; width: 100%; padding-bottom: 10px; background: url(../images/css/tab-bottom.gif) no-repeat 0 100%; }
#tabs-wraper .tab           { float: left; width: 408px; padding: 44px 30px 0 30px; display: none; background: url(../images/css/tab-middle.gif) repeat-y 0 0; /*font-size: 14px; line-height: 18px;*/ }
#tabs-wraper .active        { display: block; }

#tabs-wraper .package-heading   { float: left; width: 662px; margin-right: -29px; }

#tabs-wraper .price             { clear: both; width: 411px; float: right; margin: -54px -28px 19px 0; display: inline; z-index: 100; position: relative; text-align: right; color: #6C7D8E; font-weight: bold; font-size: 26px; line-height: 26px; padding: 15px 24px 8px 0; /*border-bottom: 1px solid #de230a;*/ }



#tabs-wraper p,
#tabs-wraper ul,
#tabs-wraper ol,
#tabs-wraper table              { /*clear: both;*/ }

#tabs-wraper .program-list table { width: auto; margin-bottom: 10px; border-bottom: 0; }

#tabs-wraper .program-list td,
#tabs-wraper .program-list th   { padding: 0 50px 3px 0; background: #fff; border-bottom: 1px solid #E4E7EA; }


#tabs-wraper .program-list .no  { float: left; width: 20px; }


#tabs-wraper .package-details      { width: auto; margin-bottom: 10px; border-bottom: 0; }

#tabs-wraper .package-details td,
#tabs-wraper .package-details th            { padding: 0 0 3px 0; color: #000; background: #fff; border: 0; }

#tabs-wraper .package-details .first-child  { width: 173px; }

#tabs-wraper .package-details a             { font-weight: normal; }

#tabs-footer            { clear: both; padding: 20px 0 0; }

#tabs-footer p.pdf      { display: block; width: 170px; padding-left: 17px; background: url(../images/css/arrow-silver.gif) no-repeat 0 50%; font-weight: bold; margin-bottom: 8px; }
#tabs-footer p.pdf a    { display: block; min-height: 27px; height: auto !important; height: 27px; padding: 10px 50px 0 0; background: url(../images/css/pdf-large.gif) no-repeat 100% 5px; }

#tabs-footer p.pdf:hover,
#tabs-footer p.over     { background-image: url(../images/css/arrow-red.gif); }


/* SEARCH RESULTS */
#search-results         { padding-bottom: 15px; }

#search-results h2,
#modify-search h2       { padding-bottom: 10px; font-size: 12px; line-height: 14px; font-weight: bold; color: #000; }

#search-results h2      { padding-bottom: 20px; }

#search-results ul                 { list-style: none; }
#search-results li                 { width: 100%; overflow: hidden; padding: 0 0 6px 0; margin-bottom: 15px; }
#search-results .first-child       { }

#search-results h3                 { font-size: 16px; line-height: 18px; font-weight: bold; position: relative; padding-left: 40px; }

#search-results h3,
#search-results h3 a               { color: #534A47; }

#search-results h3 a:hover,
#search-results h3 a:active,
#search-results h3 a:focus         { color: #E52E0E; }

#search-results h3 .result-no      { position: absolute; top: 0; left: 0; width: 30px; text-align: right; color: #ADB5BC; font-style: italic; background: 0; padding: 0; }

#search-results p                  { margin: 10px 0 0 40px; }

#search-results h3 span,
#search-results p span             { background: #ffeda5; padding: 0 5px; }

#search-status          { padding: 10px 0; border: 1px solid #ccc; margin-bottom: 20px; border-width: 1px 0; }
#search-status p        { font-style: italic; color: #888; }


/* MODIFY SEARCH */
#modify-search              { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; }
#modify-search .inner       { }
#modify-search h2           { padding: 15px 0 10px; }

#modify-search .form        { position: relative; padding: 10px 0 0; }
#modify-search .field       { float: left; }
#modify-search label        { float: left; padding-top: 4px; }

#search-term-container              { float: left; }
#search-term-container input        { font-size: 12px; line-height: 16px; padding: 2px 8px; width: 160px; border: 1px solid #ccc; margin: 3px 0 10px 10px; }
#search-term-container input:focus  { border: 1px solid #8c8c8c; }

#results-per-page-container         { float: left; clear: both; width: 100%; }
#modify-search select               { margin: 5px 10px 0; }
#modify-search .mainSearchSubmit    { float: left; text-indent: -9999px; overflow: hidden; display: block; font-size: 11px; line-height: 14px; padding: 0; margin: 6px 0 0 10px; display: inline; border: 0; background: url(../images/css/button-search.gif) no-repeat 0 0; width: 13px; height: 16px; }


/* CONTACT FORM */
#contact-container                      { clear: both; }
#contact-container .basicForm           { width: 232px; }

#contact-container .captchaWrapper,
#contact-container .field               { background: url(../images/css/input-field-232.gif) no-repeat 0 100%; margin: 0 0 10px 0; padding-bottom: 4px; position: relative; }
#contact-container label                { display: block; padding-bottom: 12px; text-transform: lowercase; }

#contact-container input,
#contact-container textarea             { font-size: 12px; line-height: 16px; padding: 3px 8px; width: 210px; border: 0; margin: 0 auto; display: block; }
#contact-container textarea             { height: 191px; }

#contact-container .has-textarea        { background: url(../images/css/textarea-field-232.gif) no-repeat 0 100%; }
#contact-container .action-buttons          { padding: 20px 0 0 0; }
#contact-container .action-buttons input    { padding: 0; width: auto; display: inline; }




/* FORM */
#form-container                     { float: right; padding: 10px 0 100px; width: 370px; }


#form-container .form               { width: 335px; }
#form-container .field              { margin: 0 0 10px 0; clear: both; padding-bottom: 30px; position: relative; }
#form-container label               { float: left; width: 140px; font-size: 11px; }

#form-container p                   { clear: both; }

#form-container select              { float: left; font-size: 12px; line-height: 18px; width: 195px; height: 22px; padding: 2px; }

#form-container input,
#form-container textarea            { float: left; font-size: 12px; line-height: 16px; padding: 2px 8px; width: 177px; border: 1px solid #ccc; }

#form-container textarea            { height: 191px; }
#form-container .has-textarea       { }

#form-container .has-checkbox           {}
#form-container .has-checkbox label     { }

#form-container .checkbox-container         { float: right; width: 195px; }

#form-container .checkbox           { float: left; padding-right: 5px; }
#form-container .checkbox input     { width: auto; padding: 0; margin: 2px 3px 0 0; border: 0; }
#form-container .checkbox label     { width: auto; }

#form-container .action-buttons         { padding: 20px 0 0 140px; }
#form-container .action-buttons input   { padding: 0; width: auto; display: inline; border: 0; }

#form-container .location,
#contact-container .location    { padding: 0 0 0 140px; font-size: 11px; clear: both; position: relative; top: -10px; }

#form-container .captchaWrapper      {  margin: 0 0 10px 0; padding: 0 0 4px 140px; }

#contact-container .error,
#form-container .error          { color: #f00; position: absolute; }

#contact-container .error                       { top: 0; left: 50px; }
#form-container .error                          { padding: 0 0 3px 140px; font-size: 11px; top: -18px; left: 0; }
#form-container .captchaWrapper                 { }
#form-container .captchaWrapper .errorMessage   { font-size: 11px; clear: both; width: 100%; display: block; }

/* captcha */
.captchaWrapper                     { }
.captchaWrapper a                   { display: block; color: #6D7D8E; text-decoration: underline; }

.captchaWrapper a:hover,
.captchaWrapper a:active,
.captchaWrapper a:focus             { text-decoration: none; }

.captchaImageWrapper img            { display: block; margin: 20px 0 10px; }

.captchaInput                       {}
.captchaInput label                 { display: block; padding: 10px 0 0; }
.captchaInput input                 {}



/* SUPPLEMENTARY CONTENT */
#supplementary-content          { background: #e52e0e url(../images/css/supplementary-content-bottom.gif) no-repeat 0 100%; clear: both; }
#supplementary-content .inner   { padding: 60px 24px 22px; background: url(../images/css/supplementary-content-top.gif) no-repeat 0 0; }

/* FOOTER - NEWS */
#featured-news                  { float: left; width: 555px; margin: 0 0 0 20px; display: inline; overflow: hidden; }

#featured-news .news-item       { margin: 10px 0 0 0; border-top: 1px solid #ebedef; padding-top: 13px; }
#featured-news .first-child     { padding-top: 7px; border-top: 0; margin-top: 0; }
#featured-news .news-item h3    { font-size: 12px; line-height: 14px; font-weight: bold; margin: 0 0 6px; }
#featured-news .news-item h3 a  { color: #E52E0E; }

#featured-news .news-item h3 a:hover,
#featured-news .news-item h3 a:active,
#featured-news .news-item h3 a:focus        { color: #6C7D8E; }

#featured-news p                { }

#featured-news .more            { margin-left: 2px; margin-right: 2px; position: relative; top: 1px; }

#featured-news .all              { font-size: 12px; font-weight: bold; padding-top: 13px; display: block; }
#featured-news .all a            { color: #6C7D8E; background: url(../images/css/arrow-silver.gif) no-repeat 100% 3px; padding-right: 20px; }

#featured-news .all a:hover,
#featured-news .all a:active,
#featured-news .all a:focus     { color: #e52e0e; background-image: url(../images/css/arrow-red.gif); }



/* FOOTER - CUSTOMER */
#customer-teaser             { float: right; width: 290px; margin-right: 33px; display: inline; overflow: hidden; }

#customer-teaser .button-new-customer,
#customer-teaser .button-availability         { margin: 22px 0 12px; }

#customer-teaser .button-new-customer a,
#customer-teaser .button-availability a       { width: 178px; height: 27px; display: block; text-indent: -9999px; }

#customer-teaser .button-new-customer a       { background: url(../images/css/button-new-customer.gif) no-repeat 0 0; }
#customer-teaser .button-availability a       { background: url(../images/css/button-availability.gif) no-repeat 0 0; }

#customer-teaser p:hover a,
#customer-teaser p.over a     { background-position: 0 -27px; }

#to-beginning           { float: right; width: 11px; height: 10px; margin: -10px 0 0 0; position: relative; right: 40px; top: 25px; }
#to-beginning p         {}
#to-beginning a         { width: 11px; height: 10px; display: block; text-indent: -9999px; background: url(../images/css/to-top.gif) no-repeat 0 0; }
#to-beginning a:hover   { background-image: url(../images/css/to-top-hover.gif); }



/* FOOTER */
#footer                 { float: left; width: 878px; padding: 10px 126px 18px 0; clear: both; text-align: right; background: url(../images/css/supplementary-content-middle.gif) repeat-y 0 0; }
#footer p               { display: inline; margin-left: 5px; font-size: 10px; }
#footer p.first-child   { margin: 0; position: absolute; left: 44px; }

#footer p,
#footer p a             { color: #fff; }

#footer a               { font-weight: bold; }

#footer a:hover,
#footer a:active,
#footer a:focus         { text-decoration: underline; }

/* PAGINATION */
.paginator                  { float: right; padding: 0 0 20px; width: 370px; margin-top: -10px; }
.paginator ul               { list-style: none; }
.paginator ul li            { float: left; padding: 0; margin-right: 3px; }
.paginator a                { float: left; padding: 2px 8px; color: #ccc; }

.paginator .on,
.paginator a:hover,
.paginator a:active,
.paginator a:focus           { background-color: #eeeeee; color: #333; text-align: center; }

.paginator .firstPage a,
.paginator .lastPage a,                
.paginator .prevPage a,
.paginator .nextPage a       { text-indent: -9999px; width: 22px; height: 22px; padding: 0; background-color: transparent !important; }

.paginator .firstPage a      { background: url(../images/css/pagination-first.gif) no-repeat 50% 50%; }
.paginator .firstPage a.off  { background: url(../images/css/pagination-first-off.gif) no-repeat 50% 50%; }

.paginator .prevPage a          { background: url(../images/css/pagination-prev.gif) no-repeat 50% 50%; }
.paginator .prevPage a.off      { background: url(../images/css/pagination-prev-off.gif) no-repeat 50% 50%; margin-right: 5px; }
.paginator .nextPage a          { background: url(../images/css/pagination-next.gif) no-repeat 50% 50%; margin-left: 5px; }
.paginator .nextPage a.off      { background: url(../images/css/pagination-next-off.gif) no-repeat 50% 50%; margin-left: 5px; }
.paginator .lastPage a          { background: url(../images/css/pagination-last.gif) no-repeat 50% 50%; }
.paginator .lastPage a.off      { background: url(../images/css/pagination-last-off.gif) no-repeat 50% 50%; }


#basic-controls         { list-style: none; padding: 0 0 20px; margin-top: -10px; }
#basic-controls li      { display: inline; padding-right: 5px; }
#basic-controls a       { color: #6D7D8E; }

#basic-controls a:hover,
#basic-controls a:active,
#basic-controls a:focus     { color: #E52E0E; }

.no-print { display: none !important; }





/* MISC */
.paginator p,
#local-navigation h2,
#supplementary-content h2,
#search-container h2,
#search-container legend span,
#logo img,
#navigation h2         { position: absolute; top: -9999px; left: -9999px; }

.captchaWrapper:after,
#featured-news .news-item:after,
#modify-search .inner:after,
#modify-search .form:after,
.paginator ul:after,
#contact-container .field:after,
#tab-navigation:after,
.article:after,
#supplementary-content .inner:after,
#header:after,
#navigation ul:after,
#layout:after,
#content:after              { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }

#admin-pages                { position: absolute; top: 5px; right: 5px; width: 100px; padding: 10px; background: #fff; }
#admin-pages ul             { list-style: none; }
#admin-pages li             { padding: 5px 0; text-transform: uppercase; font-size: 10px; line-height: 1; border-top: 1px solid #eee; }
#admin-pages li:first-child { border-top: 0; }
#admin-pages .elements      { }
#admin-pages li a           { color: #000; }
#admin-pages li.active a    { color: #f00; }
