/*! jQuery UI - v1.10.2 - 2013-04-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	/*border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;*/
	position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-decoration: none;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:1003;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-header {
cursor: pointer;/*position: relative;*/position: static;
margin-top: 1px;
zoom: 1;
font-weight: normal;
background-color: #595959;
}
.ui-accordion .ui-accordion-li-fix {
display: inline;
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
background-color: #595959;
display: inline-block;
font-size: 1em;
padding: .25em .5em .25em .7em;
color: #ffffff !important;
width: auto !important;
}
.ui-accordion-icons .ui-accordion-header a {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	/*position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;*/
	display: inline-block;
	height: 16px;
	width: 16px;
	position: relative;
	top: 3px;#top: -4px;
	margin-left: 3px;
	text-indent: 0px;
}
.ui-accordion .ui-accordion-content {
background-color: #cecece;
padding: 1em 2.2em;
border-top: 0;
margin-top: -2px;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: hidden;
display: none;
zoom: 1;
}
.ui-accordion .ui-accordion-content-active {
display: block;
padding: 10px;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
	/* jQuery UI 1.10 removes the z-index option */
	z-index:2000;
}
.ui-dialog .ui-dialog-titlebar {
	/*padding: .4em 1em;
	position: relative;*/
}
.ui-dialog .ui-dialog-title {
	/*float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;*/
}
.ui-dialog .ui-dialog-titlebar-close {
	/*position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;*/
	background-color: transparent;
	outline:none;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
	/* fix for jQuery UI 1.10 */
	height:auto !important;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	/*padding: .2em;*/
	overflow:hidden;
zoom: 1;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	/*
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
	*/
}
.ui-tabs .ui-tabs-nav li a {
	/*float: left;
	padding: .5em 1em; */
	color: #555555;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
	font-weight:bold;
}
.ui-tabs .ui-tabs-panel {
	/*display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;*/
	display: block;
	border-left: 1px solid #cecece;
	overflow: hidden;
	position: relative;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	/* MRM code: */
	line-height: 1.3;
}
.ui-widget .ui-widget {
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	/*
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1em;
	*/
	font-family: Verdana, Arial, sans-serif /* {ffDefault
}
*/;
font-size: 1em;
}
.ui-widget-content {
	/*
	border: 1px solid #dddddd;
	background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
	color: #333333;
	*/
	float: left;
	margin: 0 auto;
	border: none;
	background: transparent 0 0 no-repeat;
	color: #4f4f4f;
	min-height: 100px;

}
.ui-widget-content a {
	/*color: #333333;*/
}
.ui-widget-header {
	border: none /* {borderColorHeader
}
*/;
background: none repeat scroll 0 0 transparent;
font-weight: normal;
/*
	border: 1px solid #e78f08;
	background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold; */
}
.ui-widget-header a {
/*	color: #ffffff; */
	color: #222222 /* {fcHeader
}
*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	/*border: 1px solid #cccccc;
	background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #1c94c4;*/
	border: none /* {borderColorDefault
}
*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	/*color: #1c94c4;
	text-decoration: none; */
	color: #555555 /* {fcDefault
}
*/;
text-decoration: none;
width: 100%;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	/*border: 1px solid #fbcb09;
	background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #c77405;
	border: none /* {borderColorHover
}
*/;
font-weight: normal /* {fwDefault
}
*/;
color: #212121 /* {fcHover
}
*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	/*color: #c77405;
	text-decoration: none;*/
	color: #212121 /* {fcHover
}
*/;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	/*border: 1px solid #fbd850;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #eb8f00;*/
	border: none /* {borderColorActive
}
*/;
font-weight: normal /* {fwDefault
}
*/;
color: #212121 /* {fcActive
}
*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	/*color: #eb8f00;
	text-decoration: none;
	*/
	color: #212121 /* {fcActive
}
*/;
text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	/*border: 1px solid #fed22f;
	background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
	color: #363636;*/
	border: 1px solid #fcefa1 /* {borderColorHighlight
}
*/;
background: #fbf9ee /* {bgColorHighlight
}
*/url(/assets/new/ui-bg_glass_55_fbf9ee_1x400.png) /* {bgImgUrlHighlight
}
*/50% /* {bgHighlightXPos
}
*/50% /* {bgHighlightYPos
}
*/repeat-x /* {bgHighlightRepeat
}
*/;
color: #363636 /* {fcHighlight
}
*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	/*color: #363636;*/
	color: #363636 /* {fcHighlight
}
*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	/*border: 1px solid #cd0a0a;
	background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
	color: #ffffff;*/
	border: 1px solid #cd0a0a /* {borderColorError
}
*/;
background: #fef1ec /* {bgColorError
}
*/url(/assets/new/ui-bg_glass_95_fef1ec_1x400.png) /* {bgImgUrlError
}
*/50% /* {bgErrorXPos
}
*/50% /* {bgErrorYPos
}
*/repeat-x /* {bgErrorRepeat
}
*/;
color: #cd0a0a /* {fcError
}
*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	/*color: #ffffff;*/
	color: #cd0a0a /* {fcError
}
*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	/*color: #ffffff;*/
	color: #cd0a0a /* {fcError
}
*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	/*font-weight: bold;*/
	font-weight: normal;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;

	background-image: url(/assets/new/ui-icons_222222_256x240.png) /* {iconsContent
}
*/;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/assets/new/ui-icons_222222_256x240.png) /* {iconsContent
}
*/;
}
.ui-widget-header .ui-icon {
	background-image: url(/assets/new/ui-icons_222222_256x240.png) /* {iconsHeader
}
*/;
}
.ui-state-default .ui-icon {
	background-image: url(/assets/new/ui-icons_454545_256x240.png) /* {iconsDefault
}
*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(/assets/new/ui-icons_454545_256x240.png) /* {iconsHover
}
*/;
}
.ui-state-active .ui-icon {
	background-image: url(/assets/new/ui-icons_454545_256x240.png) /* {iconsActive
}
*/;
}
.ui-state-highlight .ui-icon {
	background-image: url(/assets/new/ui-icons_2e83ff_256x240.png) /* {iconsHighlight
}
*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/assets/new/ui-icons_cd0a0a_256x240.png) /* {iconsError
}
*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	/*
	background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
	opacity: .5;
	filter: Alpha(Opacity=50); */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-widget-shadow {
	/*
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
	opacity: .2;
	filter: Alpha(Opacity=20);
	border-radius: 5px;*/
}

/* HTML reset for browser consistency*/
* {
  margin: 0;
  padding: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
html {
  height: 100%;
}

/*Default styling, fonts, gutters, and padding*/
hr
{
  clear: both;
}
nav ul, nav li {
  float: left;
  list-style: none;
}
ol li, ul li {
  line-height: 1.5em;
}
ul li, ol.nonbulleted {
  list-style: none;
}
.pageContent ul li, .sideBar .sideBarGray ul li, .rightSideBar .sideBar ul li{
  background: url('/assets/new/triangles.png') no-repeat 0 -189px;
  padding-left: 17px;
}
.pageContent ol li {
  margin-left:17px;
}
.pageContent .relatedContent ul li{
  background: transparent url('/assets/new/triangle-green.png') no-repeat 0 10px;
}
.pageContent .relatedContent ul li.nonbulleted, .pageContent ol.nonbulleted li, .pageContent ul.nonbulleted li, .listHeader, .jcarousel-container ul li{
  background: none !important;
  padding-left: 0;
}

.nonbulleted.download{
  padding-left: 17px !important;
}
.nonbulleted.download img{
  position: absolute;
  margin-left: -22px;
}

.pageContent{
  padding:3%; /*DON'T REMOVE THIS - It is for mobile views and it's IMPORTANT!*/
}
html, body, input, select, textarea {
  font: normal 14px/1.5em Arial,sans-serif; /*16px/12px*/
  color: #747678;
}
input, select, textarea{
  border: 1px solid #999;
}
.invalid{
  border: 1px solid #f00;
}
label.invalid {
border: none;
}
.oldie select.invalid{
  background-color: #f99;
  color: #000;
}
#mainContent {
  display: block;
  border: none;
  position: relative;
  background: #fff; /* Old browsers */
  background: -moz-linear-gradient(top, #fff 90%, #e2e3e4 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,#fff), color-stop(100%,#e2e3e4)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 90%,#e2e3e4 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 90%,#e2e3e4 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 90%,#e2e3e4 100%); /* IE10+ */
  background: linear-gradient(top, #fff 90%,#e2e3e4 100%); /* W3C */
}
/*.oldie #mainContent{//breaks homepage carousel in IE 7
  position:static;
}*/
.no-cssgradients #mainContent {
  background: #fff url('/assets/new/grayGradientBg.png') repeat-x 0 100%;
}
#mainContent.leftSideBar .sideBar{
  float:left;
  width: 100%;
}
.searchResultsPage #mainContent.leftSideBar .sideBar{display:none;}
#mainContent.rightSideBar .sideBar{
  float:right;
  display:none;
}
img {
  border: none;
}
#mainContent img{
  max-width:100%;
  height:auto;
}
a {
  text-decoration: none;
  color: #4f4f4f;
}
#mainContent a{
  color: #2A5DB0;
}
#mainContent a:hover, footer a:hover{
  color: #2A5DB0;
}
a:hover{
  text-decoration: underline;
}
p {
  padding: .4em 0;
}
#mainContent h1, .mainLogo span{
  font-size: 27px;
  font-size: 2.25rem; /*27px/12px*/
  line-height:1.1em;
  margin-bottom: 2%; /*15px/750px*/
  font-weight:normal;
  color:#000;
}
h2,h3, legend, footer strong{
  color:#000;
}
h2{
  font-size: 1.5em;
  line-height: 1.25em;
}
.headline{
  text-transform: uppercase;
  line-height: 1.3;
  display:block;
}
footer .headline{padding-bottom:1em;}
legend{font-weight:bold;}
fieldset{border:none;}
strong{font-weight: bold;}
.sectionBlock span strong{color: #000;}
.clearText {
  text-indent: -2000em;
  display: block;
}
.hidden{display: none;}
.shown {display: block;}
/*** Form Styling ***/
input[type="submit"], input[type="button"], button{
  background-color:#5a8fa8;
  color:#FFF;
  border:none;
  padding:.4em 1.5em;
  cursor:pointer;
  margin:.4em 0;
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
}
input[type="submit"].buttonSubmitCareer {
  padding: 0;
  margin: 0;
  background-color: #989C9F;
  color: white;
  border: 0 none;
  text-transform: uppercase;
  width: 77px;
  height: 24px;
}
input:disabled, select:disabled, textarea:disabled, button:disabled{
  cursor: default;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.oldie input[disabled],
.oldie select[disabled],
.oldie textarea[disabled],
.oldie button[disabled]{
  cursor: default;
  filter: alpha(opacity=70);
}
Label.error {/*This is for the blog comment posting error message*/
  color: #ff0000;
}
.x-panel-btns-ct{
  clear:both;
}

/*Main Layout*/
.wrapper {
  margin: 0 auto;
  overflow: hidden;
  clear:both;
  width:100%;
}
header .wrapper{overflow:inherit;}
.mainLogo {
  float: left;
  width: 20%;
  height: 40px;
  line-height: 40px;
  padding-bottom: 2px;
  padding-left: 1%;
}
.mainLogo img {
  vertical-align: middle;
  margin-right: 2.678571428571428571428571428571%; /*15px@560px*/
}
.mainLogo span{
  display: none;
}
#country {
  display: none;
}
#loginSection {
  display: block;
  float: right;
}

#nav_edit_profile,
#nav_account_login{
  display: block;
  height: 40px;
  width: 40px;
}
.nav_account_spacer,
#visitor_name,
#nav_logout_visitor,
#nav_account_create{
  display: none;
}

#mobiTagLine{
  background: #757779;
  color: #FFF;
  padding: 1% 0 1% 1%;
  font-size:.8em;
}
#mobiTagLine p{
  padding:0;
}
#mobiMainNav {
  float: right;
}
#mobiMainNav ul {
  float: right;
}
#mobiMainNav li {
  margin-left: 20px;
}
#mobiMainNav a {
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -2000em;
}

#nav_account_login,
#nav_edit_profile,
#mobiCountry a,
#mobiSearchBtn a,
#mobiNav a{
  background-image: url('/assets/new/icons/navIcons.png');
  background-repeat: no-repeat;
}
#nav_account_login{
  background-position: -120px -192px;
}
#nav_edit_profile{
  background-position: -160px -192px;
}
#mobiCountry a {
  background-position: -80px -192px;
}
#mobiNav a {
  background-position: -40px -192px;
}
#mobiSearchBtn a {
  background-position: -0px -192px;
}
.navigatorDialog {
  max-width: 250px;
}
#globalNav{
  display: none;
  z-index: 999;
}
#globalNav .megaNavChevronHolder{
  width:100%;
  display: none;
}
.megaNavChevron{
  margin:0 auto;
  background:url(/assets/new/icons/navIcons.png) no-repeat -108px -62px;
  width:13px;
  height:13px;
}
.mobileNavigationSupport #globalNav .megaNavChevronHolder{
  display:block;
}
.no-cssgradients #globalNav li a, #mobileNav li a{
  background: transparent url('/assets/new/topNavWhiteNotch.png') no-repeat 100% 100%;
}
.cssgradients #globalNav li a{
  background: -moz-linear-gradient(135deg, transparent 10px, white 0);
  background: -ms-linear-gradient(135deg, transparent 10px, white 0);
  background: -o-linear-gradient(135deg, transparent 10px, white 0);
  background: -webkit-linear-gradient(135deg, transparent 10px, white 0);
  /*
  The Vendor prefixes got the angle wrong. When a browser starts supporting the real spec, 0deg = east, not north
  Reference: http://stackoverflow.com/questions/12868704/why-did-firefox-16-change-the-direction-of-my-linear-gradients
  */
  background: linear-gradient(-45deg, transparent 10px, white 0);
  background-position: bottom right;
  background-repeat: no-repeat;
}
/* jqueryscroller */
.jspContainer{
  overflow: hidden;
  position: relative;
}
.jspPane{
  position: absolute;
}
.jspVerticalBar{
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 100%;
  background: #E1E1E1;
}
.jspHorizontalBar{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: #E1E1E1;
}
.jspVerticalBar *,
.jspHorizontalBar *{
  margin: 0;
  padding: 0;
}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{
  background: #fff;
  position: relative;
  border-left: solid 1px #E1E1E1;
}
.jspDrag{
  background: #BABABA;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
  float: left;
  height: 100%;
}
.jspArrow{
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}
.jspArrow.jspDisabled{
  cursor: default;
  background: #80808d;
}
.jspVerticalBar .jspArrow{height: 16px;}
.jspHorizontalBar .jspArrow{
  width: 16px;
  float: left;
  height: 100%;
}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{
  background: #eeeef4;
  float: left;
  height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
  margin: 0 -3px 0 0;
}
/****End Country Selector******/
/*****Inner Left Nav******/
#leftNav {
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 20px;
}
.innerLeftNav {
  float: left;
  width: 100%;
  display:none;
  background: -moz-linear-gradient(140deg, transparent 13px, #EDEDED 0pt) no-repeat scroll right bottom transparent;
  background: -ms-linear-gradient(140deg, transparent 13px, #EDEDED 0pt) no-repeat scroll right bottom transparent;
  background: -o-linear-gradient(140deg, transparent 13px, #EDEDED 0pt) no-repeat scroll right bottom transparent;
  background: -webkit-linear-gradient(140deg, transparent 13px, #EDEDED 0pt) no-repeat scroll right bottom transparent;
  background: linear-gradient(-40deg, transparent 13px, #EDEDED 0pt) no-repeat scroll right bottom transparent;
  padding: 0 0 20px;
}
#leftNav.active .innerLeftNav {
  display: block;
}
.no-cssgradients .innerLeftNav{
  background: transparent url('/assets/new/innerNavGrayNotch.png') no-repeat 100% 100%;
}
.oldie .innerLeftNav {
  background: #EDEDED;
}
.innerLeftNav li {
  float: left;
  width: 100%;
}
.innerLeftNav li ul {
  width: 100%;
  padding-left: 1.5em;
}
#mainContent .innerLeftNav li ul li {
  border-bottom: 0 none;
  display: none;
}
.innerLeftNav li ul.expanded li{
  display:list-item;
}
#zoneName{
  display: none;
  background: none repeat scroll 0 0 #003366;
  color: #FFFFFF;
  font-size: 0.9em;
  font-weight: bold;
  padding: 2.6% 10% 2.6% 10%;
  text-transform: uppercase;
}
.innerLeftNav .nest > a {
  background: transparent url('/assets/new/arrrows-innernav.png') no-repeat 0px 5px;
}
.innerLeftNav .nest > a.current {
  background-position: 0px -94px;
}
.innerLeftNav li.nest a.active {
  background-position: 0px -294px;
}
.innerLeftNav li.nest a.active:hover {
  background-position: 0px -94px;
}
.innerLeftNav li.nest a:hover {
  background-position: 0px 5px;
}
.belowMenu{
  display:none;
}
/* Back and More Links */
.mobiSecondaryNav {
  display: block;
  width: 100%;
  color: white;
  background-color: #003F60;
  text-align: center;
  overflow:hidden;
}
.mobiSecondaryNav ul {
  display: block;
  width: 100%;
}
.mobiSecondaryNav li {
  display: block;
}
.mobiSecondaryNav a {
  color: white;
  text-decoration: none;
  padding:.5em 0 .5em 30px;
  display:block;
  text-transform: capitalize;
}
.mobiSecondaryNav #mobiBack li{float:left;}
.mobiSecondaryNav #mobiBack a{
  background: url(/assets/new/icons/navIcons.png) no-repeat 3px -11.428571428571428571428571428571em transparent;
}
.mobiSecondaryNav #mobiMoreLinks{float:right;}
.mobiSecondaryNav #mobiMoreLinks a{
  padding-right:30px;
  background: #767779 url(/assets/new/icons/navIcons.png) no-repeat -80px 0.85714285714285714285714285714286em;
}
.mobiSecondaryNav #mobiMoreLinks.active a{
  background-position:-80px -9.8571428571428571428571428571429em;
}
/*****End Inner Left Nav*****/
/*****Mobile Footer*****/
#contactBucket {
  clear: left;
  float: left;
  width: 94%;
}
#contactBucket, #socialBucket, #corpBucket{
  background: url('/assets/new/footerHor.png') no-repeat 50% 0%;
  background-size:100% 1px;
}
#socialBucket, #corpBucket {
  width: 94%;
}
#corpBucket, #socialBucket {
  float: right;
  clear: left;
}
#relationsBucket, #newsEventsBucket {
  width: 43%;
}
#relationsBucket{
  background: url('/assets/new/footerVert.png') no-repeat 100% 50%;
  background-size:1px 100%;
}
#relationsBucket nav li {
  float: none;
  line-height: 1;
  padding: 3px inherit;
}
footer {
  background-size: 100% auto;
  clear:both;
}
/*****temporary styles may have to be removed for responsive*****/
#contactBucket img {
  display: none;
}
#contactBucket aside a{
  width: 24px;
  height: 18px;
  display: block;
  background: url('/assets/new/icons/engageWithUsSprites.jpg') no-repeat;
}
footer #contactBucket a.community{
  background-position:0 0;
}
footer #contactBucket a.lef {
  background-position: 0 -18px;
}
footer #contactBucket a.feedback {
  background-position: 0 -36px;
}
footer #contactBucket a.ingeniousMinds {
  background-position: 0 -100px;
}
footer #contactBucket a.portal {
  background-position: 0 -55px;
}
footer #contactBucket a.townHall {
  background-position: 0 -75px;
  height: 20px;
  margin-top:5px;
}
footer #contactBucket a.townHallLive {
  background: url('/assets/new/icons/townhall_Live-0531.gif') no-repeat;
  height: 28px;
}
footer #contactBucket .doubleLine {
  line-height: 1em;
  padding-top: 0;
}
footer #contactBucket .alert {
  color: red;
}
/*****End Main Navigation*******/
header {
  background-color: #FFF;
  border-bottom: 1px solid gray;
}
footer section {
  float: left;
  padding: 3.333333333333333333333333333333%;
}
.thumbBucket {
  overflow: hidden;
  clear: both;
}
.thumbBucket aside {
  float: left;
  width: 12.5%; /*40px@320*/
}
.thumbBucket section {
  padding: 2% 0%;
  width:100%;
}
.thumbBucket aside img {
}
.thumbBucket article {
  float: left;
  width: 75%; /*115px@160px*/
}
#relationsBucket a {
  padding: 4px 0;
  display: block;
}
#newsEventsBucket a {
  padding: .4em 0;
  display: block;
}
#globalNav .socialCol .social li{
  clear:none;
  padding-bottom:0px;
}
.corpInfo, .clearfix {
  clear: both;
}
.corpInfo li {
  float: left;
  white-space: nowrap;
}
/***Social Icons***/
#socialBucket .gig-followbar-providerButton-img, #gigyaFollowAboutUs .gig-followbar-providerButton-img, #contactUsGigya .gig-followbar-providerButton-img{display:none;}
#gigyaButtons-reaction5 {
  height: auto;
}
#gigyaButtons{
  display:none;
}
.footer div.gig-followbar {
  width: 250px;
  float: left;
}
#socialBucket a{
  background: url('/assets/new/social/mobi-social-media-icons.jpg') 0 0 no-repeat;
  display: block;
  height: 40px;
  width: 40px;
  margin:0 3px 3px 0;
}
#gigyaFollowFooter{
  display:none;
}
#gigyaFollowFooter a, #gigyaFollowFooterMobile li{
  float:left;
}
/* temporary gigya fix */
#gigyaFollowFooter li, img {
    margin: 0;
    padding: 0;
}
#socialBucket .twitter{
  background-position: -40px 0;
}
#socialBucket .linkedin{
  background-position:-80px 0;
}
#socialBucket .rss{
  background-position: -120px 0;
}
#socialBucket .googleplus{
  background-position: -160px 0;
}
#socialBucket .youtube{
  background-position: -200px 0;
  margin-right:0;
}
/* CSS Wire */
#newsEventsBucket ul li {
  display: block; float: none;
}
/* Modal */
.ui-resizable-handle {
  display: none !important;
}

/*****End Main Layout*******/
/***BreadCrumbs***/
.breadCrumbs {
  display: none;
}
/* Removes Gigya from Other Countries */
.scrollwrap > #gigyaFollow {
  display: none;
}
.mobilCountrySelect
{
  width: 250px;
  height: 400px;
  overflow: auto;
}
.mobilCountrySelect
{
  font-size:14px;
  font-weight:bold;
}
.mobilCountrySelect .jspPane
{
  background:#fff;
}
.mobilCountrySelect .jspPane div a
{
  padding:5px 15px;
  color:#747678;
  display:block;
}
.mobilCountrySelect .jspVerticalBar
{
  width:20px !important;
  background-color:#fff;
}
.mobilCountrySelect .jspTrack
{
  border-color:#C8C8C8;
}
.mobilCountrySelect .jspDrag
{
  background:#C8C8C8;
}
#mobileNav{width:100% !important;}
#mobileNav li > a {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin-right: 2px;
  padding: 1.08333em 0 1.08333em 5.02513%;
  text-align: left;
  text-decoration: none;
  border-bottom: solid 1px #747678;
}
#mobileNav li.solutionsLink{background-color: #88BA41;}
#mobileNav li.successLink{background-color: #850057;}
#mobileNav li.insightsLink{background-color: #588BA3;}
#mobileNav li.contactLink{background-color: #003F60;}
#mobileNav li.aboutLink{background-color: #EF2525;}
.mobileSearchWrap
{
  position:relative;
  background:#fff;
  padding:1px;
  height:40px;
  width:248px;
}
#mobileSearchInput{
  border:none;
  height:40px;
  width:209px;
  position:absolute;
}
#mobiSearchImage{
  background:#fff;
  width:40px;
  height:40px;
  background:url(/assets/new/icons/navIcons.png) no-repeat -26px 0;
  left: 210px;
  position:absolute;
}

/* styling for success stories */
.successStories .content {
  display: inline-block;
  float: left;
}
.successStories .relatedContent {
  width: 100%;
  display: block;
  height: auto !important;
  overflow: hidden;
}
.successStories .relatedContent h3 {
  width: 100%;
}
#moreLinks .moreLinksAnchor.active
.successStories .relatedContent li {
  padding: .3em 0 .3em 17px;
}

.thankYouHeader
{
  position: relative;
}

.thankYouHeader IMG
{
  max-width: 100%;
  display: block;
}
.thankYouHeader .thankYouOverlay
{
  position: absolute;
  top: 0;
}
.thankYouHeader .thankYouText
{
  position: absolute;
  top: 0;
  color: White;
  font-size: 23px;
  text-transform: uppercase;
  padding-top: 6%;
  font-weight: bold;
}
.oldie .thankYouHeader .thankYouText{
  padding-bottom: 32px;
}
.registrationComplete
{
  font-size: 1.6em;
  color: #747678;
  font-weight: bold;
  margin: 2px;
}
.partnerLoginForm
{
  font-size: 1em;
  margin: 2px;
}
.partnerLoginForm input[type=text],
.partnerLoginForm input[type=password]
{
  margin: 3px 0;
  border: 1px solid #babbbc;
  width: 100%;
  height: 22px;
}
.partnerLoginForm input[type=submit]
{
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  background: #989c9f;
  color: White;
}

#comment_div
{
  width: 100%! Important;
  display: inline! Important;
}

#comment_div fieldset
{
  max-width: 100%! Important;
  margin: 0;
  padding: 2px 5px 2px 2px;
}

#comment_div form
{
  width: 100%! Important;
}

#comment_div input[type=text]
{
  width: 100%! Important;
}

#comment_div #recaptcha_response_field
{
  padding: 8px 0;
  border: 1px solid #999;
}

#comment_div #recaptcha_data
{
  width: auto! Important;
  background: white;
  border: 1px solid #999;
  margin-right: -2px;
}

#comment_div #recaptcha_data .text_field
{
  border: 0px;
  border-top: 1px solid #999;
}
#comment_div #recaptcha_image {
  width: 100% !important;
}
#comment_div #recaptcha_image img
{
  margin: 2px 0px;
  width: 100%;
  max-width: 300px;
}

#comment_div textarea
{
  width: 100%! Important;
}

#comment_div #recaptcha_controls
{
  color: #666666;
  font-size: 0.9em;
  background: #F2F2F2;
  border: 1px solid #999;
  max-width: 100%;
  margin-right: -2px;
  margin-top: 5px;
  padding: 2px 5px;
}

#comment_div #recaptcha_controls H3
{
  font-size: 0.9em;
}

.twitterFeed
{
  display: none;
}

.whatWeDoMobileSelect ul li {
  background-image: none;
  padding-left: 0px;
}
.whatWeDoMobileSelect .searchFormSuccess ul li {
  float: left;
}
.whatWeDoMobileSelect .searchFormSuccess .searchFieldSuccess {
  margin: 0px;
  width: 20em;
}
.whatWeDoMobileSelect .searchFormSuccess .searchBtn {
  background: url(/assets/new/search.png) no-repeat 50% 50% transparent;
  width: 26px;
  height: 1.8em;
  border: 1px solid #BABBBC;
  border-left: none;
  display: block;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
  visibility: visible;

  margin-left: -2px;
  background-color: white;
}
.whatWeDoMobileSelect select {
  width: 22em;
}
.sideBar .socialMediaIcons {
  display:none;
}
.sectionBlock table {
  float:none;
}
.noBoxShadow, #nav li > ul.noBoxShadow {
  box-shadow: 0 0 0 0 #000000;
  -moz-box-shadow: 0 0 0 0 #000000;
  -webkit-box-shadow: 0 0 0 0 #000000;
}
div.videodialogholder {
  background: #588ba3 no-repeat 0px 0px;
}

