body {
  margin: 0;
  padding: 0;
  background: #c0c0c0;
  font: 11px/160% Arial, Verdana, sans-serif;
  color: #494949;
}

#body-default {
  margin: 0;
  padding: 0;
  background: #c0c0c0;
  font: 11px/160% Arial, Verdana, sans-serif;
  color: #494949;

}

#lightboxFrame
{
    height: 350px;
    width: 426px;   
    overflow: hidden;   
}


#body-interactive {
  margin: 0;
  padding: 0;
  background-color: #32312c;
  font: 11px/160% Arial, Verdana, sans-serif;
  color: #494949;
}

strong {font-weight: bold;}
em {font-style: italic;}
input {
  font: 12px/100% Arial, sans-serif;
  color: #494949;
}

textarea, select {
  font: 12px/160% Arial, sans-serif;
  color: #494949;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 17px;
}

h1 {
  font-size: 240%;
  margin-top: 20px;
  margin-bottom: 16px;
}

h2 {
  font-size: 200%;
  line-height: 130%;
  font-weight: bold;
}

h3 {
  font-size: 150%;
  font-weight: bold;
  line-height: 21px;
}

h4 {
  font-size: 120%;
}

h5 {
  font-size: 100%;
}

h6 {
  font-size: 80%;
}

ul, quote, code, fieldset {
  margin: .5em 0;
}

p {
  margin: 0.6em 0 1.2em;
  padding: 0;
}

.top-banner p
{
    width: 721px;
}

a:link, a:visited {
  color: #027AC6;
  text-decoration: none;
}

a:hover {
  color: #0062A0;
  text-decoration: underline;
}

a:active, a.active {
  color: #5895be;
}

hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #E0E0E0;
}

ul {
  margin: 0.5em 0 1em;
  padding: 0;
}

ol {
  margin: 0.75em 0 1.25em;
  padding: 0;
}

ol li, ul li {
  margin: 0.4em 0 0.4em .5em; /* LTR */
}

ul.menu, .item-list ul {
  margin: 0.35em 0 0 -0.5em; /* LTR */
  padding: 0;
}

ul.menu ul, .item-list ul ul {
  margin-left: 0em; /* LTR */
}

ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
  margin: 0.15em 0 0.15em .5em; /* LTR */
}

ul li, ul.menu li, .item-list ul li, li.leaf {
  padding: 0 0 .2em 1.5em;
  list-style-type: none;
  list-style-image: none;
  background: transparent url(http://www.spi-global.com/sites/all/themes/spiglobal/images/menu-leaf.gif) no-repeat 1px .35em; /* LTR */
}

ol li {
  padding: 0 0 .3em;
  margin-left: 2em; /* LTR */
  list-style-type: decimal;
  padding: 0;
}

ul li.expanded {
  background: transparent url(../images/menu-expanded.gif) no-repeat 1px .35em; /* LTR */
}

ul li.collapsed {
  background: transparent url(../images/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */
}

ul li.leaf a, ul li.expanded a, ul li.collapsed a {
  display: block;
}

ul.inline li {
  background: none;
  margin: 0;
  padding: 0 1em 0 0; /* LTR */
}

ol.task-list {
  margin-left: 0; /* LTR */
  list-style-type: none;
  list-style-image: none;
}
ol.task-list li {
  padding: 0.5em 1em 0.5em 2em; /* LTR */
}
ol.task-list li.active {
  background: transparent url(../images/task-list.png) no-repeat 3px 50%; /* LTR */
}
ol.task-list li.done {
  color: #393;
  background: transparent url(http://www.spi-global.com/sites/all/themes/misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
}
ol.task-list li.active {
  margin-right: 1em; /* LTR */
}

fieldset ul.clear-block li {
  margin: 0;
  padding: 0;
  background-image: none;
}

dl {
  margin: 0.5em 0 1em 1.5em; /* LTR */
}

dl dt {
}

dl dd {
  margin: 0 0 .5em 1.5em; /* LTR */
}

img, a img {
  border: none;
}

table {
  margin: 1em 0;
  width: 100%;
}

thead th {
  border-bottom: 2px solid #d3e7f4;
  color: #494949;
  font-weight: bold;
}

th a:link, th a:visited {
  color: #6f9dbd;
}
                                                      
td, th {
  padding: .3em .5em;
}

tr.even, tr.odd, tbody th {
  border: solid #d3e7f4;
  border-width: 1px 0;
}

tr.odd, tr.info {
  background-color: #edf5fa;
}

tr.even {
  background-color: #fff;
}

tr.drag {
  background-color: #fffff0;
}

tr.drag-previous {
  background-color: #ffd;
}

tr.odd td.active {
  background-color: #ddecf5;
}

tr.even td.active {
  background-color: #e6f1f7;
}

td.region, td.module, td.container, td.category {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #b4d7f0;
  background-color: #d4e7f3;
  color: #455067;
  font-weight: bold;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
  border-top-width: 0;
}

span.form-required {
  color: #ffae00;
}

span.submitted, .description {
  font-size: 0.92em;
  color: #898989;
}

.description {
  line-height: 150%;
  margin-bottom: 0.75em;
  color: #898989;
}

.messages, .preview {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}

.messages ul {
  margin: 0;
}

.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
  margin: 0.25em 0;
}

#center form {
  margin-bottom: 2em;
}

.form-button, .form-submit {
  margin: 1em 0.5em 1em 0; /* LTR */
}

#dblog-form-overview .form-submit,
.confirmation .form-submit,
.search-form .form-submit,
.poll .form-submit,
fieldset .form-button, fieldset .form-submit,
.sidebar .form-button, .sidebar .form-submit,
table .form-button, table .form-submit {
  margin: 0;
}

.box {
  margin-bottom: 2.5em;
}

/**
 * Layout -----------------------------------------------------------------------------------------------------------------
 */
 
#wrapper {
	width: 952px;
	background: #FFFFFF;
	/*border: 1px solid #999999;*/
	border: none;
	border-top: 0;
	margin: 0 auto;
}

