/* Start of CMSMS style sheet 'add-value CSS' */ * { margin: 0; padding: 0; } /*Set initial font styles*/ body { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75.01%; line-height: 1em; } /*set font size for all divs, this overrides some body rules*/ div { font-size: 1em; } /*if img is inside "a" it would have borders, we don't want that*/ img { border: 0; } /*default link styles*/ /* set all links to have underline and bluish color */ a, a:link a:active { text-decoration: underline; /* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */ background-color: inherit; } a:visited { text-decoration: underline; background-color: inherit; color: #18507C; /* a different color can be used for visited links */ } /* remove underline on hover and change color */ a:hover { text-decoration: none; background-color: inherit; color: #385C72; } /*****************basic layout *****************/ body { margin: 0; padding: 0; color: #000; background-color: #FFFFFF; /* background-image:url(cslegal/assets/template/inside_leftBG.gif); background-position: center; */ } #fieldset LABEL, LABEL, fieldset {border:none} /* #contactform fieldset LABEL, .contactform LABEL, {/*WIDTH:210px;*/} */ body.inner { background: transparent url(assets/template/csl-body-bg.gif) repeat-x 0px 124px; } div#pagewrapper { /* min max width, IE wont understand these, so we will use java script magic in the */ max-width: 80em; min-width: 60em; margin: 0 auto; color: black; background: transparent url(assets/template/csl-top-pinstripe-bg.gif) repeat-x 0px 88px; } div#header { height: 124px; margin: 0; padding: 0; background: transparent url(uploads/images/add-value-header-logo.jpg) no-repeat left top; } div#login { width: 160px; float:right; margin: 0 ; padding: 0; text-align: right; font-size: 0.8em; font-weight: bold; background: transparent url(assets/template/csl-header-br.gif) no-repeat 100% 88px ; height: 124px; } div#testimonials{ width: 270px; float:left; margin: 0 ; padding: 0; text-align: left; padding-left:450px; padding-top:7px; } div#header h1 a { display: block; height: 124px; background: transparent url(uploads/images/add-value-header-logo.jpg) no-repeat left top; text-indent: -999em; text-decoration: none; outline: none; } div#header h1 { margin: 0; padding: 0; /*these keep IE6 from pushing the header to more than the set size*/ line-height: 0; font-size: 0; /* this will keep IE6 from flickering on hover */ background: transparent url(uploads/images/add-value-header-logo.jpg) no-repeat left top; } div#content { margin: 0; padding: 0px; border-right: 1px solid #C4C4C4; z-index: -1; } div#main { padding: 0 0 0 151px; margin: 0; /* background/page image assigned in the template */ } div#mainbg { padding: 0 ; margin: 0; /* background: transparent url(assets/template/inside_leftBG.gif) no-repeat 0px 98px; */ } div#innermain { padding: 0.5em 1em 1em 1em; } div#footer { margin: 0 auto; padding: 0; background: transparent url(assets/template/csl-top-pinstripe-bg.gif) repeat-x 30px 38px; } div#footer-tr, div#footer-tl { margin: 0; padding:0; height: 39px; width: 30px; } div#footer-tr { background: transparent url(assets/template/csl-footer-tr.gif) no-repeat top right; float: right; } div#footer-tl { background: transparent url(assets/template/csl-footer-tl.gif) no-repeat top left; float: left; } div#footertext { clear: both; } div#footer p { font-size: 0.8em; padding: 1.5em; text-align: center; margin: 0; } div.hr { height: 1px; padding: 1em; border-bottom: 1px dotted black; margin: 1em; } /* relational links under content */ div.left49 { width: 49%; } div.right49 { float: right; width: 49%; text-align: right; } /********************CONTENT STYLING*********************/ /* HEADINGS */ div#content h1 { font-size: 2em; line-height: 1em; margin: 0; } div#content h2 { color: #294B5F; font-size: 1.5em; text-align: left; padding: 1em 0 0.5em 0 ; padding-bottom: 1px; line-height: 1.5em; margin: 0 0 0.5em 0; } div#content h2.pageTitle { font-size: 1.5em; text-align: left; padding: 0; line-height: 1.5em; margin: 0 ; text-transform: lowercase; letter-spacing: 2px; } div#content h2 span#titleText { display: block; background-color: #252f67; color: #FFFFFF; padding-bottom: 0.2em; padding-left: 0.7em; padding-top: 0.1em; text-transform: uppercase; font-family: "Century Gothic", Arial; } div#content h3 { color: #294B5F; font-size: 1.3em; line-height: 1.3em; margin: 0 0 0.5em 0; } div#content h4 { color: #294B5F; font-size: 1.2em; line-height: 1.3em; margin: 0 0 0.25em 0; } div#content h5 { color: #294B5F; font-size: 1.1em; line-height: 1.3em; margin: 0 0 0.25em 0; } h6 { color: #294B5F; font-size: 1em; line-height: 1.3em; margin: 0 0 0.25em 0; } /* END HEADINGS */ /* TEXT */ p { font-size: 1em; margin: 0 0 1.5em 0; line-height: 1.4em; padding: 0; } p.login { background-color: #5A5A52; color: #FFFFFF; padding: 1em; width: 80px; text-align: right; float: right; } p.login a { color: #FFFFFF; } blockquote { border-left: 10px solid #ddd; margin-left: 10px; } strong, b { font-weight: bold; } em, i { font-style: italic; } pre { border: 1px solid #000; background-color: #ddd; margin: 0 1em 1em 1em; padding: 0.5em; line-height: 1.5em; font-size: 90%; } /* Separating the divs on the template explanation page */ div.templatecode { margin: 0 0 2.5em; } /* END TEXT */ /* LISTS */ /* lists in content need some margins to look nice */ div#main ul, div#main ol, div#main dl { font-size: 1.0em; line-height: 1.4em; margin: 0 0 1.5em 0; } div#main ul li, div#main ol li { margin: 0 0 0.25em 3em; } /* definition lists topics on bold */ div#main dl { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #c0c0c0; } div#main dl dt { font-weight: bold; margin: 0 0 0 1em; } div#main dl dd { margin: 0 0 1em 1em; } /* END LISTS */ /* OUR PEOPLE */ /* list view */ div.staff { width: 60%; /*margin: 0 auto; padding: 0;*/ } ul.stafflist { list-style: none; margin: 0 auto; text-align: left; } ul.stafflist li { padding: 0.5em 0; margin: 0; border-bottom: 3px double #C4C4C4; height: 1.3em; } ul.stafflist li span { width: 31%; } ul.stafflist li span.firstname, ul.stafflist li span.surname { display: block; float: left; margin:0; padding:0; } ul.stafflist li span.viewprofile a { float:right; text-align: right; font-weight: bold; color: #000000; } /* profile detail view */ div.profile { width: 400px; margin: 0 auto; border: 1px solid #C4C4C4; padding: 1em 1em 0 1em; /* paragraph already has 1em for bottom */ } div.profile div.profileimage { width: 105px; height: 120px; padding: 0; margin: 0; text-align: center; float: left; overflow: hidden; /* dont show huge images */ } div.profile div.profileimage img { border: 0; margin: 0; padding:0; } div.profile div.profiledetails { width: 290px; float: right; margin: 0; padding: 0; } /* NEWS (PUBLICATIONS) */ /* Summary List */ /* Detail */ div.Publication div { margin: 1em 0; } label.publicationlabel { display: block; float: left; width: 10em; font-weight: bold; clear:left; } /* End of 'add-value CSS' */