.ui-dialog-titlebar {
  color: #ffffff;
  font-size:150%;
  margin-bottom: 10px;
}
.ui-dialog-title {
  float: left;
}
.ui-dialog-titlebar-close {
  float: right;
}
.ui-dialog-titlebar-close .ui-icon {
  background: url("/assets/new/close-btn.png") no-repeat scroll 0 0 transparent;
  height: 20px;
  width: 20px;
  text-indent: -9999px;
  display: block;
}
#ui-dialog-title-videoDialog{
  width: 536px;
}
#videoGigyaButtons {
  padding-top: 10px;
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  background: gray;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=8);
  zoom: 1;
}

.ui-icon {
  text-indent: 0;
  display: inline;
}
.close-btn {
  background: url("/assets/new/close-btn.png") no-repeat 0 0;
  color: #515151;
  font-size: 0px;
  height: 20px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  border: none;
  width: 20px;
}

/* relocated styling from below responsive conditions */
/* Dialog Modal Styles */
.ui-dialog {
  background-color: #588ba3;
  background: -moz-linear-gradient(137deg, transparent 80px, rgba(88, 139, 163, .6) 0pt) no-repeat scroll right bottom transparent;
  background: -webkit-linear-gradient(137deg, transparent 80px, rgba(88, 139, 163, .6) 0pt) no-repeat scroll right bottom transparent;
  background: -o-linear-gradient(137deg, transparent 80px, rgba(88, 139, 163, .6) 0pt) no-repeat scroll right bottom transparent;
  background: -ms-linear-gradient(137deg, transparent 80px, rgba(88, 139, 163, .6) 0pt) no-repeat scroll right bottom transparent;
  background: linear-gradient(-43deg, transparent 80px, rgba(88, 139, 163, .6) 0pt) no-repeat scroll right bottom transparent;
  border: none;
  padding: 15px 15px 15px 25px;
  position: absolute;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.mobile-ui-dialog
{
  background: #747678;
  border: none;
  padding: 15px;
}

/* CSS3 Animations */
.easeFast {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
.easeReg {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
img.gig-followbar-providerButton-img {
  padding-right: 10px;
}
/**gigya social bar **/
ul #contactUsGigya.socialBar h2, ul #aboutUsGigya.socialBar h2 {
  padding: 10px 0;
}
ul #contactUsGigya #gigyaFollowAboutUs a, ul #aboutUsGigya  #gigyaFollowAboutUs a{
  background: none;
  float: left;
}
#globalNav .gig-followbar{float:left;}
#globalNav #nav li a.youtube{
  background:url('/assets/new/social-media-icons-sprite.png') -105px top no-repeat;
  float:left;
  width:22px;
  height:22px;
  display:block;
}
#globalNav .gig-followbar img{
  max-width:none;
}
.selectUL {
  left: 0;
}

/* accordion styling */
#accordion .ui-accordion-header {
  position: static;
  background-color: #595959;
  background-image: none;
  border: none;
}
#accordion .ui-accordion-header span.ui-icon {
  position: relative;
  top: 2px;
  left: 0px;
  display: inline-block;
}
#accordion .ui-accordion-header a {
  display: inline-block;
  padding-left: 5px;
}
#accordion .ui-accordion-content {
  border: none;
  border-top: 1px solid white;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
#accordion .ui-accordion-content p {
  margin-left: 30px;
  margin-right: 30px;
}
.sectionBlock .ui-accordion {
  width:  553px;
}

.ui-accordion .acc_content:last-child
{
  margin-bottom: 10px;
}

.ui-accordion .acc_cat
{
  clear: both;
}

#accordion p.content_head {
  background: url("/assets/new/trianglesLg.png") no-repeat 0 -39px !important;
}

#accordion ul
{
}

#accordion ul li
{
  background: url("/assets/new/trianglesLg.png") no-repeat 0 -39px;
  margin-left:40px;
}

/* styling for offerings detail */
#mainContent.detailPage h1 {
  margin-bottom: 1.2em;
}

.detailPage .pageContent hr {
  width: 100%;
  color: #6AADE4;
  background-color: #6AADE4;
  border: #6AADE4;
}
.detailPage .pageContent strong {
  /*display: block;*/
  color: black;
  font-weight: bolder;
}
.detailPage .pageContent a {
  color: #2A5DB0;
  font-weight: bold;
}
.detailPage .pageContent ul {
  margin-bottom: 2em;
}
.detailPage .pageContent ul ul, .detailPage .pageContent ul li ul {
  margin-bottom: 0;
}

/* meganav styling */
#globalNav .subLinks h2 {
  text-transform:uppercase;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
}

/* Twistage */
.twistageVideo label
{
  color: white;
}

.videoCarouselContainer
{
  width: 200px;
  margin-left: 5px;
}

.videoCarouselContainer  LI
{
  clear: both;
  cursor: pointer;
  margin-bottom: 6px;
}

.videoCarouselContainer  LI IMG
{
  float: left;
  margin-top: 1px;
  margin-right: 8px;
}

.videoCarouselContainer  LI H5
{
  color: white;
  line-height: 1;
  font-size: 0.95em;
}

.videoCarouselContainer  LI SPAN
{
  color: white;
  font-size: 0.83em;
}

.twistageVideo video
{
  cursor: pointer;
}

.playerControlBar
{
  height: 24px;
  background: #25353c;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ie-user-select: none;
  user-select: none;
}

.playerControlBar .playPauseAction
{
  float: left;
  height: 24px;
  margin: 0 0 0 6px;
  width: 25px;
  padding-top: 2px;
}

.playerControlBar .playPauseAction .playPauseBackground
{
  background: #5F747C;
  border-radius: 10px;
  height: 13px;
  width: 12px;
  padding: 6px 0 0 7px;
  cursor: pointer;
}

.playerControlBar .playPauseAction .playPauseBackground .actionIcon
{
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 8px solid white;
}

.playerControlBar .playPauseAction.playing .playPauseBackground .actionIcon
{
  width: 2px;
  height: 8px;
  border-top: 0;
  border-bottom: 0;
  border-right: 3px solid white;
  border-left: 3px solid white;
  margin-left: -1px;
}
.playerControlBar .fullScreenContainer
{
  display: none;
}
.playerControlBar.fullScreen .fullScreenContainer
{
  display: block;
  float: right;
  padding-top: 2px;
  margin-right: 6px;
  margin-left: 6px;
  width: 19px;
}

.playerControlBar .fullScreenContainer DIV
{
  padding-top: 2px;
  padding-left: 2px;
  width: 20px;
  height: 18px;
  background: #015B7A;
  border-radius: 3px;
}

.playerControlBar .fullScreenContainer DIV DIV
{
  width: 11px;
  height: 11px;
  background: #6C9CBC;
  -moz-transition: width 500ms, height 500ms;
  -webkit-transition: width 500ms, height 500ms;
  transition: width 500ms, height 500ms;
  border-radius: 3px;
}

.playerControlBar .fullScreenContainer DIV:hover DIV
{
  width: 17px;
  height: 15px;
}

.playerControlBar .volumeBarContainer
{
  display: block;
  float: right;
  padding-top: 8px;
  height: 24px;
  margin-right: 6px;
  width: 40px;
}

.playerControlBar .volumeBarContainer .volumeBarBackground
{
  background: black;
  height: 8px;
  border-radius: 3px;
}

.playerControlBar .volumeBarContainer .volumeButtonOuter
{
  width: 24px;
  height: 24px;
  margin: -16px 0 0 -12px;
}

.playerControlBar .volumeBarContainer .volumeButtonOuter DIV
{
  padding: 8px 0 0 8px;
}

.playerControlBar .volumeBarContainer .volumeButtonOuter DIV .volumeButton
{
  cursor: pointer;
  background: white;
  height: 8px;
  width: 8px;
  margin: 0;
  padding: 0;
  border-radius: 4px;
}



.playerControlBar .volumeIcon
{
  display: block;
  float: right;
  margin: 5px 9px 0 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 5px solid #5F747C;
}

.playerControlBar.noVolume .volumeIcon,
.playerControlBar.noVolume .volumeBarContainer
{
  display: none;
}

.playerControlBar .volumeIcon DIV
{
  background: #5f747c;
  width: 5px;
  height: 5px;
}

.playerControlBar  .playbackTimingContainer
{
  float: right;
  height: 24px;
  width: 75px;
  margin: 0 6px 0 0;
  padding-top: 3px;
  color: white;
}

.playerControlBar  .playbackTimingContainer .playbackTiming
{
  padding: 2px 0;
  text-align: center;
  background: #555555;
  font-size: 9.5px;
  border-radius: 5px;
}

.playerControlBar  .playbackTimingContainer .playbackTiming .blue
{
  color: #01daff;
}

.playerControlBar .progressBarContainer
{
  clear: none;
  height: 24px;
  padding-top: 8px;
  margin-left: 35px;
  margin-right: 150px;
}

.playerControlBar.fullScreen .progressBarContainer
{
  margin-right: 182px;
}

.playerControlBar.noVolume .progressBarContainer
{
  margin-right: 86px;
}

.playerControlBar.fullScreen.noVolume .progressBarContainer
{
  margin-right: 116px;
}

.playerControlBar .progressBarContainer .progressBarBackground
{
  background: black;
  height: 8px;
  border-radius: 3px;
}

.playerControlBar .progressBarContainer .loadProgressBar
{
  height: 8px;
  background: #6c9cbc;
  margin-top: -8px;
  width: 0;
  border-radius: 3px;
}

.playerControlBar .progressBarContainer .playProgressBar
{
  height: 8px;
  background: #015b7a;
  margin-top: -8px;
  width: 0;
  border-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.playerControlBar .progressBarContainer .locationButtonOuter
{
  width: 24px;
  height: 16px;
  margin-top: -16px;
  padding-top: 8px;
}

.playerControlBar .progressBarContainer .locationButtonOuter div
{
  padding-left: 9px;
}

.playerControlBar .progressBarContainer .locationButtonOuter div .locationButton
{
  padding: 0;
  height: 8px;
  background: white;
  width: 8px;
  border-radius: 4px;
}

/* update video background styling */
div.videodialogholder {
  background-color: #588ba3;
}
div.ui-widget-overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

/* make contact us americas address bold */
ul.contactUsAmericas {
  font-weight: bold;
}

/*Fix a bug in ie7 with the twitter widget */
.twtr-doc
{
  position: relative;
}

/* styling for mega nav success stories section */
#globalNav li#successLink ul.colOne {
  width: 36%;
}
#globalNav li#successLink ul.colTwo {
  width: 15.9%;
}
#globalNav li#successLink ul.colThree {
  width: 21%;
}
#globalNav li#successLink ul.colFour {
  width: 16%;
  border: none;
}
#globalNav li#successLink ul.colFour>li:first-child {
  padding-top: 34px;
}
#globalNav li#successLink ul.colOne img {
  float: left;
  padding-right: 10px;
}
#globalNav li#successLink ul.colThree #searchForm ul {
  width: 19%;
}
#globalNav li#successLink ul.colThree #searchForm li {
  float: left;
  clear: none;
  width: auto;
}

#SearchSuccessStoriesInput {
  -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: #BABBBC #babbbc #BABBBC #BABBBC;
  border-style: solid none solid solid;
  border-width: 1px medium 1px 1px;
  height: 18px;
  width: 97.7%;
  padding: 0 0 0 0.3%;
}
#globalNav li#successLink ul.colThree #searchSubmit {
  margin-left: -1px;
  background-color: white;
  position: relative;
  top: 0px;
}

/* START video CTA buttons */
button.video_cta {
  background: -moz-linear-gradient(#13648d 0px, #00517a 100%) repeat scroll 0 0 #00517a;
  background: -ms-linear-gradient(#13648d 0px, #00517a 100%) repeat scroll 0 0 #00517a;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13648d', endColorstr='#00517a',GradientType=0 ); /* IE6-9 */
  background: -o-linear-gradient(#13648d 0px, #00517a 100%) repeat scroll 0 0 #00517a;
  background: -webkit-linear-gradient(#13648d 0px, #00517a 100%) repeat scroll 0 0 #00517a;
  background: linear-gradient(#13648d 0px, #00517a 100%) repeat scroll 0 0 #00517a;
  border-radius: 5px;
  padding: 10px 20px;
  font-size:1em;
}

button.video_cta:hover {
  background: none repeat scroll 0 0 #005884;
}

button.video_cta:active {
  background: -moz-linear-gradient(center top , #003f60 0%, #005884 50%, #588ba3) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -ms-linear-gradient(center top , #003f60 0%, #005884 50%, #588ba3) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -o-linear-gradient(center top , #003f60 0%, #005884 50%, #588ba3) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-linear-gradient(center top , #003f60 0%, #005884 50%, #588ba3) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: linear-gradient(center top , #003f60 0%, #005884 50%, #588ba3) repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #588ba3;
  position: relative;
  top: 1px;
}

button.video_cta.video-story-cta {
  margin-left: 40px;
}

button.video_cta.video-contact-cta {
  margin-left: 70px;
}
/* END video CTA buttons */

/* fix tabs navigation */
.solutionspageSection .sectionBlock #tabs {
  width: 557px;
}
.solutionspageSection .sectionBlock #tabs .ui-tabs-nav {
  height: auto;
  width: 165px;
}
.solutionspageSection .sectionBlock #tabs .ui-tabs-nav li {
  float: none;
  width: 100%;
  height: auto;
  background: url('/assets/new/zoneTabSprite.png') no-repeat scroll right -54px transparent;
  padding: 3px 0px 3px 0px;
  border-right: 0;
}
.solutionspageSection .sectionBlock #tabs .ui-tabs-nav LI A {
  padding: 1px 15px 0 0;
}

.article_teaser{
  display: block;
  float: left;
  width: 100%; /*width changes to 50% above viewport width of 580, items stack 2 by 2*/
  padding: 8px 0;
  border-top: 1px solid #ccc;
  min-height: 50px;
}
.article_teaser .thumb{
  display: block;
  width: 50px;
  height: 60px;
  position: absolute;
  border: 0;
}
.article_teaser .description{
  display: block;
  padding: 0 16px;
  padding-left: 60px; /*image width is supposed to be 50px*/
}
.article_teaser .description a{
  font-weight: bold;
}

#globalNav li#successLink select {
  margin-bottom: 5px;
}
#mainContent .category_item_teaser a {
  color: black;
}
#mainContent .category_item_teaser a:hover {
  text-decoration: none;
}

#mainContent #nav label,
#mainContent #nav a {
  margin-right: 1em;
}
/* tweak for viewing in IE */

.pageContent .rightflush {
  float: right;
  padding-left: 10px;
}
.pageContent .imgFloatRight {
  display: inline;
  text-align: right;
  margin-left:10px;
}
.pageContent .imgFloatRight img {
  display: inline-block;
  padding-left: 10px;
}
.pageContent .imgFloatLeft, .pageContent .leftflush {
  float:left;
  margin-right:10px;
}

/*contentSectionSep is used in pages like http://www.csc.com/de/ds/11448/13983-csc_insurance_factory_produkte */
.contentSectionSep{
  display: block;
  padding: 0;
  margin-top: 1.5em;
  height: 0.75em;
  margin-bottom: 2em;
  border-bottom: 1px solid #ccc;
}
.contentSectionSep a, .contentSectionSep span{
  display: inline;
  padding-left: 0;
  padding-right: 1.5em;
  line-height: 1em;
  background-color: #fff;
  font-weight: bold;
}
.contentSectionSep .backToTop{
  padding-left: 14px;
  background-image: url('//assets1.csc.com/de/images/dreieck_blue_top.gif');
  background-repeat: no-repeat;
  background-position: left center;
}

/* Titles on interior pages should not be uppercase */
#mainContent.detailPage h1,
#mainContent.solutionspageSection h1,
#mainContent.cloudpage h1,
#mainContent.detailPage h2,
#mainContent.solutionspageSection h2,
#mainContent.cloudpage h2
{
  text-transform: none;
}
/*end contentSectionSep*/

.discretionaryWidth{
  width: 49%;
}

.hidden { visibility: hidden; }
.unhidden { visibility: visible; }

.playbutton {
  position: relative;
  cursor: pointer;
  max-width: 100%;
  float:left;
}
.playbutton a {
  background: url('/assets/new/icons/play_normal_64.png') center center no-repeat;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  display: block;
}
.videocontainer {
  position: relative;
  display: inline-block;
}
/* Feed Styling */
.sectionBlock > span {
  min-height: 110px;
  width: 450px;
}
.pageContent h2.blueband{
  background-color: #005172;
  color: white;
  padding: .5em;
}
.pageContent .lightbluebox.rightflush {
  width: 100% !important;
  background-color: #D4E1E7;
  padding: 0px 0px 1em 0px;
}
div.rss p {
  margin: 1em;
  padding: 0px;
}
div.rss br {
  display: none;
}
ul.rss {
  min-height: 130px;
  padding: .5em;
}
ul.rss li {
   background: none;
   padding-left: 0px;
}
.greybox {
  background-color: #EDEDED;
}
.greybox form {
  width: auto !important;
  padding: 15px;
}
.greybox form div {
  display: inline-block;
  min-width: 50%;
}
.greybox form div.section  {
  float:left;
}
.greybox label {
  display: inline-block;
  width: 6em;
  vertical-align: top;
}
.greybox select, .greybox input {
  margin-bottom: .5em;
  min-width: 200px;
}


/*
  Fix for the 'cant scroll to the bottom of the page' problem for iPad landscape
 */
@media screen and (min-width:999px) and (max-width:1025px) {
  div.footer {
    min-height: 300px;
  }
}
.right {
margin: 15px 0 15px 20px;
float: right;
}
.relatedContent img {
float: left;
}
.relatedContent .channel {
padding: 1em 0;
width: 100%;
overflow: hidden;
}
.relatedContent h3 {
clear: both;
color: #fff;
background: none repeat scroll 0 0 #036;
width: 90%;
text-transform: none;
padding: 4px 5% 4px 5%;
font-size: 1em;
}
.relatedContent ul {
clear: both;
padding: 0% 7%;
background-color: #EDEDED; /* Fall back color for browser that doesn't have support */background: -moz-linear-gradient(140deg, transparent 13px, #EDEDED 0pt) no-repeat scroll right bottom transparent;
background: -ms-linear-gradient(140deg, transparent 13px, #EDEDED 0pt) no-repeat scroll right bottom transparent;
background: -o-linear-gradient(140deg, transparent 13px, #EDEDED 0pt) no-repeat scroll right bottom transparent;
background: -webkit-linear-gradient(140deg, transparent 13px, #EDEDED 0pt) no-repeat scroll right bottom transparent;
background: linear-gradient(-40deg, transparent 13px, #EDEDED 0pt) no-repeat scroll right bottom transparent;
}
.relatedContent li {
border-top: 1px solid #999;
padding: 4% 0;
}
.relatedContent li:first-child {
border-top: none;
}
.relatedContent a {
color: #5ea0c2;
text-decoration: none;
}
.relatedContent {
float: right;
display: block;
height: auto !important;
width: 223px;
margin: 0px 0 15px 15px !important;
overflow: hidden;
}
.no-cssgradients .relatedContent ul {
background: transparent url(/assets/new/innerNavGrayNotch.png) no-repeat 100% 100%;
}
/* MRM Belgrade Edit */.table-with-ul-cnt strong {
color: white;
}
.table-with-ul-cnt ul {
padding: 10px 10px 10px 25px;
}
.table-with-ul-cnt ul li {
list-style: disc outside;
margin-bottom: 10px;
}
.hpDetailsTeasers img {
margin-right: 10px;
}
.pageContent hr {
background: none repeat scroll 0 0 #CCCCCC;
border: 0 solid #FFFFFF;
height: 1px;
margin: 10px 0;
padding: 0;
}
/*.pageContent img {
max-width: none;
}
.pageContent ul, .pageContent ol {
padding-left: 20px;
margin-bottom: 20px;
}
.pageContent ul li {
list-style: disc outside;
}
.pageContent ol li {
list-style: decimal outside;
}
*//*WE CANNOT USE THESE STYLES - Zander Indo*****/.detailpageSection .sectionBlock li {
padding-left: 0 !important;
}
.pageContent td {
vertical-align: top;
}
/*.pageContent p {
padding: 0 0 1em 0;
}
*//*WE CANNOT USE THESE STYLES - Zander Indo*****/.pageContent h2 {
padding: 0.3em 0 0.5em;
}
.pageContent table {
width: 100%;
}
.pageContent table.twistageVideoPlayer {
width: auto;
border-collapse: collapse;
}
.pageContent table, .pageContent table td {
border: 0;
}
.pageContent .relatedContent ul, .pageContent .relatedContent ol {
padding: 0;
width: 100%
}
.pageContent .relatedContent li {
list-style: none outside none;
padding: .5em 1.5em;
margin: 0px 1em;
}
.pageContent table.td_border1 {
width: auto;
}
.pageContent .blogPost section {
overflow: hidden;
}
.content_col_01 {
float: left;
width: 73%;
}
.content_col_02 {
float: right;
width: 27%;
}
.pageContent .imgFloatRight, .pageContent .rightflush {
float: right;
margin-left: 10px;
}
.pageContent .imgFloatLeft, .pageContent .leftflush {
float: left;
margin-right: 10px;
}
.pageContent .dlbox1 {
width: 100% !important;
padding-left: 0;
padding-right: 0;
}
.pageContent img.left {
float: left;
margin-right: 10px;
}
.pageContent .hp_details_left {
float: left;
width: 48%;
}
.pageContent .hp_details_right {
float: right;
width: 48%;
}
/*.breadcrumbs.wrapper {
width: 1000px !important;
margin: 5px auto !important;
}
*//*WE CANNOT USE THESE STYLES - Zander Indo*****/#tabs_example_three li {
list-style: none outside none;
}
.pageContent #col1 p.subheadings, .pageContent #col2 p.subheadings, .pageContent #col3 p.subheadings {
padding: 0 1em 1em;
}
#csr_footer_links ul li {
list-style: none outside none;
}
.footer-left {
float: left;
}
.footer-right {
float: right;
}
.footer-right li {
display: inline;
}
.footer-right li * {
display: inline;
}
.boxFloatRight {
float: right;
margin-left: 10px;
}
/* Simulated bullets style */.listing_default_image_container {
float: left;
}
.listing_title_container {
padding-left: 16px;
}
.bluebar {
height: 15px;
width: 100%;
}
.soloContentBox {
margin: auto;
padding: 50px;
}
.soloContentBox.centered {
text-align: center;
}
/* .sideBarGray {
background: white none !important;
}
*/ul.home_follow_subscribe_icons li {
margin-left: 5px !important;
width: 46px !important;
padding-left: 0px !important
}
img.image_container {
float: none !important;
}
#hp_details {
position: static !important;
}
#flash_3 {
text-align: center;
}
#flashcontent {
text-align: center;
}
.content-box-scrub {
padding-top: 20px;
}
.yifw_dt, .yifw_dd {
width: auto !important;
}
.yifw_dt {
margin-right: 10px;
}
.yifw_dd {
float: left;
}
.rightBlueBox {
float: right;
line-height: 9px;
width: 23%;
border: 1px solid #c9cac8;
margin: 15px 0 15px 20px;
}
.listing_title_container .item_title {
font-weight: bold;
}
/***For table fixes on http://beta.csc.com/vn_vn/ds/27562 *****/#category_table td {
padding: 5px;
}
#category_table tr.odd td {
background: #F1F1F1;
}
/********end table fixes*******/.dlbox2 {/*for bg fix on alert http://www.csc.com/application_services/contact_us/45626-may_we_assist_you_please_contact_us*/ background:#F1F1F1;
padding: 10px;
}
/***** New listings styling *****/#listingsWidget {
position: relative;
}
.listingsNav {
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
padding: 5px 0px;
height: 2em;
font-size: 11px;
overflow: hidden;
}
.oldie .listingsNav {
    height: 3em;
    vertical-align: middle;
}
.listingsNav.top {
z-index: 998;
width: 100%;
}
.listingsNav li, .listingsNav li li {
display: inline-block;
list-style-image: none;
list-style-type: none;
list-style-position: outside;
float: left;
}
.listingsNav li {
margin-right: 1%;
margin-left: 0px;
cursor: pointer;
position: relative;
}
.listingsNav li li {
margin-right: 0px;
}
li.listingsSortTitleHolder, li.listingsSortClientHolder, li.listingsSortDateHolder, li.listingsRefreshHolder {
display: none;/*z-index: 1000;*/position: relative;
z-index: 10;
}
.listingSearchInput, .listingsSearchSubmit[type="submit"] {
border: 1px solid #CCC;
margin: 0px;
}
.listingSearchInput {
height: 1.5em;
border-right: none;
float: left;
padding: 2px;
font-size: 11px;
width: 6em;
}

.oldie .listingSearchInput {
  font-size: 12px;
  width: 8em;
  height: 1.8em;
}

.listingsSearchSubmit[type="submit"] {
background: white url(/assets/new/icons/search.png) scroll no-repeat 50% 50%;
border-left: none;
margin: 0px;
width: 25px;
height: 1.6em;
padding: 0 1em;
}
.listingsBackBeginning,.listingsBack,.listingsForward,.listingsForwardEnd,.listingsSortTitleHolder,.listingsSortClientHolder,.listingsSortDateHolder {
display: table;
vertical-align: middle;
margin: 0px 2px;
}
.listingsNav li.listingsBackBeginning,.listingsNav li.listingsBack,.listingsNav li.listingsForward,.listingsNav li.listingsForwardEnd {
height: 2em;
width: 2em;
margin-right: 2px;
display: none;
}
.listingsNav li.listingsPositionText {
margin-right: 2px;
display: table;
vertical-align: middle;
}

.oldie .listingsNav li.listingsPositionText {
    padding-top: 2px;
}
.listingsNav li.listingsPositionText p {
display: table-cell;
vertical-align: middle;
padding: 0px;
}
html.ie7 .listingsNav li.listingsPositionText p {
margin-top: -.5em;
}
.listingsBackBeginning p,.listingsBack p,.listingsForward p,.listingsForwardEnd p,.listingsSortTitleHolder p,.listingsSortClientHolder p,.listingsSortDateHolder p,.filterChevron {
display: table-cell;
height: 1.9em;
text-align: center;
vertical-align: middle;
}
.listingsBackBeginning p,.listingsBack p,.listingsForward p,.listingsForwardEnd p,.listingsBack p,.filterChevron {
width: 2em;
font-weight: bold;
}
.listingsBackBeginning p,.listingsBack p,.listingsForward p,.listingsForwardEnd p,.listingsBack p {
display: none;
}
.listingsBackBeginning {
background: transparent url(/assets/new/icons/listings_sprites.png) scroll no-repeat -55px 50%;
}
.listingsNav li.listingsForwardEnd {
background: transparent url(/assets/new/icons/listings_sprites.png) scroll no-repeat -80px 50%;
margin-right: 1%;
}
.listingsBack,.listingsForward,.filterChevron {
color: white;
background: #CCC url(/assets/new/icons/listings_sprites.png) scroll no-repeat -3em 50%;
}
.listingsBack {
background-position: -1.25em 50%;
}
.listingsPageNumHolder {
width: 1.8em;
text-align: center;
font-size: 11px;
padding: 1px;
height: 1.5em;
color: #5ea0c2;
}
html.ie7 .listingsPageNumHolder {
position: relative;
top: .5em;
}
.listingsSortTitleHolder, .listingsSortClientHolder, .listingsSortDateHolder {
padding-right: 1.5em;
background: transparent url(/assets/new/icons/listings_sprites.png) scroll no-repeat 5em 50%;
position: relative;
width: 5em;
}

