@charset "utf-8";
/* GillSans Font Families */
@font-face{
font-family:"Gill Alt One MT";
src:url("/Fonts/f446785e-533b-4996-b8c2-382391fa736c.eot");
src:url("/Fonts/f446785e-533b-4996-b8c2-382391fa736c.eot?#iefix") format("embedded-opentype"),
url("/Fonts/fdfa3dfb-2cc3-47ca-b4cd-8db600777683.woff") format("woff"),
url("/Fonts/aba923dc-faf4-499d-8284-328f9bec803b.ttf") format("truetype"),
url("/Fonts/33642d2b-1704-4d30-9662-dbdc9483fc4e.svg#33642d2b-1704-4d30-9662-dbdc9483fc4e") format("svg");
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:"Gill Alt One MT Bold";
src:url("/Fonts/e9f0482b-32e2-4321-9b52-d82b6b6dfb50.eot");
src:url("/Fonts/e9f0482b-32e2-4321-9b52-d82b6b6dfb50.eot?#iefix") format("embedded-opentype"),
url("/Fonts/7de4d6a3-c840-497e-888e-8de54201a313.woff") format("woff"),
url("/Fonts/d77315a5-a6ce-44cc-a69b-5b00e301edb2.ttf") format("truetype"),
url("/Fonts/20f2674b-d880-4b5f-8ada-d8b33b24abf7.svg#20f2674b-d880-4b5f-8ada-d8b33b24abf7") format("svg");
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:"Gill Alt One MT Italic";
src:url("/Fonts/476deffb-2ae3-401f-b2da-16969c6d8c55.eot");
src:url("/Fonts/476deffb-2ae3-401f-b2da-16969c6d8c55.eot?#iefix") format("embedded-opentype"),
url("/Fonts/d10280b7-d575-4afd-b0a2-f91aa28baccb.woff") format("woff"),
url("/Fonts/7a336a15-f53b-412d-aa39-19c2800a34cf.ttf") format("truetype"),
url("/Fonts/f4818a68-bde8-4b1b-9770-2a4c71041fbd.svg#f4818a68-bde8-4b1b-9770-2a4c71041fbd") format("svg");
font-weight:normal;
font-style:normal;
}


/********* Page element styles */
ul, ol, dl {
    padding: 0;
    margin: 0;
}
ul li li {
    font-size:1em;
}
ol {
    margin-left:15px;
}
ol li {
    margin-left:5px;
    padding-left:10px;
}
a img {
    border: none;
}
h1 {
    font-size:1.7em;
    font-family:"Gill Alt One MT", Arial, Helvetica, sans-serif;
    letter-spacing:.5px;
}
h2, .col1 h2 {
    background: none repeat scroll 0 0 transparent;
    padding: 0;
    color: #911B1D;
    font-size: 1.2em;
}
h3 {
    background:none;
    padding:0;
    color:#8b6f26;
    font-size:1em;
}
/********* Note styles */
div.note p {
    line-height:normal !important;
    font-size:.7em;
    color:#676464;
}
div.note ul {
    line-height:normal !important;
}
div.note ul li {
    font-size:.7em;
}
/********* list and horizontal rule styles */
.mainbodycontent hr { /* set color and bg color to color of page (white) to create dotted effect */
    color:#fff;
    background-color:#fff;
    border:1px dotted #9bbb53;
    border-style: none none dotted;
    /*margin:0 0 1em 0;*/
}
.mainbodycontent ul,
.col1 ul {
    list-style-image:url(/assets/images/icons/tan_square.png);
    padding-left:25px;
    text-align:left;
    margin-bottom:15px;  /* AC added 6-14-13 */
}
.mainbodycontent ul ul, .col1 ul ul { /* added 9-4-13 */
    margin-bottom: 0;
    padding-left:30px;
}

.mainbodycontent ul ul li,
.col1 ul ul li {
    background:url(/assets/images/site/tan_square_nested.png) no-repeat 0 7px transparent;
    list-style-image: none;
    list-style-type: none;
    margin-left: -30px;
    padding-left: 15px;
}
.modernbricksmenu2 ul,
.modernbricksmenu ul { /* needed to override bullet styles above which are only for page content */
    float: left;
    list-style: none outside none;
    background:none;
    margin: 0;
    padding: 0;
}
.mainbodycontent ol {
    margin-left:15px;
    padding-left:15px;
}

/********** new form element styles */
select{
    font-size: 0.8em;
}
input, textarea, select{
    border: 1px solid #BFB69E;
    color: #666666;
    padding: 2px;
}
/************* new style for tables */
table { /* overrides arm table styles */
    background-color:#fff;
    border:1px solid #e6e6e6;
    font-size:12px;
    border-collapse:collapse;
    margin-top:10px;
    margin-bottom:10px;
}
table td.subhead,
table tr.alt td.subhead {
    background-color:#fff2e8;
    color:#333;
    /*border: 1px solid #cccccd;*/
    font-weight:bold;
    height:auto !important;
}
table td.hlite,
table tr.alt td.hlite {
    background-color:#fff2e8;
    color:#333;
    border: 1px solid #ffe5d1;
    height:auto !important;
}
table tr.alt td {
    background-color: #fff;
}
table tr.alt,
table td.alt {
    background-color:#fff;
    color:#666;
    padding:5px 10px;
    border: 1px solid #e6e6e6;
}
table td,
table tr {
    background-color:#f1f4f7;
    color:#666;
    padding:5px 10px;
    border: 1px solid #e6e6e6;
}
table th {
    color:#58595b;
    /*color:#fff;*/
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2U1ZWFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ1ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 1%, #e5eaf1 47%, #c8d5e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(47%,#e5eaf1), color-stop(100%,#c8d5e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#e5eaf1 47%,#c8d5e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 1%,#e5eaf1 47%,#c8d5e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 1%,#e5eaf1 47%,#c8d5e4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 1%,#e5eaf1 47%,#c8d5e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8d5e4',GradientType=0 ); /* IE6-8 */
    text-align:left;
    border: 1px solid #cccccd;
    padding:0 10px;
    line-height:1em;
    font-weight:bold;
}
table th {
    background-color:#808082;
    padding:10px;
}
:root table th {
    filter:none\9 ;
}
table td.bg,
table tr.bg {
    background-color:#f1f4f7 !important;
    color:#666;
    padding:5px 10px;
    border: 1px solid #e6e6e6;
}
/**** table styles for Processors landing page */

table.processor,
table.processor td, 
table.processor tr,
table.processor a {
    font-family:"Gill Alt One MT", Arial, Helvetica, sans-serif !important;
}

table.processor tr.alt td {
    background-color: #fff;
}
table.processor tr.alt,
table.processor td.alt {
    background-color:#fff;
    color:#fff;
    padding:0;
    border: none;
}
table.processor td,
table.processor tr {
    background-color:#fff;
    color:#fff;
    padding:5px;
    border: none;
    white-space: nowrap;
}
table.processor tr:first-child td {
    border:none;
}
table.processor a.noline {
    line-height:normal;
}
table.processor td#ca a.ca {
    padding-right:260px;
}
table.processor td#cr a.cr {
    padding-right:258px;
}
table.processor td#cm a.cm {
    padding-right:256px;
}
table.processor td#sc a.sc {
    padding-right:234px;
}
table.processor td#ca:hover a.ca {
    background-color:#13827b;
    padding-right:260px;
    padding-bottom:161px;
}
table.processor td#cr:hover a.cr {
    background-color:#4e5584;
    padding-right:258px;
    padding-bottom:42px;
}
table.processor td#cm:hover a.cm {
    background-color:#7b1675;
    padding-right:256px;
    padding-bottom:113px;
}
table.processor td#sc:hover a.sc {
    background-color:#0481a5;
    padding-right:234px;
    padding-bottom:42px;
}
table.processor td:hover a.ca {
    background-color:#13827b;
    padding:4px;
    margin-left:-4px;
}
table.processor td:hover a.cr {
    background-color:#4e5584;
    padding:4px;
    margin-left:-4px;
}
table.processor td:hover a.cm {
    background-color:#7b1675;
    padding:4px;
    margin-left:-4px;
}
table.processor td:hover a.sc {
    background-color:#0481a5;
    padding:4px;
    margin-left:-4px;
}

/******* processor infographics IE7 */
:first-child+html table.processor td#ca a.ca,
:first-child+html table.processor td#ca:hover a.ca {
    padding-right:210px;
}
:first-child+html table.processor td#cr a.cr,
:first-child+html table.processor td#cr:hover a.cr {
    padding-right:208px;
}
:first-child+html table.processor td#cm a.cm,
:first-child+html table.processor td#cm:hover a.cm {
    padding-right:206px;
}
:first-child+html table.processor td#sc a.sc,
:first-child+html table.processor td#sc:hover a.sc  {
    padding-right:184px;
}

/****** end processor table styles */