#wrapper #container{
	padding: 20px 30px 0px;
	background: #FFFFFF;

}

#header {
	position: relative;
	padding-top: 20px;
	padding-left: 30px;
}

#header .left-content {
	float: left;
	height: 60px;
}

#header .left-content img.spi-levelup {
    margin-left: 15px;
}

#header .left-content .interactive-logo { 
    position: absolute;
}

#header .left-content h1 {display: none;}

#header ul.menu {
	position: absolute;
	color: #999999;
	font-size: 0.9em;
	right: 30px;
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
}

#header ul.menu li {
	background: transparent url(../images/bullet-pipe_1.jpg) no-repeat 0 50%;
	float: left;
	margin: 0;
	padding: 0;
	padding: 0 0.6em;
}

#header ul.menu li.first {background: none;}
#header ul.menu li.last {padding-right: 0;}

#header ul.menu li a {
	color: #999999;
	text-decoration: none;
}
#header ul.menu li a:hover {color: #0061be;}

#header #searchbar {
	position: absolute;
	top: 70px;
	right: 30px;
}

#header #searchbar .form-item {
    margin: 0;
    padding: 0;
}

#header #searchbar input.search {
    width: 180px;
    border: 1px solid #808080;
    padding: 2px 0;
    color: #C0C0C0;
 }

#container #front #featured {
	position: relative;
	width: 891px;
	height: 306px;
	padding-top: 16px;
}

#container #front #featured #banner-featured {
	margin: 0;
	padding: 0;
	z-index: 0;	
}

#container #front #featured #banner-featured .banner {
	width: 891px;
	height: 281px;
	display: none;
}

#container #front #featured #banner-featured .first {display: block;}

#container #front #featured .tabbar {
	position: absolute;
	background: url(../images/bg-home-featured-tab.png) no-repeat;
	width: 829px;
	height: 41px;
	bottom: 10px;
}

#container #front #featured .tabbar ul.menu {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

#container #front #featured .tabbar ul.menu li {
	margin: 0;
	padding: 0;
	float: left;
	/*width: 143px;*/
	height: 41px;
}

#container #front #featured .tabbar ul.menu li.none {display: none;}
#container #front #featured .tabbar ul.menu li a {
	display: block;
	/*width: 143px;*/
	height: 41px;
	text-indent: -9999px;
	outline: none;
}

#container #front #featured .tabbar ul.menu li a.crm {width: 140px; background: transparent url(../images/tab-home-spi-crm.png) no-repeat;}
#container #front #featured .tabbar ul.menu li a.healthcare {width: 136px; background: transparent url(../images/tab-home-spi-healthcare.png) no-repeat;}
#container #front #featured .tabbar ul.menu li a.publishing {width: 155px; background: transparent url(../images/tab-home-spi-content_solutions.png) no-repeat;}
#container #front #featured .tabbar ul.menu li a.interactive {width: 145px; background: transparent url(../images/tab-home-spi-interactive.png) no-repeat;}

/*#container #front #featured .tabbar ul.navmenu li a:hover.crm {background: transparent url(../images/tab-home-spi-crm_hover.png) no-repeat;}
#container #front #featured .tabbar ul.navmenu li a:hover.healthcare {background: transparent url(../images/tab-home-spi-healthcare_hover.png) no-repeat;}
#container #front #featured .tabbar ul.navmenu li a:hover.publishing {background: transparent url(../images/tab-home-spi-publishing_hover.png) no-repeat;}*/

#container #front #featured .tabbar ul.menu li a.activeSlide.crm {background: transparent url(../images/tab-home-spi-crm_hover.png) no-repeat;}
#container #front #featured .tabbar ul.menu li a.activeSlide.healthcare {background: transparent url(../images/tab-home-spi-healthcare_hover.png) no-repeat;}
#container #front #featured .tabbar ul.menu li a.activeSlide.publishing {background: transparent url(../images/tab-home-spi-content_solutions_hover.png) no-repeat;}
#container #front #featured .tabbar ul.menu li a.activeSlide.interactive {background: transparent url(../images/tab-home-spi-interactive_hover.png) no-repeat;}