.oldie .listingsSortTitleHolder, .oldie .listingsSortClientHolder, .oldie .listingsSortDateHolder {
    width: 8em;
}

.listingsSortTitleHolder p, .listingsSortClientHolder p, .listingsSortDateHolder p {
padding: 0px;
}
.listingsSortTitleHolder:hover p, .listingsSortClientHolder:hover p, .listingsSortDateHolder:hover p {
color: #005172;
text-decoration: underline;
}
.listingsSortTitleHolder ul, .listingsSortClientHolder ul, .listingsSortDateHolder ul {
visibility: hidden;
position: absolute;
background-color: #e3e5e4;
width: 150px;
padding: 8px 20px;
z-index: 10;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, .3);
-moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, .3);
box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, .3);
}
.listingsSortTitleHolder:hover ul, .listingsSortClientHolder:hover ul, .listingsSortDateHolder:hover ul, .listingsSortDateHolder ul.keepOpen {
display: inline-block;
visibility: visible;
}
menu.bottom .listingsSortTitleHolder:hover ul, menu.bottom .listingsSortClientHolder:hover ul, menu.bottom .listingsSortDateHolder:hover ul, menu.bottom .listingsSortDateHolder ul.keepOpen {
bottom: 1.75em;
}
.listingsSortTitleHolder:hover ul li, .listingsSortClientHolder:hover ul li, .listingsSortDateHolder:hover ul li, .listingsSortDateHolder ul.keepOpen li {
display: block;
background-image: none;
padding: 0px;
margin: 2px;
position: relative;
width: 93%;
}
.listingsSortTitleHolder:hover ul li, .listingsSortClientHolder:hover ul li, .listingsSortDateHolder:hover ul li, .listingsSortDateHolder ul.keepOpen li {
width: 98px;
}
.listingsSortTitleHolder:hover ul li input[type="radio"], .listingsSortClientHolder:hover ul li input[type="radio"], .listingsSortDateHolder:hover ul li input[type="radio"] {
visibility: hidden;
position: absolute;
}
.listingsSortTitleHolder:hover ul li ul, .listingsSortClientHolder:hover ul li ul {
display: none;
position: absolute;
top: 2.1em;
left: 1em;
padding: 5px;
margin: 0px;
}
.listingsSortTitleHolder:hover ul li:hover ul, .listingsSortClientHolder:hover ul li:hover ul {
display: inline-block;
visibility: visible;
}
.listingsSortTitleHolder:hover ul li:hover ul li, .listingsSortClientHolder:hover ul li:hover ul li {
padding: 0px;
margin: 0px;
float: none;
width: 150px;
}
.ie7 .listingsSortTitleHolder:hover ul li:hover ul li, .ie7 .listingsSortClientHolder:hover ul li:hover ul li {
padding-left: 0px;
}
.bottom .listingsSortTitleHolder:hover ul li ul, .bottom .listingsSortClientHolder:hover ul li ul {
position: absolute;
z-index: 4000;
height: 2.3em;
}
.listingsSortTitleHolder:hover ul li:hover ul li:hover, .listingsSortClientHolder:hover ul li:hover ul li:hover {
background-color: transparent;
}
.listingsSortTitleHolder ul li ul input[type="text"], .listingsSortClientHolder ul li ul input[type="text"] {
display: none;
}
.listingsSortTitleHolder:hover ul li ul input[type="text"], .listingsSortClientHolder:hover ul li ul input[type="text"] {
display: inline-block;
border: none;
background-color: #F4F4F4;
width: 100%;
}
.listingsSortTitleHolder:hover ul li.hr, .listingsSortClientHolder:hover ul li.hr, .listingsSortDateHolder:hover ul li.hr, .listingsSortDateHolder ul.keepOpen li.hr {
padding: 0px;
height: 1px;
background: transparent url(/assets/new/icons/listings_hr.png) scroll no-repeat center;
display: inline-block;
width: 100%;
margin: 4px 0px;
}
.listingsSortTitleHolder:hover ul li.hr hr, .listingsSortClientHolder:hover ul li.hr hr, .listingsSortDateHolder:hover ul li.hr hr, .listingsSortDateHolder ul.keepOpen li.hr hr {
display: none;
}
.listingsSortTitleHolder:hover ul li.hr:hover, .listingsSortClientHolder:hover ul li.hr:hover, .listingsSortDateHolder:hover ul li.hr:hover, .listingsSortDateHolder ul.keepOpen li.hr:hover {
background-color: transparent;
}
.filterChevron {
float: right;
}
.listingsSortDateHolder .filterChevron {
position: absolute;
bottom: .5em;
right: .5em;
}
html.ie7 .filterChevron {
margin-top: -1.7em;
}
.listingsSortTitleHolder:hover ul li, .listingsSortClientHolder:hover ul li, .listingsSortDateHolder:hover ul li, .listingsSortDateHolder ul.keepOpen li {
padding: 4px;
width: 142px;
}
.listingsSortTitleHolder:hover ul li:hover, .listingsSortClientHolder:hover ul li:hover, .listingsSortDateHolder:hover ul li:hover, .listingsSortDateHolder ul.keepOpen li:hover {
background-color: #f1f2f2;
}
.beforeDate, .afterDate, .onDate {
width: 0px;
border: none;
background-color: transparent;
display: none;
}
.listingsSortDateHolder:hover ul li, .listingsSortDateHolder ul.keepOpen li {
width: 95%;
margin: 0px;
}
.beforeDateHolder label, .afterDateHolder label, .onDateHolder label {
height: 2em;
display: inline-block;
}
.beforeDateHolder button, .afterDateHolder button, .onDateHolder button {
border: none;
background-color: transparent;
color: #747678;
display: inline-block;
width: 145px;
text-align: left;
height: 1.5em;
padding: .25em;
font-size: 11px;
}
.beforeDateHolder button:hover, .afterDateHolder button:hover, .onDateHolder button:hover {
background-color: #f1f2f2;
}
/* begin styling calendar */#ui-datepicker-div {
position: absolute;
left: -1000px;
background-color: #e3e5e4;
padding: .2em;
z-index: 1000 !important;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, .3);
-moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, .3);
box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, .3);
}
#ui-datepicker-div table.ui-datepicker-calendar {
background: transparent url(/assets/new/icons/listings_hr.png) scroll no-repeat center 1.7em;
}
.ui-datepicker-header {
background-color: #003f60;
color: white;
padding: 3px;
}
html.ie7 .ui-datepicker-header {
width: 11.25em;
}
a.ui-datepicker-prev, a.ui-datepicker-next,a.ui-datepicker-prev.ui-state-hover, a.ui-datepicker-next.ui-state-hover {
display: table;
background-color: #588aa3;
color: white;
background-image: none;
font-weight: bold;
text-decoration: none;
}
.ui-datepicker-prev {
float: left;
}
.ui-datepicker-next {
float: right;
}
.ui-datepicker-trigger {
cursor: pointer;
}
#ui-datepicker-div .ui-datepicker-prev span, #ui-datepicker-div .ui-datepicker-next span {
display: inline-block;
height: 1.5em;
width: 1.5em;
text-decoration: none;
color: white;
font-weight: bold;
background: transparent url(/assets/new/icons/listings_sprites.png) scroll no-repeat -15px 50%;
cursor: pointer;
}
#ui-datepicker-div .ui-datepicker-next span {
background-position: -32px 50%;
}
#ui-datepicker-div .ui-datepicker-prev span, #ui-datepicker-div .ui-datepicker-next span {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.ui-datepicker-title {
text-align: center;
}
.ui-datepicker-calendar th, .ui-datepicker-calendar td {
text-align: center;
}
.ui-datepicker-calendar th, .ui-datepicker-calendar td a {
display: table-cell;
height: 1.5em;
width: 1.5em;
vertical-align: middle;
text-align: center;
}
.ui-datepicker-today {
background-color: transparent;
font-weight: bold;
border: none;
}
.ui-state-active {
background-color: #f1f3f2;
}
#ui-datepicker-div .ui-datepicker-today .ui-state-highlight {
border: none;
background: transparent;
}
.ui-datepicker-buttonpane {
float: none;
min-height: 0px;
text-align: center;
background: transparent url(/assets/new/icons/listings_hr.png) no-repeat scroll center top;
}
.ui-datepicker-current {
opacity: 1.0;
filter: none;
background-color: transparent;
padding: .4em;
}
.ui-datepicker-close {
display: none;
}
/* end styling calendar */li.listingsRefreshHolder {
float: right;
margin-right: 0px;
}
button.refresh {
display: inline-block;
height: 1.8em;
width: 3em;
border: none;
background: transparent url(/assets/new/icons/refresh.png) scroll no-repeat 50% 50%;
margin: 0px;
}
/* styling table overlay */#listingsOverlay {
position: absolute;
z-index: 1;
display: block;
width: 100%;
background-color: rgba(255, 255, 255, .93);
color: rgba(255, 255, 255, .93);
}
/* styling the table */#listingsResults {
min-height: 10em;
padding: 0;
}
#listingsResults li.listingsResultsGroupItem {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
cursor: pointer;
}
#listingsResults li.listingsResultsGroupItem > h2 {
padding: 1em 0 1em 1.5em;
border-bottom: 1px solid #CCC;
background: transparent url(/assets/new/arrrows-innernav.png) scroll no-repeat -5px .7em;
margin: 0px;
}
#listingsResults li.listingsResultsGroupItem.sfhover > h2 {
background-position-y: -90px;
}
#listingsResults li.listingsResultsGroupItem ul {
position: relative;
height: 0px;
overflow: hidden;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
#listingsResults li.listingsResultsGroupItem.sfhover ul {
height: auto;
}
#listingsResults li.listingsResultsItem {
list-style-image: none;
list-style-type: none;
list-style-position: outside;
background-image: none;
position: relative;
padding: 1em;
border-bottom: 1px solid #CCC;
}
#listingsResults li.listingsResultsItem:last-child {
border-bottom: none;
}
#listingsResults h3, #listingsResults h3 a, #listingsResults h2, #listingsResults h2 a {
display: block;
font-size: 14px;
font-weight: bold;
line-height: 1.1em;
margin-bottom: .3em;
color: #005172;
}
#listingsResults p {
display: block;
width: 100%;
}
#listingsResults p.catagory {
display: inline-block;
font-style: italic;
color: #aaa;
}
#listingsResults li.listingsResultsGroupItem p.catagory {
text-align: left;
}
#listingsResults .errorMessage {
margin: 1em 4em;
}
#featuredWidgets {
width: 94%;
padding: 0px 3%;
margin-top: 1em;
}
#featuredWidgets li {
width: 100%;
display: inline-block;
list-style-image: none;
list-style-type: none;
list-style-position: outside;
vertical-align: top;
}
#featuredWidgets li h3 {
padding: .5em;
background-color: #005172;
color: white;
}
#featuredWidgets div.content {
background: #D6D8D9;
background: -moz-linear-gradient(140deg, transparent 13px, #D6D8D9 0pt) no-repeat scroll right bottom transparent;
background: -ms-linear-gradient(140deg, transparent 13px, #D6D8D9 0pt) no-repeat scroll right bottom transparent;
background: -o-linear-gradient(140deg, transparent 13px, #D6D8D9 0pt) no-repeat scroll right bottom transparent;
background: -webkit-linear-gradient(140deg, transparent 13px, #D6D8D9 0pt) no-repeat scroll right bottom transparent;
background: linear-gradient(-40deg, transparent 13px, #D6D8D9 0pt) no-repeat scroll right bottom transparent;
margin-bottom: 1em;
padding-bottom: 1em;
}
#featuredWidgets li img {
float: left;
margin: 1em 1em 0 1em;
}
#featuredWidgets .left {
float: left;
}
#featuredWidgets p {
padding: .75em 1em;
}
#featuredWidgets a {
color: #005172;
font-weight: bold;
margin: 0px;
}
/* end styling the table */@media screen and (min-width:235px) {/* styling for listing widget */.listingsNav li.listingsBack, .listingsNav li.listingsForward {
display: inline-block;
}

}
@media screen and (min-width:285px) {/* styling for listing widget */.listingsNav li.listingsBackBeginning, .listingsNav li.listingsForwardEnd {
display: inline-block;
}

}
@media screen and (min-width:320px) {/* styling for listing widget */menu.listingsNav li {;
}
.listingSearchInput {
width: 9em;
}
menu.listingsNav li.listingsRefreshHolder {
margin-right: 0px;
}

}
@media screen and (min-width:450px) {/* styling for listing widget */menu.listingsNav li {
margin-right: 15%;
}
.listingSearchInput {
width: auto;
}
menu.listingsNav li.listingsForwardEnd {
margin-right: 1%;
}
menu.listingsNav li.listingsRefreshHolder {
margin-right: 0px;
}
#featuredWidgets {
}
#featuredWidgets li {
}
#featuredWidgets li.mod_2 {
}
#featuredWidgets li h3 {
}
#featuredWidgets div.content {
}
#featuredWidgets li img {
}
#featuredWidgets p {
}
#featuredWidgets a {
}

}
@media screen and (min-width:580px) {/* styling for listing widget */.listingsNav {
overflow: visible;
}
menu.listingsNav li, menu.listingsNav li.listingsForwardEnd {
margin-right: 1%;
}
menu.listingsNav li.listingsRefreshHolder {
margin-right: 0px;
}
li.listingsSortTitleHolder, li.listingsSortClientHolder.displayYes, li.listingsSortDateHolder.displayYes, li.listingsRefreshHolder {
display: inline-block;
}
#featuredWidgets {
float: right;
}
#featuredWidgets li {
width: 32.25%;
margin-left: 1.5%;
float: left;
}
#featuredWidgets li.mod_0 {
margin-left: 0;
}
#featuredWidgets li h3 {
}
#featuredWidgets div.content {
height: 19em;
}
#featuredWidgets li img {
}
#featuredWidgets p {
}
#featuredWidgets a {
}

}
@media screen and (min-width:750px) and (min-height:550px) {
}
@media screen and (min-width:750px) {/* styling for listing widget */menu.listingsNav li, menu.listingsNav li.listingsForwardEnd {
margin-right: 6%;
}
menu.listingsNav li.listingsRefreshHolder {
margin-right: 0px;
}
.listingsSearchSubmit[type="submit"] {
width: 35px;
}
.ie7 .listingsSearchSubmit[type="submit"], .ie8 .listingsSearchSubmit[type="submit"] {
height: 1.9em;
}
#featuredWidgets div.content {
height: 15em;
}

}
@media screen and (min-width:750px) and (max-height:550px) {
}
@media screen and (min-width:780px) {
}
@media screen and (min-width:820px) {/* styling for challenge sidebar */.pageContent .relatedContent ul, .pageContent .relatedContent ol {
padding: 0 7%;
width: auto;
}
.pageContent .relatedContent ul li {
padding: 4% 0 4% 17px;
margin: 0;
}
/* styling for listing widget */menu.listingsNav li, menu.listingsNav li.listingsForwardEnd {
margin-right: 8%;
}
menu.listingsNav li.listingsRefreshHolder {
margin-right: 0px;
}
.listingsSearchSubmit[type="submit"] {
height: 1.9em;
}
.bottom .listingsSortTitleHolder:hover ul li ul, .bottom .listingsSortClientHolder:hover ul li ul {
height: 1.5em;
}
#featuredWidgets div.content {
height: 10em;
}

}
@media screen and (min-width:1000px) {/* styling for listing widget */menu.listingsNav li, menu.listingsNav li.listingsForwardEnd {
margin-right: 30px;
}
menu.listingsNav li.listingsRefreshHolder {
margin-right: 0px;
}
.listingsNav.top {
width: 670px;
}
#listingsResults li.listingsResultsItem {
padding: 1em 0;
}
#featuredWidgets {
float: right;
padding-right: 5%;
margin-top: 3em;
}
#featuredWidgets li {
}
#featuredWidgets li.mod_2 {
}
#featuredWidgets li h3 {
}
#featuredWidgets div.content {
height: 13em;
}
#featuredWidgets li img {
}
#featuredWidgets p {
}
#featuredWidgets a {
}

}
/***** end new listings style *****/
.oldie .listingsNav li.listingsBack, .oldie .listingsNav li.listingsForward {
display: inline-block;
}

.oldie .listingsNav li.listingsBackBeginning, .oldie .listingsNav li.listingsForwardEnd {
display: inline-block;
}

.oldie menu.listingsNav li {
margin-right: 15%;
}
.oldie .listingSearchInput {
width: auto;
}
.oldie menu.listingsNav li.listingsForwardEnd {
margin-right: 1%;
}
.oldie menu.listingsNav li.listingsRefreshHolder {
margin-right: 0px;
}

.oldie .listingsNav {
overflow: visible;
}
.oldie menu.listingsNav li, .oldie menu.listingsNav li.listingsForwardEnd {
margin-right: 1%;
}
.oldie menu.listingsNav li.listingsRefreshHolder {
margin-right: 0px;
}
.oldie i.listingsSortTitleHolder, .oldie li.listingsSortClientHolder.displayYes, .oldie li.listingsSortDateHolder.displayYes, .oldie li.listingsRefreshHolder {
display: inline-block;
}
.oldie #featuredWidgets {
float: right;
}
.oldie #featuredWidgets li {
width: 32.25%;
margin-left: 1.5%;
float: left;
}
.oldie #featuredWidgets li.mod_0 {
margin-left: 0;
}
.oldie #featuredWidgets li h3 {
}
.oldie #featuredWidgets div.content {
height: 19em;
}
.oldie #featuredWidgets li img {
}
.oldie #featuredWidgets p {
}
.oldie #featuredWidgets a {
}

.oldie menu.listingsNav li {
margin-right: 15%;
}
.oldie .listingSearchInput {
width: auto;
}
.oldie menu.listingsNav li.listingsForwardEnd {
margin-right: 1%;
}
.oldie menu.listingsNav li.listingsRefreshHolder {
margin-right: 0px;
}

.oldie menu.listingsNav li, .oldie menu.listingsNav li.listingsForwardEnd {
margin-right: 6%;
}
.oldie menu.listingsNav li.listingsRefreshHolder {
margin-right: 0px;
}
.oldie .listingsSearchSubmit[type="submit"] {
width: 35px;
}
.ie7 .listingsSearchSubmit[type="submit"], .ie8 .listingsSearchSubmit[type="submit"] {
height: 1.9em;
}
.oldie #featuredWidgets div.content {
height: 15em;
}

.oldie .pageContent .relatedContent ul, .oldie .pageContent .relatedContent ol {
padding: 0 7%;
width: auto;
}
.oldie .pageContent .relatedContent ul li {
padding: 4% 0 4% 17px;
margin: 0;
}
/* styling for listing widget */.oldie menu.listingsNav li, .oldie menu.listingsNav li.listingsForwardEnd {
margin-right: 8%;
}
.oldie menu.listingsNav li.listingsRefreshHolder {
margin-right: 0px;
}
.oldie .listingsSearchSubmit[type="submit"] {
height: 1.9em;
}
.oldie .bottom .listingsSortTitleHolder:hover ul li ul, .oldie .bottom .listingsSortClientHolder:hover ul li ul {
height: 1.5em;
}
.oldie #featuredWidgets div.content {
height: 10em;
}

.oldie menu.listingsNav li, .oldie menu.listingsNav li.listingsForwardEnd {
margin-right: 2px;
}
 .oldie menu.listingsNav li.listingsForwardEnd {
  margin-right: 30px;
 }
.oldie menu.listingsNav li.listingsRefreshHolder {
margin-right: 0px;
}
.oldie .listingsNav.top {
width: 670px;
}
.oldie #listingsResults li.listingsResultsItem {
padding: 1em 0;
}
.oldie #featuredWidgets {
float: right;
padding-right: 5%;
margin-top: 3em;
}
.oldie #featuredWidgets li {
}
.oldie #featuredWidgets li.mod_2 {
}
.oldie #featuredWidgets li h3 {
}
.oldie #featuredWidgets div.content {
height: 13em;
}
.oldie #featuredWidgets li img {
}
.oldie #featuredWidgets p {
}
.oldie #featuredWidgets a {
}

.oldie .listingsSearchHolder {
  margin-right: 30px !important;
}
.oldie li.listingsSortTitleHolder, .oldie li.listingsSortClientHolder.displayYes, .oldie li.listingsSortDateHolder.displayYes, .oldie li.listingsRefreshHolder {
display: inline-block;
}

.listingsNav.top .listingsSearchSubmit {
height: 1.8em;
}

.listingsNav.bottom .listingsSearchSubmit {
height: 1.85em;
}
.offersContent .offersLeft
{
}