table#style1 { /* overrides arm table styles */
    background-color:#fff;
    border:1px solid #e6e6e6;
    font-size:12px;
    border-collapse:collapse;
    margin-top:10px;
}
table#style1 td.subhead,
table#style1 tr.alt td.subhead {
    background-color:#fff2e8;
    color:#333;
    border: 1px solid #cccccd;
    font-weight:bold;
    height:auto !important;
}
table#style1 td.hlite,
table#style1 tr.alt td.hlite {
    background-color:#fff2e8;
    color:#333;
    border: 1px solid #ffe5d1;
    height:auto !important;
}
table#style1 tr.alt td {
    background-color: #fff;
}
table#style1 tr.alt,
table#style1 td.alt {
    background-color:#fff;
    color:#666;
    padding:5px 10px;
    border: 1px solid #e6e6e6;
}
table#style1 td,
table#style1 tr {
    background-color:#f1f4f7;
    color:#666;
    padding:5px 10px;
    border: 1px solid #e6e6e6;
}
table#style1 th {
    color:#58595b;
    /*color:#fff;*/
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2U1ZWFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ1ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 1%, #e5eaf1 47%, #c8d5e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(47%,#e5eaf1), color-stop(100%,#c8d5e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#e5eaf1 47%,#c8d5e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 1%,#e5eaf1 47%,#c8d5e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 1%,#e5eaf1 47%,#c8d5e4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 1%,#e5eaf1 47%,#c8d5e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8d5e4',GradientType=0 ); /* IE6-8 */
    text-align:left;
    border: 1px solid #cccccd;
    padding:0 10px;
    line-height:1em;
    font-weight:bold;
}
table#style1 th {
    background-color:#808082;
    padding:10px;
    border-top:1px solid #cccccd;
    border-bottom:1px solid #cccccd;
}
:root table#style1 th {
    filter:none\9 ;
}
/********** for when tables are used for layout - no style will be visible */
table#noStyle {
    border:none;
    background-color:#fff;
    border-color:#fff;
    border-width:0;
    border-collapse:collapse;
}
table#noStyle td, table#noStyle th, table#noStyle tr.alt {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:#fff;
    border-style: none solid;
    border-width: 0;
    padding:5px 10px;
    background-color:#fff;
}
table#noStyle tr {
    border:none;
    background-color:#fff;
}
table#noStyle tr.alt td {
    background-color: #fff;
}
table#noStyle th {
    font-weight: normal;
}
/************* new style for event tables */
div.tableStyle2Container {
    width:auto;
    background-color:#f6f4f1;
    padding:10px 15px 15px 15px;
    margin:10px 0;
    border: 1px solid #ded9d3;
    zoom:1; /* this helps IE6 */
}
table#style2 { /* this rule is declared in IE6 & IE7 */
    border-color:#bfb69e;
    border-width:thin;
    font:12px Arial, Helvetica, sans-serif;
    border-collapse:collapse;
}
table#style2 td,
table#style2 tr {
    border: 1px solid #bfb69e;
    background-color:#fff;
    color:#666666;
    line-height:22px;
    padding:5px 10px;
}
table#style2 tr.alt,
table#style2 td.alt {
    background-color:#f7f7f7;
    color:#666;
    padding:5px 10px;
    border: 1px solid #bfb69e;
}
table#style2 tr.alt td {
    background-color:#f7f7f7;
}
table#style2 tr th {
    background:url(/assets/images/site/vendor_sprite.png) repeat-y left -200px transparent;
    border:1px solid #bfb69e;
    text-align:left;
    font-weight:bold;
    color:#666;
    padding:5px 10px;
    line-height:2em;
}
table#style2 th {
    background:url(/assets/images/site/vendor_sprite.png) repeat-y left -200px transparent;
    border:1px solid #bfb69e;
    text-align:left;
    font-weight:bold;
    color:#666;
    padding:5px 10px;
    line-height:2em;
}
table#style2 th a.noline img { /* for sorting arrows */
    float:none;
    margin-right:-4px;
    border-bottom:none;
    text-decoration:none;
}
table#style2 th p {
    margin:0;
}

/* end table styles */
/******* Begin new header, footer, cookie styles */
html {  /* NEW RULE ADDED 8-6-2012 */
    margin-right:2px;
    /* total width of body at 1024 equals 1005px, but min-width of body is set to 1003px; so, we must account for the extra 2 pixels using margin-right:2px. this removes the horizontal scrollbar at 1024 */
}
header, section, footer, aside, nav, article, figure {  /* Sets new HTML5 tags to display:block so browsers know how to render the tags properly. */
    display: block;
}
body { /* this rule is declared in IE6 and JA */ /* UPDATED RULE, ADDED 8-15-2012 */
    font: 1em Arial, Helvetica, sans-serif;
    max-width:1258px;
    min-width:1001px;
}
#body { /* this overrides arm_generic.css */
    margin-bottom:0;
}
#container { /* this rule is declared in IE6 and IE7, overrides arm_generic.css to prevent horiz scrollbar at min-width. max-width on body should be reduced by 1 px instead. */
    position:relative; /* needed so footer positioning will work */
}
#touchpane { /* this rule is declared in idevices.css */
    position:absolute; /* takes it out of document flow */
}
.colmask {  /* overrides arm_generic.css, adds padding at bottom of page for new footer */
    padding-bottom:20px;
}
#header { /* this rule is declared in IE6  */
    background: none;
    float: none;
    padding:0 10px 0 13px;
    position:relative;
    z-index:1000;
}
div#header-noJS { /* NEW RULE, ADDED 8-15-2012 for IE6 - IE8 with JS turned off */ /* this rule is declared in IE6 and IE7 */
    display:block;
    background: none;
    padding:0 10px 0 13px;
    position:relative;
    z-index:1000;
}
a#logo {
    margin:0 10px;
    width:100px;
    float:left;
    border-bottom:none;
}
div#tagline { /* for the future if we decide to use web fonts */
    font-family:"Gill Alt One MT";
    font-size:20px;
    float:left;
    position:relative;
    bottom:-10px;
}
div#contactMenu {   /* this rule is declared in JA */
    float:right;
    width:50%;
    position:relative;
    top:-7px;
    text-align:right;
    right:15px;
    display:inline;
    z-index:20; /* must remain higher than div#search z-index so language dropdown stays over the search bar */
}
div#contactMenu a:link,
div#contactMenu a:visited {
    color:#676464;
    border-bottom:none;
    text-decoration:none;
    font-size:.6em;
}
div#contactMenu a:hover,
div#contactMenu a:active {
    color:#0f758e;
}
div#contactMenu ul#language li.language a {
    padding-bottom:10px; /* helps user reach dropdown menu on hover */
}
div#contactMenu ul#language {
    list-style:none;
    float:right;
    position:relative;
    z-index:20; /* helps IE6 and IE7 - don't remove! */
    line-height:25px; /* helps vertically center this menu */
}
ul#language li {
    padding:0 5px;
    height:25px; /* controls the hover area */
    position:relative;
    display:inline;
    float:left;
}
ul#language li.language {
    background:url(/assets/images/site/region.png) no-repeat 0 0 transparent;
    padding-left:45px; /* makes room for region map image on left */
}
ul#language .dropdown { /* this rule is declared in IE6 and IE7 */
    position:absolute;
    left:-999em; /* hides dropdown */
    background-color:#fff;
    padding:5px 0;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
    border:1px solid #c5bbb2;
    border-top:none;
    text-align:left;
    z-index:20;
    float:right;
}
#contactMenu .dropdown ul {
    list-style:none;
    color:#676464;
    line-height:21px;
}
#contactMenu .dropdown ul li {
    padding:0 10px;
    height:auto;
    display:block;
    float:none;
}
#contactMenu li:hover .dropdown {
    left:42px;
    position:absolute;
    z-index:20; /* keep on top of search menu */
    padding-bottom:5px;
}
div#contactMenu ul li span.langArrow {
    background:url(/assets/images/site/langArrow.png) no-repeat 4px 4px transparent;
    padding-left:10px;
}
div#loginMenu {  /* this rule is declared in IE6 and IE7 and JA */
    right:0;
    position:relative;
    float:right;
    text-align:right;
    font-size:1.3em;
    font-weight:700;
    clear:right;
    line-height:.4em;
}
div#loginMenu .login_form .loginspacer{display:none;}
div#loginMenu a:link,
div#loginMenu a:visited {
    color:#0f758e;
    border-bottom:none;
    text-decoration:none;
    font-size:.6em;
    padding-bottom:0;
    line-height:1em;
}
div#loginMenu a:hover,
div#loginMenu a:active {
    color:#faa61a;
}
div#loginMenu div.loggedIn {  /* this rule is declared in IE6 and IE7 */
    font-size:.6em;
    color:#676464;
    display:inline;
    position:relative;
}
div#loginMenu div.userMenu {  /* NEW RULE ADDED 8-6-2012 */
    display:inline;
}
div#loginMenu a.pipe2:before {  /* this rule is declared in IE7 */
    content:"  |  ";
    color:#676464;
}
div#loginMenu a.pipe:after,
div#contactMenu a.pipe:after { /* this rule is declared in IE7 */
    content:"  |  ";
    color:#676464;
}
div#search { /* this rule is declared in IE6 and IE7 and JA */
    position:absolute;
    display:inline;
    top:44px;
    right:0;
    z-index:10; /* do not raise this number */
    height:25px;
    float: none;
    margin: 0;
    min-width: 0;
}
.hasPlaceholder { /* to style placeholder text in search field for non-supporting browsers */
    color: #848484;
}
div#search form {  /* remove this for implementation and remove like rule from arm_generic.css ... only here to override existing ARM styles */ /* this rule is declared in IE6 */
    position:relative; /* overrides arm_generic.css */
    bottom:0;
    display:block;
    left:0;
    top:0;
}
div#search input.inset {
   -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.4);
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.4);
   box-shadow: inset 0 1px 1px rgba(0,0,0,.24);
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    border:1px solid #c5bbb2;
    height:22px;
    width:13em;
    padding:0; /* THIS IS NEW, ADDED 7-25-2012 */
    padding-left:30px; /* repeating this declaration from below helps IE6 and IE7 - do not remove */
    line-height:22px; /* AC added 7-17-13 */
}
div#search input[type="search"] {
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.4);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    -webkit-border-radius:5px 5px 5px 5px;
    border:1px solid #c5bbb2;
    height:22px;
    width:11em;
    padding-left:30px; /* needed so user input does not run over filter button */
    padding-right:30px; /* prevents search text from overlapping magnifier icon */
    background-color:transparent;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ /* for Safari */
