/*temp trick to find old links*/
/*img[src *= "peltarion.com"],
a[href *= ".peltarion.com"],
a[href $= "peltarion.net/"],
a[href = ""] {padding-right: 20px; background: transparent url(img/bad.gif) no-repeat center right;}
*/
/* div {border-style: dotted; border-color: green; border-width: 1px;}  */
.outline {border-style: dotted; border-color: green; border-width: 1px;}
.hide {display: none;}

.left {float: left}
.right {float: right}

/** standardize **/
div {margin: 0; padding: 0;}
img {border : 0; margin: 0; padding: 0;}
p {margin:1.2em 0 0.8em 0; padding:0}


/** Links **/
.underlineOnHover a, .underlineOnHover a:link, .underlineOnHover a:visited, .underlineOnHover a:active { text-decoration: none;}
.underlineOnHover a:hover { text-decoration: underline;}

.greenLinks a, .greenLinks a:link, .greenLinks a:visited, .greenLinks a:active, .greenLinks a:hover {color: #356f3d} /* same as .green */

a, a:link, a:active, a:visited {color: #5a7f8b; text-decoration: underline}
a:hover {color: #f3ab2a; text-decoration: underline}

/*body {background: #E8EBEC;} */
body {background: #f3f6f7;}
body {margin: 0; padding: 0;}
body {font-size: 11px; font-family:  Geneva, Arial, Verdana, sans-serif; line-height:1.3em}
body {text-align: center} /* IE workaround */
body {position: relative; margin : 15px auto 15px; width: 702px}

.blue {color:#13a}
.blue {color:#83a7c7} /* same as blue button on synapse page */
.blue {color:#4b6c8a} /* slightly darker */3a6387
.blue {color:#3a6387}
.green {color:#356f3d}

.stdText {font-size: 11px; font-family:  Geneva, Arial, Verdana, sans-serif; line-height:1.3em}
.errMsg {color:#DD1111;}

div.pageBlock {width: 702px; margin-bottom: 12px; display : block; height:100%}
.border {background: #ebebeb}
.hr {height:1px; background:#ebebeb}
			

/*** Box with rounded corners ***/
/* does not work with ie6 */
div.cBoxTopFill {border-color: #ebebeb; border-width:3px; border-style: solid none none none;  margin: 0 16px; background: #fff; display: block; height: 10px}
div.cBoxBotFill {border-color: #ebebeb; border-width:3px; border-style: none none solid none;  margin: 0 16px; background: #fff; display: block; height: 10px}
/* works */
div.cBoxMainFill {border-color: #ebebeb; border-width:3px; border-style: none solid;  margin: 0; background: #fff; display: block; width: auto} /*margin unnessesary*/
/* Left side does not work with firefox */
.cBoxUL {height: 13px; width: 16px; background: url(img/crnUL.gif); background-repeat: no-repeat; float: left; border-width:0px; border-style:none;}
.cBoxUR {height: 13px; width: 16px; background: url(img/crnUR.gif); background-repeat: no-repeat; float: right; border-width:0px; border-style:none;}
.cBoxLL {height: 13px; width: 16px; background: url(img/crnLL.gif); background-repeat: no-repeat; float: left; border-width:0px; border-style:none;}
.cBoxLR {height: 13px; width: 16px; background: url(img/crnLR.gif); background-repeat: no-repeat; float: right; border-width:0px; border-style:none;}
/* ie6 table fallback */
table.cBox {width:100%; border:0; margin:0; padding:0}
/* td.cBoxHorr {width:100%; height:13px; background: #ebebeb} */
td.cBoxHorr {height:13px; background: #ebebeb}


/*** Hat - Peltarion logo and site navigation menu ***/
#hat {height: 71px; text-align: left !important; background: url(img/PeltMenuBanner.jpg); background-repeat: no-repeat}
#hat #home {position:absolute; left:10px; top:16px; width:200px; height:38px}
#hat #topMenu {position: relative; left: 246px; top: 50px}
#hat #topMenu { font-weight: bold; font-size: 12px; font-family:  Geneva, Arial, Verdana, sans-serif; letter-spacing: 1px}
#hat #topMenu a {color: #000000; margin: 0px 0.3em}
#hat #topMenu {width: 450px}
#hat #topMenu .currentPage {color: #666}

.header {height:82px}
.headLogo {position: absolute; left: 25px; margin-top: 12px}
.headButtons {position: absolute; left: 480px; width: 208px; margin-top: 32px}
.headButtonText {position:absolute; left:20px; display:block; font-size:11px; font-weight:bold; letter-spacing: 0.2px;}
.headButtons a {margin: 0 1px; color: #fff}
.headButtons a:link, .headButtons a:visited, .headButtons a:active, .headButtons a:hover /* hope you like it microsoft */ {margin: 0 1px; color: #fff}
.headButtons img {margin-left: 16px}

.footer { white-space: nowrap; clear : both; text-align: center}




.cBoxCont { padding:7px; padding-top:0; text-align:left;}
.cBoxHeader {font-size:15px; font-weight:bold; letter-spacing:0.1; text-transform:capitalize;}
.cBoxHeader2 {font-size:14px; font-weight:bold;; text-transform:capitalize;}
.cBoxHeader21 {font-size:14px; position:relative; top:7px; font-weight:bold;; text-transform:capitalize;}
.prime {}
.syn {font-style:italic}
.mission {font-style:italic}
.readMoreDot {vertical-align:text-bottom; padding-right:0.3em}

.imgBlockLinks {height:100%; text-align:left; clear:both}
.imgBlockLinks a { text-align:center; display:block; padding:4px 2px}
.imgBlockLinks a:link,
.imgBlockLinks a:visited,
.imgBlockLinks a:active { text-decoration: none; color:#a01111; font-size:11px; font-weight:bold}
.imgBlockLinks a:hover { text-decoration: underline; color:#a01111; font-size:11px; font-weight:bold}
.imgBlockLinks strong {font-size:16px; color:#000; font-weight:bold; text-transform:capitalize;}
.imgBlockLinks img {display:block; float:left}

.imgBlockLinksTight {height:100%; text-align:left; clear:both;}
.imgBlockLinksTight a { text-align:center; display:block; margin:4px 2px; float:left}
.imgBlockLinksTight a:link,
.imgBlockLinksTight a:visited,
.imgBlockLinksTight a:active { text-decoration: none; color:#a01111; font-size:13px; font-weight:bold}
.imgBlockLinksTight a:hover { text-decoration: underline; color:#a01111; font-size:13px; font-weight:bold}
.imgBlockLinksTight strong {font-size:16px; color:#000; font-weight:bold; text-transform:capitalize;}
.imgBlockLinksTight img {display:block; float:left}

.imgBlockLinksTightS {height:100%; text-align:left; clear:both;}
.imgBlockLinksTightS a { text-align:center; display:block; margin:4px 2px; float:left}
.imgBlockLinksTightS a:link,
.imgBlockLinksTightS a:visited,
.imgBlockLinksTightS a:active { text-decoration: none; color:#a01111; font-size:11px; font-weight:bold}
.imgBlockLinksTightS a:hover { text-decoration: underline; color:#a01111; font-size:11px; font-weight:bold}
.imgBlockLinksTightS strong {font-size:14px; color:#000; font-weight:bold; text-transform:capitalize;}
.imgBlockLinksTightS img {display:block; float:left}