.offersTop .voiceBox
{
	background-image: url('//assets1.csc.com/application_services/images/notch.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height: 110px;
	padding: 20px 150px 20px 20px;
	color: white;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	line-height:1.2em;
}

.offersContent .pageContent .offersLeft
{
	color: #747678;
}

.offersContent .pageContent .offersRight, .offersContent .pageContent .relatedContent.offersRight
{
	float: none;
	width: auto;
	margin: 0 !important;
	border-top: 1px solid #999;
}

.offersContent .pageContent .offersLeft STRONG, .offersContent .pageContent .offersLeft B
{
	color: black;
}

.offersContent .pageContent .offersLeft H2
{
	color: #747678;
}

.offersContent .offersRight .video
{
	padding: 4px 0 4px 8px;
}

.offersContent .offersRight .video IMG
{
	float: none;
}

.offersContent .offersRight .callToAction
{
	padding: 1em 0;
	width: 100%;
	overflow: hidden;
}

.offersContent .offersRight .callToAction DIV
{
	float: left;
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #999;
	width: 100%;
}

.offersContent .offersRight .callToAction DIV:last-child
{
	margin-bottom: 0;
}

.offersContent .offersRight .callToAction DIV:first-child
{
	border-top: 1px solid #999;
	padding-top: 6px;
}

.offersContent .offersRight .callToAction
{
	padding-top: 2em;
}

.offersContent .relatedContent.offersRight .callToAction IMG
{
	vertical-align: middle;
	float: none;
}

.offersContent .relatedContent.offersRight H3
{
	width: 100%;
	float: none;
}

.offersContent .relatedContent.offersRight UL
{
	background: none;
	float: none;
	margin-bottom: 0;
	padding: 4px 0 4px 8px;
}

.offersContent .offersBelowMenu
{
	display: none;
}

.alliancesContent .partenership
{
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

.alliancesContent .partenershipRight
{
	padding-bottom: 5px;
	max-width: 500px;
}

.alliancesContent .partenershipRight H3
{
	color: #003f60;
	margin-bottom: 10px;
}

.alliancesContent .partenershipLeft
{
	float: none;
	border-bottom: 1px solid #999;
	text-align: center;
}

.alliancesContent .partenershipLeft img
{
	width: auto;
	height: auto;
}

.alliancesContent .partnershipBottomClear
{
	clear: both;
}

@media screen and (min-width:580px)
{
	.offersContent .offersRight .callToAction DIV:first-child
	{
		border-top: 0;
		padding-top: 0;
	}

	.offersContent .offersRight .callToAction
	{
		padding-top: 1em;
	}

	.offersContent .relatedContent.offersRight .callToAction IMG
	{
		float: left;
		max-width: 30px;
	}

	.offersContent .offersRight .callToAction DIV:last-child
	{
		border-bottom: 0 solid;
	}

	.offersContent .offersRight .callToAction A
	{
		display: block;
		padding-left: 33px;
	}

	.offersContent .offersLeft
	{
		width: 73%;
		float: left;
	}

	.offersContent .relatedContent.offersRight H3
	{
		width: 100%;
		float: left;
	}

	.offersContent .relatedContent.offersRight UL
	{
		background: inherit;
		float: left;
		margin-bottom: 2em;
		padding: inherit;
		max-width: 87%;
	}
	.offersContent .pageContent .relatedContent.offersRight
	{
		float: right;
		width: 150px;
		font-size: 0.9em;
		border-top: 0;
	}

	.offersContent .pageContent .relatedContent.offersRight LI
	{
		/*min-width: 113px;*/ /* fix an issue when the content is to small */
	}

	.offersContent .pageContent .relatedContent.offersRight H3
	{
		width: 90%;
		float: left;
	}
	.offersContent .offersRight .video, .offersContent .relatedContent.offersRight UL
	{
		float: left;
		background: url(//assets1.csc.com/application_services/images/back.png) #ededed no-repeat scroll right bottom;
		background: -webkit-linear-gradient(140deg, transparent 13px, #EDEDED 0pt) no-repeat scroll right bottom transparent;
		background: -moz-linear-gradient(140deg, transparent 13px, #EDEDED 0pt) no-repeat scroll right bottom transparent;
		background: -ms-linear-gradient(140deg, transparent 13px, #EDEDED 0pt) no-repeat scroll right bottom transparent;
		background: -o-linear-gradient(140deg, transparent 13px, #EDEDED 0pt) no-repeat scroll right bottom transparent;
		background: -webkit-linear-gradient(140deg, transparent 13px, #EDEDED 0pt) no-repeat scroll right bottom transparent;
		background: linear-gradient(-40deg, transparent 13px, #EDEDED 0pt) no-repeat scroll right bottom transparent;
		padding: 4% 7%;
		margin-bottom: 2em;
	}

	.alliancesContent .partenershipLeft
	{
		float: left;
		max-width: 220px;
		border-bottom: 0;
		text-align: left;
	}
	.alliancesContent .partenershipLeft .filler {
		width: 220px;
	}
	.alliancesContent .partenershipLeft img
	{
		width: 80%;
	}
	.alliancesContent .partenership.brief .partenershipRight
	{
		padding-top: 18px;
	}
	.alliancesContent .partenershipRight
	{
		/*padding-left: 220px;*/
		padding-top: 18px;
		padding-bottom: 21px;
		padding-left: 0;
		float: left;
	}
	.alliancesContent .partenership.brief .partenershipRight
	{
		padding-top: 18px;
	}

	.offersRight .video
	{
		max-width: 87%;
	}
	.offersTop .voiceBox {
		min-height: inherit;
		background-position: right 40px;
	}
}

@media screen and (min-width:750px)
{

	.offersContent .offersLeft
	{
		width: 79%;
	}
}

@media screen and (min-width:780px)
{
	.offersLeft
	{
		width: 64%;
	}

	.relatedContent.offersRight
	{
		float: left;
		display: block;
		height: auto !important;
		width: 223px;
		margin: 0 0 15px 15px !important;
		overflow: hidden;
	}

	.offersContent .relatedContent.offersRight UL
	{
		min-width: 87%;
	}
}

@media screen and (min-width:1000px)
{
	.offersContent .offersLeft
	{
		width: 550px;
	}

	.offersContent .offersBelowMenu
	{
		display: block;
	}

	#mainContent.offersContent .pageContent
	{
		width: 72%;
		padding: 0;
	}
}



.oldie .offersContent .offersRight .callToAction DIV:first-child {
border-top: 0;
padding-top: 0;
}
.oldie .offersContent .offersRight .callToAction {
padding-top: 1em;
}
.oldie .offersContent .relatedContent.offersRight .callToAction IMG {
float: left;
max-width: 30px;
}
.oldie .offersContent .offersRight .callToAction DIV:last-child {
border-bottom: 0 solid;
}
.oldie .offersContent .offersRight .callToAction A {
display: block;
padding-left: 33px;
}
.oldie .offersContent .offersLeft {
width: 550px;
float: left;
}
.oldie .offersContent .relatedContent.offersRight H3 {
width: 100%;
float: left;
}
.oldie .offersContent .relatedContent.offersRight UL {
background: inherit;
float: left;
margin-bottom: 2em;
padding: inherit;
max-width: 87%;
}
.oldie .offersContent .offersRight .video, .oldie .offersContent .relatedContent.offersRight UL {
float: left;
background: url(//assets1.csc.com/application_services/images/back.png) #ededed no-repeat scroll right bottom;
padding: 4% 7%;
margin-bottom: 2em;
}

.oldie .offersContent .relatedContent.offersRight UL {
min-width: 87%;
}

.oldie .alliancesContent .partenershipLeft {
float: left;
max-width: 220px;
border-bottom: 0;
text-align: left;
}
.oldie .alliancesContent .partenershipLeft .filler {
width: 220px;
}
.oldie .alliancesContent .partenershipLeft img {
width: 80%;
}
.oldie .alliancesContent .partenership.brief .partenershipRight {
padding-top: 18px;
}
.oldie .alliancesContent .partenershipRight {
padding-left: 220px;
padding-top: 18px;
padding-bottom: 21px;
padding-left: 0;
float: left;
}

.ie7 .partenershipLeft .logo .filler { 
height: 0;
}

.oldie .alliancesContent .partenership.brief .partenershipRight {
padding-top: 18px;
}
.oldie .offersRight .video {
max-width: 87%;
}
.oldie .offersTop .voiceBox {
min-height: inherit;
background-position: right 40px;
}




.oldie .alliancesContent .partenershipLeft {
    border-bottom: 0 none;
    float: left;
    max-width: 220px;
    text-align: left;
}

.oldie .offersLeft {
width: 64%;
}
.oldie .relatedContent.offersRight {
float: left;
display: block;
height: auto !important;
width: 223px;
margin: 0 0 15px 15px !important;
overflow: hidden;
}
.oldie .offersContent .pageContent .relatedContent.offersRight {
float: right;
width: 150px;
font-size: 0.9em;
border-top: 0;
}
.oldie .offersContent .pageContent .relatedContent.offersRight LI {/*min-width: 113px;*/ /* fix an issue when the content is to small */
}
.oldie .offersContent .pageContent .relatedContent.offersRight H3 {
width: 90%;
float: left;
}

.oldie .offersContent .offersLeft {
width: 550px;
float:left;
}
.oldie .offersContent .offersBelowMenu {
display: block;
}
.oldie #mainContent.offersContent .pageContent {
width: 72%;
padding: 0;
}

.oldie .alliancesContent .partenershipLeft img {
  width: 80%;
}

.oldie .pageContent .relatedContent ul li {
  margin: 0;
  padding: 4% 0 4% 17px;
}

/****CSC Recommendations***/
#myRcmdsChevronHolder{
	display: none;
	position: absolute;
	left: 0;
	bottom: 16px;
	text-decoration: none;
}
.mobileNavigationSupport #myRcmdsChevronHolder{
	display: block;
}
#myRcmdsChevron {
	display: block;
	width: 46px;
	line-height: 46px;
	text-align: center;
	vertical-align: middle;
	color: white;
	font-size: 24px;
	cursor: pointer;
}
#myRcmdsTrigger {
	display: none;
}
#myRcmdsHeader{
	display: block;
	background: #004061 url('/assets/new/icons/navIcons.png') no-repeat;
	border: 0;
	height: auto;
	width: auto;
	min-height: 0;
	min-width: 0;
	color: #fff;
}
#myRcmdsPersHeader {
	font-size: 1em;
	font-size: 1rem;
	line-height: 1.5em;
	background: #004061 url('/assets/new/icons/navIcons.png') no-repeat;
	background-position: -80px 1.3571428571428571428571428571429em;
	display: block;
	font-weight: bold;
	padding: 1em 0 1em 30px;
}
#myRcmdsPersonalization{
	display: none;
	margin-top: -3.5em;
	height: 3.5em;
}
.loggedin #myRcmdsPersonalization{
	display: block;
}
#persIcon{
	float: right;
	text-align: right;
	width: 3.5em;
	height: 3.5em;
	overflow: hidden;
}
#persIcon img{
	max-width: 100%;
}
#persButtons{
	display: none;
}
#persButtons ul{
	display: block;
	float: right;
	padding-left:0px;
	margin-left:0px;
	position: relative;
}
#persButtons ul li{
	display: block;
	line-height: 2em;
}
#persButtons ul li a{
	padding-left: 15px;
	font-size: 8px;
	color: #fff;
}
#persProfile{
	display: none;
	height: 3.5em;
	float: right;
	padding-right: 2em;
}
#myrecs_visitor_name, #myrecs_job_title{
	display: block;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 0.5em;
}
#myrecs_job_title{
	font-size: 11px;
	font-weight: normal;
}
#myrecs_edit{
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url('/assets/new/edit-profile-bg.png');
	background-color: transparent;
	width: 90px;
        margin-top: -6px;
}
#myRcmds.active #myRcmdsPersHeader{
	background-position: -80px -132px;
}
/* Something important to note: DO NOT style to #recs_div, because mbox features re-id that element!!! */
#recs_content {
	background-color: #9BB9C8;
	overflow: auto;
	padding: 0 2%;
	display: none;
	-webkit-transition: height 400ms ease;
	-moz-transition: height 400ms ease;
	-ms-transition: height 400ms ease;
	-o-transition: height 400ms ease;
	transition: height 400ms ease;
}
#myRcmds.active #recs_content {
	display: block;
	clear: right;
}
#recs_content label {
	color: #515151;
	display: block;
	font-weight: bold;
	margin: 8px 0;
	text-transform: none;
}
#recs_content .imgAnchor{
	float: left;
	display: none;
}
#recs_content .imgAnchor img{
	width: 50px;
	height: 50px;
}
#recs_content .contentNode{
	clear: both;
	display: block;
	margin: 0;
	padding: 0 0 5% 0;
	overflow: hidden;
}
#myRcmds .contentNode .textArea, #myRcmds .contentNode section{
	color: #fff;
}
#myRcmds .ui-tabs-panel .headline{
	padding-bottom: 0.3em;
}
#myRcmds .ui-tabs-panel .headline a {
	color: #2F496E;
	font-size: 1.5em;
	text-decoration: none;
}
#myRcmds .headline a{
	background: url('/assets/new/trianglesLg.png') no-repeat scroll 0 -42px transparent;
	padding: 0 0 0 20px;
	color: #515151;
	display: block;
	text-transform: none;
}
#myRcmds .contentNode p {
	line-height: 1.2;
	padding: 0 0 0 20px;
	color: #515151;
}
.rec_alliance {
  padding-left:10px;
  height:50px;
  background:url(/assets/new/recsSprite.png) no-repeat 0px -607px;
}
.rec_success {
  padding-left:10px;
  height:50px;
  background:url(/assets/new/recsSprite.png) no-repeat 0px -547px;
}
.rec_blog {
  padding-left:10px;
  height:50px;
  background:url(/assets/new/recsSprite.png) no-repeat 0px -487px;
}
.rec_flexi {
  padding-left:10px;
  height:50px;
  background:url(/assets/new/recsSprite.png) no-repeat 0px -426px;
}
.rec_insight {
  padding-left:10px;
  height:50px;
  background:url(/assets/new/recsSprite.png) no-repeat 0px -367px;
}
.rec_news {
  padding-left:10px;
  height:50px;
  background:url(/assets/new/recsSprite.png) no-repeat 0px -311px;
}
.rec_infogfx {
  padding-left:10px;
  height:50px;
  background:url(/assets/new/recsSprite.png) no-repeat 0px -245px;
}
.rec_offer {
  padding-left:10px;
  height:50px;
  background:url(/assets/new/recsSprite.png) no-repeat 0px -190px;
}
.rec_event {
  padding-left:10px;
  height:50px;
  background:url(/assets/new/recsSprite.png) no-repeat 0px -125px;
}
.rec_hp {
  padding-left:10px;
  height:50px;
  background:url(/assets/new/recsSprite.png) no-repeat 0px -65px;
}
.rec_pub {
  padding-left:10px;
  height:50px;
  background:url(/assets/new/recsSprite.png) no-repeat 0px -9px;
}
/****Page CSS for 320px Small screen devices, like phones*****/

/****End Page CSS*****/

/*media Queries*/
@media screen and (min-width: 450px){
        #myRcmds .headline a{
                background: none;
                padding: 0;
        }
        #myRcmds .contentNode p {
                padding: 0;
        }
	#recs_content .imgAnchor{
		display: block;
		width: 50px;
		margin-right: 16px;
	}
	#myRcmds .contentNode .textArea, #myRcmds .contentNode section{
		float: left;
		width: 70%;
		clear: none;
	}
	#persButtons{
		display: block;
	}
}
@media screen and (min-width: 580px){
	#persProfile{
		display: block;
	}
}
@media screen and (min-width: 750px){
	#myRcmds .contentNode .textArea, #myRcmds .contentNode section{
		width: 82%;
	}
}
@media screen and (min-width: 768px){
	#myRcmds.active #myRcmdsPersHeader{
		background-position: -80px -136px;
	}
	#myrecs_visitor_name,#myrecs_job_title{
		padding-top: 0.3em;
	}
}
@media screen and (min-width: 820px) {
	#myRcmds.active h2 {
		background-position: -80px -11.25em;
	}
}
@media screen and (min-width: 1000px){
	#myRcmds {
		color: #000;
		float: right;
		clear: none;
		margin: 0;
		position: fixed;
		right: -402px;
		width: 448px;
		z-index: 1001;
		max-width: 448px;
		display: block;
		overflow: hidden;
		top: 162px;
		height: 378px;
	}
	#myRcmds.loggedin {
		top: 144px;
		height: 396px;
	}
	.mobile #myRcmds {
		top: 18px;
	}
	#myRcmdsTrigger {
		float: left;
		display: block;
		width: 48px;
		height: 312px;
		background-image: url('/assets/new/myrecs_bg.png');
	}
	#myRcmdsChevronHolder.show {
		display: block;
		padding-top: 282px;
		width: 46px;
	}
	#myRcmdsHeader{
		display: block;
		height: 48px;
		border-bottom: 2px solid #fff;
		background-image: url('/assets/new/myrecs_bg.png');
		background-position: -48px 0;
		background-color: transparent;
		padding-left: 48px;
	}
	.loggedin #myRcmdsHeader{
		height: 66px;
	}
	#myRcmdsPersHeader{
		display: block;
		background-color: transparent;
		background-image: none;
		display: block;
		font-size: 1.1666666666666666666666666666667em;/*14px*/
		clear: none;
		line-height: 48px;
		padding: 0;
	}
	.loggedin #myRcmdsPersHeader{
		padding-top: 16px;
		line-height: 16px;
	}
	#myRcmdsPersonalization{
		margin-top: 0;
	}
	#persButtons{
		height: 48px;
		padding-right: 16px;
		float: right;
		margin-top: -12px;
	}
	#persIcon{
		height: 66px;
		width: 66px;
		margin-top: -32px;
	}
	#persIcon img{
		width: 64px;
		margin: 1px;
	}
	#persProfile{
		float: none;
		height: 32px;
		padding: 0;
	}
	.oldie #persProfile{
		position: absolute;
	}
	#myrecs_visitor_name, #myrecs_job_title{
		padding: 0;
	}
	#myRcmds .textArea{
		float: left;
		width: 402px;
	}
	#recs_content{
		display: block;
		float: left;
		height: 312px;
		width: 384px;
		padding: 0 8px;
	}
	#recs_content .imgAnchor{
		margin-right: 8px;
	}
	#myRcmds .contentNode .textArea, #myRcmds .contentNode section{
		width: 82%;
		float: right;
	}
	#myRcmds .headline a{
		font-size: 12px;
	}
	#myRcmds .contentNode p{
		font-size: 11px;
	}
}
/****Page CSS for 320px Small screen devices, like phones*****/
/* Basic jQuery Slider essential styles */

ul.infiniteCarousel{
	position:relative;
	list-style:none;
	padding:0;
	margin:0;
	display:none;
	overflow:hidden;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;				
	transition:all .5s ease-in-out;	
}	
li.infiniteCarousel-slide{
	color: white;
	display:none;
	position:absolute;
	max-height: 200px;
}
.infiniteCarousel a{
  display:block;
}
#banner .showOneImage {
  position: relative;
}
ul.infiniteCarousel-controls{
	list-style:none;
	margin:0;
	padding:0;
	z-index:9999;
	display:none;
}
ol.infiniteCarousel-markers{
	left: 30.5%;
	padding: 5px;
	list-style:none;margin:0;z-index:20;}
ol.infiniteCarousel-markers li{float:left;}

p.infiniteCarousel-caption{
	display:none;
	width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

#container{
  max-width: 1000px;
  width: 100%;
  height: auto;
  margin:0 auto;
  overflow:hidden;
}

#banner {
  margin:0 auto;
  position:relative;
  background:#fff;
  overflow: hidden;
}

.infiniteCarousel-wrapper {
}

ul.infiniteCarousel-controls li a{
  display:block;
  padding:5px 10px;
  position:absolute;
  background:#fff;
  color:#fd0100;
  text-decoration:none;
  text-transform:uppercase;
}

a.infiniteCarousel-prev{
  left:0;
}

a.infiniteCarousel-next{
  right:0;
}

/*
p.infiniteCarousel-caption{
  background:rgba(0,0,0,0.7);
  color:#fff;
  text-align:center;
}
*/

 ol.infiniteCarousel-markers{
  position:absolute;
  bottom:0px;
}

 ol.infiniteCarousel-markers li{
  float:left;
  margin:0 3px;
}

 ol.infiniteCarousel-markers li a{
  text-decoration: none;
  display:block;
  height:19px;
  width:31px;
  overflow:hidden;
  color: gray;
  text-align: center;
  background: url('/assets/new/carousel-buttons.png') -31px 0 no-repeat;
}

ol.infiniteCarousel-markers li.active-marker a{
  color: #fff;
  background: url('/assets/new/carousel-buttons.png') 0 0 no-repeat;
}

/****End Page CSS*****/

/****Mobile Functionality****/
/*Small Screen devices, like phones*/
@media screen and (min-width:450px) {
	
}

/****Tablet Functionality*******/
/*Ten-inch Tablets like the I-pad (768x1024) */
@media screen and (min-width:768px){
	
}

/*****Desktop Functionality*******/
@media screen and (min-width:1000px){
	
}

/*** Zone Homepage ***/
a {
cursor: pointer;
}
#tabs .ui-widget-content {
min-height: 0;
float: none;
}
.tabsMenu { width:95.7%; }
/* Start Tab Links and triggers {
KEY: .accordion = MOBILE .tabsMenu = DESKTOP*//* Start DESKTOP area {*/#tabs > .tabsMenu {
display: none;
height: 40px;
padding: 0 1.4%;
margin-top: 1em;
background: #cbd5df; /* Old browsers */ background: -moz-linear-gradient(top, #f6f6f8 0%, #e8e9e7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f8), color-stop(100%,#e8e9e7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6f6f8 0%,#e8e9e7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6f6f8 0%,#e8e9e7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f6f6f8 0%,#e8e9e7 100%); /* IE10+ */ background: linear-gradient(top, #f6f6f8 0%,#e8e9e7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f8', endColorstr='#e8e9e7',GradientType=0 );
}
#tabs .tabsMenu li {
display: block;
position: relative;
top: -4px;
float: left;
width: 20%;
list-style: none;
}
#tabs .tabsMenu li a {
display: block;
float: none;
background-repeat: no-repeat;
color: #2f496e;
font-size: 12px;
padding-top: 6px;
line-height: 38px;
text-align: center;
overflow: hidden;
outline: medium none;
}
.ie7 #tabs .tabsMenu li a {
line-height: 38px;
}
#tabs .tabsMenu li a span {
display: inline-block;
line-height: 14px;
vertical-align: middle;
padding-left: 10px;
}
.ie7 #tabs .tabsMenu li a span {
display: block;
padding-top: 6px;
height: 38px;
}
#tabs .tabsMenu li.ui-state-active {
background: url(/assets/new/zoneTabSprite.png) no-repeat scroll right -54px transparent;
}
#tabs .tabsMenu li.ui-state-active a {
color: #FFF;
}
#tabs .tabsMenu li.ui-state-active a span {
    background: url("//assets1.csc.com/about_us/images/smallIcon1.png") no-repeat scroll left center transparent;
}
/*
}
End DESKTOP area *//* Start MOBILE area {*//*undo jQuery UI's madness*/#mainContent #tabs,#mainContent #tabs > .accordion,#mainContent #tabs > .accordion li.ui-widget-content {
display: block;
width: auto;
float: none;
clear: both;
overflow: hidden;
}
.ie7 #mainContent #tabs > .accordion li.ui-widget-content {
float: left;
width: 100%;
}
#tabs .accordion > li,#tabs .accordion > li > ul {
overflow: hidden;
}
#tabs .accordion li > a,#moreLinks .moreLinksAnchor,#moreLinks .moreLinksAnchor:hover {
display: block;
color: #fff;
padding: 1em 0 1em 30px;
border-bottom: 1px solid gray;
border-top: 1px solid #BBB;
text-decoration: none;
font-weight: bold;
font-size: 16px;
font-size: 1rem;
background: url(/assets/new/icons/navIcons.png) no-repeat -80px 1.4285714285714285714285714285714em;
}
#tabs .accordion li > a {
background-color: #9ea0a1;
}
#tabs .accordion li > a.active,#moreLinks.active .moreLinksAnchor {
background-position: -80px -9.2857142857142857142857142857143em;
}
#moreLinks {
background: #757779;
float: left;
width: 100%;
position: relative;
top: 0;
left: 0;
}
#moreLinks ul {
display: none;
position: relative;
background: #FFF;
color: #005172;
float: left;
width: 100%;
right: 0;
top: 0;
padding: 0;
}
#moreLinks ul li {
border-bottom: 1px solid #ccc;
}
#moreLinks ul a {
display: block;
}
/*
}
End MOBILE area *//* Start CONTENT area {*/#tabs .nestedUL {
clear: both;
}
#tabs .nestedUL li {
display: none;
}
#tabs .ui-tabs-hide {
display: block !important;
}
#mainContent.cloudpage {
padding: 0;
}
#mainContent .ui-tabs h2 {
color: #005172;
line-height: 1.25em;
}
.tab-content-left {
width: 90%;
padding: 0 5% 5% 5%;
}
.tab-content-left h2 {
padding: 0.4em 0;
}
.tab-content-right {
width: 90%;
padding: 0 5%;
float: left;
}
.tab-content-right .contentNode > a {
float: left;
display: none;
}
.tab-content-right .contentNode > a img {
height: auto;
}
.tab-content-right .contentNode {
float: left;
clear: both;
padding-bottom: 4%;
width: 100%;
}
.tab-content-right .pushLeft {
overflow: hidden;
padding-bottom: 4%;
}
.tab-content-right .pushLeft p {
padding: 0 0 0 5%;
}
.contentNode h3 a, .tab-content-right section h3 a {
padding: 0 0 0 23px;
background: url(/assets/new/trianglesLg.png) no-repeat scroll 0 3px transparent;
text-transform: none;
display: inline-block;
}
.contentNode p {
color: #4F4F4F;
}
.sideBar #example1 li {
margin-left: 0;
margin-bottom: 0;
}
.innerLeftNav li {
border: none;
}
#mainContent .innerLeftNav li a {
padding: 10px 0 10px 30px;
width: 100%;
display: block;
}
/*
}
End CONTENT area *//*
}
End Tab Links and triggers */#fredCarousel {
padding: 0;
margin: 0;
height: 100%;
overflow: hidden;
}
#fredCarousel li {
padding: 0;
margin: 0;
display: block;
float: left;
}
.oldie ul#fredCarousel li {
width: 1000px !important;
}
#fredCarousel li a {
display: block;
float: none;
padding: 0;
margin: 0;
height: 100%;
}
#fredCarousel li img {
display: block;
float: none;
padding: 0;
margin: 0;
max-width: 100%;
}
#fredCarouselPagination {
position: relative;
z-index: 10;
height: 40px;
margin-top: -40px;
text-align: center;
line-height: 19px;
}
#fredCarouselPagination a {
display: inline-block;
padding: 0 6px 0 6px;
margin: 0;
text-decoration: none;
}
#fredCarouselPagination a span {
display: block;
text-align: center;
line-height: 19px;
height: 19px;
width: 31px;
overflow: hidden;
color: #999;
margin: 0;
padding: 0;
background-image: url('/assets/new/carousel-buttons.png');
background-repeat: no-repeat;
background-position: -32px 0;
font-weight: bold;
}
#fredCarouselPagination a:hover span {
color: #ed2424;
}
#fredCarouselPagination a.selected span,.fredPagination a.selected:hover span {
color: #fff;
background: url('/assets/new/carousel-buttons.png') 0 0 no-repeat;
}
/****Mobile Functionality****//*Small Screen devices, like phones*/
@media screen and (max-width: 579px) {
#tabs .ui-tabs-hide,
#mainContent #tabs .accordion li.ui-widget-content {
display: block !important;
}

#mainContent.cloudpage #tabs.ui-widget-content {
  min-height: 50px;
}
}
@media screen and (min-width: 580px) {.tab-content-right .contentNode > a {
float: left;
display: block;
width: 25%;
}
article.contentNode section {
float: right;
width: 70%;
}

}
@media screen and (min-width:750px) and (max-height:550px) {#tabs .ui-tabs-nav li {
font-size: .8em;
}

}
/****Tablet Functionality*******//*Ten-inch Tablets like the I-pad (768x1024) */
@media screen and (min-width:750px) {
#tabs > .tabsMenu {
display: block;
}
#tabs .accordion li > a.active, #moreLinks.active .moreLinksAnchor {
background-position: -80px -11.333333333333333333333333333333em;
}
#mainContent #moreLinks ul a {
font-weight: normal;
}
.tab-content-left {
background: url(/assets/new/vertical-line-gradient.png) no-repeat scroll right 10px transparent;
font-size: 14px;
position: relative;
width: 34%;
float: left;
margin: 2% 2% 2% 5%;
padding-right: 2%;
}
.tab-content-right {
width: 51%;
margin: 2% 0;
padding: 0 0 0 2%;
}
#tabs .ui-tabs-hide {
display: none !important;
}
.oldie #moreLinks {
height: 42px;
}
.ui-tabs-panel h3 {
padding-bottom: .3em;
clear: both;
}
.ui-tabs-panel h3 a {
color: #2F496E;
text-decoration: none;
}
#tabs .accordion {
display: block !important;
}
#tabs .nestedUL li {
display: block !important;
}
.contentNode p {
padding: 0 0 0 5%;
}
#tabs .accordion li > a {
display: none;
}
#moreLinks ul {
float: left;
width: 100%;
right: 0;
top: 0;
max-height: none;
min-width: 0;
padding: 0;
}
.cloud-img {
display: none;
}

}
@media screen and (min-width:780px) {
}
/*****Desktop Functionality*******/
@media screen and (min-width:1000px) {
#tabs > .tabsMenu {
width: 95.6%;
}
#moreLinks {
position: absolute;
left: 95.6%;
top: 11px;
height: 41px;
width: 46px;
background: url(/assets/new/icons/navIcons.png) no-repeat -152px -2.9166666666666666666666666666667em;
z-index: 1;
cursor: pointer;
}
#moreLinks .moreLinksAnchor {
background-position: -80px -8.15em;
}
#moreLinks.active {
background-position: -152px -6.5833333333333333333333333333333em;
}
#mainContent .innerLeftNav li {
border-bottom: 1px solid grey;
}
#mainContent .innerLeftNav li a {
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
font-size: .9em;
width: 80%;
padding: 3% 10% 3% 10%;
float: left;
line-height: 1.5em;
color: #4d4d4d;
}
#mainContent .innerLeftNav li ul {
padding: 0;
}
#mainContent .innerLeftNav li ul li a {
font-weight: bold;
padding-left: 15%;
width: 75%;
}
#mainContent .innerLeftNav li a.active {
color: #6bace4;
}
#mainContent .innerLeftNav li a:hover, .innerLeftNav li a.current {
color: #fff;
background-color: #6bace4;
}
#moreLinks ul {
top: 41px;
right: 154px;
color: #fff;
background: #124570;
min-width: 200px;
overflow-y: auto;
}
#moreLinks ul a {
color: #fff;
}
#moreLinks .innerLeftNav li a {
float: none;
display: block;
color: #fff;
}
#moreLinks h3 {
display: none;
}
.cloud-img {
display: block;
float: left;
}
.tab-content-right section h3 a {
font-size: 14px;
font-size: 1.16666666666666666666667rem;
}

}