/* FEATURED 3RD LEVEL MENUS  */
#container #front #featured .content-left {
	position: absolute;
	width: 370px;
	top: 120px;
	left: 30px;
	z-index: 1000;
	color: #393a3b;
	display: none;

}
#container #front #featured #banner-featured .content-left ul.navmenu-left,
#container #front #featured #banner-featured .content-left ul.navmenu-right {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 12px;
	
}
#container #front #featured #banner-featured .content-left ul.navmenu-left {
	float: left;
	min-width: 180px;
}
#container #front #featured #banner-featured .content-left ul.navmenu-right {
	float: left;
	width: 180px;
}
#container #front #featured #banner-featured .content-left ul.navmenu-left {padding-right: 5px;}

#container #front #featured #banner-featured .content-left ul.navmenu-left li,
#container #front #featured #banner-featured .content-left ul.navmenu-right li {
	background: transparent url(../images/bullet-arrow_2.png) no-repeat 0 2px;
	padding-left: 12px;
	margin-top: 5px;
}

#container #front #featured #banner-featured .content-left ul li a {color: #FFFFFF;}
#container #front .bannerbar {height: 179px;}
#container #front .bannerbar .column-first {
	float: left;
    width: 591px;
    position: relative; 
}

#container #front .bannerbar .column-first .caption {
    position: absolute;
    top: 100px;
    left: 250px;
    width: 300px;
    color: #FFFFFF;
}
#container #front .bannerbar .column {
	float: right;
	position: relative;
	width: 291px; 
}

#container #front .bannerbar .column ul#banner-featured-mini {
    margin: 0;
	padding: 0;
	list-style: none;
}

#container #front .bannerbar .column ul#banner-featured-mini li {
	display: none;
	width: 291px;
	height: 179px;
	margin: 0;
	padding: 0;
}
#container #front .bannerbar .column ul#banner-featured-mini li.first {display: block;}

#container #front .bannerbar .column .button {
	position: absolute;
	bottom: 20px;
	left: 30px;
	z-index: 4;
}

#container #front .bannerbar .column .pager {
	position: absolute;
	top: 140px;
	right: 30px;
	z-index: 60;
}

#container #front .bannerbar .column .pager img {
	margin-left: 2px;
	cursor: pointer;
}

#container #front .bannerbar .column .pager img#pager-banner-mini_prev {display: none;}

#container #front .teaserbar {margin-top: 10px;}

#container #front .teaserbar .column {
	float: left;
	width: 292px;
	margin-right: 8px;
}

#container #front .teaserbar .column-right {
	float: right;
	width: 292px;
}


#container #front .teaserbar .box_1 {
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	padding: 0 15px;
	padding-top: 5px;
	width: 260px;
    height: 112px;
	color: #969696;
}

#container #front .teaserbar .box_1 p.button-right {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 0;
	margin: 0;
}


#container #front .teaserbar .box_1 a {color: #969696;}
#container #front .teaserbar .box_1 ul {
	margin: 0;
	padding: 0;
}
#container #front .teaserbar .box_1 ul li {
	background: transparent url(../images/bullet-arrow_1.gif) no-repeat 0 4px;
	padding-left: 12px;
}

#container #front .teaserbar .box_1-bottom {
	background: transparent url(../images/bg-home-box_1-bottom.jpg) no-repeat;
	width: 292px;
	height: 10px;
}

#container #front .teaserbar .box_1-top_column_1 {background: transparent url(../images/bg-home-box_1-column_1.jpg) no-repeat;}
#container #front .teaserbar .box_1-top_column_2 {background: transparent url(../images/bg-home-box_1-column_2.jpg) no-repeat;}
#container #front .teaserbar .box_1-top_column_3 {background: transparent url(../images/bg-home-box_1-column_3.jpg) no-repeat;}

#container #front .teaserbar .box_1-top_column_1,
#container #front .teaserbar .box_1-top_column_2,
#container #front .teaserbar .box_1-top_column_3 {
	text-indent: -9999px;
	display: block;
	width: 292px;
	height: 47px;
}


/* INSIDE PAGE  ---------------------------------------------------------------------------- */ 
#container #inside #featured {
	position: relative;
	width: 891px;
	height: 221px;
	padding-top: 16px;
}

#container #inside #featured #banner-featured {
	margin: 0;
	padding: 0;
	z-index: 0;	
}

#container #inside #featured #banner-featured .banner {
	margin: 0;
	padding: 0;
	width: 891px;
	height: 221px;
	display: none;
}
#container #inside #featured #banner-featured .first {display: block}


#container #inside #sidebar-left {
	float: left;
	width: 152px;
	padding-top: 10px;
}