div#search input[type="search"] {
    height:26px;
    width:16em;
    -webkit-appearance: textfield;
}
}
div#search input[type="search"]:focus {
    outline:none; /* removes Safari's blue outer glow */
}
div#search input[type="search"]::-webkit-search-cancel-button { /* overrides Safari's default search field styling */
    -webkit-appearance: none; /* Remove default */
    height: 0;
    width: 0;
    background: transparent; /* hides small x that is Safari's default cancel search button */
}
div#search input.magBtn { /* this rule is declared in IE6 and IE7 */
    background:url(/assets/images/site/search_mag.png) no-repeat 4px 0 transparent;
    position:relative;
    right:28px;
    border:none;
    outline:none;
    cursor:pointer;
    border-left:1px dotted #e7e8e9;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    width:20px;
    padding:0;
    text-indent:-9999px;
    color:transparent; /* to hide the text in IE7 */
}
div#search li.filterBtn {
    background:url(/assets/images/site/langArrow.png) no-repeat 5px 5px transparent;
    border: 1px solid #E7E8E9;
    cursor: pointer;
    left:5px;
    top:5px;
    outline: none;
    position: relative;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    height:15px;
    width:20px;
    padding:0;
}
div#search fieldset {
    border:none;
    outline:none;
    background:none;
    margin-bottom:0;
    padding:2px 5px 5px 8px;
}
div#search legend {
    font-size:.9em;
    color:#676464;
    border:none;
    font-weight:normal;
    padding:0;
    padding-bottom:5px;
}
ul#searchFilter {
    list-style: none outside none;
    position: absolute;
    z-index: 25;
}
ul#searchFilter li {
    list-style:none;
    font-size:.8em;
    color:#676464;
}
div.searchDropdown {
    position:absolute;
    left:-999em;
    background-color:#fff;
    padding:5px 0;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
    border:1px solid #c5bbb2;
    text-align:left;
    z-index:20;
    top:0;
    width:12em; /* or 800% */
}
ul#searchFilter li:hover div.searchDropdown {
    position:absolute;
    left:20px;
}
/* the input rule below is to override arm_generic.css, but I would rather revise the final input rules, include them in arm_global.css, remove them from arm_generic.css vs. overriding them below */
div.searchDropdown ul li input {  /* this rule is declared in IE6 and IE7 */
    border:1px solid #fff;
}
/* breadcrumbs */
div#breadcrumbs {  /* this rule is declared in IE6 */
    margin-left:5px;
    margin-top:8px;
    width:75%; /* so they don't overlap social media icons */
    float:left;
    margin-bottom:8px;
}
div#breadcrumbs span {
    font-size:.6em;
    color:#808080;
    display:inline;
    float:left;
}
div#breadcrumbs ul,
div#breadcrumbs ul li {
    display:inline;
    list-style:none;
}
div#breadcrumbs ul li a:link,
div#breadcrumbs ul li a:visited,
div#breadcrumbs ul li a:hover,
div#breadcrumbs ul li a:active {
    color:#808080;
    font-size:.6em;
    display: block;
    float: left;
    padding: 0 6px;
    text-decoration: none;
    border-bottom:none;
    line-height:15px
}
div#breadcrumbs ul li a:hover,
div#breadcrumbs ul li a:active {
    color:#0f758e;
    cursor:pointer;
}
div#breadcrumbs ul li a:before { /* this rule is declared in IE7 */
    content: url(/assets/images/site/crumb_arrow.png);
    margin-right:10px;
}
div#breadcrumbs ul li.first a {
    background:url(/assets/images/site/crumb_home.png) no-repeat 0 0 transparent;
    text-indent:-999em;
    margin-left:5px;
    width:5px;
    height:11px; /* AC added 7-17-13 */
}
/* social media */
div#socialMedia {
    float:right;
    width:20%;
    text-align: right;
}
div#socialMedia ul#socialMediaIcons {
    list-style-type:none;
    display:inline;
    float:right;
}
div#socialMedia ul#socialMediaIcons li {
    border: 0 none;
    cursor: pointer;
    display: inline;
    float:left;
    list-style-type: none;
    margin-right:3px;
    width: 22px;
    height:20px;
}
div#socialMedia ul#socialMediaIcons li a {
    padding:10px;
    padding-top:0;
    padding-bottom:0;
    border-bottom:0;
}
/* NEW */
div#socialMedia li#navLinkedIn {
    background: url(/assets/images/site/LinkedIn.png) no-repeat top left transparent;
}
div#socialMedia li#navLinkedIn:hover {
    background: url(/assets/images/site/LinkedIn.png) no-repeat bottom left transparent;
}
/* END NEW */

