/* CSS Document */

/* CSS Document */

/* hello This is the Main template logo, Edit this to match the width and height of your new logo image */
#logo {width: 250px;height: 70px;}

/* This is the Logo Banner Width, Edit this to set the width of the Logo Banner graphic */
#logo-surround {width: 315px;}

.hp-last {
    width: 412px !important;
}

.block.first {
    //width: 333px !important;
}
/* Font Family Settings */

body#ff-mixxmag, body#ff-mixxmag td {font-family: "Lucida Grande",Helvetica,Verdana,sans-serif;}
body#ff-optima, #ff-optima td {font-family: Arial, Helvetica, 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: 13px; background-color:#FFFFFF;}
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: 14px;}
p {margin-top: 10px;margin-bottom: 2px;}
h1, {padding-bottom: 5px;margin: 5px 0 0px 0;font-weight: normal;line-height: 120%;}
h2, h3, h4, h5 {padding-bottom: 5px;margin: 25px 0 10px 0;font-weight: normal;line-height: 120%;}
h1 {font-size: 140%;line-height: 20%; color:#ff0505;line-height: inherit;}
h2 {font-size: 130%;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; color:#ff0505;}
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: 45%;float: right;text-align: right;}
#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;}
#Top_banner { width:990px; position: relative; padding: 6px 0px; }
#main-header {position: relative;padding-bottom: 5px;z-index:2; width:1100px; background-color:#FFFFFF;}
#header-tools {padding: 10px 10px 0 10px;overflow: hidden;}
.header-spacer {height: 30px;}
#logo-surround {height: 71px;top:37px;;margin-left: -7px;position: absolute;}
#logo-banner {height: 71px;float: left;background: url(../images/main/logo-banner-l.png) 0 0 no-repeat; width: 100%;}
#logo-banner2 {height: 71px;background: url(../images/main/logo-banner-r.png) 100% 0 no-repeat;}
#logo-banner3 {height: 71px;margin-left:35px;margin-right: 26px;background: url(../images/main/logo-banner-m.png) 0 0 repeat-x;}
.logo-module {width: 330px;float: left;overflow: hidden;padding: 15px 0;}
#logo-bg-area {width: 299px;height: 99px;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: 38px;margin-top: 0px;padding: 0;display: block; }
#menu-spacer {height: 55px;float: right;}
ul#horiznav.menutop, #horiz-menu ul.menutop {padding: 14px 3px 0px 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 {}
#horiz-menu a, #horiz-menu .separator {white-space: nowrap;display: block;float: left;;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:15px;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;}
#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% no-repeat;}
#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: capitalize;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/med-arrow.gif) 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; float: left; margin-left: -20px;padding-left: 20px; position:relative;}
.side-shadow-r {background: url(../images/main/side-shadow-r.png) 100% 0 repeat-y;margin-right: -20px;padding-right: 20px; position:relative;}
#main-content {padding: 0 10px 10px 10px;}
#main-body-bg {position:relative;z-index:1; background-image:none;}
#main-body {position: relative;}
#maincol {float: left; background-color:#FFFFFF;}
#leftcol {float: left;}
#leftcol .padding {padding: 0 5px 0 10px;}
#rightcol .padding {padding: 0 16px 0 5px;}
#rightcol {float: left;}
#inset-block-right {float: right;}
#inset-block-right .right-padding {padding-left: 5px;}
#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;}


#breadcrumbs {height: 18px;margin: 0 12px 12px;display: block;padding: 0 10px;}
#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: 10px; margin: 10px;
	border:1px solid #E7E7E7;
	background: url(../images/main/artical-bg.gif) repeat-x;}



.main-article div.content-display img {
	float:left;
	margin:6px;
	padding:6px;
	}