#container #inside #sidebar-left .box_1 {
	width: 132px;
	background-color: #224f6e;
	padding: 1px 10px;
	line-height: 12px;
}

#container #inside #sidebar-left .box_1-top_column_1 {background: transparent url(../images/bg-sidebar-nav.jpg) no-repeat;}
/*#container #inside #sidebar-left .box_1-top_column_2 {background: transparent url(../images/bg-sidebar-solutions.jpg) no-repeat;}
#container #inside #sidebar-left .box_1-top_column_3 {background: transparent url(../images/bg-sidebar-client-service.jpg) no-repeat;}

#container #inside #sidebar-left .box_1-top_column_1,
#container #inside #sidebar-left .box_1-top_column_2,
#container #inside #sidebar-left .box_1-top_column_3 {
	text-indent: -9999px;
	display: block;
	width: 152px;
	height: 48px;
}*/
#container #inside #sidebar-left .box_1-top_column_1 {
    display: block;
    width: 152px;    
    background-color: #224f6e;
}
#container #inside #sidebar-left .box_1-top_column_1 h3 {
    color: #FFFFFF; 
    padding-top: 20px; 
    margin-left: 12px;
}


#container #inside #sidebar-left .box_1-bottom {
	background: transparent url(../images/bg-sidebar-bottom_1.jpg) no-repeat;
	width: 152px;
	height: 10px;
	margin-bottom: 10px;
}

#container #inside #sidebar-left .box_1 a {color: #84cdff;}
#container #inside #sidebar-left .box_1 ul {
	margin: 0;
	padding: 0;
	margin-top: 10px;
}
#container #inside #sidebar-left .box_1 ul li {
	background: transparent url(../images/bullet-arrow_2.png) no-repeat 0 5px;
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#container #inside #main-content {
	float: right;
	padding-top: 10px;
	width: 720px;
	line-height: 14px;
	padding-left: 15px;
}

#container #inside #main-content .breadcrumb {
    margin-bottom: 8px;
    background: #808080;
    padding: 4px 12px;
    color: #ACACAC;
}

#container #inside #main-content .breadcrumb a {
    color: #D0D0D0;
}

#container #inside #main-content ul {
	line-height: 12px;
}

#container #inside #main-content .top-banner {
	margin-bottom: 20px;
}
#container #inside #main-content .top-banner p {
    margin: 0;
    padding: 0;
}


#container #inside #main-content .top-banner ul {
	margin: 0;
	padding: 0;
}

#container #inside #main-content .top-banner ul li {
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 8px;
}

#container #inside #main-content .top-banner ul li.last {margin-right: 0;}
#container #inside #main-content .lower .column-left,
#container #inside #main-content .lower .column-left-wide {
    float: left;
    width:  670px;
    font-size: 1.1em;
    line-height: 18px;
}
#container #inside #main-content .lower .column-left {width: 513px;}

#container #inside #main-content .lower .column-left ul li,
#container #inside #main-content .lower .column-left-wide ul li {
	list-style: disc;
	margin-left: 1em;
	padding-left: 2px;
    line-height: 16px;
}

#container #inside #main-content .lower .column-left ul.links li,
#container #inside #main-content .lower .column-left-wide ul.links li {
    margin-left: 0;
    padding-left: 0;
}

#container #inside #main-content .lower .column-left ul.primary li,
#container #inside #main-content .lower .column-left ul.secondary li,
#container #inside #main-content .lower .column-left-wide ul.primary li,
#container #inside #main-content .lower .column-left-wide ul.secondary li {
    margin-left: 0;
}

#container #inside #main-content .lower .column-left ul.primary li.active a,
#container #inside #main-content .lower .column-left ul.secondary li.active a,
#container #inside #main-content .lower .column-left-wide ul.primary li.active a,
#container #inside #main-content .lower .column-left-wide ul.secondary li.active a {
    color: #FFFFFF;
}

#container #inside #main-content .lower .column-left ul.primary li a.active,
#container #inside #main-content .lower .column-left ul.primary li a:hover,
#container #inside #main-content .lower .column-left ul.secondary li a.active,
#container #inside #main-content .lower .column-left ul.secondary li a:hover,
#container #inside #main-content .lower .column-left-wide ul.primary li a.active,
#container #inside #main-content .lower .column-left-wide ul.primary li a:hover,
#container #inside #main-content .lower .column-left-wide ul.secondary li a.active,
#container #inside #main-content .lower .column-left-wide ul.secondary li a:hover {color: #ffffff;}


#container #inside #main-content .lower .column-left a,
#container #inside #main-content .lower .column-left-wide a {color: #528fb9;}

#container #inside #main-content .lower .column-left .node h2,
#container #inside #main-content .lower .column-left-wide .node h2, 
#container #inside #main-content .lower .column-left .box h2,
#container #inside #main-content .lower .column-left-wide .box h2 {
    font-size: 1.5em;
    font-weight: normal;
    font-family: Helvetica, Arial; 
}