div#socialMedia li#navTwitter {
    background: url(/assets/images/site/twitter.png) no-repeat top left transparent;
}
div#socialMedia li#navTwitter:hover {
    background: url(/assets/images/site/twitter.png) no-repeat bottom left transparent;
}
div#socialMedia li#navFacebook {
    background: url(/assets/images/site/facebook.png) no-repeat top left transparent;
}
div#socialMedia li#navFacebook:hover {
    background: url(/assets/images/site/facebook.png) no-repeat bottom left transparent;
}
div#socialMedia li#navYouTube {
    background: url(/assets/images/site/YouTube.png) no-repeat top left transparent;
}
div#socialMedia li#navYouTube:hover {
    background: url(/assets/images/site/YouTube.png) no-repeat bottom left transparent;
}
div#socialMedia li#navGoogle {
    background: url(/assets/images/site/google_plus.png) no-repeat top left transparent;
}
div#socialMedia li#navGoogle:hover {
    background: url(/assets/images/site/google_plus.png) no-repeat bottom left transparent;
}
div#socialMedia li#navSina {
    background: url(/assets/images/site/sina.png) no-repeat top left transparent;
}
div#socialMedia li#navSina:hover {
    background: url(/assets/images/site/sina.png) no-repeat bottom left transparent;
}
div#socialMedia ul#socialMediaIcons li#navYouKu {
    background: url(/assets/images/site/YouKu2.png) no-repeat top left transparent;
}
div#socialMedia ul#socialMediaIcons li#navYouKu:hover {
    background: url(/assets/images/site/YouKu2.png) no-repeat bottom left transparent;
}
/* BEGIN navigation */
div.outer { /* for rounded corner effect in IE6 - 8 if we go that route. top/bottom margin must be removed from menu for this to work */
    background-color: #c4c4c4;
    float:left;
    width:100%;
    padding:1px;
}
nav {
    border-bottom: 1px solid #D4D5D5;
    margin-bottom: 10px;
}
#menu ul,
#menu li {
    font-size:.95em;
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px; /* do NOT adjust */
    text-align:left;
}
#menu {  /* this rule is declared in IE6 and IE7 */
    list-style:none;
    margin:5px auto;
    height:35px;
    padding:0;
    width:100%; /* helps IE6 and IE7 */
    clear:both; /* helps IE6 and IE7 */
}
div#menu {  /* NEW RULE, ADDED 8-15-2012 */ /* this rule is declared in IE6 and IE7 */
    display:block;
}
#menu li {
    float:left;
    display:block;
    text-align:center;
    position:relative;
    padding: 7px 20px;
}
#menu li:hover {
    padding-bottom:13px; /* increase padding to cover line, create tab appearance */
}
#menu li.first:hover {
}
#menu li a {  /* this rule is declared in JA */
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#676464; /* dark grey */
    display:block;
    text-decoration:none;
    text-shadow: 1px 1px 0 #fff;
    border-bottom:none;
}
#menu li:hover a {
    color:#0f758e;
    text-shadow: none;
}
#menu li ul {
    list-style:none;
    padding:0;
    margin:0 0 10px 0;
}
#menu li ul li {
}
#menu li ul li:hover {
}
#menu ul ul.sub li {
}
#menu ul ul.sub ul {
}
#menu ul ul.sub li a:link,
#menu ul ul.sub li a:visited {
}
#menu ul ul.sub li a:hover,
#menu ul ul.sub li a:active {
}
#menu ul ul.sub li ul li a {
}
#menu ul ul.sub ul li.more a:link,
#menu ul ul.sub ul li.more a:visited {
}
#menu ul ul.sub ul li.more a:hover,
#menu ul ul.sub ul li.more a:active {
    color:#faa61a;
}
.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
    display: none;
}
.dropdown_2columns {width: 500px;} /* declared in arm_global_ja.css */
.dropdown_3columns {width: 735px;} /* original 750px, reduced slightly for iPad */
#menu li:hover .dropdown_2columns {
    left:-1px; /* width of border on nav elements */
}
#menu li:hover .dropdown_3columns {
    left:-1px; /* width of border on nav elements */
}
.col_1,
.col_2 {
    display:inline;
    float: left;
    position: relative;
    margin:0 5px;
    padding:0;
    background-color:transparent;
    margin-bottom:10px;
}
.col_1 {
    width:28%;
}
.col_1.middle {
    border-left:1px dotted #c7bfb7;
    border-right:1px dotted #c7bfb7;
    padding:0 4%;
    margin:0 3% 0 0;
}
.col_2 {
    width:42%;
    border-right: 1px dotted #c7bfb7;
    margin-right:3%;
    padding-right:3%;
}
.col_2.last {
    border-right:none;
    margin-right:0;
    padding-right:0;
    margin-left:2%;
    padding-left:2%;
}
#prodDS,
#prodInfo {
    position:relative;
    float:left;
    width:170px;
    height:60px;
}
#prodInfo {
    clear:both;
    margin-top:10px;
}
#prodInfo button.reqInfoBtn { /* this rule is declared in IE6 and IE7 */
    background: url(/assets/images/site/product_info_button.png) no-repeat scroll left top transparent;
    color: transparent;
    cursor: pointer;
    height: 25px;
    line-height: normal;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 167px;
}
#prodInfo button.reqInfoBtn:hover {
    background:url(/assets/images/site/product_info_button.png) no-repeat bottom left transparent;
}
#prodInfo button.reqInfoBtn span {
    color:#000;
    font-size:12px;
    padding-left:5px;
}
#prodInfo button.reqInfoBtn:hover span {
    color:#283460;
}
#findPartner {
    width:105%;
}
#findPartner h3 {
    color: #128cab;
    font-size:.95em;
    margin:0 0 8px 0;
    display:inline;
}
#findPartner p.recent {
    font-size:.75em;
    color:#666;
    margin:10px 0 0 0;
    padding:0;
    line-height:normal;
}
#findPartner #recentPartner h4 {
    margin:0;
    font-size:.8em;
}
#findPartner #recentPartner p {
    line-height:normal;
    font-size:.75em;
}
#findPartner #partnerLinks a {
    font-size:.8em;
    display:inline;
    text-shadow:none;
}
#findPartner #partnerLinks a:hover {
    color:#faa61a;
}
#findPartner img.connectLogo {
    border:none;
    float:right;
}
#menu .menuBtm {  /* this rule is declared in IE6 */
    float: left;
    position: relative;
    margin:0 5px;
    padding:10px;
    background-color:transparent;
    width:100%; /* extends menu over right padding to the edge */
    background-color:#128cab;
    margin:0 -10px;
    margin-bottom:-10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius:  0 0 10px 10px;
    border-radius:  0 0 10px 10px;
}
#menu .menuBtm .colLeft {
    width:49%;
    float:left;
    padding-right:8px;
    border-right:1px dotted #c4c4c4;
}
#menu .menuBtm .colRight { /* this rule is declared in IE6 and IE7 */
    width:49%;
    float:right;
    clear:right;
}
#menu .menuBtm div.productsContainerLeft,
#menu .menuBtm div.productsContainerRight {
    position:relative;
    min-height:90px;
    border:1px solid #807264;
    padding:5px;
    margin-left:5px;
    background-color: #fff;
    zoom:1;
}
#menu .menuBtm div.productsContainerRight {
    margin-right:5px;
}
#menu .menuBtm div.productsContainerLeft h5,
#menu .menuBtm div.productsContainerRight h5 {
    color:#128cab;
    font-size:1em;
    line-height:normal;
    font-weight:bold;
    text-shadow:none;
    margin:0;
    padding:0;
}
#menu .menuBtm div.armTrainingContainer { /* this rule is declared in IE6 */
    position:relative;
    min-height:90px;
    border:1px solid #807264;
    padding:5px;
    background:url(/assets/images/site/arm_approvedtrain_logo.png) no-repeat 5px 5px #fff;
}
#menu .menuBtm div.armTrainingContainer div.armTrainingPost {
    margin-left:80px;
    display:inline-block;
}
#menu .menuBtm div.armTrainingPost h5 {
    color:#128cab;
    font-size:1em;
    font-weight:bold;
    text-shadow:none;
    margin:0;
    padding:0;
}
#menu .menuBtm div.armTrainingPost a {
    font-size:12px;
}
#menu .menuBtm div.armTrainingPost a.courseList,
#menu .menuBtm div.armTrainingPost a:visited.courseList {
    color:#0f758e;
    text-align:right;
    position:absolute;
    top:5px;
    right:5px;
    padding-right:20px;
    background: url(/assets/images/site/courseList_arrow.png) no-repeat top right transparent;
    height:13px;
    line-height:15px;
}
#menu .menuBtm div.armTrainingPost a:hover.courseList,
#menu .menuBtm div.armTrainingPost a:active.courseList {
    border-bottom:none;
    color:#faa61a;
    background: url(/assets/images/site/courseList_arrow.png) no-repeat bottom right transparent;
}
#menu .menuBtm .armTwitter {
    display:inline-block;
    width:100%;
    margin-left:3px;
    margin-right:3px;
}
#menu .menuBtm div.colLeft div.armTwitter{
    margin-left:0;
    margin-right:0;
}
/************* NEW RULES, ADDED 8-15-2012 ... Begin no-JS rules for HTML5 aside element (IE6 - IE8) */
div.menuBtm-noJS {  /* this rule is declared in IE6 and IE7 */
    display:block;
}
#menu div.menuBtm-noJS {  /* this rule is declared in IE6 */
    float: left;
    position: relative;
    margin:0 5px;
    padding:10px;
    background-color:transparent;
    width:100%; /* extends menu over right padding to the edge */
    background-color:#128cab;
    margin:0 -10px;
    margin-bottom:-10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius:  0 0 10px 10px;
    border-radius:  0 0 10px 10px;
}
#menu div.menuBtm-noJS .colLeft {
    width:48%;
    float:left;
}
#menu div.menuBtm-noJS .colRight { /* this rule is declared in IE6 and IE7 */
    width:51%;
    border-left:1px dotted #c4c4c4;
    float:right;
    clear:right;
}
#menu div.menuBtm-noJS div.productsContainerLeft,
#menu div.menuBtm-noJS div.productsContainerRight {
    position:relative;
    min-height:90px;
    border:1px solid #807264;
    padding:5px;
    margin-left:5px;
    background-color: #fff;
    zoom:1;
}
#menu div.menuBtm-noJS div.productsContainerRight {
    margin-right:5px;
}
#menu div.menuBtm-noJS div.productsContainerLeft h5,
#menu div.menuBtm-noJS div.productsContainerRight h5 {
    color:#128cab;
    font-size:1em;
    line-height:normal;
    font-weight:bold;
    text-shadow:none;
    margin:0;
    padding:0;
}
#menu div.menuBtm-noJS div.armTrainingContainer { /* this rule is declared in IE6 */
    position:relative;
    min-height:90px;
    border:1px solid #807264;
    padding:5px;
    background:url(/assets/images/site/arm_approvedtrain_logo.png) no-repeat 5px 5px #fff;
}
#menu div.menuBtm-noJS div.armTrainingContainer div.armTrainingPost {
    margin-left:80px;
    display:inline-block;
}
#menu div.menuBtm-noJS div.armTrainingPost h5 {
    color:#128cab;
    font-size:1em;
    font-weight:bold;
    text-shadow:none;
    margin:0;
    padding:0;
}
#menu div.menuBtm-noJS div.armTrainingPost a {
    font-size:12px;
}
#menu div.menuBtm-noJS div.armTrainingPost a.courseList,
#menu div.menuBtm-noJS div.armTrainingPost a:visited.courseList {
    color:#0f758e;
    text-align:right;
    position:absolute;
    top:5px;
    right:5px;
    padding-right:20px;
    background: url(/assets/images/site/courseList_arrow.png) no-repeat top right transparent;
    height:13px;
    line-height:15px;
}
#menu div.menuBtm-noJS div.armTrainingPost a:hover.courseList,
#menu div.menuBtm-noJS div.armTrainingPost a:active.courseList {
    border-bottom:none;
    color:#faa61a;
    background: url(/assets/images/site/courseList_arrow.png) no-repeat bottom right transparent;
}
#menu div.menuBtm-noJS .armTwitter {
    display:inline-block;
    width:100%;
    margin-left:3px;
    margin-right:3px;
}
/************* End no-JS rules for HTML5 aside element */
/* Rules for Twitter Ticker */
.tweet,
.query {
    color: #085258;
}
    #menu ul.tweet_list {
        -webkit-border-radius: 0.5em;
        -moz-border-radius: 0.5em;
        /* MA 20121002 border-radius: 0.5em;*/
        list-style: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        /* MA 20122102 height: 70px;*/
        background-color: white;
        /* MA 20122102 */
        height:80px;
        border-radius:5px;
        margin-bottom:0;
        position:relative;
        /* MA 20122102 */
    }
        .tweet_list li {
            overflow-y: auto;
            overflow-x: hidden;
            padding: 0.5em;
            list-style-type: none;
        }
        #menu li.tweet_even,    #menu li.tweet_odd {
        background-color: white;
        color: black;
    font-size: 0.8em;
    line-height: 15px;
    margin-bottom: 20px;
    padding: 5px;
        }
