﻿/* BASIC PAGE SETUP ============================================================================= */

body {
    color : #646464; 
    background-color: #fff;
}

button, 
input, 
select, 
textarea { 
    color : #333; 
}

/*  HEADINGS  ============================================================================= */
h1 {
    color: #00457c;
}

h2 {
    color: #323232;
}

h3 {
    color: #00457c;
}

h4 {
    color: #00457c;
}

footer h4 { 
	color: #ccc;
}

h5 {
    color: #00457c;
}

h6 {
    color: #666;
}

/*  TYPOGRAPHY  ============================================================================= */

hr {
    border-color :#ccc;
}

.subtext {
	color: #666;
}

.green {color:green;}

/* LINKS =============================================================================  */

a {
    color : #00457c;
}

a:visited { 
    color : #00457c; 
}

a:focus { 
    color : rgb(0,0,0); 
}

a:hover, 
a:active { 
    color : #242424;
}

.story h4 a:hover, 
.article-info a:hover {
    color : #00457c;
}

footer a {
    color: #ffffff;
}

footer a:visited { 
    color : #ffffff; 
}

footer a:focus { 
    color : rgb(0,0,0); 
}

footer a:hover, 
footer a:active { 
    color : #ffffff;
}

/* FORMS ============================================================================= */

label span {
	color:#666;
}

label.disabled {
	color:#ccc;
}


input, select, textarea {
    border-color: #ccc;
    background-color: #fff;
}

input::-webkit-input-placeholder,
input:-moz-placeholder,
.placeholder {
	color: #bbb;
}

input[disabled="disabled"], input.disabled {
	color: #999;
	background: #f5f5f5;
	-moz-box-shadow: inset 0px 0px 2px #ddd;
	-webkit-box-shadow: inset 0px 1px 2px #ddd;
	box-shadow: inset 0px 1px 2px #ddd;
}

input:invalid, 
textarea:invalid {
    -webkit-box-shadow : 0 0 2px #f00; 
    -moz-box-shadow : 0 0 2px #f00;
    box-shadow : 0 0 2px #f00; 
}

.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
    background-color : #ccc; 
}

/*  MAIN LAYOUT	============================================================================= */

div.details > div:nth-child(even) {background-color:#FFF;}
div.details  div {border-color:#f0f0f0 !important;}

.divider {
    background-color:#e1e1e1;
}

#headcontainer {
	background: #003662 url('/_ext/www.processor.com/Content/siteart/_Processor/Layout/hdr-bg2.jpg') repeat-x;
}

#top-bar {
	background: url("/_ext/www.processor.com/Content/siteart/_Processor/Layout/hdr-divide.gif") bottom left repeat-x;
}

header, #login {
    color: #FFFFFF;
}

#sm-social {
    background: url("/_ext/www.processor.com/Content/siteart/_Processor/Layout/hdr-divide.gif") bottom left repeat-x;
}

#login {color:#e1e1e1;}

a.reg-link {color:#fff;text-shadow:0px 1px 2px rgba(0,0,0,.7);}
a.reg-link:hover {color:#CCC;}

.sm-login-link {
    color:#e1e1e1 !important;
}

#login input[type="submit"], #login input[type="button"] {			
	/* fallback */
	background-color: #e1e1e1;
	/* chrome 2+, safari 4+; multiple color stops */
	background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.32, #e1e1e1), color-stop(0.66, #d5d5d5), color-stop(0.83, #bdbdbd));
	/* chrome 10+, safari 5.1+ */
	background-image: -webkit-linear-gradient(#e1e1e1, #d5d5d5, #bdbdbd);
	/* firefox; multiple color stops */
	background-image: -moz-linear-gradient(top,#e1e1e1, #d5d5d5, #bdbdbd);
	/* ie 6+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#bdbdbd');
	/* ie8 + */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#bdbdbd')";
	/* ie10 */
	background-image: -ms-linear-gradient(#e1e1e1, #d5d5d5, #bdbdbd);
	/* opera 11.1 */
	background-image: -o-linear-gradient(#e1e1e1, #d5d5d5, #bdbdbd);
	/* The "standard" */
	background-image: linear-gradient(#e1e1e1, #d5d5d5, #bdbdbd);
}

h1#logo {
	background:url("/_ext/www.processor.com/Content/siteart/_Processor/Layout/logo.png") no-repeat; 
}	

#quickfind {
	background-color:#fff;
}

#quickfind .title {
	background:#90182b;
}

#quickfind input.search {
	background: url('/_ext/www.processor.com/Content/siteart/_Processor/Layout/search.png') center center no-repeat;
}

#navcontainer {
	background:#00457c;
}

#nav-button {
	background:#00457c;	
	background:url('/_ext/www.processor.com/Content/siteart/menu-icon.png') center center no-repeat;
	border-color:#002f59;
}

