/* ======================================================== Last edited by: $Author: mistf $ on: $Date: 2009/07/02 13:20:21 $ Filename: $RCSfile: tm_main_css_stylesheet.htm,v $ Revision: $Revision: 1.2 $ Stylesheet for TrusteeMasterclass Stellent site ======================================================== */ * {margin:0;padding:0;border:none;z-index:0;} html, body {height:100%;} body {font-family: Arial, Helvetica, sans-serif;color:#595959;font-size:82%;background:#fff url('/content/groups/trustee_masterclass/documents/image/tm_template_bg_left.jpg') top left repeat-y;} p { padding-bottom: 21px;margin-left: 1px;} a:link { color: #336699; } a:hover{ color: #336699; } a:visited { color: #336699; } h1 {font-size: 20px;color: #003366;margin-bottom: 15px;} h2 {font-size: 16px;color: #000;margin-bottom: 15px;} h3 {font-size: 14px;color: #000;margin-bottom: 15px;} /* Alternating Table Rows */ table.alternating_rows { width: 100%; clear: both; margin-bottom: 15px; border-collapse: collapse; font-size: 11px; } .alternating_rows tr { margin: 0; padding: 0; } .alternating_rows tr th { background: #4A73B1; text-transform: uppercase; font-size: 9px; text-align: left; letter-spacing: 1px; } .alternating_rows th { padding: 7px 0 7px 5px; color: #ffffff; font-weight: normal; } .alternating_rows tr td { border-top: 1px #ccc solid; padding-left: 5px; padding-top: 2px; padding-bottom: 2px;} .alternating_rows tr.table_subhead { background: #CFE1F1; color: #000000; } .alternating_rows tr.table_subhead td { border-top: 0; padding: 5px } .alternating_rows a:link { color: #336699; text-decoration: none; } .alternating_rows a:hover{ color: #336699; text-decoration: underline;} .alternating_rows a:visited { color: #336699; text-decoration: none;} .alternating_rows .grey { background:#F6F6F6; } /* End Alternating Table Rows */ /* Top Header */ #header { position:absolute;top:0;left:0;width:100%;height:196px;color: #000;font-weight:bold;text-align:left;display: block;} #head1 {background: url('/content/groups/trustee_masterclass/documents/image/tm_template_bg_top.jpg') top left repeat-x;} #head2 {margin-top: -3px;} #head_space {background: #fff;margin-top: -3px;height: 21px;width: 148px;} #clearheader {height:120px;} /* End Top Header */ /* Positional Elements */ #outer{min-height:100%;margin-left:148px;margin-top: 0;margin-bottom:-22px;background:#FFF;width: 650px} #left {position:relative;float:left;z-index:100;margin-left:-147px;left:-1px;} #right {float: left;width: 154px;} /* End Positional Elements */ /* Right Side Boxes */ .box {width: 100%; margin-bottom: 5px;} .box_top {background: #336699; line-height: 25px; padding-left: 10px; font-weight: bold; color: #ffffff; font-size: 11px;} .box_middle {background: #D6E0EE; padding: 10px; margin-bottom: 3px;} .box_middle a:link { color: #336699; font-decoration: underline; } .box_middle a:hover{ color: #336699; } .box_middle a:visited { color: #336699; } .box_middle ul li {list-style-image:url(/content/groups/trustee_masterclass/documents/image/tm_template_square_bullet.gif);margin-left: 20px;padding-bottom: 5px;} .box_footer {background: #336699; line-height: 10px;} /* End Right Side Boxes */ /* Menu (Left) */ .buttonscontainer ul { width: 120px;margin-left: 0;padding-left: 0;list-style-type: none;font-family: Arial, Helvetica, sans-serif;background: #fff;} .buttonscontainer .buttons li a {display: block;padding: 3px;width: 125px;background: #036;border-left: 10px solid #999999;text-decoration: none;border-top: 1px solid #ffffff; font-size: 10px;} .buttonscontainer .buttons li a:hover {border-left: 10px solid #D6E0EE;text-decoration: none;} .buttonscontainer .buttons li a:link { color: #fff; } .buttonscontainer .buttons li a:hover{ color: #fff; } .buttonscontainer .buttons li a:visited { color: #fff; } .buttonscontainer .buttons li.current a:link { border-left: 10px solid #4A73B1; } .buttonscontainer .buttons li.current a:hover { border-left: 10px solid #4A73B1; } .buttonscontainer .buttons li.current a:visited { border-left: 10px solid #4A73B1; } .buttonscontainer .buttons li.current ul li a:link {color: #000000;display: block;padding: 3px;width: 115px;background: #cccccc;border-left: 10px solid #999999;text-decoration: none;margin-left: 10px;} .buttonscontainer .buttons li.current ul li a:hover {color: #000000;display: block;padding: 3px;width: 115px;background: #cccccc;border-left: 10px solid #D6E0EE;text-decoration: none;margin-left: 10px;} .buttonscontainer .buttons li.current ul li a:visited {color: #000000;display: block;padding: 3px;width: 115px;background: #cccccc;border-left: 10px solid #999999;text-decoration: none;margin-left: 10px;} .buttonscontainer .buttons li ul li.current a:link {color: #000000;display: block;padding: 3px;width: 115px;background: #cccccc;border-left: 10px solid #4A73B1;text-decoration: none;margin-left: 10px;} .buttonscontainer .buttons li ul li.current a:hover {color: #000000;display: block;padding: 3px;width: 115px;background: #cccccc;border-left: 10px solid #4A73B1;text-decoration: none;margin-left: 10px;} .buttonscontainer .buttons li ul li.current a:visited {color: #000000;display: block;padding: 3px;width: 115px;background: #cccccc;border-left: 10px solid #4A73B1;text-decoration: none;margin-left: 10px;} .buttonscontainer .buttons li ul li a:link {color: #000000;display: block;padding: 3px;width: 115px;background: #cccccc;border-left: 10px solid #999999;text-decoration: none;margin-left: 10px;} .buttonscontainer .buttons li ul li a:hover {color: #000000;display: block;padding: 3px;width: 115px;background: #cccccc;border-left: 10px solid #D6E0EE;text-decoration: none;margin-left: 10px;} .buttonscontainer .buttons li ul li a:visited {color: #000000;display: block;padding: 3px;width: 115px;background: #cccccc;border-left: 10px solid #999999;text-decoration: none;margin-left: 10px;} /* End Menu (Left) */ /* Main Section (Middle) */ #middle {width:440px;float:left;position:relative;z-index:1;margin: 1px -1px 10px 0px;text-align: left;padding-left: 7px;padding-right: 17px;} #middle ul li {list-style-image:url(/content/groups/trustee_masterclass/documents/image/tm_template_square_bullet.gif);padding-bottom: 10px;margin-left: 27px; color: #595959;} #middle ul {padding-bottom: 10px;} #error {color: #FF0000; } #middle hr { display: none; } #middle .answer { border-bottom: 1px solid #336699; margin-bottom: 15px; } #middle p.smallText { font-size: 10px; } #middle div.smallText { font-size: 10px; margin: 5px 0 10px 0; } /* End Main Section (Middle) */ /* Jargon Buster search */ #middle ul.jbSearchResults li { list-style-image: url();list-style-type: none; margin-left: 15px; margin-top: 0;} #middle ul.jbSearchResult li.term { list-style-image: url();list-style-type: none;font-weight: bold;; } #middle ul.jbSearchResult li.definition { list-style-image: url();list-style-type: none; } ul.jbSearchResult a:link { color: #336699; } ul.jbSearchResult a:hover{ color: #336699; } ul.jbSearchResult a:visited { color: #336699; } /* End Jargon Buster search */ /* Literature search */ #middle ul.searchNavigation{ margin: 0 0 10px 0; padding: 0; } #middle ul.searchNavigation li { display: inline; list-style-image: url();list-style-type: none; margin: 0 5px 0 0} #middle ul.searchNavigation li.currentPage { list-style-image: url();list-style-type: none;font-weight: bold;; } ul.searchNavigation a:link { color: #336699; } ul.searchNavigation a:hover{ color: #336699; } ul.searchNavigation a:visited { color: #336699; } /* End Literature search */ /* Glossary */ #glossary_index {float: left;clear: both;width: 100%;margin-bottom: 20px;} .gloss_nav { float: left;background-color: #003366;width: 15px;margin-left: 1px;padding: 0;display: inline; text-align: center; } #middle .gloss_nav a:link {color: #FFFFFF;text-decoration: none;text-align: center;font-weight: bold;} #middle .gloss_nav a:visited {color: #FFFFFF;text-decoration: none;text-align: center;font-weight: bold;} #middle .gloss_nav a:hover {color: #FFFFFF;text-decoration: none;text-align: center;font-weight: bold;} /* End Glossary */ /* Forms */ form { margin: 0 10px 15px 10px; } form td { color: #003366; font-size: 12px; } form input { background: #fff; border: 1px solid #4974B1; } form select { background: #fff; border: 1px solid #4974B1; } form .tick_radio { border:0; } form .form_button {background: #003366; color: #ffffff; font-weight: bold; margin: 10px 5px 5px 0; font-size: 9px; padding: 2px; cursor: link;clear: both; } form textarea { background: #fff; border: 1px solid #4974B1; } /* End Forms */ /* sIFR */ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash #middle h1 { visibility: hidden; font-size: 20px; margin-bottom: 15px; } .sIFR-hasFlash #middle h2 { visibility: hidden; font-size: 16px; margin-bottom: 15px; } .sIFR-hasFlash #middle h3 { visibility: hidden; font-size: 14px; margin-bottom: 15px; } .sIFR-hasFlash #middle h4 { visibility: hidden; font-size: 12px; margin-bottom: 15px; } .sIFR-hasFlash #middle h5 { visibility: hidden; font-size: 10px; margin-bottom: 15px; } .iconPDF{ font-size: 10px; background: url(/content/groups/trustee_masterclass/documents/image/tm_pdf_icon.gif) no-repeat; padding: 0 0 0 20px; } /* Footer (Bottom) */ #TrustFooterFix { position: relative; min-height: 100%; margin-bottom:5px; } * html #TrustFooterFix { height: 100%; } #TrustContent { padding-bottom: 2.1em; } #footer { font-size: 10px;width:100%;clear:both;height:22px;line-height:22px;background-color:#4974B1;color: #FFF;text-align:left; position: relative; margin-top: -2.8em; _margin-top: -3.4em; } #footer_content { background: url('/content/groups/trustee_masterclass/documents/image/tm_template_bg_bottom.jpg') no-repeat; } #footer ul { list-style-type: none; clear: none; display: inline; width: 100%;} #footer li { display: inline; margin: 0 0 0 5px} #footer #footer_content a:link { color: #fff; } #footer #footer_content a:hover{ color: #fff; } #footer #footer_content a:visited { color: #fff; } #clearfooter {clear:both;height:1px; margin:2px;} /* EndFooter (Bottom) */