/* MA 20121002 */
#menu li.tweet_even:hover, #menu li.tweet_odd:hover {  
    margin-bottom:20px;
    padding:5px;
}
/* MA 20121002 */        
        #menu li.tweet_even a,    #menu li.tweet_odd a,
        #menu li.tweet_even a:hover,    #menu li.tweet_odd a:hover,
        #menu li.tweet_even a:link,    #menu li.tweet_odd a:link,
        #menu li.tweet_even a:visited,    #menu li.tweet_odd a:visited,
        #menu li.tweet_even a:active,    #menu li.tweet_odd a:active {
          color: #0F758E;
            position: static;
        }
        .tweet_list .tweet_avatar {
            padding-right: .5em; float: left;
        }
            .tweet_list .tweet_avatar img {
                vertical-align: middle;
            }
/* rules for blog feed */
#menu div.colRight ul.blogTicker,
#menu div.colLeft ul.blogTicker {
    width:358px;
    height: 80px;
    overflow: hidden;
    margin:0 5px 0 8px;
    background-color:white;
    border-radius:3px;
}
#menu div.colRight ul.blogTicker{
    margin-left:3px;
    margin-right:0;
}
#menu div.colLeft ul.blogTicker{
    margin-left:0;
}
#menu div.colRight ul.blogTicker li,
#menu div.colLeft ul.blogTicker li
 { /* this rule is declared in IE6 and IE7 */
    border-bottom:1px dotted #999;
    border-right:0;
    border-right:none;
    padding:5px 0;
    margin:0 5px;
    clear:both; /* AC added 7-17-13 */
}
#menu div.colRight ul.blogTicker li:hover,
#menu div.colLeft ul.blogTicker li:hover {  /* needed to override other #menu rules */
    border-bottom:1px dotted #999;
    border-right:0;
    padding:5px 0;
    margin:0 5px;
}
#menu div.colRight ul.blogTicker li p.desc,
#menu div.colLeft ul.blogTicker li p.desc {
    color:#606060;
}
#menu div.colRight ul.blogTicker li a,
#menu div.colRight ul.blogTicker li a:visited,
#menu div.colLeft ul.blogTicker li a,
#menu div.colLeft ul.blogTicker li a:visited  {
    color:#0f758e;
    border-bottom:none;
    text-decoration:none;
    font-size:11px;
    font-weight:normal;
    line-height:normal;
}
#menu div.colRight ul.blogTicker li a:hover,
#menu div.colRight ul.blogTicker li a:active,
#menu div.colLeft ul.blogTicker li a:hover,
#menu div.colLeft ul.blogTicker li a:active  {
    border-bottom:1px dotted #0f758e;
}
#menu div.colRight ul.blogTicker li img.photo,
#menu div.colLeft ul.blogTicker li img.photo
 {
    float:left;
    padding:5px;
    margin-right:5px;
}
#menu div.colRight ul.blogTicker li div.nexttophoto,
#menu div.colLeft ul.blogTicker li div.nexttophoto {
    margin-left:40px;
}
/* rules for various dropdown pane inclusions */
#menu .menuBtm div.marketsContainer { /* this rule is declared in IE6 */
    position:relative;
    background-color:#fff;
    min-height:125px; /* to accommodate ARM powered product images */
    border:1px solid #807264;
    padding:5px;
}
#menu .menuBtm div.marketsContainer div#appImage {  /*THIS RULE WAS UPDATED 7-27-2012 */
    position:absolute;
    right:10px;
    bottom: 5px;
    width: 135px;
    height: auto;
    text-align: center;
}
#menu .menuBtm div.marketsContainer div.marketsPost {  /*THIS RULE WAS UPDATED 7-27-2012 */
    display: inline-block;
    margin-right: 145px;
    padding: 10px;
    width: 330px;
}
#menu .menuBtm div.marketsPost h5 {
    color:#128cab;
    font-size:1.8em;
    font-weight:bold;
    text-shadow:none;
    margin-bottom:20px;
    margin-top:0;
    padding:0;
}
#menu .menuBtm div.marketsPost p {
    font-size:1.3em;
    padding-top:5px;
}
#menu .menuBtm div.marketsPost a {
    font-size:.7em;
}
#menu .menuBtm div.marketsPost p.prodName {
    display:none;
}
#menu .menuBtm div.hotJobsContainer {
    border:1px solid #807264;
    padding:5px;
    margin:10px;
    background:url(/assets/images/site/hot_jobs_logo.png) no-repeat 0 0 #fff;
    zoom:1;
    min-height:65px;
}
#menu .menuBtm div.hotJobsContainer div.hotJobPost {
    margin-left:140px;
    display:inline-block;
}
#menu .menuBtm h2 {
    color:#fff;
    font-size:1.2em;
    text-shadow:none;
    padding:0;
}
#menu .menuBtm h3 {
    color:#fff;
    font-size:.8em;
    text-shadow:none;
    padding:0;
    line-height:normal;
    margin-bottom:10px;
}
#menu .menuBtm div.hotJobPost h5 {
    color:#dc7542;
    font-size:1em;
    font-weight:bold;
    text-shadow:none;
    margin:0;
    padding:0;
}
#menu .menuBtm p {
    color:#000;
    font-size:.8em;
    text-shadow:none;
    margin:0;
    padding:0;
    line-height:normal;
}
#menu .menuBtm a:link,
#menu .menuBtm a:visited,
#menu .menuBtm a:hover,
#menu .menuBtm a:active {
    color:#faa61a;
    text-shadow:none;
    display:inline;
}
#menu .menuBtm a:hover,
#menu .menuBtm a:active {
    color:#283460;
    border-bottom:1px dotted #283460;
}
#menu .menuBtm div.productsContainerLeft h5 > a:link,
#menu .menuBtm div.productsContainerLeft h5 > a:visited,
#menu .menuBtm div.productsContainerRight h5 > a:link,
#menu .menuBtm div.productsContainerRight h5 > a:visited {  /* NEW RULE, ADDED 8-15-2012, must come after the above rule! */
    color:#128cab !important;
    border-bottom:none;
    text-decoration:none;
}
#menu .menuBtm div.productsContainerLeft h5 > a:hover,
#menu .menuBtm div.productsContainerLeft h5 > a:active,
#menu .menuBtm div.productsContainerRight h5 > a:hover,
#menu .menuBtm div.productsContainerRight h5 > a:active{  /* NEW RULE, ADDED 8-15-2012, must come after the above rule! */
    color:#283460 !important;
    border-bottom:1px dotted #283460;
}
#menu .menu_right { /* this rule is declared in IE6 and IE7 */
    float:right;
    margin-right:0;
}
#menu li .align_right {
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius:  0 0 10px 10px;
    border-radius:  0 0 10px 10px;
}
#menu li:hover .align_right {
    left:auto;
    right:-1px;
    margin:0 auto;
}
#menu p {  /* this rule is declared in JA */
    font-family:Arial, Helvetica, sans-serif;
    line-height:22px;
    font-size:1em;
    text-align:left;
    text-shadow:none;
    margin:0 0 10px 0;
}
.imgshadow {
    background:#FFFFFF;
    padding:4px;
    border:1px solid #777777;
    margin-top:5px;
    -moz-box-shadow:0px 0px 5px #666666;
    -webkit-box-shadow:0px 0px 5px #666666;
    box-shadow:0px 0px 5px #666666;
}
.img_left {
    float:left;
    margin:10px;
    border:1px solid #807264;
}
.img_right {
    float:right;
    margin:10px;
    border:1px solid #807264;
}
img.center {
    margin:5px auto;
    border:1px solid #807264;
    text-align:center;
    display:block;
    width:auto;
}
/************** Footer for all internal pages */
#footerSlideContainer {  /* this rule is declared in IE6 and IE7 and JA */
    position: relative; /* was absolute - need to change this in JS */
    height: 160px; /* was non existent - need to remove in JS? */
    z-index:200;
    bottom:0;
    background-color:#1b1818;
    border:1px solid #6b6b6b;
    -moz-opacity:.80;
    filter:alpha(opacity=80);
    opacity:.80;
    border-top:3px solid #faa61a;
    overflow:hidden;
    left:5px;
    right:0;
}
#footerSlideButton {  /* this rule is declared in IE6 */
    background: url(/assets/images/site/footer_arrow_sprite.png) top left no-repeat transparent;
    position: relative;
    bottom: -6px;
    margin:0 auto;
    width:26px;
    height:13px;
    border: none;
    cursor: pointer;
    display: none; /* Hide to begin with */
}
#footerSlideContent {
    height: 175px; /* Was 12px, but we need to show fully expanded first */
    background-color:#1b1818;
    color: black;
    font-size: 1em;
    border: none;
}
#footerSlideText {
    padding: 15px;
    padding-top:10px; /* Was 20px, need unles JS and not home */
    overflow:hidden;
    margin-left:120px;
}
#footer {
    position:relative;
    width:99%;
    height:30px;
    margin: 3px 0 0 5px;
    color: #E0DAD2;
}
#footer p {
    font-size:80%;
    line-height:23px;
    color: #E0DAD2;
    margin:0;
}
#footerSlideContent a {
    color:#fff;
    font-weight:bold;
    border-bottom:none;
}
#footerSlideContent a:hover {
    color:#faa61a;
    font-weight:bold;
}
#footer #copyr {
    color:#fff;
    text-align:right;
    float:right;
    margin-left:15px;
    font-size:.8em;
}
a.grey {
    /*color: #181b18;*/
    color: #e0dad2;
}
a:hover.grey {
    color: #faa61a;
}
/********** COOKIE MODULE */
#cookieStatus { /* this rule is declared in IE6 */
    float:left;
    width:70px;
    margin-left:10px;
}
#footer .fleft > a, 
#footer .fleft > a:visited, 
#footer .fleft > a:hover, 
#footer .fleft > a:active { /* this rule is declared in IE6 */
    color: #E0DAD2;
    border: 0 none;
    text-decoration: none;
    font-size:80%;
    line-height:23px;
}
#footer .fleft > a:hover, 
#footer .fleft > a:active { /* this rule is declared in IE6 */
    color:#ff9845;
}
#strictlyNecessary, #performanceFunctionality, #targetAdvertise {
    width:20px;
    height:20px;
    float:left;
    margin-right:3px;
    cursor:pointer;
}
#sn, #pf, #ta { /* this rule is declared in IE6 and IE7 */
    background-color:#fefcd8;
    color: #000000;
    font-size:11px;
    display: none;
    padding: 10px;
    position: absolute;
    left:5px;
    bottom:40px;
    width: 300px;
    z-index: 1001;
}
#pf { /* this rule is declared in IE6 and IE7 */
    left:29px;
}
#ta { /* this rule is declared in IE6 and IE7 */
    left:51px;
}
.pointer { /* this rule is declared in IE6 and IE7 */
    background: url(/assets/images/site/pointer.png) no-repeat left bottom transparent;
    width:7px;
    height:6px;
    position:absolute;
    bottom:-6px;
}
#cookieStatus .set {
    background:url(/assets/images/site/cookie-sprite.png) no-repeat top left transparent;
}
#cookieStatus .notSet {
    background:url(/assets/images/site/cookie-sprite.png) no-repeat bottom left transparent;
}
/********* cookie module */
#cookiemodule { /* this rule is declared in IE6 */
    border-radius: 5px;
    bottom: 70px;
    display: none;
    left: 10px;
    position: fixed;
    z-index: 999;
}
.modouter { 
    background-color: #fefefe;
    border-radius: 5px;
    box-shadow: 2px 3px 5px rgba(72, 72, 72, 0.8);
    opacity: 0.9;
    padding: 2px;
    position: relative;
    width: 290px;
    z-index: 1;
}
.modinner { /* this rule is declared in IE7 */
    background-color: #606A96;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    z-index: 2;
    padding: 5px;
}
*:first-child+html .modouter .modinner {
    margin-bottom:0 !important;
}
.modinner h5 {
    color: #ffffff;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0;
    padding: 10px 3px 3px;
    text-align: center;
}
p.whiteTitle {
    color: #ffffff;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0;
    padding: 10px 3px 3px;
    text-align: center;
}
#cookieSettingsModal p.redTitle {
    color: #911b1d;
    font-size: 1.2em;
    padding: 0;
    margin: 0.8em 0 0.2em;
    font-weight:bold;
}
p.blackTitle {
    margin: 10px 0;
    font-size:16px;
    font-weight:700;
    color:#000000;
    line-height:20px;
}
.modinner p {
    color: #FFFFFF;
    font-size: 12px;
    line-height: normal;
    margin: 5px;
    padding: 0;
    text-align:center;
}
#cookiemodule .modinner a, #cookiemodule.modinner a:visited,
#cookiemodule .modinner a:hover, #cookiemodule .modinner a:active {
    border-bottom: medium none;
    color: #ff9845;
    text-decoration: none;
    font-size:12px;
    line-height:normal;
}
#cookiemodule .modinner a:hover, .modinner a:active {
    color: #E0DAD2;
}
.modinner button {
    background-color: #ff9845;
    border: 1px solid #666666;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px #FFFFFF inset;
    color: #2D093A;
    cursor: pointer;
    display: block;
    font-size: 1em;
    font-weight: bold;
    line-height: normal;
    padding: 3px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
}
.modinner button#cookieSettings {
    background-color: #ff9845;
    border-radius: 8px;
    color: #000000;
    font: bold 12px Arial,Helvetica,sans-serif;
    margin: 10px auto;
    padding: 5px 15px;
    border:1px solid #ededed;
    width: auto;
    /*added 23-01-2014 as part of proposed changes*/
    background:url(/assets/images/site/cookie_btn_close.png) no-repeat 5px center #ff9845;
    padding-left:25px;
    box-shadow: 0 0 2px #FFFFFF inset;
    cursor: pointer;
    display: block;
    text-align: center;
    text-decoration: none;
    text-shadow: none;

}
.modinner button#cookieSettings:hover {
    background-color:#ffb274;
    background-color: #E0DAD2;
}
#modal.genericModal {
     background-color:white;
    border-radius:5px;
}
/** STYLES BELOW ARE CTITICAL TO THE MODAL WINDOW DISPLAY, MOVED FROM ARM-TEMPLATE.CSS ON 8/10/2013   ***/
/************* Video Modal Window styles */
#mask {  /* masking for modal window */
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index:1000; /* must be a value larger than nav and footer */
}
#modal {
    position:absolute;
    background:none;
    border:none;
    padding:0;
    z-index:1010;
}
#modal #content {
    border:none;
    background:none;
    padding:0;
}
#modal #contentwithpadding {
    border-radius:8px;
    background:#fff;
    padding:20px;
}
#modal #content #video {
    background-color:none;
}
#modal a#close {  /* modal close button */
    position:absolute;
    background:url(/assets/images/site/video_close_btn_sprite.png) 0 0 no-repeat;
    display:block;
    text-indent:-9999px;
    top:-15px;
    right:-15px;    
    width: 33px;
    height: 33px;
    z-index: 1011;  
    position: absolute; 
    text-decoration: none;
    border: none;
    cursor:pointer;
}
#modal a#close:hover {
    background:url(/assets/images/site/video_close_btn_sprite.png) no-repeat right bottom transparent;
}
/** END ARM TEMPLATE  **/