.main-article .contentheading {padding: 0;font-size: 150%;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;}
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: #F2F2F2;border-top: 1px solid #E7E7E7;border-right: 1px solid #E7E7E7;border-left: 1px solid #E7E7E7;}
.medium .frontpage-item-bg, .medium .blog-item-bg {background: #F2F2F2;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 #E7E7E7;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: 80%;text-transform: uppercase; font-weight:bold;}
.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: 8px; padding-bottom:4px;}
.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: #F2F2F2 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: #FCFCFC url(../images/main/side-mod-bg.png) 0 0 repeat-x;border-left: 1px solid #E7E7E7;border-right: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7;}
.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: 10px;}
.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 {padding: 0 10px;}

/* Main Body Modules */

.mainblock-mod h3.module-title {margin: 0;padding: 4px 0 0px 5px;position: relative;}
.mainblock-mod h3.module-title span.bg {font-size: 65%; font-weight:bold; text-transform: uppercase;padding: 3px 10px 3px 10px;}
.mainblock-title-container {position: relative;}
.mainblock-mod .module {padding: 8px;}
.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: 1px 5px 1px 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:underline;}
#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: 0px;
}

#news-table{width:711PX;
margin:0px auto;
border-bottom:#F5F5F4 1px solid;
background:url(../images/rokmininews-block-bg.gif) repeat-x bottom;}

#rokmininews .rokmininews-surround { margin:0px 10px 10px 10px;}
#rokmininews .module {padding: 0;}

.mainblock-mod {background: #F2F2F2 url(../images/main/side-light-mod-bg.png) 0 0 repeat-x;border-top: 1px solid #E7E7E7;border-right: 1px solid #E7E7E7;border-left: 1px solid #E7E7E7;}
.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 #E7E7E7;}
.mainblock-mod h3.module-title span.bg, .light .mainblock-mod h3.module-title span.bg {background:Url(../images/main/side-mod-heading.png) 50% 100% repeat;color: #fff;}
.mainblock-mod ul li, .light .mainblock-mod ul li, .light .side-mod ul li, .blog .blog_more ul li {}

.mainblock-mod ul li a, .light .mainblock-mod ul li a, .light .side-mod ul li a, #main-content .blog_more ul li a {;background: url(../images/main/med-arrow.gif) 8px 4px no-repeat;}
.medium div.mainblock-mod ul li a, div.side-mod ul li a, .medium .side-mod ul li a {background: url(../images/main/med-arrow.gif) 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/med-arrow.gif) 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/med-arrow.gif) 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: none;}
.medium .mainblock-mod ul li a, .side-mod ul li a {background: url(../images/main/med-arrow.gif) 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/med-arrow.gif) 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 {padding: 5px 15px 5px 15px; font-size:85%;}
#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;background: url(../images/submenu-active-bg.png) 0 100% repeat-x;}
.sectiontablefooter {background: url(../images/submenu-active-bg.png) 0 100% repeat-x;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/med-arrow.gif) 8px 50% no-repeat;color: #666;}
#main-body ul.menu li a, #main-body ul.menu li .separator {background: url(../images/main/med-arrow.gif) 8px 50% no-repeat;color: #333;}
#main-body .dark ul.menu li a, #main-body .dark ul.menu li .separator {background: url(../images/main/med-arrow.gif) 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/med-arrow.gif) 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/med-arrow.gif) 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/med-arrow.gif) 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;}
#rokmininews .banneritem
{margin:0px 10px;}
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/main/font-lg.png) 0 0 no-repeat;}
a.small .button {background: url(../images/main/font-sm.png) 0 0 no-repeat;}

/* 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:285px;}
#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: 100%;background: #000 url(../images/spinner.gif) 76% 47% no-repeat;}
.rokfeature-options {height: 100%;position: relative;z-index: 5;}
.rokfeature-option-block {width: 50%;position: relative;overflow: hidden;}
.rokfeature-tab-1, .rokfeature-tab-2, .rokfeature-tab-3, .rokfeature-tab-4, .rokfeature-tab-5, .rokfeature-tab-6 {width: 22px;height: 100%;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: 100%;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 */