div#country-select .jspPane div
{
background-image:url(//assets1.csc.com/home/images/flagSprite.png);
background-repeat:no-repeat;
padding-left:25px;
}
div#country-select .unitedstates
{
background-position: 0 -680px;
}
div#country-select .australia
{
background-position: 0 2px;
}		
div#country-select .austria
{
background-position: 0 -18px;
}
div#country-select .belgium
{
background-position: 0 -38px;
}
div#country-select .brazil
{
background-position: 0 -58px;
}
div#country-select .bulgaria
{
background-position: 0 -78px;
}
div#country-select .canada
{
background-position: 0 -98px;
}
div#country-select .chile
{
background-position: 0 -118px;
}
div#country-select .china
{
background-position: 0 -138px;
}
div#country-select .czech
{
background-position: 0 -158px;
}
div#country-select .denmark
{
background-position: 0 -178px;
}
div#country-select .france
{
background-position: 0 -198px;
}
div#country-select .germany
{
background-position: 0 -218px;
}
div#country-select .hongkong
{
background-position: 0 -238px;
}
div#country-select .india
{
background-position: 0 -258px;
}
div#country-select .italy
{
background-position: 0 -278px;
}
div#country-select .japan
{
background-position: 0 -298px;
}
div#country-select .korea
{
background-position: 0 -318px;
}
div#country-select .lithuania
{
background-position: 0 -338px;
}
div#country-select .luxembourg
{
background-position: 0 -358px;
}
div#country-select .malaysia
{
background-position: 0 -378px;
}
div#country-select .middleeast
{
background-position: 0 -714px;
}
div#country-select .netherlands
{
background-position: 0 -398px;
}
div#country-select .norway
{
background-position: 0 -418px;
}
div#country-select .poland
{
background-position: 0 -438px;
}
div#country-select .portugal
{
background-position: 0 -458px;
}
div#country-select .romania
{
background-position: 0 -478px;
}
div#country-select .singapore
{
background-position: 0 -498px;
}
div#country-select .slovakia
{
background-position: 0 -518px;
}
div#country-select .southafrica
{
background-position: 0 -538px;
}
div#country-select .spain
{
background-position: 0 -558px;
}
div#country-select .sweden
{
background-position: 0 -578px;
}
div#country-select .switzerland
{
background-position: 0 -598px;
}
div#country-select .thailand
{
background-position: 0 -618px;
}
div#country-select .turkey
{
background-position: 0 -695px;
}
div#country-select .unitedkingdom
{
background-position: 0 -638px;
}
div#country-select .vietnam
{
background-position: 0 -658px;
}

@media print {
	header, footer, aside.sidebar, .mobiSecondaryNav, #myRcmds {
		display:none;
	}
	.wrapper, #mainContent.leftSideBar .pageContent, #mainContent.leftSideBar .pageContent {
		width: 100%;
		padding: 0px;
	}
	.pageContent ul, .pageContent ol{padding-left:1.25em;}
	.pageContent ol li, .pageContent ul li {
		padding-left: 1em;
		list-style:disc;
	}
}	
#response_container,#visitor_create_local_account,#visitor_update_profile_container,#visitor_forgotton_password_container,
#visitor_login_container,#visitor_activation_email_container, #visitor_cancel_account, #visitor_newsletters {
position: absolute;
left: -10px;
top: -10px; /* Elizabeth, why are these styled to move out of the way instead of display none? -Cory*/ width: 1px;
height: 1px;
display: none;
}
/*--------SANITARY--------*/#mobileModal {
position: relative;
z-index: 1000;
background-color: #bcd1da;
overflow: hidden;
width: 100%;
min-height: 480px;
}
#mobileModalContent {
max-width: 768px;
margin: 0 auto;
padding: 12px 16px;
}
div#desktopModal div.modal_holder {
overflow: visible;
}
.modal_holder {
min-width: 608px !important; /*!important to overload the width: auto that jQUI puts on there */min-height: 620px !important; /*!important to overload the height: * that jQUI JUST STARTED putting on there */margin: 0 auto;
}
.modal_holder.large {
width: 712px !important; /* !important to overload the width: auto that jQUI puts on there */height: auto !important; /* !important to overload the height: * that jQUI JUST STARTED putting on there */
}
.modal_top,.modal_bottom {
height: 96px;
background-repeat: no-repeat;
min-width: 0;
}
.modal_top {
background-image: url('/assets/new/modal_bg_top.png');
}
.large .modal_top {
background-image: url('/assets/new/modal_bg_top_large.png');
}
.modal_bottom {
background-image: url('/assets/new/modal_bg_bottom.png');
}
.large .modal_bottom {
background-image: url('/assets/new/modal_bg_bottom_large.png');
}
.modal_tile {
padding: 8px 0; /* Negative margins on children cannot escape parent unless parent has padding */background-image: url('/assets/new/modal_bg_tile.png') ;
background-repeat: repeat-y;
position: relative;/*z-index: 3;*/zoom: 1;
}
.large .modal_tile {
background-image: url('/assets/new/modal_bg_tile_large.png');
}
.ie7 .modal_tile {
  /*overflow:hidden;*/
}
.ie7_modal_slant_image_holder img {
display: block;
overflow: hidden;
}
.ie7_modal_slant_image_holder {
overflow: hidden;
}
.ie7 .modal_holderaccount_login {
  overflow:hidden;
}
.modal_content {
color: #333;
margin: -94px 0; /* Extra 8px top and bottom to compensate for the padding on the parent*/
padding: 16px 24px 24px 16px; /* Extra 8px right and bottom for shadow */
position: relative;
/*z-index: 2048;Causes the X close button to not work*/ /* Because jQUI thinks it's a good idea to make the modal background a really high number, this ensures the user can at least access the modal form fields*/
zoom: 1;
overflow: visible; /* important for the error popups */
}
#desktopModal.ui-dialog {
background: transparent;
padding: 0;
}
#desktopModal.large .ui-dialog-titlebar-close {
margin-right: -40px;
}
#desktopModal .ui-dialog-titlebar {
position: relative;
top: 52px;
z-index: 9999;
width: 610px;
}
#desktopModal.premiumModal .ui-dialog-titlebar {
position: relative;
top: 52px;
z-index: 9999;
width: 540px;
}
.oldie #desktopModal .ui-dialog-titlebar {
z-index: 9;
zoom: 1;
}
.oldie #desktopModal .ui-widget-content {
float: none;
}
#desktopModal .ui-dialog-titlebar-close {
height: 34px;
width: 34px;
top: 0;
right: 0;
margin-right: 80px;/*z-index: 10;*/
}
#desktopModal .ui-dialog-titlebar-close .ui-icon {
background: url("/assets/new/account-close-btn.png") no-repeat scroll 0 0 transparent;
height: 34px;
width: 34px;
display: block;
text-indent: 100%;
overflow: hidden;
cursor: pointer;
}
.accountWrapper #gigyaButtonsRegister {
width: auto !important; /* !important to overload the width that Gigya's JS puts on there */text-align: center;
}
.accountWrapper #gigyaButtonsRegister>table {
margin: 0 auto !important; /* !important to overload the margin that Gigya's JS puts on there */
}
.accountWrapper {
color: #303030;
font-family: 'Helvetica', 'Arial', sans-serif;
overflow: visible; /* important for the error popups */
}
.accountWrapper img {
max-width: none;
}
.accountWrapper a {
color: #003f60;
}
.accountWrapper p {
line-height: 2em;
padding: 0;
}
.accountWrapper #bar {
background-color: #003f60;
color: #fff;
text-align: center;
line-height: 1.5em;
font-size: 1.5em;
font-weight: bold;
margin: 8px 0;
clear: both;
}
#mobileModal #bar {
margin: 8px -16px;
}
#desktopModal #gigya_account_area.vert,#desktopModal #bar.vert,#desktopModal #csc_account_area.vert {
display: block;
float: left;
clear: none;
}
#desktopModal #gigya_account_area.vert {
height: 448px;
width: 160px;
}
#desktopModal #bar.vert {
width: 48px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/assets/new/modal_bg_or_vertical.png');
margin-top: -40px;
margin-bottom: -16px;
height: 512px;
}
#desktopModal #bar.vert span {
display: none;
}
#desktopModal #csc_account_area.vert {
width: 456px;
}
.oldie #desktopModal #csc_account_area.vert {
width: 436px;
}
#desktopModal .account_create h3,#desktopModal .account_login h3 {
padding-bottom: 0.5em;
}
#desktopModal #gigya_account_area p {
line-height: 1.25em;
padding-bottom: 1em;
}
#desktopModal #csc_account_area .instructions {
padding-bottom: 1.5em;
}
.ie7 .accountWrapper>div {
display: block;
clear: both;
overflow: hidden;
}
.ok,.accountWrapper input[type="submit"],.accountWrapper input[type="button"] {
display: inline-block;
text-align: center;
width: 72px;
padding: 0 8px;
color: #fff;
background-color: #747678;
font-size: 12px;
margin: 8px;
border: none;
line-height: 2.5em;
height: 30px;
}
.ie7 .accountWrapper input[type="submit"],.ie7 .accountWrapper input[type="button"] {
display: block;
float: left;
}
.ios #mobileModal .accountWrapper input[type="submit"],.ios #mobileModal .accountWrapper input[type="button"] {
line-height: 1em;
}
.thankYouMessage .accept {
height: 2em;
padding-top: 1em;
}
html body input[type="button"].ok {
display: block;
float: right;
line-height: 2em;
width: 56px;
margin-bottom: 0;
}
html.ios body input[type="button"].ok {
line-height: 1em;
}
.errorMsgIconAndTextHolder input[type="button"].ok {
margin-right: -12px;
margin-bottom: 0;
}
.accountWrapper input[type="checkbox"] {
margin: 0 8px;
vertical-align: bottom;
width: 16px;
height: 16px;
border: 1px solid #757678;
float: left;
clear: left;
}
#mobileModal .accountWrapper input[type="checkbox"] {
margin-top: 16px;
}
.newsletterSelection {
padding-left: 24px;
clear: both;
}
.newsletterSelection p {
padding: 0 0 1em 0;
}
#mobileModal .accountWrapper .newsletterSelection {
padding-left: 0;
}
#mobileModal .accountWrapper .newsletterSelection .checkbox_label {
padding-bottom: 0;
}
.accountWrapper .left,.accountWrapper .right {
display: block;
padding: 0;
margin: 0;
width: 50%;
height: 3em;
overflow: visible;
clear: left;
}
.accountWrapper .right {
margin-top: -3em;
clear: right;
}
#desktopModal .accountWrapper .left,#desktopModal .accountWrapper .right {
height: 2em;
}
#desktopModal .accountWrapper .right {
margin-top: -2em;
}
.accountWrapper .left input,.accountWrapper .right input {
margin-top: 0;
margin-left: 0;
}
.accountWrapper .left .checkbox_label,.accountWrapper .right .checkbox_label {
margin-bottom: 0;
margin-top: 0;
}
#customLoginUI ul {
margin: 0;
padding: 0;
display: block;
overflow: hidden;
padding-bottom: 16px;
}
.accountWrapper li.loginButton {
display: block;
}
.accountWrapper li.loginButton a {
display: block;
margin: 0 auto;
cursor: pointer;
background-repeat: no-repeat;
}
.accountWrapper li.loginButton a span {
display: none;
}
/* Mobile Responsive styling */#mobileModal label {
display: block;
text-align: left;
line-height: 1.5em;
}
#mobileModal select,#mobileModal input[type="password"],#mobileModal input[type="text"] {
position: relative;
z-index: 2;
display: block;
margin: 0 0 0.5em;
padding: 0 4px;
text-align: left;
line-height: 2em;
width: 90%;
}
#mobileModal input[type="submit"],#mobileModal input[type="button"] {
position: relative;
z-index: 2;
margin: 0 1em 0 0;
min-width: 96px;
}
#mobileModal li.loginButton {
float: left;
width: 25%;
}
#mobileModal li.loginButton a {
background-image: url('/assets/new/icons/socialIconsMedium.png');
height: 64px;
width: 64px;
}
#mobileModal li.facebookButton a {
background-position: 0 0;
}
#mobileModal li.twitterButton a {
background-position: 0 -64px;
}
#mobileModal li.linkedinButton a {
background-position: 0 -128px;
}
#mobileModal li.googleButton a {
background-position: 0 -192px;
}
/* Desktop styling */
#desktopModal h3 {
  padding-bottom: 1.5em;
  color: #000;
  font-size: 1.17em;
  text-transform: none;
  line-height: 1.3;
}
#desktopModal .accountWrapper h3{
  padding-bottom: 1.5em;
  color: #000;
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  line-height: normal;
  margin: 0;
  text-transform: none
}
#desktopModal label {
clear: left;
float: left;
width: 30%;
padding-right: 8px;
text-align: right;
line-height: 2.75em;
}
.thankYouMessage h3{
  padding-bottom: 1.5em;
  color: #000;
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  line-height: normal;
  margin: 0;
  text-transform: none
}
.ie7 #desktopModal label {
zoom: 1;
}
#desktopModal select,#desktopModal input[type="password"],#desktopModal input[type="text"] {
float: left;
clear: right;
width: 60%;
padding: 0 4px;
text-align: left;
line-height: 2em;
height: 2em;
margin-top: 0.35em;
zoom: 1;
}
#desktopModal select {
padding: 0 0 0 4px;
width: 61.5%;
}
.formFooter {
padding-top: 1em;
clear: both;
}
#desktopModal .formFooter {
margin-left: 30%;
}
.formFooter p,.formFooter>div {
clear: both;
}
#mobileModal .formFooter p {
padding-top: 1em;
}
#mobileModal .formFooter .newsletterSelection p {
padding: 0;
}
#mobileModal .buttonsContainer {
padding-top: 1em;
}
/* Reason for not using ".accountWrapper .checkbox_label" isbecause it is generic enough that it gets ignored.I increased specificity to raise priority. */#mobileModal .accountWrapper .checkbox_label,#desktopModal .accountWrapper .checkbox_label {
display: block;
float: left;
clear: none;
width: 80%;
text-align: left;
line-height: 1.5em;
padding-bottom: 1em;
}
#mobileModal .accountWrapper .checkbox_label {
margin-top: 12px;
}
#desktopModal li.loginButton a {
background-image: url('/assets/new/icons/socialIconsLarge.png');
height: 96px;
width: 96px;
margin-bottom: -16px;
}
#desktopModal li.facebookButton a {
background-position: 0 0;
}
#desktopModal li.twitterButton a {
background-position: 0 -96px;
}
#desktopModal li.linkedinButton a {
background-position: 0 -192px;
}
#desktopModal li.googleButton a {
background-position: 0 -288px;
}
/* Validation styling */#mobileModal .errorIcon {
display: block;
}
#desktopModal .errorIcon {
float: right;
top: 7px;
margin-left: .5em;
position: relative;
display: inline-block;
height: 20px;
width: 20px;
background: transparent url(/assets/new/icons/errorIcon.png) no-repeat scroll bottom center;
cursor: pointer;
}
.ie7 .errorIcon {
top: -43px;
}
#desktopModal .errorIcon.checkbox {
top: auto;
margin-top: 3px;
margin-left: 0.3em;
position: absolute;
}
#mobileModal .errorIcon.checkbox {
clear: both;
margin: 0;
}
#mobileModal .checkbox .errorMsg {
border-top: 1px solid #f00;
margin: 0;
}
.errorMsgHolder {
position: absolute;
display: none;
bottom: 20px;
background: transparent url(/assets/new/icons/errorDialogPointer.png) no-repeat scroll 15px bottom;
width: 253px;
padding: 0 0 10px 0;
z-index: 2049;
}
#mobileModal .errorMsgHolder {
position: relative;
z-index: 1;
display: block;
bottom: 0;
width: auto;
background-image: none;
margin-top: -1em;/* First .5 is to slide it up to meet the bottom of the input field above it.Second .5 is to slide it slightly under the bottom of the input element for the apple devices rounding corners*/
}
.errorMsg {
padding: 10px;
color: #f00;
font-weight: bold;
text-align: left;
width: 233px;
background: transparent url(/assets/new/icons/errorDialog.png) no-repeat scroll;
cursor: pointer;
}
.statusMsgIconAndTextHolder,.errorMsgIconAndTextHolder {
background: transparent url(/assets/new/icons/errorIcon.png) no-repeat scroll center left;
margin-top: -32px;
padding: 12px 12px 12px 28px;
float: none;
clear: none;
color: inherit;
font-weight: inherit;
text-align: inherit;
}
.statusMsgIconAndTextHolder {
background: transparent url(/assets/new/icons/animatedLoading.gif) no-repeat scroll center left;
color: #666;
text-align: center;
}
#mobileModal .errorMsg {
position: relative;
display: block;
border: 1px solid #f00;
border-top: none;
background-image: none;
background-color: #ECDCDC;
width: 90%;
padding: 0.5em 4px 0 4px;
z-index: 1;/*See #mobileModal .errorMsgHolder for details on padding */
}
#mobileModal .checkbox .errorMsg {
padding: 0 4px;
}
.errorMsgHolder.open {
display: block;
}
.errorMsg ul {
padding: 1em 2em;
width: 193px;
}
.errorMsg li {
list-style: circle;
list-style-position: outside;
}
@media screen and (min-width:384px) {#mobileModal li.loginButton a {
background-image: url('/assets/new/icons/socialIconsLarge.png');
height: 96px;
width: 96px;
}
#mobileModal li.facebookButton a {
background-position: 0 0;
}
#mobileModal li.twitterButton a {
background-position: 0 -96px;
}
#mobileModal li.linkedinButton a {
background-position: 0 -192px;
}
#mobileModal li.googleButton a {
background-position: 0 -288px;
}

}
#profileAccordion {
overflow: hidden;
}
#profileAccordion .trigger {
background: #004061 url('/assets/new/icons/navIcons.png') no-repeat;
background-position: -60px 12px;
height: 32px;
line-height: 32px;
color: #fff;
font-weight: bold;
padding: 0 48px;
margin-bottom: 2px;
cursor: pointer;
}
#profileAccordion .content {
display: none;
padding: 8px;
}
@media screen and (min-width:750px) {#profileAccordion li {
border-top: 2px solid #515151;
height: 24px;
}
#profileAccordion .trigger {
background-color: transparent;
background-position: -86px 7px;
height: 24px;
line-height: 24px;
color: #004061;
font-weight: bold;
padding: 0 24px;
margin: 0 0 -24px 0;
cursor: pointer;
width: 96px;
}
#profileAccordion .trigger.active {
background-color: #a8c3cf;
color: #515151;
}
#profileAccordion .content {
float: right;
width: 360px;
background-image: url('/assets/new/modal_accordion_bg.png');
background-repeat: no-repeat;
background-position: bottom left;
margin-right: 32px;
color: #515151;
padding: 0 0 0 32px;
}
#profileAccordion .content_wrap {
background-image: url('/assets/new/modal_accordion_bg.png');
background-repeat: no-repeat;
background-position: top right;
margin: 0 -32px 0 0;
padding: 4px 32px 4px 0;
width: 360px;
}
#profileAccordion .content_wrap p {
font-size: 11px;
line-height: 16px;
}

}
.premiumcontent {
position: relative;
overflow: hidden;
float: left;
clear: both;
width: 100%;
}
.premiumcontent a {
cursor: pointer;
}
.premiumcontent a.premiumribbon {
background: url('/assets/new/icons/premium_content_ribbon.png') 0 0 no-repeat;
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
display: block;
float: left;
}
.premiumcontent a.premiumlock,.premiumcontent span.premiumlock {
background: url('/assets/new/icons/premium_content_icon_32.png') 0 0 no-repeat;
padding-left: 36px;
color: #EE2525 !important;
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
padding-top: 6px;
display: block;
float: left;
text-decoration: none;
min-height: 32px;
}
.premiumcontent a.premiumlock span {
display: block;
color: #003F60 !important;
}
.premiumcontent a:hover {
text-decoration: none !important;
}
#premiumContentModalWrapper {
color: #515151;
overflow: hidden;
margin-left: 32px;
}
#premiumContentModalWrapper .premiumcontent {
padding-bottom: 30px;
}
.premiumContentModalTopWrapper {
float: left;/*margin-bottom: 20px;*/padding-bottom: 20px;
width: 100%;/* background: url('line.png') bottom center no-repeat; */position:relative;
overflow: hidden;
}
.premiumContentModalTopWrapper img {
float: right;
margin: 0 32px 16px 16px;
width: 200px;
height: auto;
-moz-box-shadow: 4px 4px 4px #888;
-webkit-box-shadow: 4px 4px 4px #888;
box-shadow: 4px 4px 4px #888;
}
.premiumContentModalLoginWrapper {/*float: left;*/position: relative;
overflow: hidden;
width: 100%;
margin-bottom: 30px;
}
.premiumContentModalLoginWrapper .leftColumn {
float: left;
width: 200px;
}
.premiumContentModalLoginWrapper .rightColumn {
float: right;
width: 200px;
padding-right: 50px;
}
.premiumContentModalLoginWrapper .rightColumn span {
color: #EE2525;
font-weight: bold;
}
.premiumContentModalLoginWrapper .bottomColumn {
margin-bottom: 30px;
}
.premiumContentModalLoginWrapper .button {
text-align: center;
padding: 0px 4px !important;
color: white;
background-color: #747678;
font-size: 12px;
font-weight: bold;
border: none;
line-height: 2.5em;
height: 30px;
}
/*.premiumContentModalLoginWrapper .leftColumn .button {
position: absolute;
bottom: 0;
left: 0
}
*/.ieall .scrollwrap {
position: relative !important;
}
/***This is for video commenting***/#commentsPrefix {
background-color: #FFF;
}
#commentsPrefix > div {
display: inline-block;
background-color: #E4E4E4;
background-image: url(/assets/new/icons/comment_corner_white.png);
background-position: top right;
background-repeat: no-repeat;
color: #003F60;
padding: 0 24px;
line-height: 36px;
font-weight: bold;
}

.ie7 .modal_top,
.ie7 .modal_bottom {
  zoom: 100%;
  min-width:100%;
}



/*** Styles for custom share bar ***/



div.customLikeWrap {
  text-align: center;
}
div.customLikeWrap div.customLike {
  padding: 0 5px 2px;
  display: inline-block;
  background: none repeat scroll 0 0 #ECEEF5;
  border: 1px solid #CAD4E7;
  border-radius: 3px 3px 3px 3px;
  color: #3B5998;
  cursor: pointer;
  white-space: nowrap;
}

div.customLikeWrap div.customLike button {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    margin: -1px;
    padding: 0;
}

div.customLikeWrap div.customLike button i {
    margin-right: 2px;
    background-position: 0 0;
    background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yF/r/wtsky0Emo_J.png");
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
    height: 14px;
    width: 14px;
    position: relative;
    top: 3px;
}

/* Styles for FB share button on details pages */


div#fb-share-wrap {
  display: inline-block;
  vertical-align: top;
}

a#pluginShareButtonLink {
  color: #3b5998;
  cursor: pointer;
  text-decoration: none;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  text-align: left;
  font-size: 11px;
}
a#pluginShareButtonLink div.pluginButton {
  background: #4c69ba;
  background: -webkit-gradient(linear, center top, center bottom, from(#4c69ba), to(#3b55a0));
  background: -webkit-linear-gradient(#4c69ba, #3b55a0);
  border: none;
  -webkit-border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding: 0;
  text-shadow: 0 -1px 0 #354c8c;
  white-space: nowrap;
}

a#pluginShareButtonLink div.pluginButton div.pluginButtonContainer {
  -webkit-font-smoothing: antialiased;
}

a#pluginShareButtonLink div.pluginButton div.pluginButtonImage {
  display: inline-block;
}
a#pluginShareButtonLink div.pluginButton button {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-weight: bold;
  margin: -1px;
  outline: none;
  padding: 0;
  text-shadow: 0 -1px 0 #354c8c;
}


a#pluginShareButtonLink div.pluginButton i {
  left: 0;
  margin: 0 4px 0 4px;
  position: relative;
  top: 3px;
  vertical-align: top;
  background-position: 0 -42px;
  background-image: url(//assets1.csc.com/zonea/images/fb_share.png);
  background-size: 30px 72px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 14px;
}

a#pluginShareButtonLink div.pluginButton span.pluginButtonLabel {
  padding: 0 5px 0 0;
  position: relative;
  vertical-align: top;
}
/* END Styles for FB share button on details pages */