#nav {
	color:#FFF;
}

#nav li {
	background:url('/_ext/www.processor.com/Content/siteart/_Processor/Layout/nav-divider.gif') left top repeat-y;
}

#nav li:hover {
	background:#054b83 url('/_ext/www.processor.com/Content/siteart/_Processor/Layout/nav-divider.gif') left top repeat-y;
}

#nav li a {
	color:#fff;
}

#nav li.last a {
	background:url('/_ext/www.processor.com/Content/siteart/_Processor/Layout/nav-divider.gif') right top repeat-y;
}

#nav li.last:hover a {
	background:#054b83 url('/_ext/www.processor.com/Content/siteart/_Processor/Layout/nav-divider.gif') right top repeat-y;
}

#maincontent {
	color:#333;
}

.maincontent {
	color:#333;
}

#footercontainer {
	background-color:#00457c;
}

footer {
	color:#fff;
}

footer strong {
	color:#aaa;
}

/*  MAINCONTENT  ============================================================================= */
#sidebar {
	background-color:#fcfcfc;	
	border-color:#f0f0f0;
}

#sidebar button { 
	color:#FFF;
	border-color:#e1e1e1;
	background-color:#00457c;
}

#sidebar-bg {
	background-color:#fcfcfc;	
	border-color:#f0f0f0;
}

#sidebar img {
	border-color:#c7c8ca;
}

#sidebar div.sidenav > ul {
	color:#fff;	
}

#sidebar div.sidenav > ul li > span, #sidebar div.sidenav > ul > li > a
{
    color:#646464;
}

#sidebar div.sidenav > ul li > span{
	background:url('/_ext/www.processor.com/Content/siteart/arrow-right.png') right center no-repeat;	
}

#sidebar div.sidenav > ul > li > a:hover
{
    background:#00457c;
    color:#fff;
}

#sidebar div.sidenav > ul li.subnav > span:hover {
	background:#00457c url('/_ext/www.processor.com/Content/siteart/arrow-white.png') right center no-repeat;
	color:#fff;	
}
	
#sidebar div.sidenav > ul li.subnav.arrow > span{
	background:#00457c url('/_ext/www.processor.com/Content/siteart/arrow-down-white.png') right center no-repeat;
	color:#fff;	
}

#sidebar div.sidenav > ul li ul li a{
	color:#00457c;
}


.resultsheading {
	border-color:#c8c8c8;
}

.article-info {
	border-color:#c8c8c8;	
	color:#969696;
}

#viewnext{
	border-color:#c8c8c8;
	color:#323232;
}

.decker {
	color:#969696; 
}

.story {
	border-color:#c8c8c8;
}

#storycontainer img {
	border-color:#e1e1e1;
}

.story p {
	color:#646464;	
}

.story .contact-info {
	color:#323232;
}

.details-header {
	border-color:#c8c8c8;
}

.details-header table.options {
	border-color:#c8c8c8; 
}

.details-header table.options td { 
	border-color: #c8c8c8;
	color:#989898;
}

.details-header table.options td a {
	color:#989898;
}

.details-header table.options td a:hover {
	color:#000 !important;
}

#details h4 {
	border-color:#c8c8c8;	
}

#details ul.details li {
	background:url('/_ext/www.processor.com/Content/siteart/_Processor/Layout/blue-bullet.gif') left center no-repeat;
	border-color:#c8c8c8;	
}

#storycontainer table.details td, 
#storycontainer table.details th {
	border-color:#f0f0f0;
}

#storycontainer table.details tr.alt td, 
#storycontainer table.details tr.alt th {
	background-color:#fcfcfc;
}

#storycontainer table.details th {
	border-color: #f0f0f0;
}

#storycontainer table.infographic td, 
#storycontainer table.infographic th {
	border-color:#f0f0f0;
}

#storycontainer table.infographic tr.alt td, 
#storycontainer table.infographic tr.alt th{
	background:#fcfcfc;
}

#storycontainer table.infographic th {
	border-color:#f0f0f0;
}

.icons a {
	color:#646464;
}

.icons a.media {background:url('/_ext/www.processor.com/Content/siteart/_Processor/Icons/camera.png') no-repeat;}
.icons a.media:hover {background:url('/_ext/www.processor.com/Content/siteart/_Processor/Icons/camera-over.png') no-repeat;}