#container #inside #main-content .lower .column-left h2,
#container #inside #main-content .lower .column-left-wide h2 {
    font-family: Verdana, Arial;
}
   

#container #inside #main-content .lower .column-left .node h2 a,
#container #inside #main-content .lower .column-left-wide .node h2 a {color: #306c92;}

#container #inside #main-content .lower .column-left-wide table,
#container #inside #main-content .lower .column-left table {
    border-collapse:  inherit;

}

#container #inside #main-content .lower .column-right {
	float: right;
	width: 180px;
	padding-left: 20px;
}

#container #inside #main-content .lower .column-right ul {
	margin: 0;
	padding: 0;
}

#container #inside #main-content .lower .column-right ul li {
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	list-style: none;
}

#container #inside #main-content .lower .column-left #inner-menu,
#container #inside #main-content .lower .column-left-wide #inner-menu {
    margin-top: 10px;
    /*font-size: 0.9em;*/
    padding: 5px;
    border: 1px solid #E0E0E0; 
    background: #F0F0F0;
}

#container #inside #main-content .lower .column-left #inner-menu ul.menu,
#container #inside #main-content .lower .column-left-wide #inner-menu ul.menu {
    margin: 0;
    padding: 0;
}

#container #inside #main-content .lower .column-left #inner-menu ul.menu li,
#container #inside #main-content .lower .column-left-wide #inner-menu ul.menu li {
    float: left;
    width: 200px;
    padding: 0;
    margin-left: 1em;
    background: transparent url(../images/bullet-arrow_2.png) no-repeat 0 2px;
    padding-left: 12px;
    list-style: none;
    list-style-type: none;    
}


#container #inside #main-content .lower .column-left ul li ul,
#container #inside #main-content .lower .column-left-wide ul li ul {
	margin-top: 12px;
}


/* FOOTER  ---------------------------------------------------------------------------- */ 
#container #footer {
	margin-top: 20px;
	border-top: 2px solid #1e4f6e;
}

#container #footer .box-bottom {
	background: #1e4f6e url(../images/bg-footer-corner-right.jpg) no-repeat 100% 0;
	height: 28px;
}

#container #footer .navbar {
	padding-top: 10px;
	padding-bottom: 50px;
}

#container #footer .navbar ul.menu {
	float: left;
	color: #999999;
	font-size: 0.9em;
	right: 30px;
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
}

#container #footer .navbar ul.menu li {
	background: transparent url(../images/bullet-pipe_1.jpg) no-repeat 0 50%;
	float: left;
	margin: 0;
	padding: 0;
	padding: 0 0.6em;
}

#container #footer .navbar ul.menu li.first { background: transparent url(../images/bullet-pipe_1.jpg) no-repeat 0 50%;}
#container #footer .navbar ul.menu li.last {padding-right: 5;}

#container #footer .navbar ul.menu li a {
	color: #999999;
	text-decoration: none;
}
#container #footer .navbar ul.menu li a:hover {color: #0061be;}
#container #footer .navbar .copyright {
	float: right;
	color: #999999;
}

.float-right {float: right;}
.clear-float {clear: both;}



/**
 * Primary navigation
 */
ul.primary-links {
  margin: 0;
  padding: 0;
  float: right; /* LTR */
  position: relative;
  z-index: 4;
}

ul.primary-links li {
  margin: 0;
  padding: 0;
  float: left; /* LTR */
  background-image: none;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
  display: block;
  margin: 0 1em;
  padding: .75em 0 0;
  color: #fff;
  background: transparent url(http://www.spi-global.com/sites/all/themes/spiglobal/css/images/bg-navigation-item.png) no-repeat 50% 0;
}

ul.primary-links li a:hover, ul.primary-links li a.active {
  color: #fff;
  background: transparent url(http://www.spi-global.com/sites/all/themes/spiglobal/css/images/bg-navigation-item-hover.png) no-repeat 50% 0;
}

/**
 * Secondary navigation
 */
ul.secondary-links {
  margin: 0;
  padding: 18px 0 0;
  float: right; /* LTR */
  clear: right; /* LTR */
  position: relative;
  z-index: 4;
}

ul.secondary-links li {
  margin: 0;
  padding: 0;
  float: left; /* LTR */
  background-image: none;
}

ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
  display: block;
  margin: 0 1em;
  padding: .75em 0 0;
  color: #cde3f1;
  background: transparent;
}

ul.secondary-links li a:hover, ul.secondary-links li a.active {
  color: #cde3f1;
  background: transparent;
}

/**
 * Local tasks
 */
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
}

#tabs-wrapper {
/*  margin: 0 -36px 2em;*/
/*  padding: 0 26px;*/
  
/*  padding: 0.5em 0;*/
  height: 40px;  