#main_cnt{ width:1100px;}
/* --------   Top Link   --------   */ 
#top_pan { width:1100px; height:35px; background: url(../images/header/h_m.jpg) repeat-x; }
#R { width:6px; height:35px; background: url(../images/header/h_l.jpg) no-repeat; float:left; }
#M { width:758px; height:26px; float:left; padding:10px 5px 0 5px; color:#333; }
#L { width:6px; height:35px; background: url(../images/header/h_r.jpg) no-repeat; float:left; position:relative; }
#search { width:310px; height:30px; float:left; padding:6px 5px 0 5px; }
/* --------   Middle Section   --------   */ 
#Hadr_bg { background:url(../images/header/headerbg.png) repeat-x bottom; height:115px; width:1100px; }

.logo-forex { width:225px; height:80px; margin:10px 0 0 20px; background:url(../images/header/forex_jpg.jpg) no-repeat center; float:left;}
.logo-prize { width:225px; height:80px; margin:10px 0 0 20px; background:url(../images/header/pbpk_jpg.jpg) no-repeat center; float:left;}
.logo-virtual { width:225px; height:80px; margin:10px 0 0 20px; background:url(../images/header/vortual_vault_jpg.jpg) no-repeat center; float:left;}

#ban468 { margin:15px 10px 25px 15px; float:left; width:468px; height:60px;}
#ban {    margin:15px 10px 25px 0; float:right; width:234px; height:60px;}
#barbg { width:320px;position:relative; float:left; padding:9px 0px 0 0px; padding-bottom:0px;}

#barbg div A { width:100px;height:24px; background:url(../images/header/but_unslt.jpg) no-repeat; position:relative;float:left; text-align:center; font-size:85%; padding:0px; padding-top:5PX; margin-left:5px;}


#barbg div A:hover {background:url(../images/header/bar_but.jpg) no-repeat; }
#barbg div .active-tab{background:url(../images/header/bar_but.jpg) no-repeat;}


.archive {
	width:711px;
	height:54px;
	background: url(../images/Archive-images/new-archive-bg-2.gif) no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:10px;
	}

.select-Archive {
	float:right;
	margin-top:18px;
	position:relative;
	width:500px;
	}

.heading {
	position:relative;
	float:left;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:54px;
	padding-left:10PX;
	}

.combo {
	color:#000;
	font-size:11px;
	padding-left:2px;
	}
	
.combobox {
	color:#000;
	font-size:11px;
	padding-left:2px;
	}	

.archive-left {
	width:6px;
	float:left;
	position:relative;
	background-color:#FFFFFF;
	}

.archive-right {
	width:7px;
	float: right;
	position:relative;
	background-color:#FFFFFF;
	}

.Archive-heading {
	font-size:18px;
	padding-top:7px;
	text-align:center;
	line-height:115%;
	}

.Archive-text {
	font-size:10px;
	}

.graph-combo {
	width:100%;
	position:relative;
	height:100%;
	text-align:center;
	}

.combo-graph {
	height:20px;
	color:#000000;
	position:relative;
	}

.rates_head-1 {    
    TEXT-TRANSFORM: capitalize;
    COLOR: #fff;
    FONT-FAMILY: tahoma;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #6C7589;
	border-top: 2px #FFFFFF solid;
	font-weight:bold;
	}
	
.rates_head-1 dt {
	margin-left:20px;
	}	

.rates_head dt {
	margin-left:20px;
	}	

.even {
    PADDING-RIGHT: 12px;
    PADDING-LEFT: 12px;
    FONT-SIZE: 95%;
    HEIGHT: 22px;
    BACKGROUND-COLOR: #E7E7E7;
	border-top:2px #FFFFFF solid;
	color:#000;
	}

.c-name {
	PADDING-RIGHT: 4px;
	PADDING-LEFT:20px;
	FONT-SIZE: 11px;
	HEIGHT: 22px; 
	BACKGROUND-COLOR:#E7E7E7;
	border-top: 2px #FFFFFF solid;
	color:#000; text-align:left;
	}

