@import "http://www.dc3world.com/download-noauth/templates/css/grid16css";

body { color: #666; font: 1em; Arial, Helvetica, sans-serif; }

h2, h3, h4 { margin-bottom:8px; }
h1 { color: #f58232; font-size: 24px; margin-bottom:12px;}
h2 { color: #f58232; font-size: 20px; }
h3 { color: #0b233d; font-size: 18px; font-weight:normal; }
h4 { color: #666; font-size: 14px; }
h5 { color: #0b233d; font-size: 12px; }
h6 { color: #666; font-size: 12px; }

a { color: #f58232; text-decoration:none; }

#subpage h1, h2, h3 { color: #656565; }

#subpage h4, h5, h6 { color: #FFF; }
#subpage a {color: #FFF; }

body { background: #4d4538 } 

#header { background: #fff url(/download-noauth/gallery/img/headerjpg) no-repeat 0 -87px; border-top: 4px solid #f58232; height: 128px; }
#home #header{ background-position:0 0; }

#customcontent { }

#footer { background-color: #0b233d; border-bottom: 4px solid #f58232; height:59px; }
#footer, #footer a { color: #d5d5d5; font-size: 11px; }

#footer-system { padding:20px 5px 0 0; }

#poweredby {
	background-image: url(http://www.dc3world.com/download-noauth/gallery/img/poweredgif) !important;
}

#page-banner { overflow: hidden; }
#page-banner .box-body { height: 180px; overflow: auto; }

.row-highlight { background: #ebebeb; clear: both; margin: 0 5px; overflow: hidden; padding-bottom: 10px; _height: 1%; }
.clear { clear: both; }

/**************************************************************************************

	GLOBAL

***************************************************************************************/

/* LAYOUT */
#page { background-color:#0b233d; margin: 0 auto; padding:0 6px; width: 960px;}

#header, #footer, #main { padding: 0 10px; }

#main { background-color: #fff; }

#home #main { background: #fff url(/download-noauth/gallery/img/headerjpg) no-repeat 0 -128px; }
#content { background-color: transparent; }


/* LOGO/TAGLINE
=============================================== */

#logo {	margin-left:51px; position:relative; top:23px; }

/* Image Replacement */
#logo a{ display: block; height: 0px !important; overflow: hidden; }

#logo a { background: url(/download-noauth/gallery/img/logopng) no-repeat; padding: 86px 0 0; width: 205px; }


/**************************************************************************************

	PRIMARY NAVIGATION

***************************************************************************************/

/* LAYOUT */
#primarynav					{ background-color: #0b233d; overflow: hidden; _height: 46px; padding: 0 18px; margin: 0 -10px; }

/* BUTTONS */
#primarynav ul				{  }
#primarynav ul li			{ float: left; }
#primarynav ul li a			{ color: #cecece; display: block; font-size:14px; font-weight:normal; text-decoration: none; padding:15px 15px 13px; }

/* ACTIVE */
#primarynav li.here						{  }
#primarynav li.here a, #home .home a	{ background-color: #305040; text-decoration: none; }
#primarynav li.here a span				{  }

/* HOVER */
#primarynav li a:hover								{ color: #f58232; }
#primarynav li.here a:hover, #home .home a:hover	{ color:#cecece; text-decoration: none; }


/**************************************************************************************

	PAGE HEADER

***************************************************************************************/
/* HEADER LINKS */
#header-custom{
	position:absolute;
	right:64px;
	top:21px;
}

#header-links{
	line-height:1em;
}

#header-links a{
	color:#FFF;	
	text-decoration:none;
	font-weight:normal;
}

#header-links li{
	float:left;
	border-right:1px solid #FFF;
	margin-right:9px;
	padding-right:9px;
}

#header-links .last{
	border-right:none;
	margin-right:0;
	padding-right:0;
}

/* USER STATUS */
#content-head #profilestatus				{ color: #256fc1; font-size: 12px; }
#content-head #clearstatuslink,
#content-head #profilestatus_buttons a		{ color: #7d895d; }

/* Content Header */
#content-head								{ padding: 2px !important; margin: 0 5px 1.5em; }
#content-head h1							{ border-bottom:1px solid #E6E5E3; font-size:36px; line-height:1em; margin:5px 0px -2px 11px; padding-bottom:2px; }
#content-head h1 a							{  }

/* Breadcrumb */
#breadcrumb	{ margin: 17px 26px 0 13px; }
#breadcrumb	a { color:#b8b5af; text-decoration:none; }

/* BACK TO ITEM LINK */
#content-head h1 span.meta a				{ color: #7d895d; font-family: Tahoma !important; font-size: 12px !important;}

/* PROFILE TITLE */
#myprofile #content-head					{ border-bottom: 0 !important; }

/* SYSTEM TITLES */
body.system #content-head					{ border-bottom: 0 !important; }

/* SEARCH BAR */
#search-keyword{
	right:16px;
	top:82px;
}




/**************************************************************************************

	SYSTEM NAVIGATION

***************************************************************************************/

/* LAYOUT */
#systemnav								{ background: #ecf5ff !important; border-bottom: 1px solid #b7d0eb !important; padding: 0 18px !important; height: 34px !important; }

/* TABS */
#systemnav li							{ background: url(/cmedia/themes/chameleon/img/subtab_left.gif) top left no-repeat !important; border: 0px !important; padding: 0 0 0 5px; height: 33px; }
#systemnav li a							{ background: url(/cmedia/themes/chameleon/img/subtab_right.gif) top right no-repeat !important; padding: 8px 10px 8px 5px !important; color: #256fc1; text-decoration: none;}
#systemnav li.active					{ margin-top: 1px !important; background: #fff !important; border-left: 1px solid #b7d0eb !important; border-right: 1px solid #b7d0eb !important; border-top: 1px solid #b7d0eb !important;}
#systemnav li.active a					{ background: #fff !important; }

/* TABS NO BACKGROUNDS (INSIDE CONTENT) */
div.column-main-inner #systemnav,
#calendar #systemnav					{ background: none !important; padding: 0 !important; }
#calendar #systemnav					{ margin-top: 1.75em; }

/* SMALL META TABS */
#systemnav li.meta						{ background: none !important; }

/* PROFILE EDIT TAB */
#systemnav li.active a.profileedit		{ padding-left: 0 !important; }

/**************************************************************************************

	TRAILER

***************************************************************************************/

/* LAYOUT */
#trailer										{ padding: 9px 5px; }
#trailerbar										{ padding: 9px 5px 1.75em; background: #fff; border-top:0; }

/* TRIGGERS */
#trailerbar-triggers							{ border: 0 !important; }

/* BUTTONS REGULAR */
#trailerbar-triggers ul li.trigger				{ margin-right: 9px; padding: 0 0 0 5px !important; }
#trailerbar-triggers ul li.trigger 				{ background: url(/cmedia/themes/chameleon/img/action_left.gif) top left no-repeat; height: 27px; padding-left: 7px; }
#trailerbar-triggers ul li.trigger span			{ float: left; background: url(/cmedia/themes/chameleon/img/action_right.gif) top right no-repeat; padding: 0.4em 1em 0.6em 6px; }
#trailerbar-triggers ul li.trigger span a		{ margin-right: 0 !important; }

/* BUTTONS ACTIVE */
#trailerbar-triggers ul li.active 				{ background: url(/cmedia/themes/chameleon/img/action_left_active.gif) top left no-repeat; }
#trailerbar-triggers ul li.active span			{ background: url(/cmedia/themes/chameleon/img/action_right_active.gif) top right no-repeat; color: #6F6107; }

#trailerbar-panels div							{ padding-left: 0 !important; padding-right: 0 !important; }

/* PANELS */
#trailerbar-panels								{ background: none !important; }
#trailerbar-panels div.panel					{ background: none !important; }
#trailerbar-panels .manage-panel				{ border: 0 !important; }
#trailerbar-panels div.padding					{ border: 0 !important; padding: 18px 0 0 0; }

/* EMAIL */
#email .buttons									{ margin-top: 9px !important; }

/**************************************************************************************

	HEADERS

***************************************************************************************/

/* LAYOUT */
#refinement h3,
h2.heading4,
#search-section h3,
#docdetails h3,
h2.shade,
#contact-requests div.heading4					{ font-family: Georgia; background: none; border: 0; font-size: 1.5em; font-weight: normal; padding-left: 0; }

/**************************************************************************************

	PUBLIC INTERFACES

***************************************************************************************/

/* LAYOUT */
body#signin #content-inner,
body#register #content-inner					{ padding: 1.75em; }

/**************************************************************************************

	ACTIONMENU

***************************************************************************************/

/* LAYOUT */
body.landing #contentmenu .actions				{ margin-top: 9px;}
#actions_contentmenu .objectname				{ background: none !important; border: 0 !important; padding: 5px 9px 0; }

/**************************************************************************************

	ACTIONBAR

***************************************************************************************/

/* LAYOUT */
#actionbar										{ padding: 1.75em 0 !important; margin: 0 !important; clear: both; }
#actionbar-triggers								{ background-color: inherit !important; background: none !important; }
#actionbar-panels								{ background-color: inherit !important; background: none !important; }

/* BUTTONS REGULAR */
#actionbar-triggers ul.items					{ padding: 0; }
#actionbar-triggers ul li.trigger				{ margin-right: 9px; }
#actionbar-triggers ul li.trigger span			{ background: url(/cmedia/themes/chameleon/img/action_left.gif) top left no-repeat; height: 27px; padding-left: 7px; }
#actionbar-triggers ul li.trigger span a		{ background: url(/cmedia/themes/chameleon/img/action_right.gif) top right no-repeat; padding: 0.4em 1em 0.6em 6px; }

/* BUTTONS ACTIVE */
#actionbar-triggers ul li.active span			{ background: url(/cmedia/themes/chameleon/img/action_left_active.gif) top left no-repeat; }
#actionbar-triggers ul li.active span a			{ background: url(/cmedia/themes/chameleon/img/action_right_active.gif) top right no-repeat; color: #6F6107; }
#actionbar-panels div							{ padding-left: 0 !important; padding-right: 0 !important; }

/**************************************************************************************

	ACTIONBUTTONS

***************************************************************************************/

/* LAYOUT */
#actionbuttons					{ background: url(/cmedia/themes/chameleon/img/action_left.gif) top left no-repeat; height: 27px; padding-left: 7px; margin: 0 0 9px 0; }
#actionbuttons a				{ background: url(/cmedia/themes/chameleon/img/action_right.gif) top right no-repeat; padding: 0.4em 1em 0.6em 6px !important; }
#actionbuttons a.download		{ background: url(/cmedia/themes/chameleon/img/action_right.gif) top right no-repeat; padding: 0.4em 1em 0.6em 6px !important; }

/* HOVER */
#actionbuttons a:hover			{ text-decoration: underline; }

/**************************************************************************************

	UPLOADER

***************************************************************************************/

/* LAYOUT */
#uploader-panel							{ background: #fff; padding: 0; }

/* PROGRESS BAR CONTAINER */
#totalprogressbar,
.progressbar,
.single-progressbar						{ border: 1px solid #e9db7a !important; background: url(/cmedia/themes/chameleon/img/uploader_background.gif) #fff 0 1px repeat-x !important; background-color: #fff !important; }

/* PROGRESS BAR INDICATOR */
#totalprogressbar-inner,
.progressbar-inner,
.single-progressbar-inner				{ background: url(/cmedia/themes/chameleon/img/uploader_progress.gif) #fff 0 1px repeat-x !important; background-color: #fff !important; }

/* FILE NAME */
#uploader-buttons #file-name .icon		{ padding-left: 20px !important; }
#uploader-buttons #uploader-cancel		{ padding-left: 9px !important;}

#uploader-buttons #file-name,
#uploader-buttons #uploader-submit,
#uploader-buttons #uploader-cancel		{ float: left; }

#uploader-buttons #uploader-cancel		{ margin-top: 5px; }

/**************************************************************************************

	DATEPICKER

***************************************************************************************/

span.datepicker											{ width: 120px; }
div.datepicker-calendar									{ border: 0px; }
div.datepicker-calendar table							{ border: 1px solid #ccc; border-right: 1px solid #777; border-bottom: 1px solid #777; }
div.datepicker-calendar table thead tr					{ background: #ECF5FF; }
div.datepicker-calendar table tr.headrow,
div.datepicker-calendar table tr.headrow .button		{ background: #000; }
div.datepicker-calendar table thead .hilite				{ background: #ECF5FF; border: 1px solid #ECF5FF; cursor: pointer; }
div.datepicker-calendar table tr.headrow .hilite		{ background: #000; border: 1px solid #000; color: #FFF9BB; cursor: pointer; }
div.datepicker-calendar table tr.daynames				{ background: #545454; }
div.datepicker-calendar table tr.daynames td.day		{ color: #fff; }
div.datepicker-calendar table tr.daynames td.weekend	{ color: #FFF9BB; }
div.datepicker-calendar table tr.daysrow,
div.datepicker-calendar table tr.daysrow td				{ background: #fff; }
div.datepicker-calendar table tr.daysrow td.weekend		{ color: #000; }
div.datepicker-calendar table tr.daysrow td.hilite		{ border: 1px solid #fff; background: #eee; }
div.datepicker-calendar td.today						{ border: 1px solid #fff !important; background: #71B6F0 !important; color: #000 !important; }
div.datepicker-calendar tr.footrow td					{ background: #000 !important; color: #fff !important; }

/**************************************************************************************

	RAMDOM LAYOUT FIXES

***************************************************************************************/

/* BLOGS & HEADERS */
#refinement-blogs,
#refinement-discussed,
#refinement-contributors,
#refinement-posts,
.refinement-subscriptions,
#refinement-network-subscriptions						{ border-bottom: 1px solid #ddd; }

/* FORUMS */
#forums-thread											{ margin-top: 1.75em;}
#forums .worktable .js-toggleslider-slider .buttons		{ margin-top: 9px !important; }

/* PROFILE PAGES */
.profile-page											{ padding: 0 18px 1px; }
.profile-page #systempanel								{ padding: 0 !important; }
#myprofile .profile-page #actionbar						{ padding-top: 0 !important; }

/* MESSAGES */
#setup p												{ padding-bottom: 18px !important; }

/* ACTIVITY SYSINFO */
#activity												{ margin-top: 0 !important; }

/* SECONDARY COLUMN */
#refinement p,
#refinement ul											{ padding-left: 0 !important; }

/* BRIEFCASE */
#myprofile .worktable-scroll							{ margin-bottom: 1.75em; }

/* CONTACTS */
#contact-requests										{ background: none; border: 0; padding: 0; }
#contact-requests li									{ border-bottom: 1px solid #ddd; }

/* CALENDAR */
#calendar #systempanel									{ padding: 0 !important; }
#calendar #content-body									{ padding: 0 18px !important; }

/* FOOTER */
#footer-custom											{ float: left; }

/* MEMBERS TAGS */
#members #content-body #members-header					{ margin-top: 18px; }

/* HOME */
#home #content-head										
{ background: none !important; 
border: 0 !important; 
min-height:0;
}

#members #content-head h1,
#pulse #content-head h1 {
	display: none;
}

#members #content-head,
#pulse #content-head { padding: 0px 18px !important; }


/*--------------------------------------------- */
/*            >>> 960 Grid System <<<           */
/*--------------------------------------------- */
	
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
	background-color:#fff;
	display: inline;
	float: left;
	margin: 0 10px; 
	_margin: 0 5px 0 10px; 	
}

.grid-inner { padding: 10px; overflow: hidden; }

.alpha { margin-left: 0; }
.omega { margin-right: 0; }


/* GRID DIMENSIONS
---------------------------------------------------- */

.grid-1 	{ width: 40px;  }
.grid-2 	{ width: 100px; }
.grid-3 	{ width: 160px; }
.grid-4 	{ width: 220px; }
.grid-5 	{ width: 280px; }
.grid-6 	{ width: 340px; }
.grid-7 	{ width: 400px; }
.grid-8 	{ width: 460px; }
.grid-9 	{ width: 520px; }
.grid-10 	{ width: 580px; }
.grid-11 	{ width: 640px; }
.grid-12 	{ width: 700px; }
.grid-13 	{ width: 760px; }
.grid-14 	{ width: 820px; }
.grid-15 	{ width: 880px; }
.grid-16 	{ width: 940px;  }


/*--------------------------------------------- */
/*            >>> CUSTOM CONTENT <<<            */
/*--------------------------------------------- */

.content{
	margin:25px 12px 0 16px;
}

.intro-paragraph{
	font-size:16px;
	line-height:17px;
}

.roi-box{
	background:#547d43 url(/download-noauth/gallery/img/roi_background_jpg) no-repeat top right;
        border:1px solid #b0b0b0;
	margin:24px 0 24px;	
	min-height:170px;
	padding:12px 0 0 16px;	
}

.roi-box form { padding-bottom:15px; }

.roi-box, .roi-box h1, .roi-box a{
	color:#fff;	
}

.roi-box div{
	background-color:transparent;
}

.roi-box label{ display:inline; font-weight:bold; }

.roi-box .alpha, .roi-box .omega { margin:0; }

.roi-box p, .roi-box h1 { margin-bottom:6px; }

/* Education Center Template */
#education-row .alpha { margin:0; }
#education-row .grid-5 { width:300px; }
#education-row .omega { margin:15px 0 0; }
#education-row{ }

#education-content{ background-color:#ecf1f3; }

#subnav{ list-style:none; margin:15px 0 0; }
#subnav li.active {  background-color:#ecf1f3; }

#subnav li a { border-bottom:1px dotted #F58232; color:#656565; display:block; font-size:14px; margin-right:24px; padding:15px 11px 14px; text-decoration:none; }
#subnav li.active a { color:#1D436B; font-weight:bold; }

.toggler { background-color:#fff; font-size:12px; font-weight:bold; margin-right:15px; padding-left:7px; margin-top:5px }

.toggler span { background: url(/download-noauth/gallery/img/iconminuspng) no-repeat; display:block; height:17px; padding-left:28px; }
.toggler span.inactive { background-image: url(/download-noauth/gallery/img/iconpluspng);  }

.subpage-intro{	font-weight:bold; margin:15px 0 0 11px; }

.accordion .element{ padding:4px 0 0 0; }
.accordion .element table{ width:610px; }

.hover-learn, .hover-links, .hover-papers, .hover-rebates{ display:none; }
div.active{ display:block !important; }

div.hover-learn, div.hover-links, div.hover-papers, div.hover-rebates { margin:17px 0 0 17px; }
div.hover-links h2 { margin-left:16px; padding-bottom:15px; padding-top:4px; }
div.hover-papers{ margin-bottom:67px; }

/* Arrows (not the full box, just the icon) */
.arrow-list 	{ margin-left:0; }
.arrow-list li	{ list-style-image:url(/download-noauth/gallery/img/incon_arrow_png); margin-bottom:5px; }
.arrow-list a 	{ font-weight:bold; margin-left:10px; position:relative; top:-4px; }

/* Arrow Box */
.orange-button-container { margin: 18px 0 47px 9px !important; list-style:none !important;  }
.orange-button	{ background:url(/download-noauth/gallery/img/box_arrow_png) no-repeat; margin:11px 10px 10px; padding:5px 10px; }
.orange-button a { color:#FFFFFF; font-weight:bold; margin-left:25px; position:relative; top:-1px; }

/* Reseller */
#reseller-row{ margin-top:41px; }
#reseller-content-container{ background-color:#FFFFFF; border:1px solid #D1CFCF;}
.reseller-subnav-title{ margin:7px 0 0 20px; }

.reseller-content-title{ padding-top:0; color:#1d436b; }
.reseller-content{ background-color:#ECF1F3; margin:6px; padding:18px 13px 10px 15px; }

#subnav-reseller { margin-top:20px; }

.subnav ul{ list-style:none !important; margin:-3px 0 0 !important; }

.subnav li a { border-bottom:1px dotted #F58232; color:#656565; display:block; font-size:14px; margin-right:24px; padding:8px 11px 8px 20px; text-decoration:none; }
.subnav li.active a { color:#F58232; font-weight:bold; }
.subnav .first a { padding-top:3px; }


/* LISTS
=============================================== */

.list-thumb {	
	margin-left: 0 !important;
	margin-bottom: 0 !important;	
	overflow: hidden;
	padding-top:13px;
}

.thumb-160 li { 
	list-style: none;
	margin-bottom: 12px;
	overflow: hidden;
	zoom: 1;
	padding-left:196px;
}

.thumb-160 img {	
	float: left;	
	padding: 5px;
	margin:5px 0 0 -193px;
}

.list-thumb-title {	
	padding-top:0;	
}

/* GRID - CUSTOM
---------------------------------------------------- */
#pulse .grid-5 .box-feature .grid-inner,
#pulse .grid-6 .box-feed .grid-inner { height: 300px; overflow: auto; }
#home .box-head.box-feed .rss-box { height: 668px; }

.box-head.box-feature { background: url('http://www.dc3world.com/download-noauth/gallery/img/boxhead220') no-repeat; }
.box-head.box-feed { background: url('http://www.dc3world.com/download-noauth/gallery/img/boxhead280') no-repeat; }

.box-head h3 { border-top: 1px solid #b7d0eb; }
.box-head h3, .box-head h3 a { 
	background-color: #045499;
	color: #FFF;
	font-size: 1em;
	height: 28px;
	line-height: 28px;
	padding: 0 5px;
	text-decoration: none;
}

.box-head h3 a:hover { color: #63B11E; }
#box-news h3 a:hover { color: #63B11E; }

.box-head { margin-bottom: 1.5em; }
.grid-inner { border: 1px solid #cfcfcf; }

/* RSS - Feed2JS
---------------------------------------------------- */
.box-feed .grid-inner {  }

.rss-box { overflow: auto; }

p.rss-title { display: none; }
.rss-box ul { margin-bottom: 0; padding-left: 0; }
ul.rss-items { margin: 0 !important; }
li.rss-item {
	border-top: 1px dotted #ccc;
	list-style: none;
	margin: 0;
	min-height: 32px;
	overflow: hidden;
	padding: 7px 0;
}

#box-blogs li.rss-item { background-image: url('http://www.dc3world.com/download-noauth/gallery/icons/iconbubble'); }
#box-events li.rss-item { background-image: url('http://www.dc3world.com/download-noauth/gallery/icons/iconcalend'); }
#box-forums li.rss-item { background-image: url('http://www.dc3world.com/download-noauth/gallery/icons/iconpagers'); }
#box-news li.rss-item { background-image: url('http://www.dc3world.com/download-noauth/gallery/icons/iconnewspn'); }

.box-blogs li.rss-item { background-image: url(''); }

span.rss-date { color: #666; font-size: 10px; font-weight: bold; }

/* EDIT - WYSIWYG: VISUAL AIDS
---------------------------------------------------- */
#tinymce div.grid-row-custom .grid-4 { top: 0; }

#tinymce .grid-row { height: auto!important; }


#tinymce .grid-1, #tinymce .grid-2, #tinymce .grid-3, #tinymce .grid-4, #tinymce .grid-5,
#tinymce .grid-6, #tinymce .grid-7, #tinymce .grid-8, #tinymce .grid-9, #tinymce .grid-10, 
#tinymce .grid-11, #tinymce .grid-12, #tinymce .grid-13,
#tinymce .grid-14, #tinymce .grid-15, #tinymce .grid-16
{
	margin-left: 2px;
	margin-right: 2px;
}

#tinymce .alpha { margin-left: 0; }
#tinymce .omega { margin-right: 0; }

#tinymce .alpha .alpha { margin-left: 4px; }
#tinymce .alpha .omega { margin-right: 4px; }
#tinymce .omega .omega { margin-right: 4px; }
#tinymce .omega .alpha { margin-left: 4px; }

.mceContentBody { padding: 1px !important; }

#tinymce #education-row .alpha { margin:0 !important; }
#tinymce #education-row .grid-5 { width:290px !important; }
#tinymce #education-row .omega { margin:0 !important; }
#tinymce #education-row{ }

#tinymce .hover-learn, #tinymce .hover-links, #tinymce .hover-papers, #tinymce .hover-rebates{ display:block; }

/* MENU TABS
----------------------------------------------- */

#menu-tabs {
	width: 100%;
}

#menu-tabs ul {
	border-bottom: 1px solid #a7afb1;
	overflow: auto;
	width: 100%;
	margin: 0 0 1em;
}

#menu-tabs li{
	float: left;
	list-style: none;
	margin: 0 4px;
}

#menu-tabs a {
	background: url(../img/tab-left.gif) 0 0 no-repeat;
	background-image: url(http://www.dc3world.com/download-noauth/gallery/img/tableftgif);
	color: #fff;
	display: block;
	font-family: Verdana;
	text-decoration:none;
	padding-left: 6px;
}

#menu-tabs span {
	background: url(../img/tab-right.gif) 100% 0 no-repeat;
	background-image: url(http://www.dc3world.com/download-noauth/gallery/img/tabrightgi);
	display: block;
	padding: 7px 20px 6px 14px;
}

#menu-tabs a:hover {
	background-image: url(../img/tab-hvr-left.gif);
	background-image: url(http://www.dc3world.com/download-noauth/gallery/img/tabhvrleft);
}

#menu-tabs a:hover span {
	background-image: url(../img/tab-hvr-right.gif);
	background-image: url(http://www.dc3world.com/download-noauth/gallery/img/tabhvrrigh);
}


/* SIDEBAR MENU
----------------------------------------------- */

#menu-sidebar {
	padding-top: 15px;
}

div#menu-sidebar ul.menu {
	height: 380px;
	overflow: auto;
	margin: 0 0 0 10px;
}

#menu-sidebar ul li {
	background: url(../img/bullet-arrow.gif) 0 5px no-repeat;
	background-image: url(http://www.dc3world.com/download-noauth/gallery/img/bulletarro);
	padding-left: 15px;
	list-style: none;
}

div#menu-sidebar ul ul {
	height: inherit;
	overflow: inherit;
	margin: 0;
}

#menu-sidebar ul li li {
	background-image: none;
}


/* ALPHABET LISTINGS
----------------------------------------------- */

#list-alphabet {
	padding-top: 25px;
}

#list-alphabet ul {
	overflow: auto;
	width: 100%;
	margin: 0 0 2em;
}

#list-alphabet li {
	border-left: 1px solid #1c7ad5;
	float: left;
	list-style: none;
	line-height: 14px;
}

#list-alphabet li.first {
	border-width: 0px;
}

#list-alphabet li a {
	color: #ccc;
	display: block;
	font-family: Verdana;
	font-size: 11px;
	padding: 0 9px 0 8px;
	text-transform: uppercase;
	text-decoration: none;
}

#list-alphabet li.trigger a {
	color: #1c7ad5;
	font-weight: bold;
}


/* PRODUCT COMPANIES
----------------------------------------------- */

div.product-item {
	border-bottom: 1px solid #d9d9d9;
}

/* ROI */
#roi-calculator {
	background:url(/download-nocache/gallery/calcimages/MainBGjpg) no-repeat;
	height:650px;
	margin:0 auto;
	width:750px;
}

#roi-calculator .grid-1, #roi-calculator .grid-2, #roi-calculator .grid-3, #roi-calculator .grid-4, #roi-calculator .grid-5,
#roi-calculator .grid-6, #roi-calculator .grid-7, #roi-calculator .grid-8, #roi-calculator .grid-9, #roi-calculator .grid-10, 
#roi-calculator .grid-11, #roi-calculator .grid-12, #roi-calculator .grid-13,
#roi-calculator .grid-14, #roi-calculator .grid-15, #roi-calculator .grid-16{
	background-color:transparent;
}

#roi-calculator label {
	clear:none;
	display:inline;	
}

#roi-calculator .highlighted{
	background-color:#66ff66;
}


#roi-calculator p{
	line-height:1em;
	margin-bottom:5px;
}

#roi-calculator input{
margin:0 !important;
}

.roi-title{ padding: 29px 0pt 10px; text-align: center; }

.roi-first-row{ padding: 8px 10px 10px 46px; }
.roi-first-row .grid-5 { padding-left: 16px; padding-top: 13px; }

.roi-second-row { padding-left:230px; }
.roi-second-row .grid-6 { padding-top:23px; }

.roi-third-row { padding-left: 230px; }

.roi-fourth-row { padding-left:80px; }
.roi-fourth-row .grid-3, .roi-fourth-row .grid-2{ padding-top:5px; }

.roi-fourth-row {
padding-bottom:96px;
}

.roi-fourth-row .alpha { text-align: center; }
.roi-fourth-row .grid-2 p { line-height:18px !important; }

.roi-fifth-row table { height: 192px !important; }
.roi-sixth-row { text-align: center; }

/* Slider Style */
.slider_outer{
	/*margin: 10px; 
	border:1px solid #e6e6e6; 
	padding:5px;	*/
	
}

.slider_gutter {
	float: left;
	width: 100%;
	display: block;
	position: relative; 	
}

.slider_gutter_item{
	position: relative;	
	float: left; 
	left: 100%;	
}

#slider_minmax_gutter_l, .slider_gutter_l{
	width: 10px;
	margin-left:-100%; 
	height:20px;
	background:url(/download-noauth/gallery/img/slider_lgif?attachment=0) no-repeat; 	
}

#slider_minmax_gutter_m{
	width: 260px;
	margin-left:-270px;	
	height:20px; 
	background:url(/download-noauth/gallery/img/slider_rptrgif?attachment=0) repeat-x;	
}

#slider_minmax_gutter_r,.slider_gutter_r{
	width: 10px;
	margin-left:-15px;
	height:20px; 	
	background:url(/download-noauth/gallery/img/slider_rgif?attachment=0) no-repeat; border:1px 	
}

#minmax_slider{ 
	width:280px; 
	margin:0px;	
	/*background-color:#FFF;*/
}

.slider_gutter{
	width:150px; 
	margin:10px 0px 0px 0px; 	
}

.slider_gutter_m{
	width:140px;
	margin-left:-150px;	
	height:20px; 
	background:url(/download-noauth/gallery/img/slider_rptrgif?attachment=0) repeat-x;	
}

.knob {	
	position: absolute;	
	height: 20px;
	width: 20px;
	background: url(/download-noauth/gallery/img/slider_knobgif?attachment=0) no-repeat;
	cursor: pointer;	
}

/* For Clip */
#slider_bkg_img{
	position: absolute; 
	height:8px; 
	margin:6px 0px 0px -10px; width:374px;	
}

#slider_bkg_img_1{
	position: absolute; 
	height:8px; 
	margin:6px 0px 0px 0px; 
	width:200px;	
}

#roi-message li{
	list-style-position:inside;
	list-style-type:square;
	padding-left:10px;
}

.roi-footer{ 
	font-size:11px;
	margin-top:40px;
}

#txtCost{
	margin-left: 7px;
}

#txtPercentITLoad{
	margin-left: 35px;
}