/* MAINCONTENT.CSS Document */

/* mass change:   ../images/       /internet/wwres.nsf/vwWebResources/IPS2008Images/$file/   */

#IntroContent {font-size:10px; padding:0 7px 15px 7px;}
#IntroContent ul {margin:0;padding:0;}
#IntroContent li {margin:0;padding:3px 0;}

#mainContent {width:476px;float:right}
#mainContent h1 {margin:0;padding:0;font:18px normal Verdana, Arial, Helvetica, sans-serif;color:#345DAE; letter-spacing:.05em}

#mainContent .acc-header {background:url(/internet/wwres.nsf/vwWebResources/IPS2008Images/$file/maincont_slice.gif) no-repeat 0 0;height:24px;cursor:pointer;clear:both;}
#mainContent .first {background:url(/internet/wwres.nsf/vwWebResources/IPS2008Images/$file/maincont_slice.gif) no-repeat -476px 0;height:28px;cursor:pointer}

#mainContent h3 {margin:0;padding:6px 0 4px 35px;color:#505050;text-decoration:none;background:url(/internet/wwres.nsf/vwWebResources/IPS2008Bullets/$file/maincont_bullet.gif) no-repeat 15px -22px;
font:11px normal Verdana, Arial, Helvetica, sans-serif;letter-spacing:1px; display:block; width:auto}

/* Added by Jim to shift accordion header left when the accordion is an "alwaysopen" accordion, since there is no +/- */
#mainContent h3.noplusminus {margin:0;padding:6px 0 4px 15px;color:#505050;text-decoration:none;background:url(/internet/wwres.nsf/vwWebResources/IPS2008Bullets/$file/maincont_bullet.gif) no-repeat 15px -22px;
font:11px normal Verdana, Arial, Helvetica, sans-serif;letter-spacing:1px; display:block; width:auto}

#mainContent .accordion, #mainContent .alwaysopen {background:url(/internet/wwres.nsf/vwWebResources/IPS2008Backgrounds/$file/maincont_bg.gif) repeat-y;font-size:10px;}
#mainContent .acc-content {background:url(/internet/wwres.nsf/vwWebResources/IPS2008Images/$file/maincont_slice.gif) no-repeat -952px -19px;padding:11px 33px 20px 15px;}
#mainContent p {margin:0;padding:.3em 0;line-height:140%;}

/* Added by Jim for other elements in accordions */
#mainContent p.subtitle {margin:0;padding:0;font:13px normal Verdana, Arial, Helvetica, sans-serif;color:#000000; letter-spacing:.05em}
#mainContent p.footnote {margin:0;padding:0;font:9px normal Verdana, Arial, Helvetica, sans-serif;color:#888888; letter-spacing:.05em}
#mainContent li.footnote {margin:0;padding:0;font:9px normal Verdana, Arial, Helvetica, sans-serif;color:#888888; letter-spacing:.05em}
#mainContent p.sectionHeader {margin-top:25px ;padding:0 ;font:12px normal Verdana, Arial, Helvetica, sans-serif;color:#666666; font-weight:bold; letter-spacing:.05em; line-height:100%;}
#mainContent .filesize {margin:0; padding:0; font:9px normal Verdana, Arial, Helvetica, sans-serif; color:#888888; letter-spacing:.05em;}



