/**** ELEMENTS ***/ .elemImg p { padding:0 !important; } .elemParagraph p, .elemImgParagraph p { margin:0 0 10px 0; } .elemImgParagraph img, .elemImg img { display:block; border:1px solid #ccc; padding:5px; background:#9bc5a4;} .elemFile img { display:inline; vertical-align:middle; margin:0 10px 0 20px; } .elemFile { padding:5px 0; } .elemParagraph a, .elemParagraph a:link, .elemParagraph a:visited, .elemParagraph a:active { text-decoration:underline; color:#333; } .elemParagraph a:hover { text-decoration:none; } .elemFile a, .elemFile a:link, .elemFile a:visited { text-decoration:none; color:#333; } .elemFile a:hover, .elemFile a:active { text-decoration:none; } .elemImg { width:150px; float:left; margin:0 0 10px 0; padding:0 0 10px 0; display:inline; } .elemParagraph, .elemImgParagraph, .elemFile { color:#333; } .elemFile img { padding:0 10px 0 0; margin:0; } /**** LARGE IMAGE ***/ #home #textWrap .elemLargeImg { margin:0 0 10px 0; } #textWrap .elemLargeImg { float:left; width:100%; margin:0 0 10px 0; } #textWrap .elemLargeImg a { float:left; display:inline; margin:0 auto; text-align:center; position:relative; } #textWrap .elemLargeImg a span { text-align:left; } #textWrap .elemLargeImg a span.stretch { z-index:1; position:absolute; top:0; left:0; background:url(../img/largeImgBorderStretch.png); width:370px; height:100%; display:block; } #textWrap .elemLargeImg a span.top { font:normal 1px/1px "Trebuchet MS"; z-index:2; position:absolute; top:0; left:0; background:url(../img/largeImgBorderTop.png); width:370px; height:6px; display:block; } #textWrap .elemLargeImg a span.bottom { font:normal 1px/1px "Trebuchet MS"; z-index:2; position:absolute; bottom:0; left:0; background:url(../img/largeImgBorderBottom.png); width:370px; height:6px; display:block; } #textWrap .elemLargeImg img { border:1px solid #ccc; padding:5px; background:#9bc5a4; } #textWrap .elemLargeImg p { margin:0 0 10px 0; padding:0; color:#333; } #textWrap .elemLargeImg p a, #textWrap .elemLargeImg p a:link, #textWrap .elemLargeImg p a:visited { margin:0; text-align:left; text-decoration:underline; color:#333; } #textWrap .elemLargeImg p a:hover, #textWrap .elemLargeImg p a:active { text-decoration:underline; } /**** IMAGE ***/ #textWrap .elemImgParagraph { float:left; display:inline; width:100%; } #textWrap .elemImgParagraph a { float:left; display:inline; position:relative; } /**** #textWrap .elemImgParagraph a span { text-align:left; } #textWrap .elemImgParagraph a span.stretch { z-index:1; position:absolute; top:0; left:0; background:url(../img/ImgBorderStretch.png); width:160px; height:100%; display:block; } #textWrap .elemImgParagraph a span.top { font:normal 1px/1px "Trebuchet MS"; z-index:2; position:absolute; top:0; left:0; background:url(../img/ImgBorderTop.png); width:160px; height:6px; display:block; } #textWrap .elemImgParagraph a span.bottom { font:normal 1px/1px "Trebuchet MS"; z-index:2; position:absolute; bottom:0; left:0; background:url(../img/ImgBorderBottom.png); width:160px; height:6px; display:block; } ***/ #textWrap .elemImgParagraph a.imgRight { float:right; margin:5px 0 10px 10px; display:inline; } #textWrap .elemImgParagraph a.imgLeft { float:left; margin:5px 10px 10px 0; display:inline; } #textWrap .elemImgParagraph img { border:1px solid #ccc; padding:5px; background:#9bc5a4; } #textWrap .elemImgParagraph img.imgLeft { float:left; margin:5px 10px 5px 0; display:inline; } #textWrap .elemImgParagraph img.imgRight { float:right; margin:5px 0 5px 10px; display:inline; } /**** HORIZONTAL RULE ***/ #textWrap .hr { margin:20px 0; height:4px; font-size:4px; width:100%; background:#e8f3fa; } .elemImg { text-align:center; float:left; margin:0 10px 10px 0; padding:0 0 10px 0; display:inline; } .rowSeparator { height:0; font:normal 0/0 sans-serif; clear:both; } /**** WEBINAR FORM ***/ #privatePageLoginWrap { float:left; display:inline; width:362px; position:relative; margin:0 16px 10px 0; clear:both; background:#4a4a4a url(http://www.preationexpress.com/img/roundedGreyBoxBottom.gif) no-repeat 0 100%; } #privatePageLoginWrap .formWrap { float:left; display:inline; width:322px; padding:10px 20px; background:url(http://www.preationexpress.com/img/roundedGreyBoxTop.gif) no-repeat; } #privatePageLoginWrap h4 { font:normal 14px/18px "Trebuchet MS", Verdana, arial, helvetica, sans-serif; color:#fff; } #privatePageLoginWrap .text { float:left; display:inline; width:322px; padding:5px 0; } #privatePageLoginWrap .text label { float:left; display:inline; width:67px; text-transform:lowercase; font:normal 12px/24px "Trebuchet MS", Verdana, arial, helvetica, sans-serif; color:#d2d2d2; } #privatePageLoginWrap .text input { float:left; display:inline; padding:0 0 0 5px; width:166px; background:#fff !important; border:1px solid #373737; font:normal 12px/22px "Trebuchet MS", Verdana, arial, helvetica, sans-serif; color:#333; } #privatePageLoginWrap .text select { float:left; display:inline; padding:0 0 0 5px; width:171px; background:#fff !important; border:1px solid #373737; font:normal 12px/22px "Trebuchet MS", Verdana, arial, helvetica, sans-serif; color:#333;} #privatePageLoginWrap .text span { display:none; } #privatePageLoginWrap .buttons { position:absolute; bottom:17px; left:273px; float:left; display:inline; } #privatePageLoginWrap .buttons span { overflow:hidden; height:20px; white-space:nowrap; margin:0 5px 0 0; float:left; display:inline; background:#6fa7cb url(http://www.preationexpress.com/img/buttonBlueOnGreyRight.gif) no-repeat 100% 0; } #privatePageLoginWrap .buttons span input { height:20px; border:0; cursor:pointer; text-transform:lowercase; font:normal 10px/20px "Trebuchet MS", Verdana, arial, helvetica, sans-serif; color:#fff; overflow:visible; float:left; display:inline; background:url(http://www.preationexpress.com/img/buttonBlueOnGreyLeft.gif) no-repeat; padding:0 8px; }