div#desktopModal div.modal_holder  {
  overflow: visible;
}
div.modal_holder div#error_explanation {
  color: #f00;
  padding: 0px 20px 10px;
}
div.modal_holder div#error_explanation h4 {
  color: #f00;
}
div.modal_holder div#error_explanation ul {
  margin-left: 40px;
  list-style-type: disc;
}
div.modal_holder div#error_explanation li {
  list-style-type: disc;
}
=======
#response_container,#visitor_create_local_account,#visitor_update_profile_container,#visitor_forgotton_password_container,
#visitor_login_container,#visitor_activation_email_container, #visitor_cancel_account, #visitor_newsletters {
position: absolute;
left: -10px;
top: -10px; /* Elizabeth, why are these styled to move out of the way instead of display none? -Cory*/ width: 1px;
height: 1px;
display: none;
}
/*--------SANITARY--------*/#mobileModal {
position: relative;
z-index: 1000;
background-color: #bcd1da;
overflow: hidden;
width: 100%;
min-height: 480px;
}
#mobileModalContent {
max-width: 768px;
margin: 0 auto;
padding: 12px 16px;
}
.modal_holder {
min-width: 608px !important; /*!important to overload the width: auto that jQUI puts on there */min-height: 620px !important; /*!important to overload the height: * that jQUI JUST STARTED putting on there */margin: 0 auto;
}
.modal_holder.large {
width: 712px !important; /* !important to overload the width: auto that jQUI puts on there */height: auto !important; /* !important to overload the height: * that jQUI JUST STARTED putting on there */
}
.modal_top,.modal_bottom {
height: 96px;
background-repeat: no-repeat;
min-width: 0;
}
.modal_top {
background-image: url('/assets/new/modal_bg_top.png');
}
.large .modal_top {
background-image: url('/assets/new/modal_bg_top_large.png');
}
.modal_bottom {
background-image: url('/assets/new/modal_bg_bottom.png');
}
.large .modal_bottom {
background-image: url('/assets/new/modal_bg_bottom_large.png');
}
.modal_tile {
padding: 8px 0; /* Negative margins on children cannot escape parent unless parent has padding */background-image: url('/assets/new/modal_bg_tile.png') ;
background-repeat: repeat-y;
position: relative;/*z-index: 3;*/zoom: 1;
}
.large .modal_tile {
background-image: url('/assets/new/modal_bg_tile_large.png');
}
.ie7 .modal_tile {
  /*overflow:hidden;*/
}
.ie7_modal_slant_image_holder img {
display: block;
overflow: hidden;
}
.ie7_modal_slant_image_holder {
overflow: hidden;
}
.ie7 .modal_holderaccount_login {
  overflow:hidden;
}
.modal_content {
color: #333;
margin: -94px 0; /* Extra 8px top and bottom to compensate for the padding on the parent*/
padding: 16px 24px 24px 16px; /* Extra 8px right and bottom for shadow */
position: relative;
/*z-index: 2048;Causes the X close button to not work*/ /* Because jQUI thinks it's a good idea to make the modal background a really high number, this ensures the user can at least access the modal form fields*/
zoom: 1;
overflow: visible; /* important for the error popups */
}
#desktopModal.ui-dialog {
background: transparent;
padding: 0;
}
#desktopModal.large .ui-dialog-titlebar-close {
margin-right: -40px;
}
#desktopModal .ui-dialog-titlebar {
position: relative;
top: 52px;
z-index: 9999;
width: 610px;
}
#desktopModal.premiumModal .ui-dialog-titlebar {
position: relative;
top: 52px;
z-index: 9999;
width: 540px;
}
.oldie #desktopModal .ui-dialog-titlebar {
z-index: 9;
zoom: 1;
}
.oldie #desktopModal .ui-widget-content {
float: none;
}
#desktopModal .ui-dialog-titlebar-close {
height: 34px;
width: 34px;
top: 0;
right: 0;
margin-right: 80px;/*z-index: 10;*/
}
#desktopModal .ui-dialog-titlebar-close .ui-icon {
background: url("/assets/new/account-close-btn.png") no-repeat scroll 0 0 transparent;
height: 34px;
width: 34px;
display: block;
text-indent: 100%;
overflow: hidden;
cursor: pointer;
}
.accountWrapper #gigyaButtonsRegister {
width: auto !important; /* !important to overload the width that Gigya's JS puts on there */text-align: center;
}
.accountWrapper #gigyaButtonsRegister>table {
margin: 0 auto !important; /* !important to overload the margin that Gigya's JS puts on there */
}
.accountWrapper {
color: #303030;
font-family: 'Helvetica', 'Arial', sans-serif;
overflow: visible; /* important for the error popups */
}
.accountWrapper img {
max-width: none;
}
.accountWrapper a {
color: #003f60;
}
.accountWrapper p {
line-height: 2em;
padding: 0;
}
.accountWrapper #bar {
background-color: #003f60;
color: #fff;
text-align: center;
line-height: 1.5em;
font-size: 1.5em;
font-weight: bold;
margin: 8px 0;
clear: both;
}
#mobileModal #bar {
margin: 8px -16px;
}
#desktopModal #gigya_account_area.vert,#desktopModal #bar.vert,#desktopModal #csc_account_area.vert {
display: block;
float: left;
clear: none;
}
#desktopModal #gigya_account_area.vert {
height: 448px;
width: 160px;
}
#desktopModal #bar.vert {
width: 48px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/assets/new/modal_bg_or_vertical.png');
margin-top: -40px;
margin-bottom: -16px;
height: 512px;
}
#desktopModal #bar.vert span {
display: none;
}
#desktopModal #csc_account_area.vert {
width: 456px;
}
.oldie #desktopModal #csc_account_area.vert {
width: 436px;
}
#desktopModal .account_create h3,#desktopModal .account_login h3 {
padding-bottom: 0.5em;
}
#desktopModal #gigya_account_area p {
line-height: 1.25em;
padding-bottom: 1em;
}
#desktopModal #csc_account_area .instructions {
padding-bottom: 1.5em;
}
.ie7 .accountWrapper>div {
display: block;
clear: both;
overflow: hidden;
}
.ok,.accountWrapper input[type="submit"],.accountWrapper input[type="button"] {
display: inline-block;
text-align: center;
width: 72px;
padding: 0 8px;
color: #fff;
background-color: #747678;
font-size: 12px;
margin: 8px;
border: none;
line-height: 2.5em;
height: 30px;
}
.ie7 .accountWrapper input[type="submit"],.ie7 .accountWrapper input[type="button"] {
display: block;
float: left;
}
.ios #mobileModal .accountWrapper input[type="submit"],.ios #mobileModal .accountWrapper input[type="button"] {
line-height: 1em;
}
.thankYouMessage .accept {
height: 2em;
padding-top: 1em;
}
html body input[type="button"].ok {
display: block;
float: right;
line-height: 2em;
width: 56px;
margin-bottom: 0;
}
html.ios body input[type="button"].ok {
line-height: 1em;
}
.errorMsgIconAndTextHolder input[type="button"].ok {
margin-right: -12px;
margin-bottom: 0;
}
.accountWrapper input[type="checkbox"] {
margin: 0 8px;
vertical-align: bottom;
width: 16px;
height: 16px;
border: 1px solid #757678;
float: left;
clear: left;
}
#mobileModal .accountWrapper input[type="checkbox"] {
margin-top: 16px;
}
.newsletterSelection {
padding-left: 24px;
clear: both;
}
.newsletterSelection p {
padding: 0 0 1em 0;
}
#mobileModal .accountWrapper .newsletterSelection {
padding-left: 0;
}
#mobileModal .accountWrapper .newsletterSelection .checkbox_label {
padding-bottom: 0;
}
.accountWrapper .left,.accountWrapper .right {
display: block;
padding: 0;
margin: 0;
width: 50%;
height: 3em;
overflow: visible;
clear: left;
}
.accountWrapper .right {
margin-top: -3em;
clear: right;
}
#desktopModal .accountWrapper .left,#desktopModal .accountWrapper .right {
height: 2em;
}
#desktopModal .accountWrapper .right {
margin-top: -2em;
}
.accountWrapper .left input,.accountWrapper .right input {
margin-top: 0;
margin-left: 0;
}
.accountWrapper .left .checkbox_label,.accountWrapper .right .checkbox_label {
margin-bottom: 0;
margin-top: 0;
}
#customLoginUI ul {
margin: 0;
padding: 0;
display: block;
overflow: hidden;
padding-bottom: 16px;
}
.accountWrapper li.loginButton {
display: block;
}
.accountWrapper li.loginButton a {
display: block;
margin: 0 auto;
cursor: pointer;
background-repeat: no-repeat;
}
.accountWrapper li.loginButton a span {
display: none;
}
/* Mobile Responsive styling */#mobileModal label {
display: block;
text-align: left;
line-height: 1.5em;
}
#mobileModal select,#mobileModal input[type="password"],#mobileModal input[type="text"] {
position: relative;
z-index: 2;
display: block;
margin: 0 0 0.5em;
padding: 0 4px;
text-align: left;
line-height: 2em;
width: 90%;
}
#mobileModal input[type="submit"],#mobileModal input[type="button"] {
position: relative;
z-index: 2;
margin: 0 1em 0 0;
min-width: 96px;
}
#mobileModal li.loginButton {
float: left;
width: 25%;
}
#mobileModal li.loginButton a {
background-image: url('/assets/new/icons/socialIconsMedium.png');
height: 64px;
width: 64px;
}
#mobileModal li.facebookButton a {
background-position: 0 0;
}
#mobileModal li.twitterButton a {
background-position: 0 -64px;
}
#mobileModal li.linkedinButton a {
background-position: 0 -128px;
}
#mobileModal li.googleButton a {
background-position: 0 -192px;
}
/* Desktop styling */#desktopModal h3 {
padding-bottom: 1.5em;
}
#desktopModal .accountWrapper h3{
  padding-bottom: 1.5em;
  color: #000;
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  line-height: normal;
  margin: 0;
  text-transform: none
}
.thankYouMessage h3{
  padding-bottom: 1.5em;
  color: #000;
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  line-height: normal;
  margin: 0;
  text-transform: none
}
#desktopModal label {
clear: left;
float: left;
width: 30%;
padding-right: 8px;
text-align: right;
line-height: 2.75em;
}
.ie7 #desktopModal label {
zoom: 1;
}
#desktopModal select,#desktopModal input[type="password"],#desktopModal input[type="text"] {
float: left;
clear: right;
width: 60%;
padding: 0 4px;
text-align: left;
line-height: 2em;
height: 2em;
margin-top: 0.35em;
zoom: 1;
}
#desktopModal select {
padding: 0 0 0 4px;
width: 61.5%;
}
.formFooter {
padding-top: 1em;
clear: both;
}
#desktopModal .formFooter {
margin-left: 30%;
}
.formFooter p,.formFooter>div {
clear: both;
}
#mobileModal .formFooter p {
padding-top: 1em;
}
#mobileModal .formFooter .newsletterSelection p {
padding: 0;
}
#mobileModal .buttonsContainer {
padding-top: 1em;
}
/* Reason for not using ".accountWrapper .checkbox_label" isbecause it is generic enough that it gets ignored.I increased specificity to raise priority. */#mobileModal .accountWrapper .checkbox_label,#desktopModal .accountWrapper .checkbox_label {
display: block;
float: left;
clear: none;
width: 80%;
text-align: left;
line-height: 1.5em;
padding-bottom: 1em;
}
#mobileModal .accountWrapper .checkbox_label {
margin-top: 12px;
}
#desktopModal li.loginButton a {
background-image: url('/assets/new/icons/socialIconsLarge.png');
height: 96px;
width: 96px;
margin-bottom: -16px;
}
#desktopModal li.facebookButton a {
background-position: 0 0;
}
#desktopModal li.twitterButton a {
background-position: 0 -96px;
}
#desktopModal li.linkedinButton a {
background-position: 0 -192px;
}
#desktopModal li.googleButton a {
background-position: 0 -288px;
}
/* Validation styling */#mobileModal .errorIcon {
display: block;
}
#desktopModal .errorIcon {
float: right;
top: 7px;
margin-left: .5em;
position: relative;
display: inline-block;
height: 20px;
width: 20px;
background: transparent url(/assets/new/icons/errorIcon.png) no-repeat scroll bottom center;
cursor: pointer;
}
.ie7 .errorIcon {
top: -43px;
}
#desktopModal .errorIcon.checkbox {
top: auto;
margin-top: 3px;
margin-left: 0.3em;
position: absolute;
}
#mobileModal .errorIcon.checkbox {
clear: both;
margin: 0;
}
#mobileModal .checkbox .errorMsg {
border-top: 1px solid #f00;
margin: 0;
}
.errorMsgHolder {
position: absolute;
display: none;
bottom: 20px;
background: transparent url(/assets/new/icons/errorDialogPointer.png) no-repeat scroll 15px bottom;
width: 253px;
padding: 0 0 10px 0;
z-index: 2049;
}
#mobileModal .errorMsgHolder {
position: relative;
z-index: 1;
display: block;
bottom: 0;
width: auto;
background-image: none;
margin-top: -1em;/* First .5 is to slide it up to meet the bottom of the input field above it.Second .5 is to slide it slightly under the bottom of the input element for the apple devices rounding corners*/
}
.errorMsg {
padding: 10px;
color: #f00;
font-weight: bold;
text-align: left;
width: 233px;
background: transparent url(/assets/new/icons/errorDialog.png) no-repeat scroll;
cursor: pointer;
}
.statusMsgIconAndTextHolder,.errorMsgIconAndTextHolder {
background: transparent url(/assets/new/icons/errorIcon.png) no-repeat scroll center left;
margin-top: -32px;
padding: 12px 12px 12px 28px;
float: none;
clear: none;
color: inherit;
font-weight: inherit;
text-align: inherit;
}
.statusMsgIconAndTextHolder {
background: transparent url(/assets/new/icons/animatedLoading.gif) no-repeat scroll center left;
color: #666;
text-align: center;
}
#mobileModal .errorMsg {
position: relative;
display: block;
border: 1px solid #f00;
border-top: none;
background-image: none;
background-color: #ECDCDC;
width: 90%;
padding: 0.5em 4px 0 4px;
z-index: 1;/*See #mobileModal .errorMsgHolder for details on padding */
}
#mobileModal .checkbox .errorMsg {
padding: 0 4px;
}
.errorMsgHolder.open {
display: block;
}
.errorMsg ul {
padding: 1em 2em;
width: 193px;
}
.errorMsg li {
list-style: circle;
list-style-position: outside;
}
@media screen and (min-width:384px) {#mobileModal li.loginButton a {
background-image: url('/assets/new/icons/socialIconsLarge.png');
height: 96px;
width: 96px;
}
#mobileModal li.facebookButton a {
background-position: 0 0;
}
#mobileModal li.twitterButton a {
background-position: 0 -96px;
}
#mobileModal li.linkedinButton a {
background-position: 0 -192px;
}
#mobileModal li.googleButton a {
background-position: 0 -288px;
}

}
#profileAccordion {
overflow: hidden;
}
#profileAccordion .trigger {
background: #004061 url('/assets/new/icons/navIcons.png') no-repeat;
background-position: -60px 12px;
height: 32px;
line-height: 32px;
color: #fff;
font-weight: bold;
padding: 0 48px;
margin-bottom: 2px;
cursor: pointer;
}
#profileAccordion .content {
display: none;
padding: 8px;
}
@media screen and (min-width:750px) {#profileAccordion li {
border-top: 2px solid #515151;
height: 24px;
}
#profileAccordion .trigger {
background-color: transparent;
background-position: -86px 7px;
height: 24px;
line-height: 24px;
color: #004061;
font-weight: bold;
padding: 0 24px;
margin: 0 0 -24px 0;
cursor: pointer;
width: 96px;
}
#profileAccordion .trigger.active {
background-color: #a8c3cf;
color: #515151;
}
#profileAccordion .content {
float: right;
width: 360px;
background-image: url('/assets/new/modal_accordion_bg.png');
background-repeat: no-repeat;
background-position: bottom left;
margin-right: 32px;
color: #515151;
padding: 0 0 0 32px;
}
#profileAccordion .content_wrap {
background-image: url('/assets/new/modal_accordion_bg.png');
background-repeat: no-repeat;
background-position: top right;
margin: 0 -32px 0 0;
padding: 4px 32px 4px 0;
width: 360px;
}
#profileAccordion .content_wrap p {
font-size: 11px;
line-height: 16px;
}

}
.premiumcontent {
position: relative;
overflow: hidden;
float: left;
clear: both;
width: 100%;
}
.premiumcontent a {
cursor: pointer;
}
.premiumcontent a.premiumribbon {
background: url('/assets/new/icons/premium_content_ribbon.png') 0 0 no-repeat;
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
display: block;
float: left;
}
.premiumcontent a.premiumlock,.premiumcontent span.premiumlock {
background: url('/assets/new/icons/premium_content_icon_32.png') 0 0 no-repeat;
padding-left: 36px;
color: #EE2525 !important;
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
padding-top: 6px;
display: block;
float: left;
text-decoration: none;
min-height: 32px;
}
.premiumcontent a.premiumlock span {
display: block;
color: #003F60 !important;
}
.premiumcontent a:hover {
text-decoration: none !important;
}
#premiumContentModalWrapper {
color: #515151;
overflow: hidden;
margin-left: 32px;
}
#premiumContentModalWrapper .premiumcontent {
padding-bottom: 30px;
}
.premiumContentModalTopWrapper {
float: left;/*margin-bottom: 20px;*/padding-bottom: 20px;
width: 100%;/* background: url('line.png') bottom center no-repeat; */position:relative;
overflow: hidden;
}
.premiumContentModalTopWrapper img {
float: right;
margin: 0 32px 16px 16px;
width: 200px;
height: auto;
-moz-box-shadow: 4px 4px 4px #888;
-webkit-box-shadow: 4px 4px 4px #888;
box-shadow: 4px 4px 4px #888;
}
.premiumContentModalLoginWrapper {/*float: left;*/position: relative;
overflow: hidden;
width: 100%;
margin-bottom: 30px;
}
.premiumContentModalLoginWrapper .leftColumn {
float: left;
width: 200px;
}
.premiumContentModalLoginWrapper .rightColumn {
float: right;
width: 200px;
padding-right: 50px;
}
.premiumContentModalLoginWrapper .rightColumn span {
color: #EE2525;
font-weight: bold;
}
.premiumContentModalLoginWrapper .bottomColumn {
margin-bottom: 30px;
}
.premiumContentModalLoginWrapper .button {
text-align: center;
padding: 0px 4px !important;
color: white;
background-color: #747678;
font-size: 12px;
font-weight: bold;
border: none;
line-height: 2.5em;
height: 30px;
}
/*.premiumContentModalLoginWrapper .leftColumn .button {
position: absolute;
bottom: 0;
left: 0
}
*/.ieall .scrollwrap {
position: relative !important;
}
/***This is for video commenting***/#commentsPrefix {
background-color: #FFF;
}
#commentsPrefix > div {
display: inline-block;
background-color: #E4E4E4;
background-image: url(/assets/new/icons/comment_corner_white.png);
background-position: top right;
background-repeat: no-repeat;
color: #003F60;
padding: 0 24px;
line-height: 36px;
font-weight: bold;
}

.ie7 .modal_top,
.ie7 .modal_bottom {
  zoom: 100%;
  min-width:100%;
}



/*** Styles for custom share bar ***/



div.customLikeWrap {
  text-align: center;
}
div.customLikeWrap div.customLike {
  padding: 0 5px 2px;
  display: inline-block;
  background: none repeat scroll 0 0 #ECEEF5;
  border: 1px solid #CAD4E7;
  border-radius: 3px 3px 3px 3px;
  color: #3B5998;
  cursor: pointer;
  white-space: nowrap;
}

div.customLikeWrap div.customLike button {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    margin: -1px;
    padding: 0;
}

div.customLikeWrap div.customLike button i {
    margin-right: 2px;
    background-position: 0 0;
    background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yF/r/wtsky0Emo_J.png");
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
    height: 14px;
    width: 14px;
    position: relative;
    top: 3px;
}

/* Styles for FB share button on details pages */


div#fb-share-wrap {
  display: inline-block;
  vertical-align: top;
}

a#pluginShareButtonLink {
  color: #3b5998;
  cursor: pointer;
  text-decoration: none;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  text-align: left;
  font-size: 11px;
}
a#pluginShareButtonLink div.pluginButton {
  background: #4c69ba;
  background: -webkit-gradient(linear, center top, center bottom, from(#4c69ba), to(#3b55a0));
  background: -webkit-linear-gradient(#4c69ba, #3b55a0);
  border: none;
  -webkit-border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding: 0;
  text-shadow: 0 -1px 0 #354c8c;
  white-space: nowrap;
}

a#pluginShareButtonLink div.pluginButton div.pluginButtonContainer {
  -webkit-font-smoothing: antialiased;
}

a#pluginShareButtonLink div.pluginButton div.pluginButtonImage {
  display: inline-block;
}
a#pluginShareButtonLink div.pluginButton button {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-weight: bold;
  margin: -1px;
  outline: none;
  padding: 0;
  text-shadow: 0 -1px 0 #354c8c;
}


a#pluginShareButtonLink div.pluginButton i {
  left: 0;
  margin: 0 4px 0 4px;
  position: relative;
  top: 3px;
  vertical-align: top;
  background-position: 0 -42px;
  background-image: url(//assets1.csc.com/zonea/images/fb_share.png);
  background-size: 30px 72px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 14px;
}

a#pluginShareButtonLink div.pluginButton span.pluginButtonLabel {
  padding: 0 5px 0 0;
  position: relative;
  vertical-align: top;
}
/* END Styles for FB share button on details pages */

/* Live Search */
#live_search_wrapper { 
  display:none;
  font-weight:500;
  font-size:11px;
  color:#000;
  width: 465px;
  z-index: 3000;
  position: fixed;
	top: 59px;
	right: 33px;
	border: 1px solid #BABBBC;
	overflow:hidden;
	background-color:#FFF;
}

#live_search_header { 
  padding:2px 0px 2px 4px;
  width:460px;
  background: #004061;
  color:#fff;
  overflow:hidden;
}

#live_search_results { 
  padding:2px 0 2px 4px;
  height: 260px;
  width:461px;
  overflow: auto;
}

#live_search_close { 
  background: url(/assets/new/icons/navIcons.png) no-repeat -86px -61px;
  width: 20px;
  height: 20px;
  margin-right: 3px;
  cursor: pointer;
}
div.abm_bar_wrap {
  display: none;
  height: 43px;
}

div.abm_bar {
  height: 43px;
  padding:1em 1em 1em 3em;
  display:none;
  color:#fff;
  box-shadow:0 0 3px #333;
  margin-bottom:10px;
  background: url("//assets1.csc.com/home/images/abm_caret.png") no-repeat scroll 1em 1em #EF2525;
}

div.abm_bar span.company_name {
  font-size:1.3em;
  font-size:1.3rem;
  font-weight:bold;
}

div.abm_bar a {
  color: #fff;
  text-decoration: underline;
}

div.abm_bar a:hover {
  color:#ffcf01;
  text-decoration:none;
  font-weight:bold;
}
.gig_photoHolder {
float: left;
height: 48px;
padding-right: 4px
}
.gig_username {
}
.gig_loginmessage {
}
.gig_logout {
}
.gig-comments-dialog.gig-comments-dialog-flag {
border: 4px solid #ee2525;
background-color: #f0f0f0;
color: #515151;
}
a.gig-comments-button-flagThisComment,a:hover.gig-comments-button-flagThisComment,a:link.gig-comments-button-flagThisComment,a:active.gig-comments-button-flagThisComment,a:visited.gig-comments-button-flagThisComment {
color: #fff;
background-color: #747678;
border: none;
}
#gigyaReactionsHolder {
padding-bottom: 20px;
clear: both;
}
#gigyaReactionsHolder table {
width: auto;
}
#gigyaReactionsHolder-reaction0-left_img,#gigyaReactionsHolder-reaction1-left_img,#gigyaReactionsHolder-reaction0-right_img,#gigyaReactionsHolder-reaction1-right_img {
display: none;
}
#gigyaReactionsHolder-reaction0-icon_img,#gigyaReactionsHolder-reaction1-icon_img {
display: block;
margin: 0 -2px 0 0;
max-width: none !important;
}
.ie7 #gigyaReactionsHolder-reaction0-icon_img,.ie7 #gigyaReactionsHolder-reaction1-icon_img {
margin: 0;
}
#commentsPrefix {
clear: both;
}
#commentsPrefix > div {
color: #003f60;
padding: 0 24px;
line-height: 36px;
font-weight: bold;
}
#gigyaReactionsHolder_gig_containerParent #commentsPrefix > div {
display: inline-block;
background-color: #e4e4e4;
background-image: url('/assets/new/icons/comment_corner_white.png');
background-position: top right;
background-repeat: no-repeat;
}
.ie7 #gigyaReactionsHolder_gig_containerParent #commentsPrefix > div {
display: inline;
height: 36px;
}
/*The Gigya Specificity Overloader (.gso) class was added to help add another level of CSS specificty to ensure thatthe styles defined here have a higher display priority than what comes in via gigya.socialize.showCommentsUI function-Cory*/.gso > .gig-comments-container {
clear: both;
background-color: #e4e4e4;
padding: 24px;
}
.gso > .gig-comments-container textarea.gig-comments-commentBox-textarea,.gso > .gig-comments-container textarea.gig-comments-replyBox-textarea {
width: 100% !important;
padding: 5px;
margin: -5px;
display: block;
}
/*Sorry, there was no other way I could find to do this but using the IDs of the instances of these containers.Any future gigya comments that will need to be styled in the same way need their IDs referenced here too.-Cory*/#gigyaCommentsHolder-comments > div,#gigyaVideoCommentsHolder-comments > div {
margin: 0 0 8px 0;
}
div.gig-comments-commentBox {
margin: 0;
padding: 0 0 4px 0;
}
div.gig-comments-commentList-header {
padding: 0;
color: #003f60;
line-height: 32px;
font-size: 11px;
font-weight: bold;
}
div.gig-comments-commentList-header a.gig-comments-rss-icon {
height: 32px;
}
div.gig-comments-comment, div.gig-comments-comment-child {
background-color: #fff;
background-image: url('/assets/new/icons/comment_corner_grey.png');
background-position: top right;
background-repeat: no-repeat;
padding: 12px;
}
div.gig-comments-comment-child {
margin-top: 8px;
}
span.gig-comments-username {
color: #000;
}
div.gig-comments-comment-body {
font-size: 11px;
line-height: 14px;
color: #747678;
}
span.gig-comments-replies-length {
text-decoration: none;
color: #003f60;
}
.gig-comments-dottedLine {
display: none;
}
.gig-comments-replyButtonAndCount {
padding: 0;
margin: 0;
font-size: 12px;
}
div.gig-comments-expand-arrow, div.gig-comments-collapse-arrow {
display: none;
}
div.gig-comments-vote {
margin: 0;
}
div.gig-comments-vote a.gig-comments-button.gig-comments-button-vote {
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
div.gig-comments-vote-value {
min-width: 16px;
}
div.gig-comments-comment-flag,div.gig-comments-comment-flag-over {
visibility: visible;
background-image: url('/assets/new/icons/comment_sprites.png');
width: 20px;
height: 20px;
background-position: -2px -2px;
}
div.gig-comments-comment-flag-over {
background-position: -2px -26px;
}
a.gig-comments-button-down div.gig-comments-vote-up,div.gig-comments-vote-up {
background-image: url('/assets/new/icons/comment_sprites.png');
width: 20px;
height: 20px;
background-position: -2px -50px;
}
a.gig-comments-button-down div.gig-comments-vote-up {
background-position: -2px -74px;
}
.oldie .gso div.gig-comments-addCommentFooter td {
width: auto !important;
}
.oldie .gso div.gig-comments-addCommentFooter tr td:first-child {
width: 56px !important;
}
#mainContent .gso > .gig-comments-container .gig-comments-replyButtonAndCount a,#mainContent .gso > .gig-comments-container .gig-comments-postButton-container a {
color: #777;
background: transparent;
background-color: #bcd1da;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
line-height: 20px;
font-size: 12px;
padding: 0 8px;
}
#videoCommentsActivator {
position: absolute;
margin-top: -25px;
margin-left: 275px;
}
.ios #videoCommentsActivator {
margin-left: 278px;
}
#videoCommentsActivator .content,#videoCommentsActivator .icon,#videoCommentsActivator .before,#videoCommentsActivator .after {
display: block;
cursor: pointer;
float: left;
vertical-align: middle;
background-image: url('/assets/new/icons/comment_activator_sprites.png');
background-position: 0 0;
background-repeat: repeat-x;
line-height: 20px;
white-space: nowrap;
font-size: 11px;
color: #333;
padding: 0 4px 0 0;
margin: 0;
width: auto;
}
#videoCommentsActivator:hover .content {
background-position: 0 -20px;
}
#videoCommentsActivator .before,#videoCommentsActivator .after,#videoCommentsActivator .icon {
background-repeat: no-repeat;
overflow: hidden;
width: 2px;
height: 20px;
background-position: 0 -40px;
padding: 0;
}
#videoCommentsActivator .after {
background-position: -2px -40px;
}
#videoCommentsActivator .icon {
width: 18px;
background-position: -2px -60px;
}
#videoCommentModalBackground {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: gray;
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
zoom: 1;
z-index: 1002;
}
#videoCommentModal,#videoCommentModal.ui-dialog {
position: fixed;
top: 10%;
margin-top: 0;
left: 50%;
margin-left: -384px;
height: 80%;
width: 768px;
padding: 0;
background: transparent;
background-color: #E4E4E4;
overflow-x: hidden;
overflow-y: scroll;
z-index: 1002;
}
.ieall #videoCommentModal {
position: absolute;
top: 10%;
left: 50%;
margin-left: -384px;
margin-top: 0;
width: 768px;
}
#videoCommentModalCloseButton {
position: absolute;
display: block;
height: 34px;
width: 34px;
margin-top: 2px;
margin-left: 720px;
background: url("/assets/new/account-close-btn.png") no-repeat scroll 0 0 transparent;
z-index: 1004;
cursor: pointer;
}
#videoCommentModalContent {
position: relative;
z-index: 1003;
width: 768px;
}

div#cscSurvey {
  z-index:100000;
  line-height: 15px;
  border: 2px solid rgb(0, 0, 0);
  background-color: #BCD1DA;
  width: 322px;
  height: 220px;
  display: block;
}

div#cscSurveyTop {
  width:322px;
  height:80px;
}

div#cscSurveyClose {
  width: 16px;
  height:13px;
  float: right;
  margin-top:4px;
  margin-right:15px;
}

div#cscSurveyLogo {
  float: left;
  margin-top:4px;
  margin-left:10px;
}

div#cscSurveyText {
  margin-left:18px;
  font-size:10pt;
  font-family: Tahoma;
  color:#000000;
}

div#cscSurveyButtons p {
  text-align: center;
}

a#cscSurveyYes, a#cscSurveyNo, .cscSurveySubmit {
  background-color: #747678;
  border: medium none;
  color: #FFFFFF;
  font-size: 12px;
  height: 30px;
  line-height: 2.5em;
  margin: 8px;
  padding: 0 8px;
  width: 72px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
 }

div#cscSurveyForm {
  margin-left: 2em;
  margin-right: 2em;
  font: smaller Arial,sans-serif;
}

.cscSurveyLabel {
  display: block;
  padding-top: 2em;
  padding-bottom: 1px;
}

.cscSurveyTextarea {
  width: 211px;
  height: 75px;
  margin-left: 2em;
  margin-top: 3px;
}

.cscSurveySelect {
  margin: 2em;
}

div#cscSurveyHeader {
  margin-left: 2em;
}

.cscSurveyHeadline {
  padding-left: 5px;
  display: inline;
  font: 12px/1.5em Arial,sans-serif;
  font-weight: lighter;
  color: rgb(116, 118, 120);
}

.cscSurveyLogo {
  vertical-align: middle;
  border: none;
}

div#cscSurveyThanks {
  text-align: center;
  margin-top: 2em;
}

.cscSurveyExpRadio{
    display:inline-block;
    *display:inline; zoom:1;
    text-align:center;
    width: auto;
    margin: 0px 5px;
}

.cscSurveyExpRadio label {
    display:block;
}




div.isana_detail_rec_image {
  background: url('//assets1.csc.com/home/images/cms_icons.png') no-repeat;
  width: 55px;
  height: 55px;
  float:left;
  bottom:0;
  margin:auto;
  position:absolute;
  top:0;
}
div.isana_detail_rec_image.rec_pr,
div.isana_detail_rec_image.rec_flexi {
  background-position: 0 0;
}
div.isana_detail_rec_image.rec_insight {background-position: 0 -55px; }
div.isana_detail_rec_image.rec_offer {background-position: 0 -110px; }
div.isana_detail_rec_image.rec_success {background-position: 0 -165px; }
div.isana_detail_rec_image.rec_blog {background-position: 0 -220px; }
div.isana_detail_rec_image.rec_pub {background-position: 0 -275px; }
div.isana_detail_rec_image.rec_news {background-position: 0 -330px; }
div.isana_detail_rec_image.rec_im {background-position: 0 -385px; }
div.isana_detail_rec_image.rec_event {background-position: 0 -440px; }
div.isana_detail_rec_image.rec_alliance {background-position: 0 -495px; }
div.isana_detail_rec_image.rec_infogfx {background-position: 0 -550px; }
div.isana_detail_rec_image.mobile {background-position: 0 -605px; }
div.isana_detail_rec_image.gen {background-position: 0 -660px; }