.rates_head {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 13px;
    TEXT-TRANSFORM: capitalize;
    COLOR: #fff;
    FONT-FAMILY: tahoma;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #6C7589;
    TEXT-ALIGN:left;
	}

.efef {
    PADDING-LEFT: 3px;
    COLOR: #000;
    HEIGHT: 16px;
	font-size:11px;
	}

.archive-main {
	width:670px;
	height:54px;
	background: url(../images/Archive-images/new-archive-bg.gif) no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:10px;
	}

#table-rates {  
	border-right:1px solid #E7E7E7;
	border-top:1px solid #E7E7E7;
	}

#table-rates td {
	border-bottom:1px solid #E7E7E7;
	border-left:1px solid #E7E7E7;
	color:#3D4144;
	background-color:#FDFDFD;
	font-size:95%;
	padding-left:10px;
	}

#table-rates .head td {
	background:url(../images/rates-title-bg.png) repeat-x;
	font-weight:bold;
	color:#333;
	margin-bottom:2px;
	}

#table-rates .title td {
	padding:2px 10px;
	border-left:1px solid #E7E7E7;
	color:#3D4144;
	text-align:center;
	background:url(../images/rates-title-bg.png) repeat-x;
	}

.source td {
	background:none;
	color:#000;
	margin-bottom:2px;
	border-bottom:0px;
	}

.source A {
	float:right;
	margin-right:20px;
	text-decoration:none;
	font-weight: bold;
	}

.source a:hover {
	text-decoration:underline;
	}

#table-conversion {
	text-align:center;
	border:1px solid #E7E7E7;
	border-left:0px;
	border-bottom:0px;
	margin:20px 0px;
	text-align:center;
	}

#table-conversion td {
	padding-left:10px;
	padding-right:10px;
	background:#FBFBFB;
	border-bottom:1px solid #E7E7E7;
	border-left:1px solid #E7E7E7;
	color:#000;
	}

#table-conversion .head td {
	background:#F2F2F2;
	font-weight:bold;
	color:#333;
	margin-bottom:2px;
	}
	
#table-conversion .title td {
	background:none;
	border-left:0px;
	border-bottom:2px solid #E7E7E7;
	color:#000;
	margin-bottom:2px;
	text-align:center;
	}

.source td {
	background:none;
	color:#000;
	margin-bottom:2px;
	border-bottom:0px;
	}
.source A {
	float:right;
	margin-right:20px;
	text-decoration:none;
	}

#table-energy {
	border:1px solid #E7E7E7;
	border-left:0px;
	border-bottom:0px;
	margin:20px 0px;
	}

#table-energy .title td {
	background:none;
	border-left:0px;
	border-bottom:2px solid #E7E7E7;
	color:#000;
	margin-bottom:2px;
	text-align:center;
	}

#table-energy td {
	padding:2px 10px;
	background:#F9F9F9;
	border-bottom:1px solid #E7E7E7;
	border-left:1px solid #E7E7E7;
	color:#3D4144;
	}

#table-energy .head td {
	background:#f2f2f2;
	font-weight:bold;
	color:#333;
	margin-bottom:2px;
	}

#table-energy .main-tab td {
	background-color:#3E4146;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	}

.source A {
	float:right;
	margin-right:20px;
	text-decoration:none;
	}

#Ec-indicator {
	border:1px solid #E7E7E7;
	border-bottom:0px;
	border-left:0px;
	}

#Ec-indicator td {
	border-bottom:1px solid #E7E7E7;
	border-left:1px solid #E7E7E7;
	color:#3D4144;
	text-align:center;
	background-color:#FBFBFB;
	font-size:95%;
	}