/** Cookie Styles **/

#cookieSettingsModal p.mirrorH1 {      
    font-family: "Gill Alt One MT",Arial,Helvetica,sans-serif;
    font-size: 1.7em;
    font-weight: bold;
    letter-spacing: 0.5px;
}
 
#cookieSettingsModal { /* this rule is declared in IE6 and IE7 */
    border-radius:5px;
    background-color:#e6e6e6;
    border:3px solid #cccccd;
    padding:15px;
    float:left;
}
#cookieSettingsModal blockquote {
    margin-left:8px;
}
#cookieSettingsModal p {
    font-size:12px;
    line-height:normal;
    margin-left:5px;
}
#cookieSettingsCnt {
    background-color:#fff;
    width:582px;
}
#cookieSettingsCnt h4 {
    margin-top:10px;
    margin-bottom:10px;
}
#horzListController { /* this rule is declared in IE6 and IE7 */
    height:163px;
    border:3px solid #4e5584;
    background-color:#4e5584;
    padding-left:6px;
    padding-top:6px;
}
#horzListController ul {
    list-style:none;
    list-style-type:none;
    margin-left:0;
}
#horzListController ul li { /* this rule is declared in IE6 */
    color:#000;
    list-style:none;
    list-style-type:none;
    float:left;
    width:32.6%; 
    text-align:center;
    border:1px solid #4e5584;
    background-color:#cccccd;
}
#horzListController ul li.selected {
    background: #afbed4; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2FmYmVkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTU1ODQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #afbed4 1%, #4e5584 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#afbed4), color-stop(100%,#4e5584)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #afbed4 1%,#4e5584 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #afbed4 1%,#4e5584 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #afbed4 1%,#4e5584 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #afbed4 1%,#4e5584 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afbed4', endColorstr='#4e5584',GradientType=0 ); /* IE6-8 */
}
#horzListController ul li.notselected {
    color:#000;
    list-style:none;
    list-style-type:none;
    float:left;
    text-align:center;
    border:1px solid #4e5584;
    background-color:#cccccd;
}
#horzListController li a,
#horzListController li a:visited {
    text-decoration:none;
    border-bottom:none;
    position:relative;
    bottom:-11px;
    z-index:20;
    display:block;
    height:156px;
    cursor:pointer;
}
#horzListController li a:hover,
#horzListController li a:active {
    text-decoration:none;
    border-bottom:none;
}
#horzListController li a.selected { /* this rule is declared in IE6 */
    background:url(/assets/images/site/cookie-arrow.png) no-repeat center bottom transparent;
    text-decoration:none;
    border-bottom:none;
}
div.inactive {
    background:url(/assets/images/site/cookie-lock-sprite.png) no-repeat center -77px transparent;
    height:70px;
}
div.active { /* this rule is declared in IE6 */
    background:url(/assets/images/site/cookie-lock-sprite.png) no-repeat center top transparent;
    height:70px;
}
#cookieSettingsModal div.active p,
#cookieSettingsModal div.inactive p  { /* this rule is declared in IE6 */
    color:#e6e6e6;
    font-size:15px;
    padding-top:80px;
    font-weight:bold;
}
#cookieSettingsModal div.inactive p {
    color:#666;
}
#cookieSettingsModal div.active:hover p,
#cookieSettingsModal div.inactive:hover p {
    color:#000;
}
#cookieContent1, #cookieContent2, #cookieContent3 {
    background-color:#fff;
    padding:15px;
    float:left;
    width:94%;
    margin-top:1px;
    height:265px;
    position:relative;
    border-bottom:none;
    padding-bottom:0;
}
.websiteWill, .websiteWont {
    float:left;
    width:50%;
}
ul.checkmark, ul.greycheckmark {
    margin-left:10px;
    font-size:12px;
}
ul.checkmark li, ul.greycheckmark li, .websiteWont ul {
    list-style:none;
    list-style-type:none;
    list-style-image: url(/assets/images/site/greencheckmark.png);
    margin-left:20px;
    padding-left:5px;
}
ul.greycheckmark li {
    list-style-image:url(/assets/images/site/greycheckmark.png);
    margin-left:10px;
}
.websiteWont ul {
    list-style-image:none;
}
.buttonCnt { /* this rule is declared in IE6 */
    position:relative;
    border:1px solid black;
}
.buttonCnt p {
    padding-left: 5px;
}
button.settings{
    background-color: #ff9845;
    border-radius: 8px;
    color: #000000;
    font: bold 12px Arial,Helvetica,sans-serif;
    margin: 10px auto;
    padding: 5px 15px;
    border:1px solid #ededed;
    width: auto !important;
}
button.settings:hover {
    background-color:#ffb274;
    background-color: #E0DAD2;
}
button.saveSettings, button.cancelSettings {
    background-color: #ff9845;
    border-radius: 8px;
    color: #000000;
    font: bold 12px Arial,Helvetica,sans-serif;
    margin: 10px auto;
    padding: 5px 15px;
    border:1px solid #ededed;
    width: auto !important;
}
button.saveSettings:hover,  button.cancelSettings:hover {
    background-color:#ffb274;
    background-color: #E0DAD2;
}
.clear {
    clear:both;
}
div.hideAdobe {
    display: none;
}
/* CPU text fixes */
.cputext h2 a:link,
.cputext h2 a:visited,
.cputext h2 a:hover,
.cputext h2 a:active,
.mainbodycontent h2 a:link,
.mainbodycontent h2 a:visited,
.mainbodycontent h2 a:hover,
.mainbodycontent h2 a:active,
h2.chevron a:link,
h2.chevron a:visited,
h2.chevron a:hover,
h2.chevron a:active {
    background:none;
    padding:0;
    font-size: 1em;
    color: #911b1d;
    border-bottom:1px dotted #911b1d;
    text-decoration:none;
}
.cputext h2 a:hover,
.cputext h2 a:active,
.mainbodycontent h2 a:hover,
.mainbodycontent h2 a:active,
h2.chevron a:hover,
h2.chevron a:active {
    color:#faa61a;
    border-bottom:1px dotted #faa61a;
}