/* Per Adam's instructions, Jim removed "position:relative" from the .hr, .hr-dash, and .hr-solid classes */
/*   to fix bug with persistent horizontal rules not going away when their accordion is collapsed. */
/* update 1.2 */
#mainContent hr {display:none}
.hr {height:1px;border-top:1px dotted #8E8E8E;width:auto; clear:both; margin:10px 0;}
.hrr {height:1px;border-top:1px dotted #8E8E8E;width:auto;}
.hr-dash {height:1px;border-top:1px dashed #8E8E8E;width:auto; clear:both; margin:10px 0;}
.hrr-dash {height:1px;border-top:1px dashed #8E8E8E;width:auto;}
.hr-solid {height:1px;border-top:1px solid #8E8E8E;width:auto; clear:both; margin:10px 0;}
.hrr-solid {height:1px;border-top:1px solid #8E8E8E;width:auto;}
#mainContent p img, #mainContent a img {display:inline}
#mainContent .textright {width:290px;float:right}
#mainContent .textleft {width:290px;float:left;}
#mainContent ul.textright, #mainContent ul.textleft  {margin:0;padding:.3em 0 .5em 15px;width:265px;}
#mainContent ol.textright, #mainContent ol.textleft  {margin:0;padding:.3em 0 .5em 20px;width:260px;}
/* */

#mainContent .leftAligned {float:left;width:157px;text-align:center;padding:10px 0;border-right:1px solid #D7D7D7;}
#mainContent .leftAligned img { margin:0 auto}
#mainContent .rightAligned {float:right;width:260px;padding:8px 0 10px 10px;margin:0;line-height:120%;}
#mainContent .rightAligned strong {color:#AC2020}
#mainContent .rightAligned ul {margin:0;padding:0;list-style:none;}
#mainContent .rightAligned li {margin:0;padding:0;}
#mainContent .rightAligned a {font-size:9px}
#mainContent .topBorder {border-top:1px solid #D7D7D7}

#mainContent ul {margin:0;padding:.3em 0 .5em 15px;list-style-type:disc; list-style-position:outside}
#mainContent ol {margin:0;padding:.3em 0 .5em 20px;}
#mainContent li {margin:0;padding:.2em 0;}
#mainContent p img, #mainContent a img {display:inline}
#mainContent .imgcenter {margin:20px auto;padding:0; display:block}
#mainContent .imgleft {clear:left;float:left; margin-right:5px}
#mainContent .imgright {clear:right;float:right; margin-left:5px}
#mainContent .contfinish {background:url(/internet/wwres.nsf/vwWebResources/IPS2008Images/$file/maincont_slice.gif) no-repeat -952px 0;height:5px; overflow:hidden;}
#mainContent .contfinishround {background:url(/internet/wwres.nsf/vwWebResources/IPS2008Images/$file/maincont_slice.gif) no-repeat -1430px 0;height:12px; overflow:hidden;}

#mainContent p.required {background:url(/internet/wwres.nsf/vwWebResources/IPS2008Images/$file/form_req.gif) no-repeat 0px 5px; padding-left:9px}

/* Table style */
/* Jim added vertical-align property to td and bottom padding to td and th */
table {margin:15px 0;padding:0;border:0;font:10px Verdana, Arial, Helvetica, sans-serif;text-align:left;}
tr {padding:0px 0px 8px 0px}
th {font-weight:bold;color:#AC2020;padding:1px 0 8px 10px;}
td {vertical-align:top;font:10px Verdana, Arial, Helvetica, sans-serif;padding:1px 0 8px 8px;border-left:1px solid #D7D7D7}
tr td:first-child {border:none}
tfoot td {padding:10px 0 0 10px; font-size:8px}

th.allInOne {width:127px}
th.color {width:127px}
th.mono {width:127px}
th.ppm {width:55px}

/* Added by Jim */
th.twoCol1 {width:127px}
td.twoCol1 {width:127px}

/* Form style */

label {font-size:10px;}
label u {font-style: normal;text-decoration: underline;}

input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#5D5D5D;border:1px solid #767676;}
textarea {overflow: auto;}

form fieldset {clear:both;font-size:100%;padding:0px;margin:0 0 0 0;}
form div fieldset {border:none;margin:0;padding:0;}
form div fieldset legend {font-size:12px;font-weight:normal;color:#345DAE;margin:0;padding:0 0 15px 0;}

form fieldset div.notes {float: right;width: 158px;height: auto;margin: 0 0 10px 10px;padding: 5px;border: 1px solid #666666;background-color: #ffffe1;color: #666666;font-size: 88%;}
form fieldset div.notes p {margin: 0em 0em 1.2em 0em;color: #666666;}
form fieldset div.notes p.last {margin: 0em;}

form div {clear:left;display:block;width:375px;margin:5px 0 0 0;padding: 1px 3px;}
form div.required fieldset legend {background:url(/internet/wwres.nsf/vwWebResources/IPS2008Images/$file/form_req.gif) no-repeat 96px 5px}

form div label {display:block;float: left;width:95px;padding:3px 15px 3px 5px;margin:0 0 5px 0;text-align: right;}
form div.optional label, label.optional {background:none}
form div.required label, label.required {background:url(/internet/wwres.nsf/vwWebResources/IPS2008Images/$file/form_req.gif) no-repeat 101px 5px}

form div label.labelCheckbox, form div label.labelRadio {float:none;display:block;width:470px;padding:0;margin:0 0 5px 5px;text-align:left;border:none}
form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {margin:0 0 5px 9px;width:360px;}

form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea {width:160px; margin:0 0 5px 28px;}

form div img {border:none;}
form div select, form div textarea {width:250px;padding:1px 3px;margin:0;}
form div input.inputText, form div input.inputPassword {width:240px;padding:1px 3px;margin:0;}
form div input.inputFile {width:211px;}
form div select.selectOne, form div select.selectMultiple {width:211px;padding:1px 3px;}
form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {display:inline;height:auto; width:auto;padding:0;margin:0px; border:none}

form div.submit {width:200px;padding:20px 5px;}
form div.submit div {display: inline;text-align: left;width: auto;padding: 0; margin: 0;}
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {border:0; margin:0;}
form div.submit div input.inputSubmit, form div.submit div input.inputButton {margin: 0 0 0 5px;}
form div small {display: block;margin: 0 0 5px 142px;padding:1px 3px;font-size: 88%;}

/* unique */
form div input.state, form div input.phone {width:158px}
form div input.zip { width:127px}

/* update 1.1 */
#mainContent form .optional {width:430px}
form .search {padding:2px 0;}
form .search label {width:165px;}
form .search input.inputText {width:155px;float:left; height:15px;border-right:none;}
form .search input.inputSubmit {float:left}

/* email this page */
#emailThisPage {position:absolute;top:-282px;left:624px;background:url(/internet/wwres.nsf/vwWebResources/IPS2008Backgrounds/$file/form_email_bg.gif) no-repeat;width:297px;height:267px;z-index:15;padding:8px 18px;}

#emailThisPage form .optional, #emailThisPage form .required {width:290px}
#emailThisPage label {width:240px; font-weight:bold; background:none;float:none;text-align:left; padding:0;}
#emailThisPage input.inputText {width:260px;height:15px;float:none}
#emailThisPage input.inputCheckbox {float:left;display:block; margin-right:5px}
#emailThisPage label.labelCheckbox {font-weight:normal;margin-top:3px;}
#emailThisPage img.inputButton {float:right;width:auto; cursor:pointer}
#emailThisPage input.inputSubmit {float:left; width:51px;}
#emailThisPage textarea {width:275px; height:85px}
#emailThisPage .zeroout {padding-top:0;margin-top:0}