*{margin: 0; padding: 0; border: 0;}
body {font: normal normal normal 1em/1.4em 'Arial', sans-serif; background: #4E4E4E; font-size: 75%; color: #494949;}

/* Generic Typography */
h2, h3, h4, h5, h6, p, ul, ol, dl, table, div.contentItem, address {margin-bottom: 0.25em; color:#494949;}
h1 {font-size: 2.1em; color: #494949; line-height: 1.2em;}
h2 {font-size: 1.25em; font-weight: bold; margin: 0.5em 0 0.25em 0; line-height: 1.4em; color: #494949; line-height: 1.2em;}
h3 {font-size: 1em; font-weight: 600; margin: 0; color:#494949; line-height: 1.2em;}
h4 {font-size: 1em; font-weight: 600; margin: 0; color: #494949; line-height: 1.2em;}
h5 {font-size: 1em; color: #494949; line-height: 1.2em;}
p, a {margin-bottom: 0.5em; color: #494949}
form button {margin:0; padding: 0; font: normal normal normal 1em/1.4em 'Arial', sans-serif;}
/* End of Generic Typography */

#layout1 {width: 750px;  margin: 0 auto; background:#fff url(../images/chrome/gradBG.jpg) repeat-x top left; padding: 5px 0 5px 0;}
#layout2 {margin-left: 10px; background: #fff;  height: 100%; width: 730px;}

/* Setting page furniture */
#header {background: #317BC1 url(../images/chrome/headerBG.jpg) no-repeat top left; height: auto; min-height: 168px;}
#navigation {}
#mainContent {background: #fff; border-top: 5px solid #fff; padding-bottom: 5px;}
#loginBox {float: right; width: 250px; padding: 20px 0 0 0; margin-right: -50px;}
#footer {clear: both; padding-top: 10px; width: 100%; background: #fff;}
/* end of setting page furniture */

/* Header items {*/
#header #opoTitleImage {float: right; margin-top: 88px;}
#header #tsoLogoImage {float: left; margin: 106px 0 0 19px;}
#header form {display: block; clear: both; width: 716px; border-top: 1px solid #fff; background: #317BC1; padding: 4px 7px 1px;}
#header form fieldset {display: inline; border: none; width: 100%}
#header form fieldset label {color: #fff; font-size: 1.2em; font-weight: bold; letter-spacing: 1px;line-height: 2em;  padding: 0;}
#header form fieldset input {border: 1px solid #494949; display: inline; padding: 4px 1px 3px 1px; width: 350px; margin-left: 6px;}
#header form fieldset button {display: inline; margin: 0 0 0 6px; border: 1px solid #494949; height: 2.08em; padding: 0 0.6em;}
#header a { float: right; line-height: 1.9em; color: white; font-weight: bold; text-decoration:none; font-size: 1em; display:inline; }
#header a:hover { text-decoration: underline; }
/* end of header items */

/* standard formatting of common elements within the main content area (override when needed) */
#mainContent h1 {margin:0 0 0.5em 0;}
#mainContent form {width: 500px; margin: 0 auto;}
#mainContent form div {display: block;}
#mainContent label {width: 15em; float:left; clear: both; text-align: right; margin: 0.5em 0.5em 0.5em 0;}	
#mainContent input {border: 1px solid #000; margin: 0.3em 0; padding: 0.1em; width: 220px;}
#mainContent select {border: 1px solid #000; margin: 0.3em 0; padding: 0.1em; width: 225px;}
#mainContent fieldset {display: block; clear: both;}	
#mainContent legend {font-size: 1.6em;}
#mainContent fieldset.shortLabel label {width: 70px;}
#mainContent fieldset.shortLabel input {margin-left: 100px; width: 400px;}
#mainContent dl {display: block;}
#mainContent dt {font-weight: bold; float: left; margin-right: 0.5em; clear: left; line-height:1.4em;}
#mainContent dd {line-height:1.4em; margin-bottom: 0.5em;}
#mainContent dl.searchResults {width: 95%; margin: 0 auto 0.25em;}
#mainContent .searchResults dt {font-weight: bold; display: inline; float: none; clear: none;}
#mainContent .searchResults dd {display: inline;}
#mainContent dl.customerDetails {padding-left: 2.5em}
#mainContent .customerDetails dt {font-weight: normal;}
#mainContent .customerDetails dd.important {font-weight: bold;}

#mainContent dl.DeliveryAudit {padding-left: 2.5em}
#mainContent .DeliveryAudit dt {font-weight: normal;}
#mainContent .DeliveryAudit dd.important {font-weight: bold;}

#mainContent p {}
#mainContent a {line-height: 1.4em; text-decoration: underline; padding: 0.25em 0 ;}
#mainContent a:hover {text-decoration: none;}
#mainContent .pubImg {margin: 0 auto; display: block; border: solid 2px #1A457C;}

table#customerDetailsClassifications { float: left; }

body#subscriber div#mainContent, body#marketing div#mainContent {padding: 5px; display: block;}
ul li, ol li {margin-left: 2em;}
table {border: 1px solid #fff; border-collapse: collapse;}
caption {text-align: left; margin-bottom: 0.5em;}
td, th {border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 0.5em; text-align: left; background: #C5DAEE;}
th {background-color: #1A447C; color: #fff; text-align: left;}
em {font-style: italic;}
strong {font-weight: bold;}
#textContent, #textContent ol {margin-left: 5px;}
#mainContent input.hidden {margin:0; padding: 0; border:none 0;}
/* end of standard formatting */

/* standard class specific formatting */
ul.linkList li, ol.linkList li {list-style: none;}
ul.plainLinkList li, ol.plainLinkList li {margin: 5px auto; list-style: none; text-align: left; width: auto; display: block;}
.ci ul.plainLinkList {margin: 5px auto; width: 70%;}

table.largeTable {width: 95%; margin: 0 auto;}
table.mediumTable {width: 70%; margin: 0 auto;}
table.smallTable {width: 50%; margin: 0 auto;}
table th a {color: #fff;}

#mainContent form button {padding: 0; margin: 0; background: #fff; text-align: left; text-align: right; float: right;}
#mainContent .ci form button {padding: 0; margin: 0;  background: #E9F2F9; text-align: left;}
#mainContent form button span.buttonLink {font-size: 1em; height: inherit; color: #fff; padding: 11px; margin: 0; text-decoration: underline;}
#mainContent .ci form {text-align: left;}
#mainContent form button .buttonLink:hover {text-decoration: none;}
#mainContent form textarea {border: 1px solid #000; margin: 0.5em 0;}

#mainContent form label {width: 180px; text-align: right; float: none; display: block;}

#mainContent form input, #mainContent form select, #mainContent form textarea {width: 300px; float: left; margin: -1.9em 0 0 190px;}
#mainContent form select {width: 303px;}
#mainContent form legend {padding: 1em 0 0.5em 0;}
#mainContent form div {clear: left; display: block; padding: 0.25em 0;}
#mainContent form div p {width: inherit; text-align: left; float: none; display: block; margin-right: 30px;}
#mainContent form div input.checkbox, 
#mainContent form div input.radio,
#mainContent form fieldset input.radio {margin: -1.6em 0 0 190px; width: 1em; border: none;}
#mainContent form div input.radio {margin-top: -1.4em}
#mainContent form div.formRange input {margin: 0.25em;}
#mainContent form div.shotTextBox input {width: 8em;}
#mainContent form div.formRange input.checkbox {width: 1em; margin: 0.5em 0.2em;}
#mainContent form div.requiredFieldError {background: yellow; border: 1px solid #FF6600; margin-bottom: 0.25em;}
#mainContent .requiredNote {color: red; font-size: 1.8em; vertical-align: middle;}
#mainContent form div.formRange label {clear: none; display: inline; float: left; width: auto;}
#mainContent form div.formRange label.lblFormRange {width: 180px;}
#mainContent form div.formRange input {clear: none; width: 150px; margin: 0.25em 1em 0 0;}
#mainContent form div.formRange input.radio {margin-right: 0.25em;}
#mainContent form div.formRange input.checkBox, #mainContent form div.formRange input.radio {clear: none; width: 15px; margin-top: 0.75em;}

div.whatsNewLinks {text-align: left}
/* end of standard class specific formatting */

/* Primary navigation */
ul#primaryNav {background: #1A447C; margin-bottom: 0; clear: both; border-top: 1px solid #fff;}
ul#primaryNav li {display: inline; list-style: none; margin: 0;}
ul#primaryNav li a:link, 
ul#primaryNav li a:visited, 
ul#primaryNav li a:hover, 
ul#primaryNav li a:active {padding: 0.75em; color: white; font-weight: bold; text-decoration:none; font-size: 1.2em; letter-spacing: 1px; border-right: 1px solid #fff; line-height: 2.9em;}
ul#primaryNav li a:hover {text-decoration: underline;}
ul#primaryNav li a:active {background: #317BC1;}
ul#primaryNav li.lastLink a {}
ul#primaryNav li.lastLink a:link,
ul#primaryNav li.lastLink a:visited, 
ul#primaryNav li.lastLink a:hover, 
ul#primaryNav li.lastLink a:active {border-right: none; margin: 0; padding-left: 0.75em;} 
/* end of primary navigation */

/* secondary nav */
ul#secondaryNav {display: block;background: #317CC0; clear: both; border-top: 1px solid #fff; padding: 0 auto;}
ul#secondaryNav li {display: inline; list-style: none; margin: 0;}
ul#secondaryNav li a {padding: 0.75em; color: white; font-weight: bold; text-decoration:none; letter-spacing: 1px; border-right: 1px solid #fff; line-height: 2.8em;}
ul#secondaryNav li a:hover {text-decoration: underline;}
/* end of secondary nav */

/* Page navigation */
#pageNav {display: block; margin: 10px 0; text-align: center;}
#pageNav p {margin: 0;}
#pageNav ul {display: inline; margin:0; vertical-align:middle;}
#pageNav ul li {display: inline; list-style: none; margin: 0 0.25em;}
#pageNav ul li a img {margin: 0.5em 0 0 0.25em; vertical-align: text-bottom}
/* End of page navigation */

/* Content items begin */
	
/* set the curves v06 */	
.ci {background: #E9F2F9 url(../images/chrome/ci_top_left.jpg) top left no-repeat; margin-top: 5px; min-height: 14em; display: block;
position: relative; padding: 11px; text-align: center;}
	
.tr, .bl, .br {position: absolute; width: 11px;  height: 11px;}
.tr {background: url(../images/chrome/ci_top_right.jpg) no-repeat;  top: 0;  right: 0;}
.bl {background: url(../images/chrome/ci_bottom_left.jpg) no-repeat; bottom: 0; left: 0;}
.br {background: url(../images/chrome/ci_bottom_right.jpg) no-repeat; right: 0; bottom: 0;}
/* end of curves */	

/* positioning issues */
.p_one {float: left; margin-left: 2px; clear: both;}
.p_two, .p_three {float: right; margin-right: 2px; clear: right;}
.s_2pt5 {clear: none; float: left;  margin-left: 2px; margin-right: 26px;}
.p_three{clear: none; margin: 5px 0 0 0;}
/* end of positioning issues */

/* content item specific formatting */
#mainContent div.ci p {padding-left: 0px;}
#mainContent .ci dl {margin: 0 auto; width: inherit;}
#mainContent .ci dt {font-weight: bold; display: inline; margin-right: 0.5em; clear: left; line-height:1.4em; float: none; clear: both;}
#mainContent .ci dd {line-height:1.4em; margin-bottom: 0.5em; display: block;}
/* end of content item specific formatting */

/* column definitions */
#mainContent div.s_1 {width: 63px;}
#mainContent div.s_2 {width: 153px;}
#mainContent div.s_2pt5 {width: 198px;}
#mainContent div.s_3 {width: 243px;}
#mainContent div.s_4 {width: 333px;}
#mainContent div.s_5 {width: 423px;}
#mainContent div.s_6 {width: 513px;}
#mainContent div.s_7 {width: 603px;}
#mainContent div.s_8 {width: 693px;}
/* end of column definitions */

/* set user details */
p.userDetails, p.loginMessage {float: left;}
p.subExpiryMessage {float: left; color: Red;}
p.userCompany {text-align: right; margin: 0 8px 0 5px;}
/* end of user details */

/* content byline */
#byline, #copyright {clear: both; padding: 1.5em 0 0 5px;}
#byline {font-size: 0.8em; margin: -1.5em 0 0 0;}
#copyright {background: none;margin:0; padding: 5px; color: #fff; float: left;}

/* Footer begin */
ul.subNavigation {padding: 5px 0 5px 0; display:block; text-align: right; background: #163A6E  url(../images/chrome/footerBG.jpg) repeat-x bottom left;}
ul.subNavigation li {margin: 0; padding: 0 0.5em 0 0.5em; list-style: none; display: inline; margin-top: 1.2em; color: #fff; border-right: 1px solid #fff;}
.subNavigation a {color: #fff; text-decoration: none;}
.subNavigation a:hover {text-decoration: underline;}
ul.subNavigation li.lastLink {border-right: none;}
/* end of footer */

/* button links */
a.buttonLink:hover {text-decoration: none;}
.buttonLink {background: #1A457C url(../images/chrome/bluer_linkBut_tl.jpg) top left repeat-x;  height : auto;  position : relative; margin: 10px auto;  width: 12em; display: block; text-align: center; font-weight: bold;cursor: pointer; cursor: hand;}
.buttonLink .btr, .buttonLink .bbl, .buttonLink .bbr {position : absolute;  width : 11px;  height : 11px;}
.btr {background : url(../images/chrome/bluer_linkBut_tr.jpg) no-repeat;  top: 0;  right: 0;}
.bbl {background : url(../images/chrome/bluer_linkBut_bl.jpg) no-repeat;bottom: 0;left: 0;}
.bbr {background : transparent url(../images/chrome/bluer_linkBut_br.jpg) no-repeat; right : 0; bottom : 0;}
#mainContent a.buttonLink {color: #fff; line-height: 1.4em; padding: 0;  padding: 11px 11px; text-decoration: none; float: right; margin-right: 10px;}
#mainContent a:hover.buttonLink {text-decoration: underline;}
#mainContent .ci .buttonLink {float: none; margin: 10px auto;}
#mainContent .s_3 a.buttonLink {float: none;}
#mainContent .s_3 ul.linkList li a.buttonLink {float: none; margin: 10px auto 0 auto;}
/* button link end */

/* Special items */
.ci form#loginBox {width: 65%; float: none;text-align: center; padding-top: 0;}
.ci form#loginBox label {text-align: right;}
.ci form#loginBox button{float: right; background: none;}
.ci form#loginBox button .buttonLink{width: 6em; margin-bottom: 7px}
.ci form#loginBox div {display: block; padding-top: 0; padding-bottom: 0;}
.ci form#loginBox label {width: 5em; float:left; clear: both; text-align: right; margin: 0.5em;}	
.ci form#loginBox input, .ci form#loginBox select {border: 1px solid #000; margin: 0.3em 0; padding: 0.1em; width: 10em;}
.ci form#loginBox p {margin-bottom: 0}
#subscriber #mainContent form#saveSearchForm {padding: 3em 0 0 0;}
#subscriber #mainContent form#saveSearchForm button {margin: 3em 0 0 0;}
.importantButton {margin: 20px 0; /* currently used to space the button away from the remainder of the form */}
.s_2pt5 form#loginBox label {width: 5em; float:left; clear: both; text-align: right; margin: 0.5em 0.5em 0 0;}	
.s_2pt5 form#loginBox input {border: 1px solid #000; margin:0; padding: 0.1em; width: 10em;}
#mainContent form div input#disableSelfRegKeyTime {width: 3em;}
#mainContent form div.largeLabel label {width: 450px;}
#mainContent form div.largeLabel input.radio {margin-left: 470px;}
form#extendTrial {float:right; margin:-45px 15px 0 auto;}
form#getDeliveryAudit {float:left; padding-bottom:4px;}
/* end of special items */
p.userCompany {text-align: right; margin: 0 8px 0 5px;}
/* end of user details */

/* content byline */
#byline, #copyright {clear: both; padding: 1.5em 0 0 5px;}
#byline {font-size: 0.8em; margin: -1.5em 0 0 0;}
#copyright {background: none;margin:0; padding: 5px; color: #fff; float: left;}

/* Footer begin */
ul.subNavigation {padding: 5px 0 5px 0; display:block; text-align: right; background: #163A6E  url(../images/chrome/footerBG.jpg) repeat-x bottom left;}
ul.subNavigation li {margin: 0; padding: 0 0.5em 0 0.5em; list-style: none; display: inline; margin-top: 1.2em; color: #fff; border-right: 1px solid #fff;}
.subNavigation a {color: #fff; text-decoration: none;}
.subNavigation a:hover {text-decoration: underline;}
ul.subNavigation li.lastLink {border-right: none;}
/* end of footer */

/* Link group */
ul.linkGroup {margin: 1.5em 0;}
ul.linkGroup li {list-style: none; padding: 0.5em 0;}
ul.linkGroup img {padding: 0 5px 0 0;}
/* end of Link group */

/* button links */
table ul.linkList {text-align: left;}
table ul.linkList li {display: block;}
ul.linkList {text-align: right;}
ul.linkList li {display: inline; list-style: none; margin: 0;}
/* button link end */

/* addition for template 9 */
th img {display: block; margin: 5px 5px 0 0;}
/* end of template 9 addition */

/* screen reader specific hiding */
.screenReaderSpecific {position: absolute; left: -999em;}
/* end of screen reader hiding */