/******* new pdf icon for links */

a.pdfIcon {
    background: url('/assets/images/site/pdf-icon.png') no-repeat scroll right top transparent;
    border-bottom: medium none;
    height: 27px;
    padding: 5px 30px 5px 0;
    text-decoration: none;
    width: 27px;
}


/***** TEMP CSS FOR EBOOK PAGE UNDER COMPANY PROFILE */

ol.mod {  /* this rule is declared in IE6 and IE7 */
    counter-reset: li;
    margin-left: 20px;
    padding-left: 0;
    color: #696A72;    
    font-size:.9em;
    line-height:18px;    
}
*html ol.mod {
    margin-left:25px;
}
*:first-child+html ol.mod {
    margin-left:0;
}
ol.mod > li {  /* this rule is declared in IE7 */
    background: none;
    border-top: 1px dotted #e4e4e4;
    list-style: none outside none;
    margin: 0 0 2px 2em;
    padding: 8px;
    position: relative;
}
*:first-child+html ol.mod > li {
    border-top:2px dotted #e4e4e4;
    list-style-type:decimal; /* DO NOT DELETE, needed for numbers to show as fallback */
}
ol.mod > li:before {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #9A8B7C;
    color: #FFFFFF;
    content: counter(li, decimal);
    counter-increment: li;
    font-family: "Gill Alt One MT",Arial,sans-serif;
    left:-45px;
    position: absolute;
    text-align: center;
    width: 19px;
    height: 19px;
    border-radius:22px; /* makes a circle */
    font-weight:bold;
    padding-right:1px;
}
ol.mod li:last-child {
    border-bottom: 1px dotted #e4e4e4;
}
button.BrownMultiBtn {  /* this rule is declared in IE6 and IE7 */
    border-radius:3px;    
    background: #847d77; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzg0N2Q3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMGI3YWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #847d77 1%, #c0b7ae 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#847d77), color-stop(100%,#c0b7ae)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #847d77 1%,#c0b7ae 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #847d77 1%,#c0b7ae 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #847d77 1%,#c0b7ae 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #847d77 1%,#c0b7ae 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#847d77', endColorstr='#c0b7ae',GradientType=0 ); /* IE6-8 */
    border-radius:3px;
    border:1px solid #9a8b7c;
    -webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.50);
    -moz-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.50);
    box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.50);
    height:30px;
    margin-right:5px;
    margin-bottom:5px;
}
:root button.BrownMultiBtn {  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    filter:none\9 ;
}
*html button.BrownMultiBtn {
    border:none;
    height:28px;
}
*:first-child+html button.BrownMultiBtn {
    border:none;
    height:28px;
}
button.BrownMultiBtn:hover {
    background: #c0b7ae; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwYjdhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzg0N2Q3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #c0b7ae 0%, #847d77 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0b7ae), color-stop(99%,#847d77)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c0b7ae 0%,#847d77 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c0b7ae 0%,#847d77 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c0b7ae 0%,#847d77 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #c0b7ae 0%,#847d77 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0b7ae', endColorstr='#847d77',GradientType=0 ); /* IE6-8 */
}
:root button.BrownMultiBtn:hover {  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    filter:none\9 ;
}
button.BrownMultiBtn span {
    color:#fff;
    font-weight:bold;
    padding:4px;
    font:bold 12px/12px Arial, Helvetica, sans-serif;
}
*:first-child+html button.BrownMultiBtn span {
    line-height:18px;
}
#innerbgMid {
    background: url("http://www.arm.com/images/careers_BG_mid.png") repeat-x scroll left top transparent;
    margin-bottom: 20px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top:-1px;
    min-height: 180px;
    padding: 0 10px;
}
*html #innerbgMid {
    height:650px; /* IE6 doesn't understand min-height */
}
*:first-child+html #innerbgMid {
    margin-right:-2px;
}
*html .tplStaticPageBanner img {
    width:797px;
}