/*  border-bottom: 1px solid #e9eff3;*/
  position: relative;
}
ul.primary {
  padding: 0.5em 0 10px;
  float: left; /* LTR */
}
ul.secondary {
  clear: both;
  text-align: left; /* LTR */
  border-top: 1px solid #e9eff3;
  border-bottom: 1px solid #e9eff3;
/*  margin: 2em -26px 1em;*/
/*    margin: 0.8em 0; */
/*  padding: 12px 0;*/
  /*height: 40px;*/
  padding: 0.5em 0;
  font-size: 0.9em;
  margin-top: 10px;
}
h2.with-tabs {
  float: left; /* LTR */
  margin: 0 2em 0 0; /* LTR */
  padding: 0;
}

ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
  border: 0;
  background: transparent;
  padding: 4px 1em;
  margin: 0;
  height: auto;
  text-decoration: none;
  position: relative;
/*  top: -1px;*/
  display: inline-block;
  color: #fff; 
}
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
  background-color: #224f6e;
  color: #fff;
}
ul.primary li.active a,
ul.secondary li.active a {
  font-weight: bold;
  color: #fff;
}


/**
 * Nodes & comments
 */
.node {
/*  border-bottom: 1px solid #e9eff3;*/
/*
  margin: 0 -26px 1.5em;
  padding: 1.5em 26px;*/
  padding: 1em 0;
  padding-top: 10px;
}

ul.links li, ul.inline li {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0; /* LTR */
  padding-right: 1em; /* LTR */
  background-image: none;
}

.node .links, .comment .links {
  text-align: left; /* LTR */
}

.node .links ul.links li, .comment .links ul.links li {}
.terms ul.links li {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 1em;
}

.node div.links {
    padding: 4px 10px;
    background-color: #FAFAEB;
    border: 1px solid #f1f1cc;
    margin-bottom: 5px;
}
.node div.links ul.links {
    margin: 0;
    padding: 0;
}

.node div.links ul.links a {
    background-repeat: no-repeat;
    padding-left: 22px;
    background-position: 0 50%;

}

.node div.links ul.links li.comment_add  a {background-image: url(../images/comment-add.png);}
.node div.links ul.links li.node_read_more  a {background-image: url(../images/read-more.png);}
.node div.links ul.links li.comment_comments  a {background-image: url(../images/mini-comment.png);}
.node div.links ul.links li.comment_forbidden a {
    padding: 0;
    margin: 0;
}

.picture, .comment .submitted {
  float: right; /* LTR */
  clear: right; /* LTR */
  padding-left: 1em; /* LTR */
}

.new {
  color: #ffae00;
  font-size: 0.92em;
  font-weight: bold;
  float: right; /* LTR */
}

.terms {
  float: right; /* LTR */
}

.preview .node, .preview .comment, .sticky {
  margin: 0;
  padding: 0.5em 0;
  border: 0;
  background: 0;
}

.sticky {
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e0e5fb;
  margin-bottom: 2em;
}

#comments {
  position: relative;
  top: -1px;
  border-bottom: 1px solid #e9eff3;
  margin: -1.5em -25px 0;
  padding: 0 25px;
}

#comments h2.comments {
  margin: 0 -25px;
  padding: .5em 25px;
  background: #fff url(http://www.spi-global.com/sites/all/themes/spiglobal/css/images/gradient-inner.png) repeat-x 0 0;
}

.comment {
  margin: 0 -25px;
  padding: 1.5em 25px 1.5em;
  border-top: 1px solid #e9eff3;
}

.indented {
  margin-left: 25px; /* LTR */
}

.comment h3 a.active {
  color: #494949;
}

.node .content, .comment .content {
  margin: 0.6em 0;
}

/**
 * Aggregator.module
 */
#aggregator {
  margin-top: 1em;
}
#aggregator .feed-item-title {
  font-size: 160%;
  line-height: 130%;
}
#aggregator .feed-item {
  border-bottom: 1px solid #e9eff3;
  margin: -1.5em -31px 1.75em;
  padding: 1.5em 31px;
}
#aggregator .feed-item-categories {
  font-size: 0.92em;
}
#aggregator .feed-item-meta {
  font-size: 0.92em;
  color: #898989;
}

/**
 * Color.module
 */
#palette .form-item {
  border: 1px solid #fff;
}
#palette .item-selected {
  background: #fff url(http://www.spi-global.com/sites/all/themes/spiglobal/css/images/gradient-inner.png) repeat-x 0 0;
  border: 1px solid #d9eaf5;
}

/**
 * Menu.module
 */
tr.menu-disabled {
  /*opacity: 0.5;*/
}
tr.odd td.menu-disabled {
  background-color: #edf5fa;
}
tr.even td.menu-disabled {
  background-color: #fff;
}

/**
 * Poll.module
 */
.poll .bar {
  background: #fff url(http://www.spi-global.com/sites/all/themes/spiglobal/css/images/bg-bar-white.png) repeat-x 0 0;
  border: solid #f0f0f0;
  border-width: 0 1px 1px;
}

