/* This is the Main template logo, Edit this to match the width and height of your new logo image */ #footer4 .gdwn { margin-top:54px; } #logo { width: 264px; height: 60px; } /* This is the Logo Banner Width, Edit this to set the width of the Logo Banner graphic */ #logo-surround { width: 329px; } /* Font Family Settings */ #footer4 { font-family:verdana; } body#ff-mixxmag, body#ff-mixxmag td { font-family: "Verdana", Helvetica, Arial, sans-serif; } body#ff-optima, #ff-optima td { font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif; } body#ff-geneva, #ff-geneva td { font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif; } body#ff-helvetica, #ff-helvetica td { font-family: Helvetica, Arial, FreeSans, sans-serif; } body#ff-lucida, #ff-lucida td { font-family: "Lucida Grande", Helvetica, Verdana, sans-serif; } body#ff-georgia, #ff-georgia td { font-family: Georgia, sans-serif; } body#ff-trebuchet, #ff-trebuchet td { font-family: "Trebuchet MS", sans-serif; } body#ff-palatino, #ff-palatino td { font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; } body#ff-mixxmag #horiz-menu, body#ff-mixxmag #bottom-block ul.menu, body#ff-mixxmag #breadcrumbs { font-family: Helvetica, Arial, FreeSans, sans-serif; } /* Core Formatting */ html { height: 100%; margin-bottom: 1px; } body { margin: 0; line-height: 135%; } form { margin: 0; padding: 0; } body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small { font-size: 12px; } body, body.f-default { font-size: 12px; } body#ff-optima, body#ff-optima.f-default { font-size: 13px; } body#ff-georgia, body#ff-georgia.f-default { font-size: 13px; } body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large { font-size: 12px; } p { margin-top: 10px; margin-bottom: 15px; } h1, h2, h3, h4, h5 { padding-bottom: 5px; margin: 25px 0 10px 0; font-weight: normal; line-height: 120%; } h1 { font-size: 200%; line-height: 100%; margin-left:5px; } h2 { font-size: 175%; line-height: 100%; } h3 { font-size: 150%; } h4 { font-size: 120%; line-height: 130%; } h5 { font-size: 120%; text-transform: uppercase; } a { text-decoration: none; } a:hover { text-decoration: underline; } .clr { clear: both; } /* Top Header Bar */ #top-bar { padding: 8px 0; overflow: hidden; } #top-bar .links-block { width: 45%; float: left; } #top-bar .right-module-block {/*width: 99%;*/ width:39%; float: left; text-align: left; } #top-bar .right-module-block h3 { margin: 0; } #top-bar ul.menu { margin: 0; padding: 0 10px; overflow: hidden; } #top-bar ul.menu li { list-style: none; float: left; border: 0; margin: 0 18px 0 0; font-size: 100%; height: auto; padding: 0; line-height: 100%; } #top-bar ul.menu a, #top-bar ul.menu a span { padding: 0; margin: 0; line-height: 130%; height: auto; text-indent: 0; } .date-block { float: right; text-align: right; line-height: 110%; margin-right: 10px; } .date1 { text-transform: uppercase; text-align: right; font-size: 145%; padding-right: 6px; font-weight: bold; } .date2, .date3 { text-transform: uppercase; font-weight: bold; font-size: 105%; } /* Main Header */ #top-divider { height: 4px; } #main-header { position: relative; padding-bottom: 20px; z-index:2; } #header-tools { padding: 10px 10px 0 10px; overflow: hidden; } .header-spacer { height: 10px; } #logo-surround { height: 71px; top:8px; ; margin-left: -7px; position: absolute; } #logo-banner { height: 71px; float: left; width: 100%; } #logo-banner2 { height: 71px; } #logo-banner3 { height: 71px; margin-left:35px; margin-right: 26px; } .logo-module { width: 330px; float: left; overflow: hidden; padding: 15px 0; } #logo-bg-area { width: 299px; height: 79px; position: absolute; top: 0; left: 10px; } #searchmod { padding: 0; float: right; text-align: right; width: 283px; } #searchmod .search { border: 0; padding: 0; } #searchmod .inputbox { background: none; border: 0; padding: 3px 0 3px 6px; font-size: 100%; float: left; width: 200px; margin-right: 5px; background: #fff; border: 1px solid #ccc; color: #666; } #searchmod input.button { float: right; border: 0; width: 70px; text-transform: uppercase; cursor: pointer; padding-bottom: 5px; background: url(../images/main/search-button.png) 0 0 no-repeat; } /* Top Main Menu */ #horiz-menu { height: 40px; margin-top: 12px; padding: 0; display: block; position: relative; top: -80px; left: -49px; } #menu-spacer { height: 55px; float: right; } ul#horiznav.menutop, #horiz-menu ul.menutop { padding: 8px 0 3px 0; margin: 0; position: relative; z-index:120; float: right; } #horiz-menu li, #horiz-menu li a, #horiz-menu li .separator { z-index:200; position:relative; display: block; } #horiz-menu span { height: 29px; } #horiz-menu a, #horiz-menu .separator { white-space: nowrap; display: block; float: left; height: 29px; line-height: 26px; font-weight: normal; font-size: 100%; text-decoration: none; z-index: 100; cursor: pointer; padding: 0 6px; color: #fff; text-transform: uppercase; } #horiz-menu li.active a, #horiz-menu li.active .separator { z-index: 100; cursor: pointer; } #horiz-menu ul { list-style: none; padding: 0; margin: 0; } #horiz-menu li { display: block; float: left; margin: 0 4px 0 0; padding: 0; font-weight: bold; } #horiz-menu li a span, #horiz-menu li .separator span { display: block; padding: 0; } /* Top Main Menu Dropdowns */ #horiz-menu li li.active, #horiz-menu li.active li a, #horiz-menu li.active li a:hover, #horiz-menu li li a:hover, #horiz-menu ul li.active.parent ul a, #horiz-menu li.active li .separator, #horiz-menu li.active li .separator:hover, #horiz-menu li li .separator:hover, #horiz-menu ul li.active.parent ul .separator { border: 0; padding: 0; margin: 0; } #horiz-menu li li a, #horiz-menu li li .separator { text-indent:11px; font-weight: normal; padding: 0; margin: 0; } #horiz-menu li li, #horiz-menu li li a span, #horiz-menu li li .separator span { background: none; padding: 0; margin: 0; } #horiz-menu li li a span, #horiz-menu li li .separator span { padding: 0; } #horiz-menu li.sfHover li a, #horiz-menu li:hover li a, #horiz-menu ul li.active ul li.active li a, #horiz-menu ul li.active.parent ul li a, #horiz-menu li.sfHover li .separator, #horiz-menu li:hover li .separator, #horiz-menu ul li.active.parent ul li .separator, #horiz-menu ul li.active.parent ul li .seperator { background: none !important; } #horiz-menu li.active li a, #horiz-menu li.active.parent li a, #horiz-menu li.active li .separator, #horiz-menu li.active.parent li .separator { font-weight: normal;/* font-size: 100% */ ; background: none; } #horiz-menu ul ul { margin: 0; border: 0; padding: 5px 0 2px 0; background: url(../images/main/horizmenu-dropdown-bg.png) 50% 100% repeat-x; width:215px; } #horiz-menu ul ul li, #horiz-menu ul ul li.active { margin-bottom: 3px; } #horiz-menu ul ul li:hover, #horiz-menu ul ul li.sfHover { background-image: none; } #horiz-menu ul ul li a, #horiz-menu ul li.active.parent ul a, #horiz-menu ul li.active.parent ul a span, #horiz-menu ul ul li .separator, #horiz-menu ul li.active.parent ul .separator, #horiz-menu ul li.active.parent ul .separator span { text-transform:none; background: none; } #horiz-menu ul ul li.active { background: none; } #horiz-menu ul ul li, #horiz-menu ul ul li.active, #horiz-menu li.active li a:hover, #horiz-menu li.active li a.sfHover, #horiz-menu li a.separator { background: url(../images/main/dropdown-item.png) 0 0; } #horiz-menu ul ul li a.daddy, #horiz-menu ul ul li .separator.daddy, #horiz-menu ul li.parent.active:hover li a.daddy, #horiz-menu ul li.parent.active:hover li .separator.daddy, #horiz-menu ul li.parent.active.sfHover li a.daddy, #horiz-menu ul li.parent.active.sfHover li .separator.daddy { background: transparent url(../images/main/dropdown-item-hover-arrow.png) 95% 12px no-repeat; } #horiz-menu ul ul li:hover, #horiz-menu ul ul li.sfHover, #horiz-menu ul ul li.active { background: url(../images/main/dropdown-item-hover.png) 0 0; } /* Main Page Structure */ .side-shadow-l { background: url(../images/main/side-shadow-l.png) 0 0 repeat-y; margin-left: -20px; padding-left: 20px; } .side-shadow-r { background: url(../images/main/side-shadow-r.png) 100% 0 repeat-y; margin-right: -20px; padding-right: 20px; } #main-content { padding: 0 10px 10px 10px; } #main-body-bg { position:relative; z-index:1; } #main-body {/*position: relative;*/ } #maincol { float: left; margin-top:0px; } #leftcol { float: left; } #leftcol .padding { padding: 0 5px 0 10px; } #rightcol .padding { padding: 0 6px 0 5px; } #rightcol { float: left; margin-top:12px; } #inset-block-right { float: right; } #inset-block-right .right-padding { padding-left: 10px; } #inset-block-left { float: left; } #inset-block-left .left-padding { padding-right: 10px; } table.mainbody, table.blog { width: 100%; border: 0; padding: 0; } .spacer .block { float: left; } /* Main Body Items */ #breadcrumbs { height: 18px; margin: 0 12px 12px; display: block; padding: 0 10px; background: #000; } #breadcrumbs h3 { display: none; } span.breadcrumbs { display: block; font-size: 100%; overflow: hidden; line-height: 120%; padding-top: 2px; text-transform: uppercase; color: #fff; } span.breadcrumbs img { width: 10px; height: 9px; background: url(../images/main/breadcrumb-div.png) 50% 50% no-repeat; } span.breadcrumbs a { float: none; padding: 0 2px 0 0; font-weight: normal; color: #aaa; } h1.componentheading { font-size: 120%; text-transform: uppercase; line-height: 170%; margin-bottom: 8px; margin-top: 0; } h1.componentheading span.bg { padding: 5px 10px; } h1.componentheading span.bg2 { padding: 0 0 7px 0; } .content-header { position: relative; } .move-handle, .open-handle, .close-handle, .tools-handle { height: 22px; width: 20px; position: absolute; cursor: pointer; } .close-handle { right: 0; top: 2px; } .open-handle { right: 0; top: 2px; } .tools-handle { top: 2px; right: 22px; } .tools-hover { background: url(../images/main/tools-hover.png) 0 0 !important; } .contentheading { margin: 0; padding: 4px 60px 6px 15px; font-size: 140%; font-weight: bold; line-height: 120%; } .main-article { padding:0px 10px 10px; } div.main-article p { text-align:justify !important; margin:5px 0px !important; } .main-article h1, .main-article h2, .main-article h3, .main-article h5 { padding-bottom: 5px; margin: 0px 0 10px 0; font-weight: normal; line-height: 120%; } div#maincol .padding #main-content #page .main-article h1 { background:transparent url(../../../images/stories/arrows.png) no-repeat scroll left 3px; color:#1589B0; font-family:trebuchet MS; font-size:20px; padding-left:18px; text-transform:uppercase; } div#maincol .padding #main-content #page .main-article h2 { background:transparent url(../../../images/stories/arrows.png) no-repeat scroll left 3px; color:#1589B0; font-family:trebuchet MS; font-size:20px; padding-left:18px; text-transform:uppercase; } .main-article .contentheading { padding: 0; font-size: 190%; margin-bottom: 15px; } .blog-page h1.componentheading { padding: 0; font-size: 140%; margin-bottom: 15px; font-weight: bold; text-transform: none; } .article-extras { overflow: hidden; padding-left: 10px; } div.buttonheading { margin: 0 10px 0 0; float: left; padding: 8px 5px 5px 5px; } .main-article div.buttonheading { float: right; } div.pageinfo { float: left; margin: 0 10px 0 0; padding: 8px 5px 5px 5px; } div.iteminfo { float: left; margin: 0 10px 0 0; padding: 8px 5px 5px 5px; font-size: 90%; } span.modifydate, span.createdby, span.createdate { display: block; } .content-padding { padding: 5px 15px; } .content-bottom, .content-bottom2, .content-bottom3 { height: 6px; } .content-bottom { margin-bottom:5px; } .readon-tab-block { float: right; margin-right: 8px; text-align: center; margin-bottom: 4px; margin-top:1px; } .readon-tab-block a.readon { margin: 0; font-size: 90%; font-weight: bold; padding: 0 10px; } .readon-tab-block a.readon:hover, a.contentpagetitle:hover { text-decoration: none; } .readon-tab, .readon-tab2, .readon-tab3 { height: 24px; } .readon-tab { margin-left: 4px; margin-right: 4px; } .readon-tab2 { margin-right: -4px; } .readon-tab3 { margin-left: -4px; } span.readon-tab-text { height: 24px; line-height: 22px; } a.readon { margin-top: 15px; margin-bottom: 10px; display: block; } span.readon-full { padding: 4px 8px; text-transform: uppercase; font-size: 80%; font-weight: bold; } div.pagination { height: 21px; line-height: 21px; margin-top: 10px; margin-bottom: 15px; display:inline-block; } div.pagination div.tab { background: url(../images/main/page-tab-r.png) 100% 0 no-repeat; float: left; margin-right: 6px; } div.pagination div.tab2 { background: url(../images/main/page-tab-l.png) 0 0 no-repeat; padding: 0 8px; } div.pagination div.page-block { padding: 0 4px; float: left; margin-right: 6px; } .cols2 { width: 49.4%; float: left; } .column1.cols2 { margin-right: 5px; } .cols3 { width: 32.6%; float: left; } .column1.cols3, .column2.cols3 { margin-right: 5px; } .leading-blog .tools-handle, .leading-blog .close-handle, .leading-blog .content-bottom, .leading-blog .article-extras { display: none; } div.leading-blog .content-header, .leading-blog .blog-item-bg { background: none; border: 0; } .leading-blog .content-padding { padding: 12px; background: none; } .leading-blog h2.contentheading { padding-left: 12px; } .blog-page h1.componentheading { padding-left: 12px; } .blog_more { padding-top: 15px; } /* Main Body Content Blocks */ .frontpage-item-bg, .blog-item-bg { background: #E7E7E7; border-top: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF; } .medium .frontpage-item-bg, .medium .blog-item-bg { background: #B6B6B6; border-top: 1px solid #A5A5A5; border-right: 1px solid #A5A5A5; border-left: 1px solid #A5A5A5; } .dark .frontpage-item-bg, .dark .blog-item-bg { background: #616161; border-top: 1px solid #555; border-right: 1px solid #555; border-left: 1px solid #555; color: #fff; } .content-padding { background: url(../images/main/light-item-bg.png) 0 0 repeat-x; } .medium .content-padding { background: url(../images/main/med-item-bg.png) 0 0 repeat-x; } .dark .content-padding { background: url(../images/main/dark-item-bg.png) 0 0 repeat-x; } #maincontent-block .dark .frontpage-item-bg a, #maincontent-block .dark .blog-item-bg a { color: #ccc; } .content-header, .light .content-header { background: #DFDFDF url(../images/main/content-header-bg.png) 0 0 repeat-x; } .medium .content-header { background: #BABABA url(../images/main/main-med-header-bg.png) 0 0 repeat-x; } .dark .content-header { background: #666 url(../images/main/main-dark-header-bg.png) 0 0 repeat-x; } .close-handle, .light .close-handle { background: url(../images/main/side-light-close-handle.png) 50% 50% no-repeat; } .medium .close-handle { background: url(../images/main/side-close-handle.png) 50% 50% no-repeat; } .dark .close-handle { background: url(../images/main/side-dark-close-handle.png) 50% 50% no-repeat; } .open-handle, .light .open-handle { background: url(../images/main/side-light-open-handle.png) 50% 50% no-repeat; } .medium .open-handle { background: url(../images/main/side-open-handle.png) 50% 50% no-repeat; } .dark .open-handle { background: url(../images/main/side-dark-open-handle.png) 50% 50% no-repeat; } .tools-handle, .light .tools-handle { background: url(../images/main/side-light-tools-handle.png) 50% 50% no-repeat; } .medium .tools-handle { background: url(../images/main/side-tools-handle.png) 50% 50% no-repeat; } .dark .tools-handle { background: url(../images/main/side-dark-tools-handle.png) 50% 50% no-repeat; } #maincontent-block a.contentpagetitle:hover, #main-body a.readon:hover { color: #333; } #maincontent-block .medium a.contentpagetitle:hover, #main-body .medium a.readon:hover { color: #151515; } #maincontent-block .dark a.contentpagetitle:hover, #main-body .dark a.readon:hover { color: #ccc; } #main-body .promo a.readon:hover { color: #ccc; } .article-extras { background: #ddd url(../images/main/content-header-bg2.png) 0 0 repeat-x; border-bottom: 1px solid #CFCFCF; color: #555; } .medium .article-extras { background: #B4B4B4 url(../images/main/main-med-header-bg2.png) 0 0 repeat-x; border-bottom: 1px solid #A5A5A5; color: #333; } .dark .article-extras { background: #636363 url(../images/main/main-dark-header-bg2.png) 0 0 repeat-x; border-bottom: 1px solid #555; color: #fff; } span.createdby { color: #333; } .dark span.createdby { color: #fff; } .main-article .contentheading { color: #333; } .content-bottom, .mainblock-mod-bottom { background: url(../images/main/content-bm.png) 0 0 repeat-x; } .content-bottom2, .mainblock-mod-bottom2 { background: url(../images/main/content-br.png) 100% 100% no-repeat; } .content-bottom3, .mainblock-mod-bottom3 { background: url(../images/main/content-bl.png) 0 100% no-repeat; } .medium .content-bottom { background: url(../images/main/side-mod-bm.png) 0 0 repeat-x; } .medium .content-bottom2 { background: url(../images/main/side-mod-br.png) 100% 100% no-repeat; } .medium .content-bottom3 { background: url(../images/main/side-mod-bl.png) 0 100% no-repeat; } .dark .content-bottom { background: url(../images/main/side-dark-bm.png) 0 0 repeat-x; } .dark .content-bottom2 { background: url(../images/main/side-dark-br.png) 100% 100% no-repeat; } .dark .content-bottom3 { background: url(../images/main/side-dark-bl.png) 0 100% no-repeat; } .readon-tab { background: url(../images/main/readon-tab-m.png) 0 0 repeat-x; } .readon-tab2 { background: url(../images/main/readon-tab-r.png) 100% 0 no-repeat; } .readon-tab3 { background: url(../images/main/readon-tab-l.png) 0 0 no-repeat; } .medium .readon-tab { background: url(../images/main/main-med-readon-tab-m.png) 0 0 repeat-x; } .medium .readon-tab2 { background: url(../images/main/main-med-readon-tab-r.png) 100% 0 no-repeat; } .medium .readon-tab3 { background: url(../images/main/main-med-readon-tab-l.png) 0 0 no-repeat; } .dark .readon-tab { background: url(../images/main/main-dark-readon-tab-m.png) 0 0 repeat-x; } .dark .readon-tab2 { background: url(../images/main/main-dark-readon-tab-r.png) 100% 0 no-repeat; } .dark .readon-tab3 { background: url(../images/main/main-dark-readon-tab-l.png) 0 0 no-repeat; } span.readon-full { background: #F0F0F0 url(../images/main/readon-bg.png) 0 0 repeat-x; border: 1px solid #c7c7c7; } .medium span.readon-full { background: #B7B7B7 url(../images/main/main-med-readon-bg.png) 0 0 repeat-x; border: 1px solid #9C9C9C; } .dark span.readon-full { background: #666 url(../images/main/main-dark-readon-bg.png) 0 0 repeat-x; border: 1px solid #555; } .promo span.readon-full { background: #666 url(../images/main/main-dark-readon-bg.png) 0 0 repeat-x; border: 1px solid #888; } /* Side Column Modules */ .side-mod-bottom, .side-mod-bottom2, .side-mod-bottom3 { height: 6px; } .side-mod-bottom { margin-bottom: 10px; } .side-mod h3.module-title { margin: 0 0 0 -4px; padding-top: 5px; position: relative; } .side-mod h3.module-title span { font-size: 85%; text-transform: uppercase; } .side-mod h3.module-title span.bg { padding: 6px 10px; } .side-mod h3.module-title span.bg2 { padding: 0 0 7px 0; } .side-title-container { position: relative; } .side-mod .module { padding: 15px; } .side-mod .open-handle, .side-mod .close-handle, .side-mod .tools-handle { height: 22px; width: 20px; position: absolute; cursor: pointer; } .side-mod .close-handle { right: 0; top: 0; } .side-mod .open-handle { right: 0; top: 0; } .side-mod .tools-handle { top: 0; right: 22px; } .flush .module { padding: 0; } /*.light .side-mod h3.module-title span.bg {background: url(../images/main/side-light-h3.png) 50% 100% repeat-x;color: #fff;} .light .side-mod {background: #E7E7E7 url(../images/main/side-light-mod-bg.png) 0 0 repeat-x;border-left: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;border-top: 1px solid #DDDDDD;} .light .side-mod2 {background: url(../images/main/side-light-mod-h3-bg.png) 0 0 repeat-x;} .light .side-mod-bottom {background: url(../images/main/side-light-bm.png) 0 0 repeat-x;} .light .side-mod-bottom2 {background: url(../images/main/side-light-br.png) 100% 100% no-repeat;} .light .side-mod-bottom3 {background: url(../images/main/side-light-bl.png) 0 100% no-repeat;} .light .side-mod .close-handle {background: url(../images/main/side-light-close-handle.png) 50% 50% no-repeat;} .light .side-mod .open-handle {background: url(../images/main/side-light-open-handle.png) 50% 50% no-repeat;} .light .side-mod .tools-handle {background: url(../images/main/side-light-tools-handle.png) 50% 50% no-repeat;} */ .side-mod h3.module-title span.bg, .medium .side-mod h3.module-title span.bg { background: url(../images/main/side-mod-h3.png) 50% 100% repeat-x; color: #fff; } .side-mod, .medium .side-mod { background: #B8B8B8 url(../images/main/side-mod-bg.png) 0 0 repeat-x; border-left: 1px solid #A5A5A5; border-right: 1px solid #A5A5A5; border-top: 1px solid #A5A5A5; } .side-mod2, .medium .side-mod2 { background: url(../images/main/side-mod-h3-bg.png) 0 0 repeat-x; } .side-mod-bottom, .medium .side-mod-bottom { background: url(../images/main/side-mod-bm.png) 0 0 repeat-x; } .side-mod-bottom2, .medium .side-mod-bottom2 { background: url(../images/main/side-mod-br.png) 100% 100% no-repeat; } .side-mod-bottom3, .medium .side-mod-bottom3 { background: url(../images/main/side-mod-bl.png) 0 100% no-repeat; } .side-mod .close-handle, .medium .side-mod .close-handle { background: url(../images/main/side-close-handle.png) 50% 50% no-repeat; } .side-mod .open-handle, .medium .side-mod .open-handle { background: url(../images/main/side-open-handle.png) 50% 50% no-repeat; } .side-mod .tools-handle, .medium .side-mod .tools-handle { background: url(../images/main/side-tools-handle.png) 50% 50% no-repeat; } .dark .side-mod h3.module-title span.bg { background: url(../images/main/side-dark-h3.png) 50% 100% repeat-x; color: #fff; } .dark .side-mod { background: #616161 url(../images/main/side-dark-mod-bg.png) 0 0 repeat-x; border-left: 1px solid #555555; border-right: 1px solid #555555; border-top: 1px solid #555555; } .dark .side-mod a { color: #ccc; } .dark .side-mod2 { background: url(../images/main/side-dark-mod-h3-bg.png) 0 0 repeat-x; color: #fff; } .dark .side-mod-bottom { background: url(../images/main/side-dark-bm.png) 0 0 repeat-x; } .dark .side-mod-bottom2 { background: url(../images/main/side-dark-br.png) 100% 100% no-repeat; } .dark .side-mod-bottom3 { background: url(../images/main/side-dark-bl.png) 0 100% no-repeat; } .dark .side-mod .close-handle { background: url(../images/main/side-dark-close-handle.png) 50% 50% no-repeat; } .dark .side-mod .open-handle { background: url(../images/main/side-dark-open-handle.png) 50% 50% no-repeat; } .dark .side-mod .tools-handle { background: url(../images/main/side-dark-tools-handle.png) 50% 50% no-repeat; } .promo .side-mod .close-handle { background: url(../images/main/promo-close-handle.png) 50% 50% no-repeat; } .promo .side-mod .open-handle { background: url(../images/main/promo-open-handle.png) 50% 50% no-repeat; } .promo .side-mod .tools-handle { background: url(../images/main/promo-tools-handle.png) 50% 50% no-repeat; } .promo .side-mod { background: #333 url(../images/main/promo-bg.png) 100% 0 no-repeat; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; border-top: 1px solid #EBEBEB; color: #aaa; } .promo .side-mod a { color: #fff; } .promo .side-mod2 { background: none; } .promo .side-mod-bottom { background: url(../images/main/promo-bm.png) 0 0 repeat-x; } .promo .side-mod-bottom2 { background: url(../images/main/promo-br.png) 100% 100% no-repeat; } .promo .side-mod-bottom3 { background: url(../images/main/promo-bl.png) 0 100% no-repeat; } .ad-block, .ad-block-bottom { padding-bottom: 6px; } .ad-block h3, .ad-block-bottom h3 { margin: 0; text-transform: uppercase; font-size: 90%; font-weight: bold; letter-spacing: 1px; } .ad-block-bottom .moduletable table td a { padding: 0 10px; text-decoration:underline; } .ad-block-bottom .moduletable a.mainlevel { color:#FFFFFF; font-family:helvetica, arial, FreeSans, sans-serif; font-size:12px; padding:0 10px; text-decoration:none; text-transform:uppercase; } .ad-block-bottom { background: none repeat scroll 0 0 #26517A; color: #FFFFFF; font-size: 10px; padding-top: 6px; text-align: center; } /* Main Body Modules */ .mainblock-mod h3.module-title { margin: 0; padding: 4px 0 4px 5px; position: relative; } .mainblock-mod h3.module-title span.bg { font-size: 70%; text-transform: uppercase; padding: 1px 10px; } .mainblock-title-container { position: relative; } .mainblock-mod .module { padding: 0px 11px; margin:15px 0px 0px 0px; } #mainmodules3 .mainblock-mod .module { padding: 0px !important; } .block.first .mainblock-module {/*padding: 0 0 10px 10px;*/ } .block.middle .mainblock-module {/*padding: 0 0 10px 10px;*/ } .block.last .mainblock-module {/*padding: 0 10px 10px 10px;*/ } #inset-block-right .mainblock-module, #inset-block-left .mainblock-module { padding-bottom: 10px; } .mainblock-mod-bottom, .mainblock-mod-bottom2, .mainblock-mod-bottom3 { height: 6px; } .mainblock-mod ul, .side-mod ul { margin: 0 -10px; padding: 0; } .blog_more ul { margin: 0; padding: 0; } .mainblock-mod ul li, .side-mod ul li, .blog_more ul li { list-style: none; padding: 4px 5px 4px 0; margin-bottom: 2px; } .mainblock-mod ul li a, .side-mod ul li a, .blog_more ul li a { display: block; padding-left: 28px; } .mainblock-mod ul li a:hover, .side-mod ul li a:hover, .blog_more ul li a:hover { text-decoration: none; } #mainmodules, #mainmodules2, #mainmodules3, #mainmodules4 { overflow: hidden; } #featured-block { padding: 0 12px 12px 12px; } #mainmodules3, #mainmodules4 {/*padding-top: 15px;*/ } #mainmodules3.spacer .block, #mainmodules4.spacer .block { float: left; } #mainmodules3.spacer.w99 .block, #mainmodules4.spacer.w99 .block { width: 99.8%; } #mainmodules3.spacer.w49 .block, #mainmodules4.spacer.w49 .block { width: 49.8%; } #mainmodules3.spacer.w33 .block, #mainmodules4.spacer.w33 .block { width: 33.3%; } #mainmodules4 .block.first .moduletable { padding: 0 10px 10px 10px; } #mainmodules4 .block.middle .moduletable { padding: 0 10px 10px 10px; } #mainmodules4 .block.last .moduletable { padding: 0 10px 10px 10px; } #mainmodules4 h3 { margin-top: 0; } #rokmininews-block { padding: 12px; } #rokmininews .rokmininews-surround { margin-bottom: 10px; } #rokmininews .module { padding: 0; } .mainblock-mod { background: #E7E7E7 url(../images/main/side-light-mod-bg.png) 0 0 repeat-x; border-top: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF; } .mainblock-mod h3.module-title, .light .mainblock-mod h3.module-title { background: #DFDFDF url(../images/main/content-header-bg.png) 0 0 repeat-x; border-bottom: 1px solid #CFCFCF; } .mainblock-mod h3.module-title span.bg, .light .mainblock-mod h3.module-title span.bg { background: #444; color: #fff; } .mainblock-mod ul li, .light .mainblock-mod ul li, .light .side-mod ul li, .blog .blog_more ul li { background: #F0F0F0 url(../images/main/readon-bg.png) 0 0 repeat-x; border: 1px solid #c7c7c7; } .mainblock-mod ul li a, .light .mainblock-mod ul li a, .light .side-mod ul li a, #main-content .blog_more ul li a { color: #444; background: url(../images/main/mainblock-arrow.png) 8px 4px no-repeat; } .medium div.mainblock-mod ul li a, div.side-mod ul li a, .medium .side-mod ul li a { color: #333; background: url(../images/main/med-arrow.png) 8px 4px no-repeat; } .dark div.mainblock-mod ul li a, .dark div.side-mod ul li a, .promo div.side-mod ul li a { color: #ddd; background: url(../images/main/dark-arrow.png) 8px 4px no-repeat; } .dark .mainblock-mod ul li a:hover, .dark .side-mod ul li a:hover, .promo .side-mod ul li a:hover { color: #fff; background: url(../images/main/dark-arrow-hover.png) 8px 4px no-repeat; } .medium .mainblock-mod { background: #B6B6B6 url(../images/main/side-mod-bg.png) 0 0 repeat-x; border-top: 1px solid #A2A2A2; border-right: 1px solid #A2A2A2; border-left: 1px solid #A2A2A2; } .medium .mainblock-mod h3.module-title { background: #BABABA url(../images/main/main-med-header-bg.png) 0 0 repeat-x; border-bottom: 1px solid #A2A2A2; } .medium .mainblock-mod h3.module-title span.bg { background: #000; color: #fff; } .medium .mainblock-mod .close-handle { background: url(../images/main/side-close-handle.png) 50% 50% no-repeat; } .medium .mainblock-mod .open-handle { background: url(../images/main/side-open-handle.png) 50% 50% no-repeat; } .medium .mainblock-mod .tools-handle { background: url(../images/main/side-tools-handle.png) 50% 50% no-repeat; } .medium .mainblock-mod ul li, .side-mod ul li { background: #B7B7B7 url(../images/main/main-med-readon-bg.png) 0 0 repeat-x; border: 1px solid #9C9C9C; } .medium .mainblock-mod ul li a, .side-mod ul li a { color: #444; background: url(../images/main/mainblock-arrow.png) 8px 4px no-repeat; } .medium .mainblock-mod-bottom { background: url(../images/main/side-mod-bm.png) 0 0 repeat-x; } .medium .mainblock-mod-bottom2 { background: url(../images/main/side-mod-br.png) 100% 100% no-repeat; } .medium .mainblock-mod-bottom3 { background: url(../images/main/side-mod-bl.png) 0 100% no-repeat; } .dark .mainblock-mod { background: #616161 url(../images/main/side-dark-mod-bg.png) 0 0 repeat-x; border-top: 1px solid #555555; border-right: 1px solid #555555; border-left: 1px solid #555555; color: #ccc; } .dark .mainblock-mod h3.module-title { background: #666666 url(../images/main/main-dark-header-bg.png) 0 0 repeat-x; border-bottom: 1px solid #555555; } .dark .mainblock-mod .close-handle { background: url(../images/main/side-dark-close-handle.png) 50% 50% no-repeat; } .dark .mainblock-mod .open-handle { background: url(../images/main/side-dark-open-handle.png) 50% 50% no-repeat; } .dark .mainblock-mod .tools-handle { background: url(../images/main/side-dark-tools-handle.png) 50% 50% no-repeat; } .dark .mainblock-mod ul li, .dark .side-mod ul li { background: #666 url(../images/main/main-dark-readon-bg.png) 0 0 repeat-x; border: 1px solid #555; } .dark .mainblock-mod ul li a, .dark .side-mod ul li a { color: #ddd; background: url(../images/main/mainblock-arrow.png) 8px 4px no-repeat; } .dark .mainblock-mod-bottom { background: url(../images/main/side-dark-bm.png) 0 0 repeat-x; } .dark .mainblock-mod-bottom2 { background: url(../images/main/side-dark-br.png) 100% 100% no-repeat; } .dark .mainblock-mod-bottom3 { background: url(../images/main/side-dark-bl.png) 0 100% no-repeat; } /* Bottom Section */ .bottom-padding { padding: 0 10px 10px 10px; } img#rocket { width: 111px; height: 15px; float: left; } #copyright { float: right; text-align: right; color: #555; } .copyright-block { padding: 8px 15px 8px 15px; overflow: hidden; line-height: 100%; margin-right: 10px; } #bottom-expansion { background-color:#FFFFFF; bottom:0; height:25px; padding:10px 0 12px; position:fixed; width:100%; z-index:999; } #footer-bg2 { padding: 20px 15px; background: url(../images/main/footer-bg2.png) 0 100% no-repeat; } #bottom-block ul.menu { margin: 0; padding: 0; text-align: center; overflow: hidden; } #bottom-block ul.menu li { list-style: none; border: 0; float: left; margin-right: 0; padding: 0 15px; background: url(../images/main/bottom-menu-div.png) 100% 50% no-repeat; } #bottom-block ul.menu a, #bottom-block ul.menu .separator { text-transform: uppercase; font-size: 120%; height: auto; } #bottom-block ul.menu a span, #bottom-block ul.menu .seperator span { line-height: 100%; height: auto; } #bottom-block { background: #333 url(../images/main/bottom-bg.png) 0 0 repeat-x; color: #999; } #footer-bar { background: #232323; position: relative; } #footer-bg1 { background: url(../images/main/footer-bg1.png) 100% 100% no-repeat; } a#clear-cookies { float: right; height: 10px; display: block; padding-top: 7px; padding-right: 15px; color: #666; font-size: 90%; } img#rocket { background: url(../images/main/rocket.png) 0 0 no-repeat; } #bottom-block a, #bottom-block .separator { color: #bbb; } #bottom-block a:hover, #bottom-block .separator:hover { color: #fff; } /* Rok Modules Tools */ .rokmodtools { color: #fff; background-color: #000; padding: 1em; margin-left: -15px; margin-top: 5px; } .rokmodtools .rokradiobox { background: url(../images/main/radio.png) no-repeat; width: 14px; height: 14px; float: left; } .rokmodtools div.activebox { background: url(../images/main/radio-active.png) no-repeat; width: 14px; height: 14px; float: left; } .rokmodtools div { padding: 2px; cursor: pointer; } .rokmodtools input { margin: 0 5px 0 0; float: left; } .rokmodtools span { float: left; } /* Extra Joomla Elements */ span.small, td.createdate, td.modifydate { font-size: 90%; } table.blog td.createdate { padding-bottom: 5px; } table.blog td.modifydate { padding-top: 10px; } .sectiontableheader { font-weight: bold; padding: 4px; line-height: 25px; } .sectiontablefooter { padding-bottom: 8px; } tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 { text-align: left; padding: 2px 0 0px 5px; border-bottom: 1px solid #e7e7e7; } tr.sectiontableentry2 td, td.sectiontableentry2 { height: 30px; } tr.sectiontableentry1 td, td.sectiontableentry1 { height: 30px; } .contentpane, .contentpaneopen { width: 100%; } .module fieldset { border: 0; } .module h4 { margin-top: 0; } table.contenttoc { float: right; margin-left: 25px; } .main-article p.articleinfo { font-size: 90%; color: #666; } /* Side Menus */ #main-body ul.menu { margin:0; padding: 0; text-transform: lowercase; } #main-body ul.menu li { list-style: none; margin: 0 -10px 2px -10px; padding: 0; float: none; text-transform: uppercase; } #main-body ul.menu span { display: block; } #main-body ul.menu li a, #main-body ul.menu li .separator { text-indent: 20px; background-position: 8px 50% !important; } #main-body ul.menu ul li a, #main-body ul.menu ul li .separator { text-indent: 25px; background: none; } #main-body ul.menu ul li ul li a, #main-body ul.menu ul li ul li .separator { text-indent: 45px; background: none; } #main-body ul.menu ul li ul li ul li a, #main-body ul.menu ul li ul li ul li .separator { text-indent: 65px; background: none; } #main-body ul.menu li.parent ul li span { background: none; } #main-body ul.menu li.active.parent li span { background: none; } #main-body ul.menu li.active.parent ul li, #main-body ul.menu li.active.parent ul li.parent ul { background: none; border: 0; } #main-body ul.menu li.active.parent ul { padding: 6px 0; margin: 0; border: 0; } #main-body ul.menu a, ul.menu .separator { display: block; text-indent: 0; overflow: hidden; font-size: 110%; float: none; padding: 5px; } #main-body ul.menu li.active a, #main-body ul.menu li.active li.active a, #main-body ul.menu li.active li.active li.active a, #main-body ul.menu li.active .separator, #main-body ul.menu li.active li.active .separator { font-weight: bold; } #main-body ul.menu li.active li a, #main-body ul.menu li.active li.active li a, #main-body ul.menu li.active li .separator, #main-body ul.menu li.active li.active li .separator, #main-body ul.menu li.active li.active li.active .separator { font-weight: normal; background: none; } #main-body ul.menu ul ul { padding: 0; margin: 0; background: none; } #main-body ul.menu li li { padding: 5px 0; margin: 0; border: 0; background: none; font-size: 90%; text-transform: lowercase; } #main-body ul.menu ul a, #main-body ul.menu ul .separator { text-indent: 0; } #main-body ul.menu li.active a, #main-body ul.menu li.active a:hover, #main-body ul.menu li.active .separator, #main-body ul.menu li.active .separator:hover { text-decoration: none; } #main-body ul.menu li a:hover, #main-body ul.menu li .separator:hover { text-decoration: none; background-position: 8px 50% !important; } #main-body ul.menu li.active.parent ul { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 10px; } #main-body ul.menu li.active.parent ul li.active.parent ul { padding: 5px 0; } #main-body ul.menu ul { padding: 0; margin: 0; } #main-body ul.menu ul a, #main-body ul.menu ul .separator { padding: 0; margin: 0; } #main-body ul.menu li.active li a:hover, #main-body ul.menu li.active li .separator:hover { background: none; } #main-body .light ul.menu li { background: #F0F0F0 url(../images/main/readon-bg.png) 0 0 repeat-x; border: 1px solid #c7c7c7; } #main-body ul.menu li, #main-body .medium ul.menu li { background: #B7B7B7 url(../images/main/main-med-readon-bg.png) 0 0 repeat-x; border: 1px solid #9C9C9C; } #main-body .dark ul.menu li { background: #666 url(../images/main/main-dark-readon-bg.png) 0 0 repeat-x; border: 1px solid #555; } #main-body .promo ul.menu li, #main-body .promo .side-mod ul li { background: #666 url(../images/main/main-dark-readon-bg.png) 0 0 repeat-x; border: 1px solid #888; } #main-body .light ul.menu li a, #main-body .light ul.menu li .separator { background: url(../images/main/light-arrow.png) 8px 50% no-repeat; color: #666; } #main-body ul.menu li a, #main-body ul.menu li .separator { background: url(../images/main/med-arrow.png) 8px 50% no-repeat; color: #333; } #main-body .dark ul.menu li a, #main-body .dark ul.menu li .separator { background: url(../images/main/dark-arrow.png) 8px 50% no-repeat; color: #ddd; } #main-body .dark ul.menu li a:hover, #main-body .dark ul.menu li .separator:hover { background: url(../images/main/dark-arrow-hover.png) 8px 50% no-repeat; color: #fff; } #main-body .promo ul.menu li a, #main-body .promo ul.menu li .separator, .side-mod.promo ul li a, .side-mod.promo ul li .separator { background: url(../images/main/dark-arrow.png) 8px 50% no-repeat; color: #ddd; } #main-body .promo ul.menu li a:hover, #main-body .promo ul.menu li .separator:hover, .side-mod.promo ul li a:hover, .side-mod.promo ul li .separator:hover { background: url(../images/main/dark-arrow-hover.png) 8px 50% no-repeat; color: #fff; } /* Extra Content Styles */ a.nounder { text-decoration: none; border: 0; cursor: pointer; } a.nounder:hover { text-decoration: none; } fieldset { border-left: 0; border-right: 0; border-top: 0; } fieldset.input, a img, body .pollstableborder { border: 0; } form.poll fieldset { margin: 0 0 10px 0; } img.content-left { float: left; margin-right: 10px; padding: 5px; } img.content-right { float: right; margin-left: 10px; padding: 5px; } .back_button { margin-top: 20px; margin-bottom: 10px; } .tool-tip { padding: 4px; z-index:5000; background:#fbf3ad; color:#333; border:2px solid #f8e639; font-size:90%; } .bannergroup .clr { clear: none !important; } img.feature { border: 4px solid #666; } .dark img.feature { border: 4px solid #444; } .feature-thumb, .feature-thumb2 { float: left; margin-right: 10px; position: relative; } .feature-thumb span, .feature-thumb2 span { position: absolute; top: 80px; left: -7px; width: 133px; height: 28px; text-transform: uppercase; line-height: 180%; text-indent: 8px; } #accessibility { width: 50px; height: 14px; float: right; z-index: 5000; margin-right: 10px; } #accessibility span { background-repeat: no-repeat; } #accessibility a { text-decoration: none; cursor: pointer; } #accessibility #buttons { float: right; } #accessibility .button { display: block; float: right; width: 15px; height: 15px; } #accessibility a.small .button { margin-right: 5px; } a.large .button { background: url(../images/csg-4c46e3cb8b568.png) 0 0 no-repeat; background-position: 0 -575px; width: 15px; height: 15px; } a.small .button { background: url(../images/csg-4c46e3cb8b568.png) 0 0 no-repeat; background-position: 0 -610px; width: 15px; height: 15px; } /* Login Styles */ form.form-login p { margin: 0; } form.form-login .inputbox { padding: 4px; line-height: 14px; width: 96%; } form.form-login .login-links { margin-bottom: 8px; margin-top: 8px; } input.button { font-size: 100%; cursor: pointer; padding: 3px 5px; } form.form-login .login-username, form.form-login .login-password { margin-bottom: 10px; } form.form-login span.username-label, form.form-login span.password-label { display: block; text-transform: uppercase; margin-bottom: 1px; padding-left: 2px; } .light .inputbox { border: 1px solid #ccc; } .medium .inputbox { border: 1px solid #999; } .dark .inputbox { border: 1px solid #555; } .promo .inputbox { border: 1px solid #222; background: #555; color: #fff; } .light input.button { background: #F0F0F0 url(../images/main/readon-bg.png) 0 0 repeat-x; border: 1px solid #c7c7c7; color: #666; } .medium input.button { background: background: #B7B7B7 url(../images/main/main-med-readon-bg.png) 0 0 repeat-x; border: 1px solid #9C9C9C; color: #333; } .dark input.button { background: #666 url(../images/main/main-dark-readon-bg.png) 0 0 repeat-x; border: 1px solid #555; color: #fff; } .promo input.button { background: #666 url(../images/main/main-dark-readon-bg.png) 0 0 repeat-x; border: 1px solid #777; color: #fff; } /* RokFeature */ #rows-1.rokfeature-mod { height:95px; } #rows-2.rokfeature-mod { height:190px; } #rows-3.rokfeature-mod { height:234px; } *:first-child+html #rows-3.rokfeature-mod { height:234px; } #rows-4.rokfeature-mod { height:380px; } #rows-5.rokfeature-mod { height:475px; } #rows-6.rokfeature-mod { height:570px; } .rokfeature-mod { width: 100%; position: relative; overflow:hidden; } .rokfeature-image { width: 100%; height:234px !important; } *:first-child+html .rokfeature-image { width: 100%; height:234px !important; } .rokfeature-options { height: 100%; position: relative; z-index: 5; } .rokfeature-option-block { width: 50%; position: relative; overflow: hidden; display:none; } .rokfeature-tab-1, .rokfeature-tab-2, .rokfeature-tab-3, .rokfeature-tab-4, .rokfeature-tab-5, .rokfeature-tab-6 { width: 22px; height: 78px; position: absolute; top: 0; left: 0; cursor: pointer; } .rokfeature-block-1, .rokfeature-block-2, .rokfeature-block-3, .rokfeature-block-4, .rokfeature-block-5, .rokfeature-block-6 { margin-left: 22px; height: 78px; overflow: hidden; position: relative; } .rokfeature-block-bg1, .rokfeature-block-bg2, .rokfeature-block-bg3, .rokfeature-block-bg4, .rokfeature-block-bg5, .rokfeature-block-bg6 { height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 1; } .rokfeature-option-block span { padding: 12px; display: block; z-index: 5; position: relative; } .rokfeature-option-block span.showthumb { margin-right: 83px; } img.rokfeature-thumb { float: right; margin: 12px; width: 65px; height: 65px; z-index: 5; position: relative; } .rokfeature-readon { position: absolute; right: 15px; bottom: 15px; } .rokfeature-readon a { padding: 3px 5px; text-transform: uppercase; color:#fff; background:#000; } .rokfeature-title { position: absolute; right:15px; top: 10px; width:270px; text-align:right; } .rokfeature-title a:hover { text-decoration:none; } .rokfeature-title span { text-align:right; font-size: 240%; color:#fff; background:#000; width:300px; line-height:135%; } /* @group Demo Content */ /* Frontpage Modules */ .rokdemo-morenews-outer { width: 435px; float: left; border-right: 1px solid #d4d4d4; } .rokdemo-morenews-block { float: left; width: 130px; margin-right: 14px; } .rokdemo-morenews-block2 { float: right; width: 172px; } .rokdemo-morenews-img1 { width: 122px; height: 80px; border: 4px solid #666; display: block; margin-bottom: 5px; } .rokdemo-morenews-img2 { width: 170px; height: 80px; border: 4px solid #666; display: block; margin-bottom: 5px; } /* Custom Modules Tutorial */ .rokmod-demo-block .parameters div { border-right:1px dotted #666; padding-right:12px; } .rokmod-demo-block .options div { border-right:1px dotted #666; padding-right: 12px; } .rokmod-demo-block .demo div { border-right:1px dotted #666; padding-right: 12px; } .rokmod-demo-block .parameters, .rokmod-demo-block .options, .rokmod-demo-block .demo, .rokmod-demo-block .description { float:left; margin-right:12px; } .rokmod-demo-block .parameters span, .rokmod-demo-block .options span, .rokmod-demo-block .demo span, .rokmod-demo-block .description span { display:block; font-size:11px; line-height:22px; } .rokmod-demo-block .demo-span1 { font-weight: bold; } .light img#variation_preview { border: 4px solid #bbb; } .medium img#variation_preview { border: 4px solid #999; } .dark img#variation_preview { border: 4px solid #777; } .promo img#variation_preview { border: 4px solid #555; } .style1 .color img#variation_preview { border: 4px solid #91140B; } .style2 .color img#variation_preview { border: 4px solid #339966; } .style3 .color img#variation_preview { border: 4px solid #117294; } .style4 .color img#variation_preview { border: 4px solid #91140B; } .style5 .color img#variation_preview { border: 4px solid #008921; } .style6 .color img#variation_preview { border: 4px solid #962B3A; } .style7 .color img#variation_preview { border: 4px solid #91140B; } .style8 .color img#variation_preview { border: 4px solid #006699; } .style9 .color img#variation_preview { border: 4px solid #117294; } .style10 .color img#variation_preview { border: 4px solid #C0258F; } img#variation_preview { width: 205px !important; } .variation-chooser { position:relative; margin-top: 5px; height: 25px; line-height: 25px; } .variation-chooser .controls { height: 25px; } .variation-chooser .control-prev, .variation-chooser .control-next { cursor:pointer; height:16px; margin-right:3px; width:16px; float: left; margin-top:1px; } .variation-chooser .control-prev { background-position:0 0; margin-right: 0.5em; } .variation-chooser .control-prev:hover { background-position: 0 -16px; } .variation-chooser .control-next { background-position:0 -32px; margin-left: 0.5em; } .variation-chooser .control-next:hover { background-position: 0 -48px; } .variation-chooser .controls { position:absolute; left:5px; } .variation-chooser input.button:hover { color: #333 !important; } /* @end */ #php { width:300px; float:left; } #php_top { background:url(../images/csg-4c46e3cb8b568.png) no-repeat scroll 0 0; float:left; width:100%; background-position:-634px 0; height:160px; } #php ul { color:#333333; list-style-image:none !important; list-style-position:inside !important; list-style-type:none !important; margin:0; padding:5px 0 0 108px; } #php ul li { background:url("../images/arrow.png") no-repeat scroll 0 2px transparent; border:none; color:#666666; font-family:verdana; font-size:13px; list-style-image:none !important; list-style-position:outside !important; list-style-type:none !important; margin:4px 0; padding:0 0 0 15px; height: 14px; } #joomla { width:300px; float:left; } #joomla_top { background:url(../images/csg-4c46e3cb8b568.png) no-repeat scroll 0 0; float:left; width:100%; background-position:-316px 0; height:160px; } #joomla ul { color:#333333; list-style-image:none !important; list-style-position:inside !important; list-style-type:disc !important; margin:0px; padding:5px 0 0px 98px; } #joomla ul li { background:url("../images/arrow.png") no-repeat scroll 0 2px transparent; color:#666666; font-family:verdana; font-size:13px; list-style-image:none !important; list-style-position:outside !important; list-style-type:none !important; margin:4px 0; padding:0 0 0 15px; height: 14px; border:none; } #seo { width:300px; float:left; } #seo_top { background:url(../images/csg-4c46e3cb8b568.png) no-repeat scroll 0 0; float:left; width:100%; background-position: 0 0; width: 300px; height: 159px; } #seo ul { color:#333333; list-style-image:none !important; list-style-position:inside !important; list-style-type:disc !important; margin:0; padding:5px 0 0 90px; } #seo ul li { background:url("../images/arrow.png") no-repeat scroll 0 2px transparent; border: none; color:#666666; font-family:verdana; font-size:13px; list-style-image:none !important; list-style-position:outside !important; list-style-type:none !important; margin:4px 0; padding:0 0 0 15px; height: 15px; } .title_mod { color:#EBEBEB; font-family:lucida sans; font-size:18px; line-height:20px; margin:23px 0 8px; padding:0; text-align:center; } .first .mainblock-mod, .first .mainblock-mod-bottom, .first .mainblock-mod-bottom2, .first .mainblock-mod-bottom3 { background:none !important; border:0px none !important; } .middle .mainblock-mod, .middle .mainblock-mod-bottom, .middle .mainblock-mod-bottom2, .middle .mainblock-mod-bottom3 { background:none !important; border:0px none !important; } .last .mainblock-mod, .last .mainblock-mod-bottom, .last .mainblock-mod-bottom2, .last .mainblock-mod-bottom3 { background:none !important; border:0px none !important; } .first .mainblock-mod ul li a, .middle .mainblock-mod ul li a, .last .mainblock-mod ul li a { background:none; padding:0px; color:#666666 !important; text-decoration:none; } .first .mainblock-mod ul li a:hover, .middle .mainblock-mod ul li a:hover, .last .mainblock-mod ul li a:hover { background:none !important; color:#000000 !important; } #top-scroll { background:transparent url(../images/csg-4c46e3cb8b568.png) repeat scroll 0 0; cursor:pointer; display:block; height:37px; position:absolute; right:20px; top:5px; background-position: 0 -944px; height: 37px; width:37px; } /****************************************** bottom modules of tweeter n etc **************************************/ #bottom_modules { float:left; width:85%; } div.moduletable-bookmark { float:left; width:25%; margin-top:5px; } div.moduletable-bookmark h3 { color:#003244; float:left; font-family:lucida sans; font-size:13px; font-weight:bold; margin:3px 5px 0 0; padding:0; } div.moduletable-bottomlinks { float:left; width:50%; margin-left:30px; } /*tab view*/ .gk_tabarts_gk2_news_header a { color:#000000 !important; font-family:trebuchet MS; font-size:16px; font-weight:bold; text-decoration:none; } div#rightcol div#text1 { text-align:left !important; } div#rightcol div#text1 p { margin:6px 0px !important; } .xmap .componentheading { display:none; } div#lbCenter { z-index:999; } #p-container .p-category-item-addimage { display:none; } textarea.textarea { border:1px solid #222222; color:white; background:#555555; } #footer { background:none repeat scroll 0 0 #020202; width:958px; text-align:left; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:280px; margin-top:5px; } #footer ul { color:#E7E7E7; font-size:10px; margin-top:-3px; padding-left:15px; list-style:none; background: url(../images/csg-4c46e3cb8b568.png) left no-repeat; padding:10px; margin-left:10px; background-position: 0 -232px; height: 14px; } #footer1 { float:left; margin-left:23px; margin-top:-15px; width:215px; } #footer1 h3 { color: #26517a; font-family: verdana; font-size: 15px; margin: 0; } #footer3 h3 { color: #26517a; font-family: verdana; font-size: 15px; margin: 0; } #footer4 h3 { color: #26517a; font-family: verdana; font-size: 15px; margin: 0 0 5px 0; } #footer #footer1 table td a { font-family:verdana; font-size:11px; color:#FFFFFF; text-decoration:none; background: none; padding-left:0; background-position: 0 -176px; height: 8px; } #footer #footer3 p a { font-family:verdana; font-size:11px; color:#FFFFFF; text-decoration:none; background:none; padding-left:0; background-position: 0 -176px; height: 8px; } #footer #footer4 p a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:none; background:none; padding-left:0; background-position: 0 -176px; height: 8px; } #footer #footer1 table td a:hover, active { text-decoration:none; color: #26517A; } #footer2 { float:left; margin-left:23px; margin-top:-15px; width:215px; } #footer #footer2 table td a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; } #footer #footer2 table td a:hover, active { text-decoration:none; color: #000000; } #footer3 { float:left; margin-left:23px; margin-top:-15px; width:215px; } #footer #footer3 table td a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:none; } #footer #footer3 p a { font-family:verdana; font-size:11px; color:#FFFFFF; text-decoration:none; } #footer #footer3 table td a:hover, active { text-decoration:none; color: #26517A; } #footer #footer3 p a:hover, active { text-decoration:none; color: #26517A; } #footer4 { float:left; margin-left:23px; margin-top:-13px; width:215px; } #footer #footer4 table td a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; } #footer #footer4 p a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; } #footer #footer4 table td a:hover, active { text-decoration:none; color: #26517A; } #footer #footer4 p a:hover, active { text-decoration:none; color: #26517A; } #footer5 { float:left; margin-left:0; margin-top:-20px; width:215px; height:170px; } #footer #footer5 table td a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; } #footer #footer5 p a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; } #footer #footer5 table td a:hover, active { text-decoration:none; color: #26517A; } #footer #footer5 p a:hover, active { text-decoration:none; color: #26517A; } #ucd-instance .ucd_title a { font-size:12px; font-weight:bold; color:white; } #ucd-instance .ucd_introtext p.MsoNormal { font-size:12px; color:#ffffff; } span.ucd_date { display:none; } span.ucd_sec_cat { display:none; } .ad-block-bottom table { text-align:center !important; } /*style3.css*/ /* @group Style3 */ /* This is the Main Logo */ #logo { } /* Main Background */ #body { background: #fff; } #page-bg { background: #fff url(../images/style7/color-bg.jpg) 50% 0 no-repeat; } /* Top Header Bar */ #top-bar { background: url(../images/main/top-bar-bg.png) 0 0 repeat-x; } #top-bar .links-block { color: #fff; } #top-bar .date-block { color: #fff; } #top-bar .right-module-block { color: #fff; } #top-bar ul.menu a, #top-bar ul.menu .separator { color: #fff; } #top-bar ul.menu a:hover { color: #000; } /* Main Header */ #top-divider { background: url(../images/main/top-divider.png) 0 0 repeat-x; } #logo-bg-area {/*background: url(../images/style3/color-bg-element.png) 0 0 no-repeat;*/ } /* Top Main Menu */ #horiz-menu {/*background: #6593A3 url(../images/style3/horiz-menu-bar.jpg) 100% 0 no-repeat;*/ } #horiz-menu a, #horiz-menu .separator { color: #fff; } #horiz-menu li a, #horiz-menu li .separator { background: url(../images/style3/horiz-menu-bg.png) 0 0 repeat-x; } #horiz-menu li.active a, #horiz-menu li.active .separator, #horiz-menu li:hover a, #horiz-menu li:hover .separator, #horiz-menu li.sfHover a, #horiz-menu li.sfHover .separator { background: url(../images/style3/horiz-menu-bgactive.png) 0 0 repeat-x; } #horiz-menu li.active a span, #horiz-menu li.active .separator span { background: url(../images/style3/horiz-menu-active.png) 50% 100% no-repeat; } /* Main Body Items */ #maincontent-block a { color: #1589B0; } h1.componentheading span.bg { background: url(../images/style3/component-head.png) 50% 100% no-repeat; color: #fff; } .frontpage-item a, .blog-item a, .pagination a { color: #1589B0; } .contentheading, #maincontent-block a.contentpagetitle, #main-body a.readon { color: #666; } .medium .contentheading, #maincontent-block .medium a.contentpagetitle, #main-body .medium a.readon { color: #444; } .dark .contentheading, #maincontent-block .dark a.contentpagetitle, #main-body .dark a.readon { color: #fff; } #main-body .color a.readon { color: #fff; } #main-body .promo a.readon { color: #fff; } #main-body .color a.readon:hover { color: #93E8FC; } .color span.readon-full { background: #1D8CA8 url(../images/style3/main-color-readon-bg.png) 0 0 repeat-x; border: 1px solid #1F7995; } .main-article h2.contentheading { color: #1589B0; } .contenimg { flot:left; padding-right:12px; display:inline; vertical-align:top; padding-top:0.5em; } /* Side Column Modules */ .side-mod a, .medium .side-mod a { color: #1589B0; } .light .side-mod a { color: #1589B0; } .color .side-mod h3.module-title span.bg { background: url(../images/style3/side-color-h3.png) 50% 100% repeat-x; color: #fff; } .color .side-mod { background: #188AA6 url(../images/style3/side-color-mod-bg.png) 0 0 repeat-x; border-left: 1px solid #1F7995; border-right: 1px solid #1F7995; border-top: 1px solid #1F7995; } .color .side-mod a { color: #93E8FC; } .color .side-mod2 { background: url(../images/style3/side-color-mod-h3-bg.png) 0 0 repeat-x; color: #fff; } .color .side-mod-bottom { background: url(../images/style3/side-color-bm.png) 0 0 repeat-x; } .color .side-mod-bottom2 { background: url(../images/style3/side-color-br.png) 100% 100% no-repeat; } .color .side-mod-bottom3 { background: url(../images/style3/side-color-bl.png) 0 100% no-repeat; } .color .side-mod .close-handle { background: url(../images/style3/side-color-close-handle.png) 50% 50% no-repeat; } .color .side-mod .open-handle { background: url(../images/style3/side-color-open-handle.png) 50% 50% no-repeat; } .color .side-mod .tools-handle { background: url(../images/style3/side-color-tools-handle.png) 50% 50% no-repeat; } .promo .side-mod h3.module-title span.bg { background: url(../images/style3/modstyle1-h3.png) 50% 100% repeat-x; color: #fff; } /* Side Menus */ #main-body .color ul.menu li, .color .side-mod ul li { background: #1D8CA8 url(../images/style3/main-color-readon-bg.png) 0 0 repeat-x; border: 1px solid #1F7995; } #main-body .light ul.menu li a:hover, #main-body .light ul.menu li .separator:hover, .light .side-mod ul li a:hover, .light .side-mod ul li .separator:hover { background: url(../images/style3/light-arrow-hover.png) 8px 4px no-repeat; color: #1589B0; } #main-body ul.menu li a:hover, #main-body ul.menu li .separator:hover { background: url(../images/style3/med-arrow-hover.png) 8px 4px no-repeat; color: #1589B0; } #main-body .color ul.menu li a, #main-body .color ul.menu li .separator, .color .side-mod ul li a, .color .side-mod ul li .separator { background: url(../images/style3/color-arrow.png) 8px 4px no-repeat; color: #93E8FC; } #main-body .color ul.menu li a:hover, #main-body .color ul.menu li .separator:hover, .color .side-mod ul li a:hover, .color .side-mod ul li .separator:hover { background: url(../images/style3/color-arrow-hover.png) 8px 4px no-repeat; color: #fff; } /* Main Body Modules */ .mainblock-mod a, .light .mainblock-mod a, .mainblock-mod .separator, .light .mainblock-mod .separator { color: #1589B0; } .mainblock-mod ul li a:hover, .side-mod ul li a:hover, .mainblock-mod ul li .separator:hover, .side-mod ul li .separator:hover { color: #1589B0; background: url(../images/style3/mainblock-arrow-hover.png) 8px 4px no-repeat; } .medium .mainblock-mod a, .medium .mainblock-mod .separator { color: #1589B0; } .medium .mainblock-mod ul li a:hover, .medium .side-mod ul li a:hover, .medium .mainblock-mod ul li .separator:hover, .medium .side-mod ul li .separator:hover, #main-content .blog_more ul li a:hover { color: #1589B0; background: url(../images/style3/mainblock-arrow-hover.png) 8px 4px no-repeat; } .dark .mainblock-mod a, .dark .mainblock-mod .separator { color: #fff; } .dark .mainblock-mod h3.module-title span.bg { background: #1589B0; border: 1px solid #19714A; color: #fff; } /* Login Style */ .color .inputbox { border: 1px solid #1F7995; } .color input.button { background: #1D8CA8 url(../images/style3/main-color-readon-bg.png) 0 0 repeat-x; border: 1px solid #1F7995; color: #fff; } /* Bottom Section */ #bottom-expansion { background:#EEEEEE none repeat scroll 0 0; border-top:1px solid #DDDDDD; opacity:0.8; } /* Extra Content Styles */ .feature-thumb span { background: url(../images/style3/feature-thumb.png) 0 0 no-repeat; color: #fff; } .feature-thumb2 span { background: url(../images/main/feature-thumb2.png) 0 0 no-repeat; color: #1589B0; } /* RokFeature */ .rokfeature-tab-1, .rokfeature-tab-4 { background: #00FFFF url(../images/style1/rokfeature-tab-1.png) 0 0 no-repeat;/*border-right: 1px solid #000;*/ } .rokfeature-tab-2, .rokfeature-tab-5 { background: #D7FF47 url(../images/style1/rokfeature-tab-2.png) 0 0 no-repeat;/*border-right: 1px solid #000;*/ } .rokfeature-tab-3, .rokfeature-tab-6 { background: #FFDF00 url(../images/style1/rokfeature-tab-3.png) 0 0 no-repeat;/*border-right: 1px solid #000;*/ } .rokfeature-block-bg1, .rokfeature-block-bg4 { background: #003648; } .rokfeature-block-bg2, .rokfeature-block-bg5 { background: #536B11; } .rokfeature-block-bg3, .rokfeature-block-bg6 { background: #986C00; } .rokfeature-option-block span { color: #fff; } img.rokfeature-thumb { border: 3px solid #fff; } .rokfeature-readon span { background: #666; color: #fff; } /* style3.css @end */ /*rokmininews.css*/ .mininews { margin-bottom: 0; } .mininews-drop { border: 5px dashed #ccc; background: #fff url(../images/drophere.png) center center no-repeat; margin-bottom: 10px; } .mininews-headline { margin: 0; padding: 8px 10px 6px 10px; background: #DFDFDF url(../images/main/content-header-bg.png) 0 0 repeat-x; border-bottom: 1px solid #CFCFCF; } .medium .mininews-headline { background: #BABABA url(../images/main/main-med-header-bg.png) 0 0 repeat-x; border-bottom: 1px solid #A2A2A2; color: #333; } .dark .mininews-headline { background: #666666 url(../images/main/main-dark-header-bg.png) 0 0 repeat-x; border-bottom: 1px solid #555555; color: #fff; } .mininews-headline h2 { font-size: 145%; font-weight: bold; margin: 0; } #rokmininews .mover { float: right; width: 20px; height: 22px; background: url(../images/main/move-handle.png) 0 0 no-repeat; } #rokmininews .medium .mover { background: url(../images/main/med-move-handle.png) 0 0 no-repeat; } #rokmininews .dark .mover { background: url(../images/main/dark-move-handle.png) 0 0 no-repeat; } #rokmininews .mover span { display: none; } .mininews-headline .counter { float: right; margin-right: 150px; line-height: 180%; } .mininews-headline .counter a { font-weight: bold; margin: 0 10px; } .mininews-headline .counter a.active { text-decoration: underline; color: red; } .mininews-inner { height: 0px; overflow: hidden; } .mininews-wrapper { padding: 0; } .mininews-titles { padding: 5px 0; font-weight: bold; color: #666; border-bottom: 1px solid #CFCFCF; margin: 0; } .medium .mininews-titles { color: #333; border-bottom: 1px solid #A5A5A5; } .dark .mininews-titles { color: #fff; border-bottom: 1px solid #555; } .mininews-titles .top-story { float: left; width: 180px; padding: 0 10px; } .mininews-titles .topic-names { float: right; width: 100px; padding: 0 10px; } .mininews-titles .other-stories { margin-left: 220px; margin-right: 150px; } .mininews .sub-categories { float: right; width: 100px; padding: 0 10px; } .mininews .sub-categories div { padding: 5px 0; } .mininews .lead-articles { float: left; width: 180px; padding: 0 10px; } .mininews h4 a { font-weight: bold; } .mininews-thumb { float: left; margin-right: 5px; } .mininews .lead-articles h4 { font-size: 150%; line-height: 100%; margin: 5px 0 10px; } .mininews .simple-articles { border-right: 1px dotted #CFCFCF; border-left: 1px dotted #CFCFCF; margin-left: 210px; margin-right: 120px; padding: 0 10px; } .medium .mininews .simple-articles { border-right: 1px dotted #A5A5A5; border-left: 1px dotted #A5A5A5; } .dark .mininews .simple-articles { border-right: 1px dotted #555; border-left: 1px dotted #555; } .mininews .simple-articles h4 { font-size: 100%; line-height: 100%; margin: 6px 0 10px; } .mininews .simple-articles p, .mininews .simple-articles img { display: none; } body #maincol a.mininews-stories-0, body #maincol a.mininews-stories-5, body #maincol a.mininews-stories-10, body #maincol a.mininews-stories-15 { color: #444; } body #maincol .medium a.mininews-stories-0, body #maincol .medium a.mininews-stories-5, body #maincol .medium a.mininews-stories-10, body #maincol .medium a.mininews-stories-15 { color: #333; } body #maincol .dark a.mininews-stories-0, body #maincol .dark a.mininews-stories-5, body #maincol .dark a.mininews-stories-10, body #maincol .dark a.mininews-stories-15 { color: #fff; } #maincol .mininews.blue div.mininews-headline h2, #maincol .mininews.blue a.mininews-stories-0.active, #maincol .mininews.blue a.mininews-stories-5.active, #maincol .mininews.blue a.mininews-stories-10.active, #maincol .mininews.blue a.mininews-stories-15.active, #maincol .mininews.blue .mininews-wrapper a { color: #0D507A; } #maincol .dark .mininews.blue div.mininews-headline h2, #maincol .dark .mininews.blue a.mininews-stories-0.active, #maincol .dark .mininews.blue a.mininews-stories-5.active, #maincol .dark .mininews.blue a.mininews-stories-10.active, #maincol .dark .mininews.blue a.mininews-stories-15.active, #maincol .dark .mininews.blue .mininews-wrapper a { color: #0097E9; } #maincol .mininews.green div.mininews-headline h2, #maincol .mininews.green a.mininews-stories-0.active, #maincol .mininews.green a.mininews-stories-5.active, #maincol .mininews.green a.mininews-stories-10.active, #maincol .mininews.green a.mininews-stories-15.active, #maincol .mininews.green .mininews-wrapper a { color: #7F9900; } #maincol .dark .mininews.green div.mininews-headline h2, #maincol .dark .mininews.green a.mininews-stories-0.active, #maincol .dark .mininews.green a.mininews-stories-5.active, #maincol .dark .mininews.green a.mininews-stories-10.active, #maincol .dark .mininews.green a.mininews-stories-15.active, #maincol .dark .mininews.green .mininews-wrapper a { color: #73B500; } #maincol .mininews.red div.mininews-headline h2, #maincol .mininews.red a.mininews-stories-0.active, #maincol .mininews.red a.mininews-stories-5.active, #maincol .mininews.red a.mininews-stories-10.active, #maincol .mininews.red a.mininews-stories-15.active, #maincol .mininews.red .mininews-wrapper a { color: #cc0000; } #maincol .dark .mininews.red div.mininews-headline h2, #maincol .dark .mininews.red a.mininews-stories-0.active, #maincol .dark .mininews.red a.mininews-stories-5.active, #maincol .dark .mininews.red a.mininews-stories-10.active, #maincol .dark .mininews.red a.mininews-stories-15.active, #maincol .dark .mininews.red .mininews-wrapper a { color: #CE2815; } #maincol .mininews.purple div.mininews-headline h2, #maincol .mininews.purple a.mininews-stories-0.active, #maincol .mininews.purple a.mininews-stories-5.active, #maincol .mininews.purple a.mininews-stories-10.active, #maincol .mininews.purple a.mininews-stories-15.active, #maincol .mininews.purple .mininews-wrapper a { color: #990080; } #maincol .dark .mininews.purple div.mininews-headline h2, #maincol .dark .mininews.purple a.mininews-stories-0.active, #maincol .dark .mininews.purple a.mininews-stories-5.active, #maincol .dark .mininews.purple a.mininews-stories-10.active, #maincol .dark .mininews.purple a.mininews-stories-15.active, #maincol .dark .mininews.purple .mininews-wrapper a { color: #C53CAD; } #maincol .mininews.orange div.mininews-headline h2, #maincol .mininews.orange a.mininews-stories-0.active, #maincol .mininews.orange a.mininews-stories-5.active, #maincol .mininews.orange a.mininews-stories-10.active, #maincol .mininews.orange a.mininews-stories-15.active, #maincol .mininews.orange .mininews-wrapper a { color: #CC8300; } #maincol .dark .mininews.orange div.mininews-headline h2, #maincol .dark .mininews.orange a.mininews-stories-0.active, #maincol .dark .mininews.orange a.mininews-stories-5.active, #maincol .dark .mininews.orange a.mininews-stories-10.active, #maincol .dark .mininews.orange a.mininews-stories-15.active, #maincol .dark .mininews.orange .mininews-wrapper a { color: #ED8F00; } #maincol .mininews.brown div.mininews-headline h2, #maincol .mininews.brown a.mininews-stories-0.active, #maincol .mininews.brown a.mininews-stories-5.active, #maincol .mininews.brown a.mininews-stories-10.active, #maincol .mininews.brown a.mininews-stories-15.active, #maincol .mininews.brown .mininews-wrapper a { color: #7F5124; } #maincol .dark .mininews.brown div.mininews-headline h2, #maincol .dark .mininews.brown a.mininews-stories-0.active, #maincol .dark .mininews.brown a.mininews-stories-5.active, #maincol .dark .mininews.brown a.mininews-stories-10.active, #maincol .dark .mininews.brown a.mininews-stories-15.active, #maincol .dark .mininews.brown .mininews-wrapper a { color: #C4824B; } #maincol .mininews.grey div.mininews-headline h2, #maincol .mininews.grey a.mininews-stories-0.active, #maincol .mininews.grey a.mininews-stories-5.active, #maincol .mininews.grey a.mininews-stories-10.active, #maincol .mininews.grey a.mininews-stories-15.active, #maincol .mininews.grey .mininews-wrapper a { color: #333; } #maincol .dark .mininews.grey div.mininews-headline h2, #maincol .dark .mininews.grey a.mininews-stories-0.active, #maincol .dark .mininews.grey a.mininews-stories-5.active, #maincol .dark .mininews.grey a.mininews-stories-10.active, #maincol .dark .mininews.grey a.mininews-stories-15.active, #maincol .dark .mininews.grey .mininews-wrapper a { color: #aaa; } /*end rokmininews*/ /* Typography Styles */ ul.bullet-1, ul.bullet-2, ul.bullet-3, ul.bullet-4, ul.bullet-5, ul.bullet-6, ul.bullet-7, ul.bullet-8 { padding-left: 15px !important; overflow: hidden; margin-left: 5px !important; } ul.bullet-1 li, ul.bullet-2 li, ul.bullet-3 li, ul.bullet-4 li, ul.bullet-5 li { list-style: none; padding-bottom: 3px !important; margin-bottom: 5px !important; padding-left: 10px !important; } ul.bullet-6 li, ul.bullet-7 li, ul.bullet-8 li { list-style: none; padding-bottom: 3px !important; margin-bottom: 5px !important; padding-left: 22px !important; } pre { padding: 10px; background: #f6f6f6; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } blockquote { display: block; font-style: italic; font-size: 120%; line-height: 150%; width: auto; padding: 10px 20px 10px 20px; margin: 15px 0; background: #f6f6f6; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } blockquote.blue, blockquote.red, blockquote.green, blockquote.purple, blockquote.orange, blockquote.brown, blockquote.grey { display: block; font-style: italic; font-size: 120%; line-height: 150%; width: auto; padding: 0px 20px; margin: 15px 0; border: 0; background: 0; } blockquote.blue { color: #0D507A; } blockquote.red { color: #D12E2E; } blockquote.green { color: #74A824; } blockquote.purple { color: #9E0E87; } blockquote.orange { color: #CC8300; } blockquote.brown { color: #8B6846; } blockquote.grey { color: #666; } blockquote.quotes { display: block; background: url(../images/typo.png) 0 5px no-repeat; padding: 0px 20px 0 38px; margin: 20px 0; font-size: 120%; line-height: 150%; width: auto; color: #666; border: 0; background-position: -491px 0; width: 24px; height: 20px; } blockquote.quotes p { padding: 0 38px 0 0; margin-top: 0; background: url(../images/typo.png) 100% 100% no-repeat; background-position: -462px 0; width: 24px; height: 20px; } .important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey { padding: 15px; margin: 15px 0; } span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey { position: absolute; display: block; margin-top: -24px; background: #fff; padding: 0 8px; font-weight: bold; font-size: 120%; } .important { border: 1px solid #333; } .important-blue { border: 1px solid #0D507A; } .important-red { border: 1px solid #D12E2E; } .important-green { border: 1px solid #74A824; } .important-purple { border: 1px solid #9E0E87; } .important-orange { border: 1px solid #CC8300; } .important-brown { border: 1px solid #8B6846; } .important-grey { border: 1px solid #666; } span.important-title { color: #333; } span.important-title-blue { color: #0D507A; } span.important-title-red { color: #D12E2E; } span.important-title-green { color: #74A824; } span.important-title-purple { color: #9E0E87; } span.important-title-orange { color: #CC8300; } span.important-title-brown { color: #8B6846; } span.important-title-grey { color: #666; } span.number, span.number-blue, span.number-red, span.number-green, span.number-purple, span.number-orange, span.number-brown, span.number-grey { display: block; font-size: 170%; float: left; margin: 2px 10px 0 15px; } span.number { color: #333; } span.number-blue { color: #0D507A; } span.number-red { color: #D12E2E; } span.number-green { color: #74A824; } span.number-purple { color: #9E0E87; } span.number-orange { color: #CC8300; } span.number-brown { color: #8B6846; } span.number-grey { color: #666; } span.highlight { background: #FFFBD5; padding: 1px 2px; } span.highlight-blue { color: #0D507A; } span.highlight-red { color: #D12E2E; } span.highlight-green { color: #74A824; } span.highlight-purple { color: #9E0E87; } span.highlight-orange { color: #CC8300; } span.highlight-brown { color: #8B6846; } span.highlight-grey { color: #666; } span.highlight-bold { font-weight: bold; font-size: 120%; } span.dropcap, span.dropcap-blue, span.dropcap-red, span.dropcap-green, span.dropcap-purple, span.dropcap-orange, span.dropcap-brown, span.dropcap-grey { display: block; font-size: 260%; float: left; margin: 0px 4px 0 0; line-height: 100%; } span.dropcap { color: #333; } span.dropcap-blue { color: #0D507A; } span.dropcap-red { color: #D12E2E; } span.dropcap-green { color: #74A824; } span.dropcap-purple { color: #9E0E87; } span.dropcap-orange { color: #CC8300; } span.dropcap-brown { color: #8B6846; } span.dropcap-grey { color: #666; } span.inset-left { display: block; color: #000; padding: 15px; float: left; width: 20%; font-size: 110%; font-weight: bold; font-style: italic; } span.inset-right { display: block; color: #000; padding: 15px; float: right; width: 20%; font-size: 110%; font-weight: bold; font-style: italic; } span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc { display: block; padding: 8px 10px 8px 36px; margin: 15px 0; } span.attention { color: #B79000; border: 1px solid #E7BD72; background: #FFF3A3 url(../images/typo.png) 10px 50% no-repeat; background-position: -42px 0; width: 16px; height: 16px; } span.notice { color: #648434; border: 1px solid #9BCC54; background: #CDEFA6 url(../images/typo.png) 10px 50% no-repeat; background-position: -291px 0; width: 16px; height: 16px; } span.alert { color: #CF3738; border: 1px solid #FFACAD; background: #FFD5D5 url(../images/typo.png) 10px 50% no-repeat; background-position: 0 0; width: 16px; height: 16px; } span.download { color: #1C6B8B; border: 1px solid #6ABCE2; background: #A8CDE3 url(../images/typo.png) 10px 50% no-repeat; background-position: -228px 0; width: 16px; height: 16px; } span.approved { color: #666; border: 1px solid #a8a8a8; background: #ccc url(../images/typo.png) 10px 50% no-repeat; background-position: -21px 0; width: 16px; height: 16px; } span.media { color: #C76E34; border: 1px solid #FFBB65; background: #FFE0B6 url(../images/typo.png) 10px 50% no-repeat; background-position: -249px 0; width: 16px; height: 16px; } span.note { color: #B79000; border: 1px solid #E7BD72; background: #FFF3A3 url(../images/typo.png) 10px 50% no-repeat; background-position: -270px 0; width: 16px; height: 16px; } span.cart { color: #666; border: 1px solid #C5C5C5; background: #E6E6E6 url(../images/typo.png) 10px 50% no-repeat; background-position: -186px 0; width: 16px; height: 16px; } span.camera { color: #666; border: 1px solid #C5C5C5; background: #E6E6E6 url(../images/typo.png) 10px 50% no-repeat; background-position: -165px 0; width: 16px; height: 16px; } span.doc { color: #C76E34; border: 1px solid #FFBB65; background: #FFE0B6 url(../images/typo.png) 10px 50% no-repeat; background-position: -207px 0; width: 16px; height: 16px; } div.number-block1, div.number-block2, div.number-block3 { padding-left: 50px; } div.number-block1 { background: url(../images/typo.png) 0 0 no-repeat; background-position: -312px 0; width: 45px; height: 65px; } div.number-block2 { background: url(../images/typo.png) 0 0 no-repeat; background-position: -362px 0; width: 45px; height: 65px; } div.number-block3 { background: url(../images/typo.png) 0 0 no-repeat; background-position: -412px 0; width: 45px; height: 65px; } span.subline { display: block; font-size: 90%; margin-bottom: 5px; padding: 0px; margin-top: -15px; font-weight: bold; text-transform:uppercase; } /* end Typography Styles .css */ /*system tempalte css*/ /* OpenID icon style */ input.system-openid, input.com-system-openid { background: url(http://openid.net/login-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; } /* Unpublished */ .system-unpublished { background: #e8edf1; border-top: 4px solid #c4d3df; border-bottom: 4px solid #c4d3df; } /* System Messages */ #system-message { margin-bottom: 10px; padding: 0; } #system-message dt { font-weight: bold; } #system-message dd { margin: 0; font-weight: bold; text-indent: 30px; } #system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB; } /* System Standard Messages */ #system-message dt.message { display: none; } #system-message dd.message { } /* System Error Messages */ #system-message dt.error { display: none; } #system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; } /* System Notice Messages */ #system-message dt.notice { display: none; } #system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; } /* Debug */ #system-debug { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; } #system-debug div { font-size: 11px; } /*end system.css*/ /*stare general.css*/ /* Form validation */ .invalid { border-color: #ff0000; } label.invalid { color: #ff0000; } /* Buttons */ #editor-xtd-buttons { padding: 5px; } .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; } .page span { color: #000; font-weight: bold; } .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 { float: left; margin-left: 5px; } .button2-right { float: left; margin-left: 5px; } .button2-left .image { } .button2-left .readmore { } .button2-left .pagebreak { } .button2-left .blank { } /* Tooltips */ div.tooltip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; z-index:13000; } div.tooltip h4 { padding: 0; margin: 0; font-size: 95%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; } div.tooltip p { font-size: 90%; margin: 0; } /* Caption fixes */ .img_caption.left { float: left; margin-right: 1em; } .img_caption.right { float: right; margin-left: 1em; } .img_caption.left p { clear: left; text-align: center; } .img_caption.right p { clear: right; text-align: center; } /* Calendar */ a img.calendar { width: 16px; height: 16px; margin-left: 3px; background: url(../images/calendar.png) no-repeat; cursor: pointer; vertical-align: middle; } /*end general.css*/ /*rokmenu.css start*/ .menutop, .menutop * { margin:0; padding:0; } #horiznav { position:relative; z-index:1000; } #horiz-menu { z-index:50; } #horiz-menu li li { margin:0; } .menutop { line-height:1.0; float:left; margin-bottom:1.5em; position:relative; } .menutop ul { background:#fff;/*IE6 needs this*/ padding:0; } .menutop li { float:left; list-style:none; position:relative; } .menutop li#current { z-index: 199; } #horiz-menu li li a, #horiz-menu li.active li a, #horiz-menu li li .separator, #horiz-menu li.active li .separator { display:block; margin:0; text-decoration:none; float:none; height:28px; line-height: 30px; width:100%; padding: 0; } .menutop li ul { float:none; left:-999em; position:absolute; width:215px; z-index:500; } .menutop li:hover ul, .menutop li.sfHover ul { left: 0; top:24px; } .menutop li:hover li ul, .menutop li.sfHover li ul, .menutop li li:hover li ul, .menutop li li.sfHover li ul, .menutop li li li:hover li ul, .menutop li li li.sfHover li ul { top:-999em; } .menutop li li:hover ul, .menutop li li.sfHover ul, .menutop li li li:hover ul, .menutop li li li.sfHover ul, .menutop li li li li:hover ul, .menutop li li li li.sfHover ul { left:204px; top:-5px; } .menutop li li { position:relative; float:none; width:100%; } #topleft .mainblock-mod, #topleft .mainblock-mod-bottom, #topleft .mainblock-mod-bottom2, #topleft .mainblock-mod-bottom3 { background: none repeat scroll 0 0 transparent !important; border: 0 none !important; } #topmiddle .mainblock-mod, #topmiddle .mainblock-mod-bottom, #topmiddle .mainblock-mod-bottom2, #topmiddle .mainblock-mod-bottom3 { background: none repeat scroll 0 0 transparent !important; border: 0 none !important; } #topright .mainblock-mod, #topright .mainblock-mod-bottom, #topright .mainblock-mod-bottom2, #topright .mainblock-mod-bottom3 { background: none repeat scroll 0 0 transparent !important; border: 0 none !important; } #topleft { float: left; height: 159px; width: 312px; } #topleft #seo_top { background: url("../images/3box.png") no-repeat scroll -15px -13px transparent; } #topmiddle #joomla_top { background: url("../images/3box.png") no-repeat scroll -335px -13px transparent; } #topright #php_top { background:url("../images/3box.png") no-repeat scroll -651px -13px transparent; } #topmiddle { float: left; height: 159px; width: 312px; margin-left: 5px; } #topright { float: left; height: 159px; width: 312px; margin-left: 5px; } #topright #php ul { color: #333333; list-style: none inside none !important; margin: 0; padding: 7px 0 0 88px; } #topleft ul li a { padding:0; background:none; } #topmiddle ul li a { padding:0; background:none; } #topright ul li a { padding:0; background:none; } #topleft ul li { } #topmiddle ul li { } #topright ul li { } /*end rokmenu*/ div#maincol .padding #main-content #page .main-article h3 { background:transparent url(../../../images/stories/arrows.png) no-repeat scroll left 3px; color:#1589B0; font-family:trebuchet MS; font-size:20px; padding-left:18px; text-transform:uppercase; } .osolCaptchaBlock { display: none; width: 100%; } .contact_email .button { background: #666 url(../images/main/main-dark-readon-bg.png) 0 0 repeat-x; border: 1px solid #777; color: #fff; cursor: pointer; font-size: 100%; padding: 3px 5px; margin-top:3px; } /* changes 09132011 start*/ .tablocks { float:left; width:300px; margin:0 1px; height:160px; } #iphone_block { background:url("../images/3box.png") no-repeat scroll -15px -13px transparent; } #android_block { background:url("../images/3box.png") no-repeat scroll -335px -13px transparent; } #mobile_block { background:url("../images/3box.png") no-repeat scroll -651px -13px transparent; } .tablocks ul { color: #333333; list-style: disc inside none !important; margin: 0; padding: 5px 0 0 101px !important; } .tablocks ul li { background:url("../images/arrow.png") no-repeat scroll 0 2px transparent !important; border: none; color:#666666; font-family:verdana; font-size:11px; list-style-image:none !important; list-style-position:outside !important; list-style-type:none !important; margin:4px 0; padding:0 0 0 15px; height: 15px; } .tablocks ul li a { color:#444444; } /* changes 09132011 end*/ /* changes of inner pages css */ div#maincol .padding #main-content #page .main-article h1 { padding-left:20px !important; margin-top: 13px !important; } div.main-article p { /*float:left; width:100%;*/ } div.current { overflow:hidden; } .contenimg { padding-bottom: 10px; } /**** Css *****/ #horiz-menu li.active a span, #horiz-menu li.active .separator span { background:none !important; } #horiz-menu li { background: url("../images/style3/menu_bg.png") repeat scroll 9% -39px transparent; display: block; float: left; font-weight: bold; margin:0px !important; } #horiz-menu { display: block; height: 40px; left: -6px; margin-top: 12px; padding: 0; position: relative; top: -80px; } #horiz-menu li a, #horiz-menu li .separator { background: url("../images/style3/saperator.png") no-repeat scroll 0 0 transparent; padding-left: 10px; padding-right: 15px; } #horiz-menu li.active a, #horiz-menu li.active .separator, #horiz-menu li:hover a, #horiz-menu li:hover .separator, #horiz-menu li.sfHover a, #horiz-menu li.sfHover .separator { background: url("../images/style3/hover.png") repeat scroll 0 0 transparent !important; } #horiz-menu a, #horiz-menu .separator { font-family: verdana; font-size: 11px; font-weight: bold; line-height: 26px; text-decoration: none; white-space: nowrap; text-transform: none; } #logo-bg-area { background: url("../images/style3/logo/logo-6.png") no-repeat scroll 0 0 transparent; height: 83px; left: 10px; position: absolute; top: -14px; width: 299px; } .rokfeature-mod { top:-57px; } #logo-banner #logo-banner2 a.nounder { outline:0 } #top-bar .right-module-block { position: relative; top:-4px; } .rokfeature-readon a { display:none; } dl.tabs { margin: -47px 0 -1px; } div.current { position: relative; top: -22px; } /****Css ****/ .style1 .xt-nav { width:930px; background:url("../images/tab_head.png") no-repeat scroll 0 0 transparent !important; height:50px; } .style1 .xt-nav.top ul { border:none; } .xt-wrapper.style1 { border:none; } .style1 .xt-nav ul li.first { margin-left:25px; } .xt-pans { border-top:0px solid #9f9f9f; border-right: 1px solid #9f9f9f; border-left: 1px solid #9f9f9f; border-bottom: 1px solid #9f9f9f; width:928px; } .style1 .xt-nav ul li a, .style1 .xt-nav ul li.last a.current { border:none; } .style1 .xt-nav ul li { background:url("../images/hometabhead.png") no-repeat scroll 5px -39px transparent; } .style1 .xt-nav ul li a.current { background:url("../images/hometabactivebg.png") repeat-x scroll 0 2px transparent !important; } .style1 .xt-nav ul li.first { background:url("../images/hometabhead.png") no-repeat scroll 5px 5px transparent; } .style1 .xt-nav ul li.last { background:url("../images/hometabhead.png") no-repeat scroll 5px -82px transparent; } .style1 .xt-nav ul li a { color:#FFFFFF; font-family:calibri; font-size:20px; font-weight:bold; text-decoration:none; text-indent:30px; padding:13px; } .style1 .xt-nav.top a.current { color:#FFFFFF !important; } .inputbox { font-family:"Verdana", Helvetica, Arial, sans-serif; font-size:12px !important; width:200px; } #xt20127 { margin-top:-50px; } #horiz-menu ul ul li a.daddy, #horiz-menu ul ul li .separator.daddy, #horiz-menu ul li.parent.active:hover li a.daddy, #horiz-menu ul li.parent.active:hover li .separator.daddy, #horiz-menu ul li.parent.active.sfHover li a.daddy, #horiz-menu ul li.parent.active.sfHover li .separator.daddy { background: url("../images/main/dropdown-item-hover-arrow.png") no-repeat scroll 95% 12px transparent !important; } .menutop li ul { width:188px; } #horiz-menu li li a, #horiz-menu li li .separator { text-indent: 11px !important; } ul.menutop li ul li ul { margin-left: 37px; } #horiz-menu .wrapper { width: 583px; } #horiz-menu { float: right; right: 0; width: 583px; } #footer3 p { margin-top:0; margin-bottom:0; } #p-container .p-category-item-image img { width:150px; } #p-container .p-category-title { background: url("../../../images/stories/arrows.png") no-repeat scroll left 3px transparent; color: #1589B0; font-family: trebuchet MS; font-size: 20px; margin-top: 13px; padding-left: 20px; text-transform: uppercase; } #p-container .p-category-item-title a { color:#333333; } #p-container .p-category-item-detail a { color:#333333; } .dmod_portfolio_item { text-align:center; margin:5px 0; } .dmod_portfolio_item img { width:100%; opacity:0.7; } .dmod_portfolio_item img:hover { opacity:1; }