#Ec-indicator .head td {
	background:#F2F2F2;
	font-weight:bold;
	border-left:0px;
	border-left:1px solid #E7E7E7;
	border-right:1px solid #E7E7E7;
	color:#333;
	margin-bottom:2px;
	}

#Ec-indicator .main-tab td {
	background-color:#6C7589;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	}

#Ec-indicator .source td {
	background:none;
	color:#000;
	margin-bottom:2px;
	border-bottom:0px;
	}

#forex-rearch {
	float:left;
	position:relative;
	margin-left:8px;
	margin-right:8px;
	width:100%;
	margin-bottom:10px;
	}

#forex-rearch ul {
	float:left;
	margin-top:6px;
	border-left:1px #D6D8DC solid;
	padding-right:4px;
	margin-left:4px;
	margin-right:1px;
	max-width:368px;
	}

#forex-rearch ul A {
	float:left;
	}

#forex-rearch ul p {
	font-weight:bold;
	padding-left:10px;
	color:#333333;
	}

#user4 {
	float:left;
	position:relative;
	margin-left:4px;
	margin-right:4px;
	}

#user4 ul	{
	float:left;
	padding:0PX;
	margin:0PX;
	}

#user4 ul A {
	float:left;
	padding-bottom:1PX;
	margin-bottom:0PX;
	}

.more {
	padding:3px;
	border:1px #999999 solid;
	background:#F0F0F0 url(../images/main/readon-bg.png) repeat-x scroll 0 0;
	}


#user4 ul p {
	font-weight:bold;
	color:#333333;	
	margin:0PX;
	float:left;
	clear: left;
	}


.market-snapshot {
	border:0px;
	}


UL.latestnews {
	margin:1px 0px;
	} 

	

.latestnews  li {
	list-style:none;
	list-style-image:url(../../../images/news-bult.gif);
	}

#banner-main {
	width:721px;
	position:relative;
	height:70px;
	padding-left:5px;
	padding-right:5px;
	}

.banner-468 {
	width:468px;
	height:60px;
	position:relative;
	}

.banner-236 {
	width:234px;
	float:right;
	height:60px;
	}

#banner-block { 
	position:relative;
	width:711px;
	margin:10px auto;

background:url(../images/banner-bg.gif) no-repeat center;
	}


#maincol #banner-block { 
	position:relative;
	width:740px;
	padding:3px 0;
	margin:10px auto;
	/*background:url(../images/banner-bg.gif) no-repeat center;*/
	}


#main-content #banner-block { 
	position:relative;
	width:711px;
	padding:3px 0;
	margin:10px auto;
	background:url(../images/banner-bg.gif) no-repeat center;
	}




.banner-1 {
	position:relative;
	margin-right:3px;
	}

.right-banner {
	float:right;

	}

#table-bullion .city {
	border-bottom:1px solid #E7E7E7;
	border-left:1px solid #E7E7E7;
	border-right:1px solid #E7E7E7;
	color:#3D4144;
	padding-left:15px;
	background-color:#FBFBFB;
	font-size:95%;
	}

#table-bullion .rates {
	border-bottom:1px solid #E7E7E7;
	border-right:1px solid #E7E7E7;
	color:#3D4144;
	text-align:center;
	background-color:#FBFBFB;
	font-size:95%;
	}


#table-bullion .head td {
	background:#F2F2F2;
	font-weight:bold;
	border-left:0px;
	border-left:1px solid #E7E7E7;
	border-right:1px solid #E7E7E7;
	border-bottom:1px solid #E7E7E7;
	color:#333;
	margin-bottom:2px;
	text-align:center;
	}

#table-bullion .title td {
	background:none;
	border-left:0px;
	color:#000;
	margin-bottom:2px;
	text-align:center;
	}

.title-boder  {
	border-bottom:1px solid #E7E7E7;
	}

#services {
	padding-left:10px;
	background:#FBFBFB;
	}

#services td {
	border-bottom:1px solid #E7E7E7;
	border-right: #E7E7E7 1px solid;
	}