.poll .bar .foreground {
  background: #71a7cc url(http://www.spi-global.com/sites/all/themes/spiglobal/css/images/bg-bar.png) repeat-x 0 100%;
}

.poll .percent {
  font-size: .9em;
}

/**
 * Autocomplete.
 */
#autocomplete li {
  cursor: default;
  padding: 2px;
  margin: 0;
}

/**
 * Collapsible fieldsets
 */
fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #d9eaf5;
  background: #fff url(http://www.spi-global.com/sites/all/themes/spiglobal/css/images/gradient-inner.png) repeat-x 0 0;
}

/* Targets IE 7. Fixes background image in field sets. */
*:first-child+html fieldset {
  padding: 0 1em 1em;
  background-position: 0 .75em;
  background-color: transparent;
}

*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
  padding-top: 1em;
}

fieldset legend {
  /* Fix disappearing legend in FFox */
  display: block;
}

*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
  display: inline;
}

html.js fieldset.collapsed {
  background: transparent;
  padding-top: 0;
  padding-bottom: .6em;
}

html.js fieldset.collapsible legend a {
  padding-left: 2em; /* LTR */
  background: url(http://www.spi-global.com/sites/all/themes/spiglobal/css/images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
}

html.js fieldset.collapsed legend a {
  background: url(http://www.spi-global.com/sites/all/themes/spiglobal/css/images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
}

/**
 * Syndication icons and block
 */
#block-node-0 h2 {
  float: left; /* LTR */
  padding-right: 20px; /* LTR */
}

#block-node-0 img, .feed-icon {
  float: right; /* LTR */
  padding-top: 4px;
}

#block-node-0 .content {
  clear: right; /* LTR */
}

/**
 * Login Block
 */
#user-login-form {
  text-align: center;
}
#user-login-form ul {
  text-align: left; /* LTR */
}

/**
 * User profiles.
 */
.profile {
  margin-top: 1.5em;
}
.profile h3 {
  border-bottom: 0;
  margin-bottom: 1em;
}
.profile dl {
  margin: 0;
}
.profile dt {
  font-weight: normal;
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: 1.4em;
  margin-bottom: 0.45em;
}
.profile dd {
  margin-bottom: 1.6em;
}


/**
 * CSS support
 */

/*******************************************************************
 * Color Module: Don't touch                                       *
 *******************************************************************/

/**
 * Generic elements.
 */
.messages {
  background-color: #fff;
  border: 1px solid #b8d3e5;
}

.preview {
  background-color: #fcfce8;
  border: 1px solid #e5e58f;
}

div.status {
  color: #33a333;
  border-color: #c7f2c8;
}

div.error, tr.error {
  color: #a30000;
  background-color: #FFCCCC;
}

.form-item input.error, .form-item textarea.error {
  border: 1px solid #c52020;
  color: #363636;
}

/* PAGER THEMES */
#container #inside #main-content .lower .column-left ul.pager,
#container #inside #main-content .lower .column-left-wide ul.pager {
    margin-top: 15px;
    padding: 4px;
/*    float: right;*/
}

#container #inside #main-content .lower .column-left ul.pager li.pager-item, 
#container #inside #main-content .lower .column-left ul.pager li.pager-current, 
#container #inside #main-content .lower .column-left ul.pager li.pager-next, 
#container #inside #main-content .lower .column-left ul.pager li.pager-last,  
#container #inside #main-content .lower .column-left ul.pager li.pager-first,
#container #inside #main-content .lower .column-left ul.pager li.pager-previous {
    margin: 0 1px;
    background: #F0F0F0;
    padding: 2px 5px;
    border: 1px solid #D0D0D0;
    color: #969696;
  
}

#container #inside #main-content .lower .column-left-wide ul.pager li.pager-item, 
#container #inside #main-content .lower .column-left-wide ul.pager li.pager-current, 
#container #inside #main-content .lower .column-left-wide ul.pager li.pager-next, 
#container #inside #main-content .lower .column-left-wide ul.pager li.pager-last,  
#container #inside #main-content .lower .column-left-wide ul.pager li.pager-first,
#container #inside #main-content .lower .column-left-wide ul.pager li.pager-previous {
    margin: 0 1px;
    background: #F0F0F0;
    padding: 2px 5px;
    border: 1px solid #D0D0D0;
    color: #969696;
  
}

#container #inside #main-content .lower .column-left ul.pager li.pager-item a, 
#container #inside #main-content .lower .column-left ul.pager li.pager-current a, 
#container #inside #main-content .lower .column-left ul.pager li.pager-next a, 
#container #inside #main-content .lower .column-left ul.pager li.pager-last a, 
#container #inside #main-content .lower .column-left ul.pager li.pager-first a,  
#container #inside #main-content .lower .column-left ul.pager li.pager-previous a {
    text-decoration:  none;
    color: #109e9c;
}