div.isana_detail_rec {
  position:relative;
  padding:0.5em 0;
  width:100%;
  overflow:hidden;
}

div.isana_detail_rec:after{
content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 96%;
  border-bottom:1px solid #ccc;
}
div.isana_detail_rec_content {
  width:80%;
  float:left;
  margin-left:60px;
}

div.isana_detail_rec_content div.rec_title {
  font-size:1.5em;
  margin-top:0.5em;
  padding-bottom:0.3em;
}

div.isana_detail_rec_content div.rec_title a {
  font-weight: normal;
}

div.isana_detail_rec_arrow {
  float:right;
  background: url('//assets1.csc.com/home/images/rec_arrow.png') no-repeat;
  width: 24px;
  height: 55px;
  bottom:0;
  margin:auto;
  right:0;
  position:absolute;
  top:0;
}

div.isana_detail_recs_wrapper {
  margin-top:4em;
  clear: both;
}

div.isana_detail_recs_wrapper h2 {
  font-size:1.75em;
  position:relative;
  color:#000;
  font-weight:normal;
  width:100%;
}

div.isana_detail_recs_wrapper h2:after {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 96%;
  border-bottom:1px solid #ccc;
}

@media screen and (max-width: 600px) {
  div.isana_detail_recs_wrapper h2{
    font-size:1.5em;
  }
  div.isana_detail_recs_wrapper h2:after{
    width   : 94%;
  }
  div.isana_detail_rec:after {
    width   : 94%;
  }
  div.isana_detail_rec_content {
    width:70%;
  }
  div.isana_detail_rec_content div.rec_title {
    font-size:1.25em;
  }
}
/*css reset*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.footer section { box-sizing:content-box; }
/* This resets code across most of the site
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,hgroup,html,i,iframe,images,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}
*/

body,html {
  height: 100%;
}

ol,ul {
  list-style: none;
}

/* Resets body font site-wide
body {
  background: #fff;
  font: 12px/19px Arial,Helvetica,sans-serif;
  color: #676767;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}
*/


a {
  color: #444;
  text-decoration: none;
  outline: 0;
}

a:hover {
  color: #000;
  text-decoration: underline;
}

img {
  vertical-align: middle;
  max-width: 100%;
  border: 0;
}

button {
  background: 0 0;
  border: 0;
}

#viewporter .breadcrumbs {
    width: 1000px;
}



/*Additional page css*/

#mainContent.leftSideBar .sideBar {
  display: block;
  width: 180px;
  padding: 0;
  margin-right: 2%;
}

#mainContent .sectionNameDiv {
  width: 100%;
  padding: 22px 15px;
  background: #11618a;
  color: #fff;
  font: 700 17px Arial,Helvetica,sans-serif;
}

#mainContent .callToActionDIV {
  background: #efefef;
  background: -moz-linear-gradient(#efefef 0,#e4e4e4 100%) #efefef;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#efefef),color-stop(100%,#e4e4e4)) #efefef;
  background: -webkit-linear-gradient(#efefef 0,#e4e4e4 100%) #efefef;
  background: -o-linear-gradient(#efefef 0,#e4e4e4 100%) #efefef;
  background: -ms-linear-gradient(#efefef 0,#e4e4e4 100%) #efefef;
  background: linear-gradient(#efefef 0,#e4e4e4 100%) #efefef;
  border: 1px solid #bfbfbf!important;
  padding: 16px 2px;
  width: 150px;
  position: relative;
}

#mainContent .callToActionDIV:hover {
  background: #efefef;
  background: -moz-linear-gradient(#e4e4e4 0,#efefef 100%) #efefef;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e4e4e4),color-stop(100%,#efefef)) #efefef;
  background: -webkit-linear-gradient(#e4e4e4 0,#efefef 100%) #efefef;
  background: -o-linear-gradient(#e4e4e4 0,#efefef 100%) #efefef;
  background: -ms-linear-gradient(#e4e4e4 0,#efefef 100%) #efefef;
  background: linear-gradient(#e4e4e4 0,#efefef 100%) #efefef;
}


#mainContent .callToActionDIV p {
  display: inline-block!important;
  font-size: 12px;
  font-weight: 700;
  padding-left: 10px!important;
  width:68%;
  line-height:13px;
  vertical-align: middle;
}


#mainContent .callToActionDIV a {
  color: #434343!important;
  text-decoration: none;
  display: inline;
  padding-left: 0;
}

#mainContent .callToActionDIV a:hover {
  text-decoration: underline;
}

#mainContent .callToActionDIV img {
  vertical-align: middle;
  display: inline-block;
  float: none;
}

@media screen and (max-width:999px) {
  #mainContent .callToActionDIV img {
    float: left;
  }
}

#mainContent .offersContent .offersRight .callToAction DIV {
  float: left;
  padding-bottom: 6px;
  margin-bottom: 2px!important;
  border-bottom: 1px solid #999;
  width: 100%;
}

#mainContent .offersContent .offersRight .callToAction {
  width: 100%;
  overflow: hidden;
  margin-top: 15px;
}

#mainContent .channel {
  margin-top: 15px;
}

#mainContent .relatedContent h3 {
  margin: 0;
  clear: both;
  color: #fff;
  line-height: 20px;
  background: #036;
  width: 100%;
  text-transform: none;
  padding: 20px 10px 20px 10px!important;
  font-size: 12px!important;
  font-weight:bold;
}

#mainContent .offersContent .offersRight .video,.offersContent .relatedContent.offersRight UL {
  background: none!important;
  border: 1px solid #bfbfbf!important;
  padding: 4%;
  margin-bottom: 2em;
  float: left;
  min-width:100%;
}

#mainContent .relatedContent li {
  border: none!important;
}

#mainContent .channel ul {
  margin: 0;
}

#mainContent .channel ul li {
  margin: 0;
  list-style-type: none;
  text-decoration: none;
  padding: 10px 5px;
  line-height:13px;
  background:none;
}

#mainContent .channel ul li a {
  font-size: 12px;
  color: #007ab6!important;
  text-decoration: none;
  font-weight: 700;
}

#mainContent .channel ul li a:hover {
  text-decoration: underline;
  color: #007ab9!important;
}
#mainContent .channel .videocontainer {
    border-left:1px solid #bfbfbf;
    border-right:1px solid #bfbfbf;
    border-bottom:1px solid #bfbfbf;
    background:none;
}
.offersRight .video { max-width:100%; }

#mainContent .offersContent .pageContent .offersLeft H2 {
  color: #5c5c5c!important;
  font-size: 1.5em;
  line-height: 21.48px;
  margin-top: 10px;
}

#mainContent .offersContent .pageContent .offersLeft p b,.offersContent .pageContent .offersLeft p strong {
  color: #868686;
}

#mainContent {
  display: block;
  border: none;
  position: relative;
  background: #fff;
  background: -moz-linear-gradient(top,#fff 90%,#e2e3e4 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(90%,#fff),color-stop(100%,#e2e3e4));
  background: -webkit-linear-gradient(top,#fff 90%,#e2e3e4 100%);
  background: -o-linear-gradient(top,#fff 90%,#e2e3e4 100%);
  background: -ms-linear-gradient(top,#fff 90%,#e2e3e4 100%);
  background: linear-gradient(top,#fff 90%,#e2e3e4 100%);
}
/*
#mainContent a {
  color: #5e9ec8!important;
}*/

.wrapper {
  margin: 0 auto;
  overflow: hidden;
  clear: both;
  width: 100%;
}



#mainContent.leftSideBar .sideBar {
  float: left;
}

#mainContent.offersContent .pageContent {
  width: 72%;
  padding: 0;
  float: left;
}

#mainContent h1,.mainLogo span {
  font-size: 27px!important;
  font-size: 2.25rem;
  line-height: 1.1em;
  margin-bottom: 2%;
  font-weight: 400;
  color: #000;
}

#mainContent.detailPage h1 {
  margin-bottom: 1.2em;
}

.offersTop .voiceBox {
  background-image: url("//assets1.csc.com/home/images/notch.png");
  background-size: 6%;
  background-repeat: no-repeat;
  background-position: right bottom;
  min-height: 27px;
  padding: 20px 15px 20px 20px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2em;
}

.offersContent .offersLeft {
  /* width: 470px; */
  float: left;
  overflow: hidden;
}

p {
  padding: .4em 0;
}

.offersContent .pageContent .offersLeft {
  color: #747678;
}

.offersContent .pageContent .offersRight,.offersContent .pageContent .relatedContent.offersRight {
  float: right;
  width: 150px;
  margin: 0!important;
}

.channel ul li span {
  display: inline-block;
  width: 10px;
  height: 9px;
  background: url("//assets1.csc.com/home/images/meganavDivArrows.png") 1px -14px no-repeat;
}

.current span {
  background-position: 0 -22px!important;
}



.accordianWrapper{ width:100%;   }
.accordianContent{ display:none; padding:2em; font-size:13px; background:#ffffff;}
/* .active .accordianContent{display:block!important;} */
.active .accordianContent{display:block;}

nav ul, nav li { float:none; }
ul.home_accordian li a.active-acc{ background-position:99% -32px;}
a.readMore{ margin-top:10px; color:#464646; display:inline-block;}

#mainContent ul.home_accordian li a.accordianHeading {
    display:block;
    padding: 11px 21px 11px 15px;
    text-align: left;
    font-size: 13px;
    color: #3d3d3d;
    background: #fff;
    text-decoration: none;
    border-bottom: 1px solid #e3e3e3;
    outline: none;position: relative;cursor: pointer;background: #f5f5f5;
    background: -moz-linear-gradient(#ffffff 0,#f5f5f5 100%) #00517a;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#f5f5f5)) #00517a;
    background: -webkit-linear-gradient(#ffffff 0,#f5f5f5 100%) #f5f5f5;
    background: -o-linear-gradient(#ffffff 0,#f5f5f5 100%) #f5f5f5;
    background: -ms-linear-gradient(#ffffff 0,#f5f5f5 100%) #f5f5f5;
    background: linear-gradient(#ffffff 0,#f5f5f5 100%) #f5f5f5;
}

.oldie #mainContent ul.home_accordian li a.accordianHeading {
    padding: 11px 22px 11px 15px;
}
#mainContent ul.home_accordian li a.accordianHeading:hover{background: #ffffff;
background: -moz-linear-gradient(#f5f5f5 0,#ffffff 100%) #00517a;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ffffff)) #ffffff;
background: -webkit-linear-gradient(#f5f5f5 0,#ffffff 100%) #ffffff;
background: -o-linear-gradient(#f5f5f5 0,#ffffff 100%) #ffffff;
background: -ms-linear-gradient(#f5f5f5 0,#ffffff 100%) #ffffff;
background: linear-gradient(#f5f5f5 0,#ffffff 100%) #ffffff;}
#mainContent ul.home_accordian li.active a.accordianHeading{background: #898989 !important;color: #fff !important;}
#mainContent li a.accordianHeading span{width: 6px;height: 6px;margin-top: -3px;display: inline-block;background: url("//assets1.csc.com/home/images/meganavDivArrows.png");background-position: 0px -8px;position: absolute;top: 50%;
right: 16px;}
#mainContent li.active a.accordianHeading span {background-position: 0 -22px!important;}
#mainContent ul.accordianContent {position: relative;overflow: hidden;padding: 0;margin: 0;list-style-type: none;padding-left: 20px;background: #f9f9f9;}
#mainContent ul.accordianContent li{font-size: 12px;line-height: 16px;}
#mainContent ul.accordianContent li a{font: 12px;color: #858585 ;padding: 8px 15px;text-decoration: none;background: none;border: none; display:block;}
#mainContent ul.accordianContent li.current a{ text-decoration:underline;color: #3582ba ;}
#mainContent ul.accordianContent li.current a span{background: url("//assets1.csc.com/home/images/meganavDivArrows.png") 1px -14px no-repeat !important;display: inline-block;width: 8px;height: 8px !important;position: relative;left: 0px;margin: 0;padding: 0;}
#mainContent ul.accordianContent li a:hover{color: #3582ba !important;text-decoration: underline;}


#tabs .accordion .csc-contactUsContainer li>a { display:block; }
#tabs .csc-contactUsContainer .nestedUL li { display:inline-block !important; }


/*css reset*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body,html {
  height: 100%;
}

ol,ul {
  list-style: none;
}


h1,h2,h3,h4,h5,h6 {
  color: #000;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

a {
  color: #444;
  text-decoration: none;
  outline: 0;
}

a:hover {
  color: #000;
  text-decoration: underline;
}

img {
  vertical-align: middle;
  max-width: 100%;
  border: 0;
}

button {
  background: 0 0;
  border: 0;
}

/*contact us page css*/
.csc-contactUsContainer {
  margin: 20px;
  border: 3px solid #efefef;
  width: 100%;
  /*width: 545px;*/
  border-radius: 3px;
  -moz-box-shadow: 1px 4px 7px -2px #a3a3a3;
  -webkit-box-shadow: 1px 4px 7px -2px #a3a3a3;
  box-shadow: 1px 4px 7px -2px #a3a3a3;
  overflow:hidden;
}
#tabs .accordion .csc-contactUsContainer ul {
  margin: 0px;
  padding: 0px;
  width:100%;
  /*width: 515px;*/
  margin: 0px 15px;
  padding-bottom: 13px;
}
#tabs .accordion .csc-contactUsContainer ul li {
  display: inline-block;
  text-decoration: none;
  margin: 4px 2px;
  border-radius: 3px;
  width: 28%;
  /*width: 32%;*/
}

#tabs .accordion .csc-contactUsContainer ul li a {
  font-size: 13px;
  border: 1px solid #dfdfdf;
  text-align: center;
  display: block;
  text-decoration: none;
  border-radius: 4px;
  padding: 17px 8px;
  width: 100%;
  /*width: 161px;*/
  color: #8f8f8f;
  text-transform: capitalize;
  background: #f0f0f0;
  background: -moz-linear-gradient(#f0f0f0 0,#dfdfdf 100%) #f0f0f0;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dfdfdf),color-stop(100%,#00517a)) #f0f0f0;
  background: -webkit-linear-gradient(#f0f0f0 0,#dfdfdf 100%) #f0f0f0;
  background: -o-linear-gradient(#f0f0f0 0,#dfdfdf 100%) #f0f0f0;
  background: -ms-linear-gradient(#f0f0f0 0,#dfdfdf 100%) #f0f0f0;
  background: linear-gradient(#f0f0f0 0,#dfdfdf 100%) #f0f0f0;
}

#tabs .accordion .csc-contactUsContainer ul li a:hover {
  border: 1px solid #4486a6;
  color: #fff;
  background: #2b7297;
  background: -moz-linear-gradient(#2b7297 0,#236789 100%) #2b7297;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#2b7297),color-stop(100%,#236789)) #2b7297;
  background: -webkit-linear-gradient(#2b7297 0,#236789 100%) #2b7297;
  background: -o-linear-gradient(#2b7297 0,#236789 100%) #2b7297;
  background: -ms-linear-gradient(#2b7297 0,#236789 100%) #2b7297;
  background: linear-gradient(#2b7297 0,#236789 100%) #2b7297;
}

#tabs .accordion .csc-contactUsContainer h2 {
  border-bottom: 1px solid #efefef;
  margin: 0;
  font-size: 32px;
}

#tabs .accordion .csc-contactUsContainer h2 a {
  font-size: 32px;
  font-weight: 700;
  text-decoration: none;
  color: #4f4f4f;
  padding: 11px 20px;
  margin: 0;
  display: block;
}

#tabs .accordion .csc-contactUsContainer h4 {
  font-size: 17px;
  text-transform: none;
  color: #4f4f4f;
  padding: 15px 20px;
  margin: 0;
}

hr {
  padding: 0;
  margin: 0;
  color: #efefef;
}

#tabs .accordion .csc-contactUsContainer h2 a:hover {
  text-decoration: underline;
}

#tabs .accordion .csc-contactUsContainer ul li a span {
  font-weight: 600;
}

.col-md {
  width: 33.33%;
}

.pull-left {
  float: left;
}

.list-container {
  padding: 0 20px;
  overflow: hidden;
  text-align: center;
}

@media screen and (max-width:479px){
    #tabs .accordion .csc-contactUsContainer ul li { width:89%; }
}
@media screen and (min-width:450px) {
   #shareButtons {
     margin-top: 5px;
     padding-top: 5px;
   }
  #relationsBucket a {
    background: url('/assets/new/triangles.png') no-repeat 0 8px;
    padding-left: 17px;
  }
  #relationsBucket a.blueTri {
    background-position: 0 -25px;
  }
  #relationsBucket a.lightBlueTri {
    background-position: 0 -65px;
  }
  #relationsBucket a.purpleTri {
    background-position: 0 -105px;
  }
  #relationsBucket a.yellowTri {
    background-position: 0 -145px;
  }
  #relationsBucket a.greenTri {
    background-position: 0 -185px;
  }
  #mobiSecondaryNav #mobiBackLabel {
    display: none;
  }
  /****Left Nav******/
  #leftNav {
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 20px;
  }
  .mobiSecondaryNav {
    display: block;
    width: 100%;
  }
  .innerLeftNav {
    width: 100%;
    padding: 0 0 20px;
  }
  .innerLeftNav li ul li a {
    padding-left: 3.5%;
  }
  /***Social Icons****/
  #socialBucket .youtube{
    display:block;
  }
  .thankYouHeader .thankYouText
  {
    font-size: 34px;
    padding-left: 0;
    padding-top: 8%;
  }
  .registrationComplete
  {
    margin: 10px 5px;
  }
  .navigatorDialog {
    max-width: 250px;
  }
  /* */
  ul.rss {
    min-height: 180px;
  }
  .pageContent .lightbluebox.rightflush {
    width: 190px !important;
    min-height: 180px;
    float: right;
    padding: 0px;
  }
}


@media screen and (min-width:580px) {
  #contactBucket, #socialBucket, #corpBucket{
    width: 43.5%;
    clear: none;
  }
  #contactBucket{
    clear: left;
    border:none;
    background: url('/assets/new/footerVert.png') no-repeat 100% 50%;
    background-size:1px 100%;
    width: 40.5%;
  }
  #socialBucket {
    background: none;
    width: 44.5%;
  }

  .alliancesContent .partenershipLeft
  {
    float: left;
    border-bottom: 0;
    text-align: left;
  }
  .alliancesContent .partenershipRight
  {
    /*padding-left: 220px;*/
    padding-top: 68px;
    padding-bottom: 21px;
  }

  .thankYouHeader .thankYouText
  {
    font-size: 42px;
    padding-left: 1%;
  }

  .registrationComplete
  {
    margin: 20px 5px;
  }

  .partnerLoginForm input[type=text],
  .partnerLoginForm input[type=password]
  {
    width: 168px;
  }
  .partnerLoginForm input[type=submit]
  {
    width: auto;
    font-size: 1em;
    padding-right: 1em;
    padding-left: 1em;
  }
  #comment_div #recaptcha_widget
  {
    position: relative;
  }
  #comment_div #recaptcha_widget
  {
    margin-top: 2px;
  }
  #comment_div #recaptcha_data
  {
    width: auto !important;
    margin-right: 199px;
    -webkit-border-top-left-radius: 5px;
    -ie-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -ie-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  #comment_div #recaptcha_data #recaptcha_image {
    min-height: 95px;
    width: auto !important;
  }
  #comment_div #recaptcha_data .text_field{
    -webkit-border-bottom-left-radius: 5px;
    -ie-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  #comment_div #recaptcha_data IMG{
    height: auto !important;
  }
  #comment_div #recaptcha_controls
  {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    margin: 0;
    bottom: 0;
    -webkit-border-top-right-radius: 5px;
    -ie-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -ie-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .article_teaser{
    width: 50%;
  }
  #shareButtons {
   margin-top: 5px;
   padding-top: 5px;
  }
}


@media screen and (min-width:750px) and (min-height:550px){
  html, body, input, select, textarea {
    font: normal 12px/1.5em Arial,sans-serif; /*16px/12px*/
  }
  /****Header****/
  header {
    height: 90px;
  }
  .mainLogo {
    width: 70%;
  }
  .mainLogo span{
    display: inline;
    font-size: 12px;
    font-weight: lighter;
    color: #747678;
  }
  #mobiTagLine, #mobiMainNav li#mobiNav{
    display: none;
  }
  #mobiCountry {
    display: block;
  }
  /***Main Navigation****/
  #globalNav {
    clear: both;
    display: block;
    border-top: 1px solid #a7a7a7;
  }
  .mobiSecondaryNav #mobiBack a{
    background-position:3px -13.5em;
  }
  .mobiSecondaryNav #mobiMoreLinks a{
    background-position:-80px 0.91666666666666666666666666666667em;
  }
  .mobiSecondaryNav #mobiMoreLinks.active a{
    background-position:-80px -11.666666666666666666666666666667em;
  }
  #shareButtons {
   margin-top: 5px;
   padding-top: 5px;
  }
}


@media screen and (min-width:767px){

  #nav_account_login{
    background-image: url('/assets/new/icons/navIcons.png');
    background-repeat: no-repeat;
  }
  #nav_account_login{
    background-position: -120px -200px;
  }
  .cscMainHeader .cscLoginSection{
    margin: 0;
    min-width: 40px;
  }
  #nav li > ul { /* second-level lists */
    position: absolute;
    z-index: 99;
    width: 768px;
    box-shadow: 0 4px 4px -4px #000000;
    -moz-box-shadow: 0 4px 4px -4px #000000;
    -webkit-box-shadow: 0 4px 4px -4px #000000;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  }
  #nav li.sfhover > ul{ /* lists nested under hovered list items */
    left: 0px;/*32px@768*/
  }
  #globalNav > ul {
    width:704px;
    position: absolute;
    z-index:999;
  }
  #globalNav > ul li {
    float:left;
    display:inline-block;
    width:24.857954545454545454545454545455%;/*175px@704(width of all main tabs)*/
  }
  #globalNav li > a {
    font-weight: bold;
    background:#FFF;
    margin-right:2px;
    padding:1.0833333333333333333333333333333em 0 1.0833333333333333333333333333333em 5.025125628140703517587939698492%;
    display:block;
    text-align:left;
    text-decoration: none;
    font-size: 12px;
    width:94.173271165446470831109455091087%;/*99.198396793587174348697394789579*/
  }
  #globalNav > ul li ul li, #globalNav li li a{
    width:100%;
  }
  .linkCols{overflow:hidden;}
  #globalNav .imgLink, #globalNav .imgLink img{
    display:block;
    overflow:hidden;
  }
  #globalNav .linkCols .colOne,
  #globalNav .linkCols .colTwo,
  #globalNav .linkCols .colThree,
  #globalNav .linkCols .colFour,
  #globalNav .linkCols .colFive {
    float: left;
    width: 20.5%;
    height: auto;
    padding: 0 1%;
    margin: 0;
    border-left: 1px dotted #fff;
  }
  #globalNav #insightsLink .linkCols .colOne,
  #globalNav #insightsLink .linkCols .colTwo,
  #globalNav #insightsLink .linkCols .colThree,
  #globalNav #insightsLink .linkCols .colFour,
  #globalNav #insightsLink .linkCols .colFive {
    width:17.7%;
  }
  #globalNav #aboutLink .linkCols .colTwo {
    padding-top: 1.5%;
  }
  #globalNav #solutionsLink .linkCols .colOne,
  #globalNav #solutionsLink .linkCols .colThree,
  #globalNav #solutionsLink .linkCols .colFive,
  #globalNav #aboutLink .linkCols .colTwo,
  #globalNav #aboutLink .linkCols .colThree{
    border-left: none;
  }
  #globalNav #solutionsLink .linkCols .colFour {
    border-left: 1px dotted #fff;
    width: 30%;
  }
  #globalNav .linkCols .colOne{border-left:none;}
  #globalNav .linkCols .socialCol{
    width:36%;
  }
  #globalNav .linkCols .socialCol > li, #globalNav .linkCols .socialCol .social ul{
    width:100%;
  }
  #globalNav .linkCols .socialCol .social ul{
    padding:5px 0;
  }
  #globalNav .subLinks{
    color:#FFF;
  }
  #globalNav .subLinks li{
    border-left: 0 none;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  #globalNav .subLinks li li{
    padding-bottom: 0px;
    padding-top: 0px;
  }
  #globalNav .linkCols li{
    border-left: 0 none;
    clear: both;
    width: 100%;
  }
  #globalNav .linkCols li a {
    color: #fff;
    font-size: 12px;
    background: transparent;
    font-weight: normal;
    padding: 0;
    margin: 0 0 0 10px;
  }
  #globalNav strong.headline{
    font-size: 12px;
    color:#FFF;
    padding: 0;
  }
  .raquo{
    margin-top:-2px;
    position:absolute;
    margin-left: -10px;
  }
  #globalNav .phone{display:block;}
  #globalNav .linkCols li > a:hover{
    text-decoration: underline;
  }
  #solutionsLink{
    background:#88BA41;
  }
  #solutionsLink span.border{
    border-left: 1px solid #999;
    float: left;
    height: 46px;
    position: absolute;
  }
  #solutionsLink h2{
    font-weight:bold;
  }
  #solutionsLink > a:hover {color:#88BA41;}
  #nav #solutionsLink > ul{
    background:#88BA41;
  }
  #globalNav #successLink .linkCols .colOne li a {
    margin: 0;
  }
  #globalNav #successLink .linkCols .colTwo li h2,
  #globalNav #successLink .linkCols .colThree li h2 {
    margin: 5px 0 0;
  }
  #successLink {background:#850057;}
  #successLink > a:hover {color:#850057;}
  #nav #successLink > ul{
    background:#850057;
  }
  #insightsLink {background:#588BA3;}
  #insightsLink a:hover {color:#588BA3;}
  #nav #insightsLink > ul {
    background:#588BA3;
  }
  #contactLink {background:#003F60;}
  #contactLink > a:hover {color:#003F60;}
  #nav #contactLink > ul {
    background:#003F60;
  }
  #contactLink select {
    width: 100%;
    margin-bottom:10px;
  }
  #globalNav li#aboutLink{
    display:none;
    background:#EF2525;
  }
  #aboutLink > a:hover {color:#EF2525;}
  #nav #aboutLink > ul {
    background:#EF2525;
  }

  #searchForm .searchBtn,
  #searchFormSuccess .searchBtn,
  #successSearchForm .searchBtn {
    background: url('/assets/new/icons/navIcons.png') no-repeat 0 -10px transparent;
    width: 26px;
    height: 22px;
    border: 1px solid #babbbc;
    border-left: none;
    display: block;
    text-indent: -9999px;
    margin: 0;
    margin: 1px 0px 0px 0px;
    padding: 0;
    visibility: inherit;
  }
  #globalNav #searchFormSuccess {
    float: left;
    margin: 0 0 10px 0;
  }
  #globalNav .whatwedoDropdown {
    margin: 0 0 10px 0;
    width: 100%;
  }
  #globalNav #searchFormSuccess li,
  #globalNav #successSearchForm li {
    width: auto;
    clear: none;
  }
  #searchFieldSuccess {
    border: 1px solid #BABBBC;
    border-right: none;
    height: 18px;
    width: 100%;
  }
  #searchFormSuccess .searchBtn {
    height: 20px;
    margin-left: -2px;
    background-color: #fff;
  }
  /*#SearchSuccessStoriesInput {
 border: 1px solid #BABBBC;
 border-right: none;
 height: 18px;
 width: 175px;
}*/
  #successSearchForm .searchBtn {
    height: 20px;
    margin-left: -2px;
    background-color: #fff;
  }
  #globalNav .linkCols .subHoverNav {
    background: #fff;
    float: left;
    width: 420px !important;
  }
  #globalNav .linkCols .colThree .subHoverNav {
    background: #fff url('/assets/new/whatwedo-hover.png') no-repeat right top !important;
  }
  #globalNav .linkCols .subHoverNav h2 {
    color: #747678 !important;
    padding: 10px 0 0 10px;
  }
  #globalNav .linkCols .colThree .sfhover .subHoverNav {
    left: 500px !important;
  }
  #globalNav .colFourIndustries{
    float: left;
    padding-right: 16px;
  }
  .ie7 #globalNav .colFourIndustries>.raquo{
    padding-left: 8px;
  }
  #globalNav .colFourIndustries .subHoverNav {
    position: absolute;
    display: none;
  }
  .ie7 #globalNav .colFourIndustries>.subHoverNav{
    margin-top: 16px;
  }
  #globalNav .linkCols .colFour .sfhover, #globalNav .colFourIndustries:hover .subHoverNav {
    display: block;
    left: 575px !important;
  }
  #globalNav .linkCols .colFour .subHoverNav {
    background-image: url('/assets/new/whatwedo-hover-4.png') !important;
    background-repeat: no-repeat;
  }
  #globalNav .linkCols .colFour .colFourIndustries .subHoverNav.commercial{
    background-image: url('/assets/new/whatwedo-hover-commercial.png') !important;
    background-repeat: no-repeat;
  }
  #globalNav .linkCols .colFour .colFourIndustries .subHoverNav.government{
    background-image: url('/assets/new/whatwedo-hover-government.png') !important;
    background-repeat: no-repeat;
  }