.icons a.papers {background:url('/_ext/www.processor.com/Content/siteart/_Processor/Icons/paper.png') no-repeat;}
.icons a.papers:hover {background:url('/_ext/www.processor.com/Content/siteart/_Processor/Icons/paper-over.png') no-repeat;}

.icons a.brochures {background:url('/_ext/www.processor.com/Content/siteart/_Processor/Icons/brochures.png') no-repeat;}
.icons a.brochures:hover {background:url('/_ext/www.processor.com/Content/siteart/_Processor/Icons/brochures-over.png') no-repeat;}

.icons a.specs {background:url('/_ext/www.processor.com/Content/siteart/_Processor/Icons/specs.png') no-repeat;}
.icons a.specs:hover {background:url('/_ext/www.processor.com/Content/siteart/_Processor/Icons/specs-over.png') no-repeat;}

a.btn {	
	border-color:#d1d1d1;
	color:#fff;

	/* fallback */
	background-color: #00457c;
	/* chrome 2+, safari 4+; multiple color stops */
	background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.32, #00457c), color-stop(0.66, #023e6e), color-stop(0.83, #00355f));
	/* chrome 10+, safari 5.1+ */
	background-image: -webkit-linear-gradient(#00457c, #023e6e, #00355f);
	/* firefox; multiple color stops */
	background-image: -moz-linear-gradient(top,#00457c, #023e6e, #00355f);
	/* ie 6+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00457c', endColorstr='#00355f');
	/* ie8 + */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00457c', endColorstr='#00355f')";
	/* ie10 */
	background-image: -ms-linear-gradient(#00457c, #023e6e, #00355f);
	/* opera 11.1 */
	background-image: -o-linear-gradient(#00457c, #023e6e, #00355f);
	/* The "standard" */
	background-image: linear-gradient(#00457c, #023e6e, #00355f);
}

a.btn.alt
{
    background-color: #90182b;
    background-image:none;
    -ms-filter:initial;
}

a.btn:hover, a.btn.alt:hover  {
	color:#fff;
	  
	background-color: #757575;
	/* chrome 2+, safari 4+; multiple color stops */
	background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.32, #757575), color-stop(0.66, #6a6a6a), color-stop(0.83, #585858));
	/* chrome 10+, safari 5.1+ */
	background-image: -webkit-linear-gradient(#757575, #6a6a6a, #585858);
	/* firefox; multiple color stops */
	background-image: -moz-linear-gradient(top,#757575, #6a6a6a, #585858);
	/* ie 6+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#585858');
	/* ie8 + */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#585858')";
	/* ie10 */
	background-image: -ms-linear-gradient(#757575, #6a6a6a, #585858);
	/* opera 11.1 */
	background-image: -o-linear-gradient(#757575, #6a6a6a, #585858);
	/* The "standard" */
	background-image: linear-gradient(#757575, #6a6a6a, #585858);
}


/* VENDOR-SPECIFIC ============================================================================= */

html { 
    -webkit-tap-highlight-color : rgb(52,158,219); 
}

::-webkit-selection { 
    background : rgb(23,119,175); 
    color : rgb(250,250,250); 
    text-shadow : none; 
}

::-moz-selection { 
    background : rgb(23,119,175); 
    color : rgb(250,250,250); 
    text-shadow : none; 
}

::selection { 
    background : rgb(23,119,175); 
    color : rgb(250,250,250); 
    text-shadow : none; 
}

@media only screen and (max-width: 768px)
{
    #nav li {
		background:#002f59 url('/_ext/www.processor.com/Content/siteart/_Processor/Layout/sm-nav-divider.gif') left bottom repeat-x;
	}

    #nav li:last-child{
		background:#002f59 url('/_ext/www.processor.com/Content/siteart/_Processor/Layout/sm-nav-divider.gif') left bottom repeat-x;
	}

    #nav li:hover, #nav li:last-child:hover{
		background:#054b83 url('/_ext/www.processor.com/Content/siteart/_Processor/Layout/sm-nav-divider.gif') left bottom repeat-x;
	}

    #sidebar div.sidenav > ul li > span {
		border-color: #ccc;
		background:url('/_ext/www.processor.com/Content/siteart/arrow-down.png') right center no-repeat;	
	}

    #sidebar div.sidenav > ul li.subnav > span:hover {
		background:#00457c url('/_ext/www.processor.com/Content/siteart/arrow-down-white.png') right center no-repeat;
		color:#fff;	
	}

    #sidebar div.sidenav > ul li.subnav.arrow > span{
		background:#00457c url('/_ext/www.processor.com/Content/siteart/arrow-down-white.png') right center no-repeat;
		color:#fff;	
	}

    #sidebar div.sidenav > ul li ul li a:hover {
		background:#f1f1f1;
	}
}