#container #inside #main-content .lower .column-left-wide ul.pager li.pager-item a, 
#container #inside #main-content .lower .column-left-wide ul.pager li.pager-current a, 
#container #inside #main-content .lower .column-left-wide ul.pager li.pager-next a, 
#container #inside #main-content .lower .column-left-wide ul.pager li.pager-last a, 
#container #inside #main-content .lower .column-left-wide ul.pager li.pager-first a,  
#container #inside #main-content .lower .column-left-wide ul.pager li.pager-previous a {
    text-decoration:  none;
    color: #109e9c;
}

/*  OVERRIDING VIEWS OUTPUT */

.view-leadership-photos table.views-view-grid {width: 84%;}
.view-leadership-photos table.views-view-grid td {
    text-align: center;
    width: 28%;
    height: 170px;
    vertical-align: top;
}

.view-leadership-photos .leader {display: none;}
.view-leadership-photos .info-name {font-weight: bold;}
.view-leadership-photos .imagefield-field_photo {margin-bottom: 5px;}

.view-leadership-photos .imagefield-field_photo,
#TB_ajaxContent .imagefield-field_photo {
    border: 1px solid #C0C0C0;
    padding: 4px;
}

#TB_ajaxContent  {
    font-size: 0.9em;
    padding-top: 20px;
}

#TB_ajaxContent p {
    margin: 0.6em 0 1.2em;
    padding: 0;
}

#TB_ajaxContent .photo {
    float: left;
    width: 110px;
    height: 110px;
}

#TB_ajaxContent .info {
    float: left;
    margin-left: 10px;
    padding-top: 30px;
}

#TB_ajaxContent .info .info-name {font-weight: bold;}
#TB_ajaxContent .info .info-position {font-style: italic;}

#TB_ajaxContent .info-desc {
    clear: both;
    padding-top: 10px;
}

table {margin: 0; padding: 0;}
/*
#contact-block {
    border-top: 1px solid #E0E0E0;
    padding-bottom: 20px;
}
*/

/* OVERRIDING EDITOR OUTPUT STYLES */

.client-logo {
    border: 1px solid #E0E0E0;
}

#container #inside #main-content .lower .column-left-wide div.box-passed {
    border: 1px solid #49ACC6;
    padding: 10px;
    background-color: #F8F8F8;
    margin-top: 5px;
}
#container #inside #main-content .lower .column-left-wide div.box-passed ul { 
    margin: 0;
    padding: 0;
}
#container #inside #main-content .lower .column-left-wide div.box-passed ul li {
    list-style-type: none;
    background: transparent url(../images/bullet-check.png) no-repeat 0 4px;
    margin-left: 5px;
    padding: 0;
    padding-left: 16px;
    line-height: 20px;
}

.right-callout-attachment table {
    float: right;
    width: 69%;
}

table#attachments td img.icon-type {
    float: left;
    margin-right: 5px;
}

.views-exposed-form {margin-top: 5px;}
.views-exposed-form  #edit-title-op {width: 183px;}
.views-exposed-form  div.views-widget {margin-top: 3px;}

.view-media-center td.views-field-body,
.view-media-center-crm td.views-field-body,
.view-media-center-hcare td.views-field-body,
.view-media-center-csolutions td.views-field-body,
.view-global-media-center-global td.views-field-body,
.view-global-media-center-csolutions td.views-field-body, 
.view-global-media-center-crm td.views-field-body,
.view-global-media-center-hcare td.views-field-body {
    width: 50%;
}

.view-media-center th.views-field-filesize,
.view-media-center td.views-field-filesize,
.view-global-media-center-global th.views-field-filesize,
.view-media-center-csolutions td.views-field-filesize,
.view-media-center-csolutions th.views-field-filesize {
	text-align: center;
}

.view-global-media-center-global,
.view-global-media-center-csolutions,
.view-global-media-center-crm,
.view-global-media-center-hcare,
.view-media-center-csolutions,
.view-media-center-crm,
.view-media-center-hcare,
.view-media-center {
	margin-top: 20px;
}

#wrapper .current-user {
    position: absolute;
    top: 45px;
    right: 30px;
    color: #484848;
}

#wrapper .current-user .username {
    font-weight: bold;
}

#wrapper .current-user a {
    color: #447399;
}

.view-job-crm {
    margin-top: 10px;
}


/**
* Maintenance Styles
*/

#maintenance-wrapper {
    background: #ffc20f url(../images/under-construction.jpg) no-repeat;
    margin: 0 auto;
    margin-top: 130px;
    width: 540px;
    min-height: 180px;
}

#maintenance-wrapper #logo {
    margin: 0 auto;
    padding-top: 40px;
    width: 290px; 
}

#maintenance-wrapper #dialog-error-wrapper {
    background-color: #1e4f6f;
    margin: 0 auto;
    margin-top: 5px;
    width: 350px;
    padding: 8px;
    color: #ffffff;
    text-align: center;
}

#maintenance-wrapper #dialog-error-wrapper h2 {
    font-size: 1.6em;
}
#maintenance-wrapper #dialog-error-wrapper p {margin: 0;}