/******* Web Survey Styles */
#survey.rightnav .sideboxhead {
    border:1px solid #d2a000;
    background-color:transparent;
    background-image:none;
    background: #fcbc88; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjYmM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZjOTUzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2Y0ODQyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2Y0N2MxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNDVmMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fcbc88 0%, #fc953d 16%, #f48422 60%, #f47c13 75%, #e45f1f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcbc88), color-stop(16%,#fc953d), color-stop(60%,#f48422), color-stop(75%,#f47c13), color-stop(100%,#e45f1f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcbc88 0%,#fc953d 16%,#f48422 60%,#f47c13 75%,#e45f1f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcbc88 0%,#fc953d 16%,#f48422 60%,#f47c13 75%,#e45f1f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcbc88 0%,#fc953d 16%,#f48422 60%,#f47c13 75%,#e45f1f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fcbc88 0%,#fc953d 16%,#f48422 60%,#f47c13 75%,#e45f1f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcbc88', endColorstr='#e45f1f',GradientType=0 ); /* IE6-8 */
    border-top-left-radius:10px;
    border-top-right-radius: 10px; 
    width:196px;
    padding-bottom:5px;
}
:root #survey.rightnav .sideboxhead { /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    filter:none\9 ;
}
#survey.rightnav {
    margin-bottom:10px;
}
#survey.rightnav .rnav {
    padding-left:15px;
    padding-right:15px;
}
body #survey.rightnav .sideboxhead h2 {
    color:#ffffff;
}
#survey.rightnav .rnav p {
    color:#000000;
    font:12px Arial, Helvetica, sans-serif;
    line-height:15px;
}
#survey.rightnav button.survey {
    background:url(/assets/images/site/update-button-sprite.png) no-repeat left top transparent;
    width:120px;
    height:40px;
    border:none;
    cursor:pointer;
}
#survey.rightnav button.survey:hover {
    background:url(/assets/images/site/update-button-sprite.png) no-repeat left bottom transparent;
}
#survey.rightnav button.survey span {
    color:#fff;
    font-weight:bold;
    padding:4px;
    font:bold 13px/30px Arial, Helvetica, sans-serif;
    text-shadow:-1px -1px 1px #666666;
}
#survey.rightnav .btnContainer {
    width:100%;
    margin:20px auto 0 auto;
    text-align:center;
}
/****** Home page survey styles */
#extra {
    display: block; 
    bottom: 0; 
    z-index: 1006; 
    width: 230px; 
    position: fixed; 
    right: 20px; 
    height: 34px;
}
#hpSurvey {
    background:transparent;
    -moz-border-radius:10px;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-bottomright:0;
    -webkit-border-radius:10px;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-bottom-right-radius:0;
    border-radius:10px;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    -moz-box-shadow:inset 1px 1px 1px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow:inset 1px 1px 1px rgba(255, 255, 255, 0.2);
    box-shadow:inset 1px 1px 1px rgba(255, 255, 255, 0.2);
}
#hpSurvey .rnav {
    padding:10px;
    padding-bottom:20px;
    border-radius:0 0 10px 10px;
    border-top:2px solid #D2A000;
    background: #ffffff; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 1%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 1%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */
}
:root #hpSurvey .rnav {
    filter:none\9 ; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
}
*:first-child+html #hpSurvey .rnav {
    background-color:#f2f2f2 !important;
    filter:none;
    background-image:none;
}
#hpSurvey p {
    color:#000000;
    font:12px Arial, Helvetica, sans-serif;
    line-height:15px;
}
#full-view-button {
    border: 1px solid #D2A000;
    border-bottom:none;
    display:block;
    position:relative;
    cursor:pointer;
    font-size:14px;
    color:#ffffff;
    font-weight:bold;
    background: #fcbc88; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjYmM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZjOTUzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2Y0ODQyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2Y0N2MxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNDVmMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fcbc88 0%, #fc953d 16%, #f48422 60%, #f47c13 75%, #e45f1f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcbc88), color-stop(16%,#fc953d), color-stop(60%,#f48422), color-stop(75%,#f47c13), color-stop(100%,#e45f1f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcbc88 0%,#fc953d 16%,#f48422 60%,#f47c13 75%,#e45f1f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcbc88 0%,#fc953d 16%,#f48422 60%,#f47c13 75%,#e45f1f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcbc88 0%,#fc953d 16%,#f48422 60%,#f47c13 75%,#e45f1f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fcbc88 0%,#fc953d 16%,#f48422 60%,#f47c13 75%,#e45f1f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcbc88', endColorstr='#e45f1f',GradientType=0 ); /* IE6-8 */
    border-radius: 10px 10px 0 0; 
}
:root #full-view-button { 
    filter:none\9 ; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
}
*:first-child+html #full-view-button {
    background-color: #fcbc88 !important;
    filter:none;
    background-image:none;
}
#full-view-button span {
    padding:0;
    line-height:35px;
    margin-left:7px;
}
.s-maximize {
    position:relative;
    top:12px;
    right:12px;
    display:block;
    float:right;
    background: url(/assets/images/site/survey-sprite.png) no-repeat top left transparent;  
    height: 12px;
    width: 17px;    
    -moz-box-shadow:-8px 0 6px transparent;
    -webkit-box-shadow:-8px 0 6px transparent;
    box-shadow:-8px 0 6px transparent;
    cursor:pointer
}
.survey-label {
    display:block;
    width:196px;
    padding:6px 15px;
    overflow:hidden;
    white-space:nowrap;
}
#hpSurvey button.survey {
    background:url(/assets/images/site/update-button-sprite.png) no-repeat left top transparent;
    width:120px;
    height:40px;
    border:none;
    cursor:pointer;
}
#hpSurvey button.survey:hover {
    background:url(/assets/images/site/update-button-sprite.png) no-repeat left bottom transparent;
}
#hpSurvey button.survey span {
    color:#fff;
    font-weight:bold;
    padding:4px;
    font:bold 13px/30px Arial, Helvetica, sans-serif;
    text-shadow:-1px -1px 1px #666666;
}
#hpSurvey .btnContainer {
    width:100%;
    margin:20px auto 0 auto;
    text-align:center;
}




/* Developer Sign Posting styles*/

button.tplOrangeBtn {  
    background-color: #d77b00 !important; 
    height:auto;
    border:none;
    border-radius:0;
    padding:10px 15px;
    color:#ffffff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-weight:bold;
    font-family: arial; 
    font-size:14.5px;   
}
button.tplOrangeBtn:hover {  
    background: #bb5400 !important; 
    border:none;
}
button.tplOrangeBtn span {
    line-height:15px;    
}
.lightGreyOutline {
    border: 1px solid #eaeaea;
}
a.enlarge {
    margin-right:10px;
}
a.enlarge:after {
    background: url(/assets/images/site/enlarge-icon-sprite.jpg) no-repeat top right transparent;
    content: "";
    width: 25px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    overflow: visible;
}
a.enlarge:hover:after {
    background: url(/assets/images/site/enlarge-icon-sprite.jpg) no-repeat bottom right transparent;
}
a.blueDeveloperBtn {
    display: inline-block;
    text-align:center;
    padding:10px 15px;
    color: #fff;
    background: #11809f;
    border-bottom:none;
}
a.blueDeveloperBtn:hover {
    background: #0e6780;
    border-bottom:none;
}


a.greenSignPostingBtn {
    display: inline-block;
    text-align:center;
    padding:10px 15px;
    color: #fff;
    background: #00a960;
    border-bottom:none;
}
a.greenSignPostingBtn:hover {
    background: #00884f;
    border-bottom:none;
}

.requestBtnCnt {
    margin: 35px 0;
    text-align:center;
}
.chipDiagramCnt {
    padding: 0 5%;
    text-align:center; 
}
.chipDiagramCnt img {
    width:100%;
    border:none;
}
.enlargeCnt {
    text-align:right;
    margin-top:5px;
    margin-bottom:30px;
}
.tplDevSignPosting {
    text-align:center;
    clear:both;
    padding:20px;
    background-color: #ffffff;
}





}