#globalNav .linkCols .subHoverNav{
  padding: 0 0 15px 0;
}
  #globalNav .linkCols .subHoverNav a {
    color: #003f60;
    width: auto;
    display: block;
  }
  #globalNav .linkCols .subHoverNavColOne,
  #globalNav .linkCols .subHoverNavColTwo {
    width: 50% !important;
    float: left;
    left: 0 !important;
    position: relative;
  }
  #globalNav .linkCols .subHoverNavColOne li,
  #globalNav .linkCols .subHoverNavColTwo li {
    color: #003f60;
    padding: 0 10px;
    width: auto;
    display: block;
    float: none;
  }
  #globalNav .linkCols .subHoverNav .headline {
    text-indent: -3000px;
  }
  /***BreadCrumbs***/
  .breadCrumbs {
    width: 1000px;
    display:block;
    font-size: .9em;
    padding: .5% 0;
    margin: 0 5px;
  }
  html.oldie .breadCrumbs{
    display:block;
    visibility:visible;
  }
  .breadCrumbs li {
    display: inline;
  }
  .breadCrumbs li.last{
    font-weight: bold;
  }
  /*****Left Nav*****/
  #leftNav {
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 20px;
  }
  .detailpageSection .sectionBlock {
    padding: 0 0 1.5% 0;
  }
  .mobiSecondaryNav {
    display: block;
    width: 100%;
  }
  .innerLeftNav,
  .twitterFeed{
    width: 100%;
    display: none;
    padding: 0 0 20px;
  }
  .detailpageSection {
    width: 100%;
  }

  #shareButtons {
    margin: 2% 5%;
    position:relative;
    vertical-align:middle
  }

 section.detailpageSection div#shareButtons { margin-left: 0;}
 section.solutionspageSection div#shareButtons { margin-left: 0;}
 article.pageContent div#shareButtons { margin-left: 0;}

  .innerLeftNav li ul li a {
    padding-left: 3.5%;
  }
  /****End Left Nav****/
  #gigyaButtons{
    padding-bottom:10px;
    display:block;
  }
  /******Footer*******/
  #contactBucket, #socialBucket {
    width: 42.4%;
  }
  #gigyaFollowFooterMobile{display:none;}
  #gigyaFollowFooter{display:block;}

  .thankYouHeader .thankYouText{
    font-size: 55px;
    padding-left: 4%;
  }
  .registrationComplete{
    margin: 60px 50px;
  }
  /* Gigya Follow Bar Buttons */
  .footer div.gig-followbar {width:170px;}
  #socialBucket .youtube{
    width:22px;
    height:22px;
  }
  #socialBucket a.gig-followbar-providerButton, #globalNav li div#gigyaFollowAboutUs a.gig-followbar-providerButton, .socialBar a.youtube, #contactUsGigya li a.gig-followbar-providerButton, #contactUsGigya a.youtube {
    margin:0 8% 0 0;
    width: 20px;
    height: 22px;
  }
  #gigyaFollowAboutUs .gig-followbar-providerButton-img, #contactUsGigya .gig-followbar-providerButton-img {
    display: none;
  }
  #socialBucket .gig-followbar-providerButton-img{display:none;}
  #globalNav li div#gigyaFollowAboutUs a.gig-followbar-providerButton, #contactUsGigya li a.gig-followbar-providerButton,
  #globalNav #aboutUsGigya li a.youtube:hover, #contactUsGigya li a.youtube {
    opacity: 1.0;
    margin-right: 0px;
    margin-left: 10px;
  }
  #gigyaButtons-reaction5 {
    height: auto;
  }
  #socialBucket .facebook, #globalNav li div#gigyaFollowAboutUs a.facebook, #globalNav #contactUsGigya li a.facebook {
    background: url('/assets/new/social-media-icons-sprite.png') 0px top no-repeat;
  }
  #socialBucket .facebook:hover, #globalNav li div#gigyaFollowAboutUs a.facebook:hover, #globalNav #contactUsGigya li a.facebook:hover {
    background: url('/assets/new/social-media-icons-sprite.png') 0px bottom no-repeat;
  }
  #socialBucket .twitter, #globalNav li div#gigyaFollowAboutUs a.twitter, #globalNav #contactUsGigya li a.twitter {
    background: url('/assets/new/social-media-icons-sprite.png') -21px top no-repeat;
  }
  #socialBucket .twitter:hover, #globalNav li div#gigyaFollowAboutUs a.twitter:hover, #globalNav #contactUsGigya li a.twitter:hover {
    background: url('/assets/new/social-media-icons-sprite.png') -21px bottom no-repeat;
  }
  #socialBucket .linkedin, #globalNav li div#gigyaFollowAboutUs a.linkedin, #globalNav #contactUsGigya li a.linkedin {
    background: url('/assets/new/social-media-icons-sprite.png') -42px top no-repeat;
  }
  #socialBucket .linkedin:hover, #globalNav li div#gigyaFollowAboutUs a.linkedin:hover, #globalNav #contactUsGigya li a.linkedin:hover {
    background: url('/assets/new/social-media-icons-sprite.png') -42px bottom no-repeat;
  }
  #socialBucket .rss, #globalNav li div#gigyaFollowAboutUs a.rss, #globalNav #contactUsGigya li a.rss {
    background: url('/assets/new/social-media-icons-sprite.png') -63px top no-repeat;
  }
  #socialBucket .rss:hover, #globalNav li div#gigyaFollowAboutUs a.rss:hover, #globalNav #contactUsGigya li a.rss:hover {
    background: url('/assets/new/social-media-icons-sprite.png') -63px bottom no-repeat;
  }
  #socialBucket .googleplus, #globalNav li div#gigyaFollowAboutUs a.googleplus, #globalNav #contactUsGigya li a.googleplus {
    background: url('/assets/new/social-media-icons-sprite.png') -85px top no-repeat;
  }
  #socialBucket .googleplus:hover, #globalNav li div#gigyaFollowAboutUs a.googleplus:hover, #globalNav #contactUsGigya li a.googleplus:hover {
    background: url('/assets/new/social-media-icons-sprite.png') -85px bottom no-repeat;
  }
  #socialBucket .youtube, #globalNav #nav #aboutUsGigya li a.youtube, #globalNav #nav #contactUsGigya li a.youtube {
    background: url('/assets/new/social-media-icons-sprite.png') -105px top no-repeat;
  }
  #socialBucket .youtube:hover, #globalNav #nav #aboutUsGigya li a.youtube:hover, #globalNav #nav #contactUsGigya li a.youtube:hover {
    background: url('/assets/new/social-media-icons-sprite.png') -105px bottom no-repeat;
    text-decoration: none;
  }
  #globalNav .linkCols .socialBar > li {
    width: 200px;
  }
  /*End Gigya Styling*/
  /* Feed Styling */
  .sectionBlock > span {
    min-height: 110px;
    display: inline-block;
    width: 450px;
  }
}


@media screen and (min-width:750px) and (max-height:550px){
   .breadCrumbs{
      display:none;
   }

  #shareButtons {
   margin-top: 5px;
   padding-top: 5px;
  }
}


@media screen and (min-width:780px) {
  footer {
    width: 100%;
  }
  .pageContent footer ul li {
    padding-left: 0px;
    background: none;
  }
  #relationsBucket, #newsEventsBucket{
    background:url('/assets/new/footerVert.png') no-repeat 100% 50%;
    background-size:1px 100%;
  }
  #relationsBucket, #newsEventsBucket, #contactBucket {
    clear: none;
    width: 26%;
    margin-right: 1%;
  }
  #contactBucket {
    border-top: 0;
    margin-right: 0;
    background: none;
  }
  #socialBucket {
    float:left;
  }
  #corpBucket{
    background:none;
    padding-top:8%;
  }
  /***Global Navigation*******/
  #nav li.sfhover > ul {
    left:0px;
  }
  #nav li > ul {
    width: 800px;
  }
  /***************************/
  .successStories .content{
    width: 65%;
  }
  .successStories .relatedContent{
    float: left;
    display: block;
    height: auto !important;
    width: 223px;
    margin: 0 0 15px 15px !important;
    overflow: hidden;
  }

  .relatedContent h3 {
    width: 96%;
  }
  .relatedContent li {
    padding: 4% 0;
  }
  .partnerLoginForm input[type=submit]
  {
    padding-right: 1.5em;
    padding-left: 1.5em;
  }
  #shareButtons {
   margin-top: 5px;
   padding-top: 5px;
  }
}


@media screen and (min-width:820px){
  html, body, input, select, textarea {
    font: normal 12px/1.5em Arial,sans-serif; /*16px/12px*/
  }
  /****Header****/
  header {
    height: 90px;
  }
  .mainLogo {
    width: 70%;
  }
  .mainLogo span {
    display: inline;
    font-size: 12px;
    font-weight: lighter;
    color: #747678;
  }
  #mobiTagLine, #mobiMainNav li#mobiNav{
    display: none;
  }
  #mobiCountry {
    display: block;
  }
  /***Main Navigation****/
  #globalNav {
    clear: both;
    display: block;
    border-top: 1px solid #a7a7a7;
  }
  /* styling for success stories */
  .successStories .content {
    width: 65%;
  }
  #comment_div #recaptcha_data #recaptcha_image
  {
    min-height: 69px;
  }
  #comment_div #recaptcha_data
  {
    margin-right: 149px;
  }
  #comment_div #recaptcha_controls
  {
    width: 150px;
  }
  .whatWeDoMobileSelect {
    display: none;
  }
  /* Feed Styling */
  ul.rss {
    min-height: 130px;
  }
  .pageContent .lightbluebox.rightflush {
    min-height: 180px;
  }
  #shareButtons {
   margin-top: 5px;
   padding-top: 5px;
  }
}


@media screen and (min-width:1000px) {
  html, body, input, select, textarea {
    font: normal 12px/1.5em Arial,sans-serif ; /*16px/12px*/
    color: #747678;
  }

 #mainContent > .wrapper, .breadCrumbs {
    width: 1000px;
  }
  header {
    background: #FFF url('/assets/new/header.png') repeat-x 0 0;
    height: 130px;
    min-width:1000px;
  }
  .mainLogo {
    height: 80px;
    line-height: 84px;
  }
  /******Country Selector**************/
  #country {
    display: block;
    float: right;
    width: 190px;
    padding-top: 20px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 20px;
  }
  #countrySelector {
    margin-left: 10px;
    background: url('/assets/new/icons/navIcons.png') no-repeat 0px -93px;
    width:26px;
    height:13px;
    display:inline-block;
    cursor:pointer;
  }
  #search li {
    float: left;
  }
  #searchField {
    border: 1px solid #babbbc;
    border-right: none;
    height: 20px;
    padding: 0 0 0 .25em;
  }
  #country-select{
    width: 180px;
    height: 200px;
    overflow: auto;
    padding: 0px;
    margin: 0px;
    list-style: none;
    border: solid 1px #E1E1E1;
    position: absolute;
    z-index: 9999;
    background: #fff;
  }
  #country-select li{
    padding: 0px;
    margin: 0px;
  }
  #country-select a{
    display: block;
    line-height: 1.75em;
  }
  #country-select a:hover{
    background: #E1E1E1;
    text-decoration: none;
  }
  #recs_content {
      overflow: scroll;
      height: 85%;
      width: 89%;
  }
  /****Login Section****/
  #loginSection{
    float: none;
    position: absolute;
    right: 0;
    top: 63px;
    height: 20px;
    width: 100%;
    white-space: nowrap;
    overflow: visible;
  }

  .ie7 #loginSection {
    position: relative;
    top: 0;
    float: right;
    margin-top: -20px;
    overflow: hidden;
    zoom: 1;
    z-index: 1;
  }

  .listingsNav {
      display: table;
  }
  .listingsSortTitleHolder, .listingsSortClientHolder, .listingsSortDateHolder {
      width: 7em;
  }
  .listingSearchInput {
      height: 2em;
  }
  
  .nav_account_spacer,
  #nav_logout_visitor,
  #nav_account_create,
  #nav_edit_profile,
  #nav_account_login,
  #visitor_name{
    display: inline;
    background-image: none;
  }

  #visitor_name{
    display:inline-block;
    color: #4F4F4F;
  }
  #visitor_name:hover{
    text-decoration: underline;
    cursor: pointer;
  }
  #visitor_login_section{
  /*  white-space: nowrap;
    float: right;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 122px; */
  }
  #visitor_welcome_section{
  /*  white-space: nowrap;
    float: right;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 52px; */
  }
  /****Global Navigation****/
  #contactLink {
    display: block;
  }
  #mobiMainNav {
    display: none;
  }
  #globalNav{
    border-top:none;
    padding-top:2px;
  }
  #nav li > ul {
    width:1000px;
  }
  #globalNav li > a{
    padding:14px 0 14px 5.025125628140703517587939698492%;
  }
  #globalNav > ul {
    margin:0 auto !important;
    width:1000px;
  }
  .ie7 #globalNav
  {
    position:relative;
  }
  .oldie #globalNav ul
  {
    z-index:999;
  }
  #globalNav > ul li{
    width:20%; /***200px @1000px***/
  }
  #globalNav #solutionsLink{
    width:19.9%;/*998px@1000px taking into account borders left and right for the bounding area of the nav*/
  }
  /*#globalNav > ul li ul li, #globalNav li li a{
  width:auto;
}*/
  #nav li.sfhover > ul {
    left:0px;
  }
  #globalNav li#aboutLink{
    display:block;
  }
  #mobiSecondaryNav {
    display: none;
  }
  /*****End GlobalNav****/
  /*****MainContentArea*****/

  #mainContent.leftSideBar .sideBar{
    display:block;
    width:20%;
    padding:0;
    margin:0 auto;
  }
  #mainContent.leftSideBar .pageContent{
    float:right;
    width:77%;
    padding:0 5% 0 0;
  }
  #mainContent.rightSideBar .sideBar{
    display:block;
    width:18%;
    padding:0 5% 0 0;
  }
  #mainContent.rightSideBar .pageContent{
    float:left;
    width:67%;
    padding:0 0 0 5%;
  }
  .pageContent{
    padding:0
  }
  #mainContent > .wrapper {
      padding-bottom: 1%;
  }
  /****End MainContentArea******/
  /******** end homepage hero marquee ******/
  /****Left Nav****/
  #leftNav {
    display: block;
    float: left;
  }
  .mobiSecondaryNav {
    display: none;
  }
  .innerLeftNav,
  .twitterFeed {
    display: block;
  }
  .innerLeftNav .nest > a {
    background-position: -2px 0px;
  }
  .innerLeftNav .nest > a.current {
    background-position: -2px -99px;
  }
  .innerLeftNav li.nest a.active {
    background-position: -2px -299px;
  }
  .innerLeftNav li.nest a {
    background-position: -2px 0px;
  }
  .innerLeftNav li.nest a:hover {
    background-position: -2px 0px;
  }
  .innerLeftNav li.nest a.active:hover {
    background-position: -2px -99px;
  }
  .innerLeftNav li ul li a {
    padding: 5px 10% 5px 20%;
    font-size: 0.833em;
    width: 70%;
  }
  #zoneName, .sectionNameDiv{
    display: block;
    clear:both;
  }
  .belowMenu{
    display:block;
  }
  /****End Left Nav******/
  /***Footer****/
  footer {
    background: transparent url('/assets/new/footer1024.png') no-repeat 50% 0;
    font-size: 10px;
    width:1000px;
    margin:0 auto;
  }
  footer .headline{
    font-size: 10px;
  }
  footer .wrapper {
    overflow: hidden;
  }
  footer section {
    padding: 1.5%; /*15px@1k*/
  }
  footer section section {
    width: 97%;
  }
  #socialBucket .facebook, #globalNav li div#gigyaFollowAboutUs a.facebook, #globalNav #contactUsGigya li a.facebook {
    background: url('/assets/new/social-media-icons-sprite.png') 0px bottom no-repeat;
  }
  #socialBucket .facebook:hover, #globalNav li div#gigyaFollowAboutUs a.facebook:hover, #globalNav #contactUsGigya li a.facebook:hover {
    background: url('/assets/new/social-media-icons-sprite.png') 0px top no-repeat;
  }
  #socialBucket .twitter, #globalNav li div#gigyaFollowAboutUs a.twitter, #globalNav #contactUsGigya li a.twitter {
    background: url('/assets/new/social-media-icons-sprite.png') -21px bottom no-repeat;
  }
  #socialBucket .twitter:hover, #globalNav li div#gigyaFollowAboutUs a.twitter:hover, #globalNav #contactUsGigya li a.twitter:hover {
    background: url('/assets/new/social-media-icons-sprite.png') -21px top no-repeat;
  }
  #socialBucket .linkedin, #globalNav li div#gigyaFollowAboutUs a.linkedin, #globalNav #contactUsGigya li a.linkedin {
    background: url('/assets/new/social-media-icons-sprite.png') -42px bottom no-repeat;
  }
  #socialBucket .linkedin:hover, #globalNav li div#gigyaFollowAboutUs a.linkedin:hover, #globalNav #contactUsGigya li a.linkedin:hover {
    background: url('/assets/new/social-media-icons-sprite.png') -42px top no-repeat;
  }
  #socialBucket .rss, #globalNav li div#gigyaFollowAboutUs a.rss, #globalNav #contactUsGigya li a.rss {
    background: url('/assets/new/social-media-icons-sprite.png') -63px bottom no-repeat;
  }
  #socialBucket .rss:hover, #globalNav li div#gigyaFollowAboutUs a.rss:hover, #globalNav #contactUsGigya li a.rss:hover {
    background: url('/assets/new/social-media-icons-sprite.png') -63px top no-repeat;
  }
  #socialBucket .googleplus, #globalNav li div#gigyaFollowAboutUs a.googleplus, #globalNav #contactUsGigya li a.googleplus {
    background: url('/assets/new/social-media-icons-sprite.png') -85px bottom no-repeat;
  }
  #socialBucket .googleplus:hover, #globalNav li div#gigyaFollowAboutUs a.googleplus:hover, #globalNav #contactUsGigya li a.googleplus:hover {
    background: url('/assets/new/social-media-icons-sprite.png') -85px top no-repeat;
  }
  #socialBucket .youtube, #globalNav #nav #aboutUsGigya li a.youtube, #globalNav #nav #contactUsGigya li a.youtube {
    background: url('/assets/new/social-media-icons-sprite.png') -105px bottom no-repeat;
  }
  #socialBucket .youtube:hover, #globalNav #nav #aboutUsGigya li a.youtube:hover, #globalNav #nav #contactUsGigya li a.youtube:hover {
    background: url('/assets/new/social-media-icons-sprite.png') -105px top no-repeat;
    text-decoration: none;
  }
  #socialBucket, #corpBucket {
    width: 37%;
  }
  #relationsBucket {
    width: 15.6%; /*186px @ 1000px - 30px padding*/
  }
  #newsEventsBucket {
    width: 27.9%; /*309px@1000px - 30px padding*/
  }
  #contactBucket {
    width: 17%; /*200px@1000px - 30px padding*/
  }
  .thumbBucket article{
    float:right;
  }
  #corpBucket {
    clear: none;
    border-bottom: none;
    background: none;
    padding-top:3.333333333333333333333333333333%;
  }
  #relationsBucket, #contactBucket, #newsEventsBucket {
    clear: none;
    margin-right: 0;
    background: none;
  }
  #corpBucket, #socialBucket {
    width: 27.5%; /*305px@1000px - 30px padding*/
  }
  .no-cssgradients .rcmds {
    background-color: transparent;
    position: relative;
    margin: 22px 0;
  }
  .no-cssgradients .rcmds:before, #rcmdsTop {
    content: '';
    background: url('/assets/new/mySideBar.png') no-repeat 0 0;
    height: 12px;
    width: 100%;
    display: block;
    padding: 0;
    position: absolute;
    top: -10px;
  }
  .no-cssgradients .rcmds section {
    min-height: 248px;
  }
  .no-cssgradients .rcmdsHdr, .no-cssgradients .rcmds section {
    background: #6aace3;
  }
  .no-cssgradients .rcmds:after, #rcmdsBtm {
    content: '';
    background: url('/assets/new/mySideBar.png') no-repeat 100% 100%;
    height: 12px;
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: -10px;
  }
  .cssgradients .rcmds {
    background: -webkit-linear-gradient( 45deg, transparent 0, #124570 0) bottom left, -webkit-linear-gradient(135deg, transparent 5px, #124570 0) bottom right, -webkit-linear-gradient(225deg, transparent 0, #124570 0) top right, -webkit-linear-gradient(315deg, transparent 5px, #124570 0) top left;
    background: -moz-linear-gradient( 45deg, transparent 0, #124570 0) bottom left, -moz-linear-gradient(135deg, transparent 5px, #124570 0) bottom right, -moz-linear-gradient(225deg, transparent 0, #124570 0) top right, -moz-linear-gradient(315deg, transparent 5px, #124570 0) top left;
    background: -ms-linear-gradient( 45deg, transparent 0, #124570 0) bottom left, -ms-linear-gradient(135deg, transparent 5px, #124570 0) bottom right, -ms-linear-gradient(225deg, transparent 0, #124570 0) top right, -ms-linear-gradient(315deg, transparent 5px, #124570 0) top left;
    background: -o-linear-gradient( 45deg, transparent 0, #124570 0) bottom left, -o-linear-gradient(135deg, transparent 5px, #124570 0) bottom right, -o-linear-gradient(225deg, transparent 0, #124570 0) top right, -o-linear-gradient(315deg, transparent 5px, #124570 0) top left;
    background: linear-gradient( -135deg, transparent 0, #124570 0) bottom left, linear-gradient(-45deg, transparent 5px, #124570 0) bottom right, linear-gradient(45deg, transparent 0, #124570 0) top right, linear-gradient(135deg, transparent 5px, #124570 0) top left;
    background-size: 53% 90%;
    background-repeat: no-repeat;
  }
  .rcmdsHdr {
    border-bottom: 2px solid #FFF;
    padding: 10px;
  }
  .rcmdsContent {
    padding: 10px;
    margin-left: 40px;
  }
  .csstransforms #rcmdsTitle {
    display: block;
    font-size: 15px;
    white-space: nowrap;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 0 100%;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: 0 100%;
    -o-transform-style: preserve-3d;
    -o-transform: rotate(90deg);
    -o-transform-origin: 0 100%;
    transform-style: preserve-3d;
    transform: rotate(90deg);
    transform-origin: 0 100%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    width: 260px;
    padding-bottom: 15px;
    position: absolute;
    text-transform: none;
  }
  .no-csstransforms #rcmdsTitle {
    display: none;
  }
  .no-csstransforms .rcmds section {
    background: none;
  }
  .no-csstransforms .rcmds {
    background: #6aace3 url('/assets/new/rcmds.png') no-repeat 18px 60px;
  }
  .successStories .content {
    width: 425px;
  }
  .sideBar .socialMediaIcons {
    display: block;
  }
  /* */
  .greybox form {
    width: 640px !important;
  }
}/*Closes 1000px media query*/

/* Styles for browsers with no Javascript */
.no-js div#visitor_login_section {
  display:none;
}

.no_js aside#myRcmds {
  display:none;
}

/*
@media screen and (max-width:749px) {
  a:not(.countryHide):not(#searchLink), abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, hgroup, html, i, iframe, images, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
      font: normal 14px/1.5em Arial,sans-serif !important;
  }
}
*/

@media screen and (max-width:580px) {
  #contactBucket .ingeniousMinds {
    display:none;
  }

  #shareButtons {
   margin-top: 5px;
   padding-top: 5px;
  }

  #nav_account_login{
    background-image: url('/assets/new/icons/navIcons.png');
    background-repeat: no-repeat;
  }
  #nav_account_login{
    background-position: -120px -192px;
  }
  .cscMainHeader .cscLoginSection{
    min-width: 40px;
  }
}

@media screen and (max-width:999px) {
   nav ul, nav li {
     float: none;
   }
   
   nav.mobiSecondaryNav ul, nav.mobiSecondaryNav li {
     float: left;
   }
   
   section.solutionspageSection.pageContent {
       float:left;
   }
   
   #acdnmenu.active {
    display: block;
   }
   
   #mainContent.leftSideBar .sideBar {
      width: 100% !important;
      float: left;
   }
    
   #mainContent.offersContent .pageContent {
       width: 100% !important;
       padding: 3% !important;
    }
    #mainContent .callToActionDIV {
        width: 100% !important;
        padding: 2em !important;
    }
    #mainContent .callToActionDIV img {
        margin: 0px 0px 10px 0px !important;
    }

   .accordianWrapper {
     display: none;
     float: left;
     width: 100%;
   }
   
   .listingsNav {
      display: table;
   }
   .listingsSortTitleHolder, .listingsSortClientHolder, .listingsSortDateHolder {
      width: 7em;
   }
   .listingSearchInput {
      height: 2em;
   }
   
   .mobiSecondaryNav a:hover {
      color: #FFFFFF;
      text-decoration: none;
   }  
   
   .nav_account_spacer {
      display: none !important;
   }
   .offersContent .offersLeft {
       width: 100% !important;
   }
   .offersContent .pageContent .offersRight, .offersContent .pageContent .relatedContent.offersRight .callToActionDIV {
       float: none !important;
       width: 100% !important;
   }
   .pageContent {
       float: left;
   }
  .sectionNameDiv {
    display: none;
    background: none repeat scroll 0 0 #003366;
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: bold;
    padding: 2.6% 10% 2.6% 10%;
    text-transform: uppercase;
    width: 80%;
  }
}