#services td ul {
	margin-left:3px;
	}

.button {
	background: url(../images/main/input-but-bg-1.gif) repeat-x;
	border:1px solid #D6DADE;
	padding:0px 0px;
	text-align:center;
	color:#2C539E;
	font-size:10px;
	}


.contentpaneopen td p {
	padding-right:10px; 
	}



.archive-text
{ 	color:#004194;
	text-align:center;
	padding:3PX 0PX;
	font-weight:normal;
}




#main-conten #inset-block-left
{margin-left:10px;
}

#main-conten #inset-block-right
	{margin-right:10PX;
	}








#top-table{
	background-color:#F7F7F7;
	width:680PX;
	margin:5px auto;
margin-bottom:20px;
	clear:both;
}
#top-table ul
{margin:0px auto;

}
#top-table ul li
	{list-style:none;
	float:left;
	padding:2pX 7PX;
	border:1PX dotted #CCC;
	border-left:0PX;
	border-top:0PX;
	color:#004197;
	}
	
	#top-table ul li a
	{color:#004197;
	text-decoration:none;
	}
#glossry-contant
{ clear:both;
}
#glossry-contant ul 
{
padding-left:0px;
margin-left:0; !important
margin-right:0; !important
margin-top:20px;
margin-bottom:20px;}


#glossry-contant h2
{color:#004197;
padding:5px;
font-size:12px;
font-weight:bold;
margin:2px 0 0;
background-color:#FBFBFB;

}
#glossry-contant ul li
{padding-left:0px;
list-style:none;
border-bottom:1px dashed #ccc;
}











#archive-holder{
	
	clear:both;
	margin:0PX auto;
	width:100%;
	position:relative;
	z-index:100;
border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	}
.new-archive{
	height:48px;
	background:url(../images/archive-bg-new.gif) repeat-x;
	
	}
#archive-holder .glass-img{
	display:block;
	height:58px;
	width:56px;
	background: url(../images/magnifineglass.jpg);
	z-index:100;
	position:absolute;
	left:600px;
	top:1px;
	}
.archive-top{
	height:30px;
	background: url(../images/archive-top-header.gif) repeat-x left top;

	}
.archive-top p
{font: Verdana, Arial, Helvetica, sans-serif;
color:#004197;
text-align:center;
font-weight:500;
font-size:18px;
margin:0px;
padding:0px;
padding-top:5px;
z-index:200;
text-transform:capitalize;
}
.option-box
{width:490px;
margin:0px auto;
padding-top:6px;
text-align:center;
}



.go-but {
	position:relative;
	background-color:#666666;
	float:left;
	}

#Currency-Converter
{border:1px solid #D5D6DB;
border-bottom:0px;
border-left:0px;
}

#Currency-Converter td
{
 
border-bottom:1px solid #D5D6DB;
border-left:1px solid #D5D6DB;
color:#3D4144;
text-align:left;
padding:2px 0px 2px 5px;
}



#Currency-Converter td input
{height:10px;
font-size:11px;
width:80%;
}

#Currency-Converter td select
{height:20px;
font-size:11px;
}

#Currency-Converter td.Calculate-but input
{height:20px;
width:70px;
text-align:center;
}

.ads {
	background: url(../images/main/ads-bg.jpg) 0 0 no-repeat;
	width:200px;
	height:200px;
	margin:0px auto;
	}


.img-center img {
	text-align:center;
	margin:0px auto;
	}


.main-prizebond-table {
width:380px;
margin:0px auto;
}

.alexa-woget {
float:right;
margin-right:5px;

}

.footer-text {
float:left;
padding:10px 0px 0px 10px;
}

.cat-title {
	font-weight:bold;
	padding:2px 0px;
		}
.archive-img {
	text-align:right;
	}

/*
.contentpaneopen td a
{float:left;
}*/

/* CSS for Pakistan Commodity Market

#dgUser tbody tr td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#dgUser tbody tr th {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}