/* COLOR VARIABLES #modo1 {} #modo2 {} #modo3 {} #modo4 {} #modo5 {} #modo6 {} */ /* GENERAL STYLES */ .skipnav {display:none} body, div, p, th, td, li, ul, dd { font-size: 100%; font-family: Arial, Helvetica, sans-serif; } body { background-color:#FFF; color:#333; } div.error { color: #CC0000; } div.vmpad { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 10px; } img.genericimg, img.hero { margin: 5px; } /* for img with a colored border */ #modo2 img.hero { border: 1px solid #F43610; } #modo3 img.hero { border: 1px solid #37ABBE; } #modo4 img.hero { border: 1px solid #70B62B; } #modo5 img.hero { border: 1px solid #884B9D; } #modo6 img.hero { border: 1px solid #9E0B0E; } #modo1 img.hero { border: 1px solid #37ABBE; } div.line { border-bottom: 1px solid #666; clear: both; height: 1px; width: 100%; margin-bottom: 5px; } td.next { text-align:right; vertical-align: middle;} div.linktemplate { font-size: .7em; margin-top: -7px;} div.linktemplate img { vertical-align: middle; } div.dark div.linktemplate { color: #FFF; } ul.list { margin: -5px 0px 15px 15px; padding: 0px; list-style-position: outside; list-style-type: square; font-size: .75em; } .bullet { font-size: 1em; font-weight: bold; } /* border between bodytop and bodybottom - generally runs through middle of page - hidden for homepage special text sizing for vmbodytop content */ div.vmbodytop { border-bottom: 1px solid #666; } div.vmbodytop ul { margin-left: 18px; padding: 0px; font-size: .75em; list-style-position: outside; list-style-type: square; } div.vmbodytop p { margin-top: 5px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; padding: 0px; font-size: .8em; word-spacing: .01em; } div.vmbodytop h3 { font-size: .95em; margin: 0px; padding: 0px; word-spacing: .1em; } #modo1 div.vmbodytop { border-bottom: none; } div.vmbodybottom { } div.vmbodybottom table.doscolumnas, #modo2 table.doscolumnas { width: 100%; margin: 0px; padding: 0px; font-size: 100%;} div.vmbodybottom table.doscolumnas td, #modo2 table.doscolumnas td { width: 50%; padding-right: 30px; } div.vmbodybottom ol { font-size: .75em; } div.popup { width: 640px; } div.vmbodybottom table.trescolumnas { width: 100%; margin: 0px; padding: 0px; font-size: 100%; } div.vmbodybottom table.trescolumnas td { width: 33%; padding-right: 20px; } #modo1 div.vmbodybottom table.trescolumnas td { width: 33%; padding-left: 20px; padding-bottom: 10px; } #modo1 div.vmbodybottom table.trescolumnas { border-top: 1px solid #666; } div.vmbodybottom ul { clear: both; margin-left: 15px; padding: 0px; font-size: .75em; list-style-position: outside; list-style-image: url(../../images/diseny/vm_black_dot.gif);} /* for table with image in body of homepage */ #modo1 div.vmbodybottom ul { margin: 0px; padding: 0px; font-size: .75em; list-style-position: outside; list-style-image: url(../../images/diseny/vm_black_dot.gif);} table.imagetable { margin: 0px; padding: 0px; } table.imagetable td.image img { margin: 5px 0px 0px 0px; padding: 0px; } table.imagetable td.text { } /*div.vmbodybottom ul { clear: both; margin-left: 15px; padding: 0px; font-size: .75em; list-style-position: outside; list-style-type: square;} */ div.vmbodybottom li ul { font-size: 100%; } /* for tjay testing used on spotlight home page */ div.vmbodybottom table.doscolumnas table.doscolumnasmini { width: 100%; margin: 0px; padding: 0px; font-size: 100%;} div.vmbodybottom table.doscolumnas table.doscolumnasmini td.thumbnail { width: 20%; } div.vmbodybottom table.doscolumnas table.doscolumnasmini td.blurb { width: 80%; padding: 0px; } /* end testing */ #modo1 div.light b.top { color:#53355E } #modo1 div.light b { color: #333; } #modo2 div.light b { color: #333; } #modo3 div.light b { color: #40565F; } #modo4 div.light b { color: #254505; } #modo5 div.light b { color: #53355E; } #modo6 div.light b { color: #333; } #modo2 div.vmbodytop { background-color:#ECECEC; } #modo2 div.vmbodybottom h4, #modo2 div.vmbodytop h3, #modo2 div.vmbodybottom table.trescolumnas td b { color: #F43610; } #modo3 div.vmbodytop { background-color:#E1F2F5; } #modo3 div.vmbodybottom h4, #modo3 div.vmbodytop h3 { color: #37ABBE; } #modo3 div.vmbodybottom table.trescolumnas td b { color: #37ABBE; } #modo1 div.vmbodybottom table.trescolumnas b { color:#D40658 } #modo3 div.vmbodybottom h3.newshead { color: #37ABBE; } #modo4 div.vmbodybottom h3.newshead { color: #70B62B; } #modo5 div.vmbodybottom h3.newshead { color: #884B9D; } #modo4 div.vmbodytop { background-color:#E7EDDF; } #modo4 div.vmbodybottom h4, #modo4 div.vmbodytop h3, #modo4 div.vmbodybottom table.trescolumnas td b { color: #70B62B; } #modo5 div.vmbodytop { background-color:#EAE9EB; } #modo5 div.vmbodybottom h4, #modo5 div.vmbodytop h3, #modo5 div.vmbodybottom table.trescolumnas td b { color: #884B9D; } #modo6 div.vmbodytop { background-color:#ECECEC; } #modo6 div.vmbodybottom h4, #modo6 div.vmbodytop h3, #modo6 div.vmbodybottom table.trescolumnas td b { color: #9F0A0E; } /* section titles */ #modo1 div.vmbodybottom h2 { font-size: .9em; margin: 0px; padding: 10px 0px 0px 0px; color: #333; } div.vmbodybottom h2 { font-size: 1em; margin: 0px; padding: 10px 0px 0px 0px; color: #333; } div.arrowbanner { width: 100%; background-color:#212121; height: 35px; } div.arrowbanner h1 { font-family:Helvetica, sans-serif; font-size: 1.6em; padding: 1px 0px 0px 0px; font-weight: lighter; color:#FFFFFF; background-color:#212121; height: 35px; margin-top: -1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } div.arrowbanner div.header { font-family:Helvetica, sans-serif; font-size: 1.6em; padding: 1px 0px 0px 0px; font-weight: lighter; color:#FFFFFF; height: 35px; margin-top: -1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } div.arrow { background-image: url(../../images/diseny/vm_arrow.gif); background-repeat: no-repeat; clear: right; float: left; margin: 0px; height: 35px; width: 49px; } #modo2 div.arrow { background-color: #F43610; } #modo3 div.arrow { background-color: #37ABBE; } #modo4 div.arrow { background-color: #70B62B; } #modo5 div.arrow { background-color: #884B9D; } #modo6 div.arrow { background-color: #9E0B0E; } #modo1 div.arrowleft { background-color: #37ABBE; } #modo1 div.arrowright { background-color: #70B62B; } #modo1 div.arrowleft2 { background-color: #F43610; } #modo1 div.arrowright2 { background-color: #884B9D; } /* HOMEPAGE -- top table w/picts */ div.modo1top { width:100%; } div.modo1top a:link, div.modo1top a:visited, div.modo1top a:hover, div.modo1top a:active { color: #FFF; } div.modo1top table { width: 100%; font-size: .75em; margin: 0px; padding: 0px; border-bottom: 1px solid #666; border-right: 1px solid #666; } div.modo1top table td { } /* spotlight_stretched background images are stretched to 1000px in photoshop */ div.modo1top td.modo3 { width: 50%; border-bottom: 1px solid #666; border-right: 1px solid #666; border-top: 1px solid #666;background-color:#37ABBE; text-align: left; background-image:url(../../images/diseny/vm_fondo_1.gif); background-repeat:no-repeat; } div.modo1top td.modo4 { width: 50%; border-bottom: 1px solid #666; border-top: 1px solid #666; background-color:#70B62B; text-align: right; background-image:url(../../images/diseny/vm_fondo_2.gif); background-repeat:no-repeat; } div.modo1top td.modo2 { width: 50%; border-bottom: 1px solid #666; border-right: 1px solid #666; border-top: 1px solid #666;background-color:#F43610; text-align: left; background-image:url(../../images/diseny/vm_fondo_3.gif); background-repeat:no-repeat; } div.modo1top td.modo5 { width: 50%; border-bottom: 1px solid #666; border-top: 1px solid #666; background-color:#884B9D; text-align: right; background-image:url(../../images/diseny/vm_fondo_4.gif); background-repeat:no-repeat; } div.modo1top div.header p { font-size: 100%; color: #FFF; clear:both; padding: 5px 10px; margin: 0px; } div.modo1top div.caption { padding: 5px 5px 5px 10px; } div.modo1top div.caption p { font-size: 90%; color: #FFF; clear:both; font-weight:lighter; padding: 0px; margin: 0px;} td.modo3caption { background-color:#37ABBE; border-right: 1px solid #666; } td.modo4caption { background-color:#70B62B; text-align: right;} td.modo2caption { background-color:#F43610; border-right: 1px solid #666; } td.modo5caption { background-color:#884B9D; text-align: right;} td.modo4header { background-color:#70B62B; text-align: right;} td.modo3header { background-color:#37ABBE; border-right: 1px solid #666; } td.modo2header { background-color:#F43610; border-right: 1px solid #666; } td.modo5header { background-color:#884B9D; text-align: right;} /* HOMEPAGE -- bottom blurbs */ table.modo1blurbs { width: 100%; margin: 0px; padding: 0px; font-size: 100%; } table.modo1blurbs td { width: 25%; padding-right: 10px; } table.modo1blurbs h4 { color: #CC0000; } /* HOMEPAGE -- arrows -- TODO need adjustments for mac and need to make arrowleft */ div.arrowbannerhome { position: relative; margin-top: -21px; width: 100%; background-color:#212121; height: 35px; /* border-left: 1px dotted #fff; border-right: 1px dotted #fff; */} div.arrowbannerhome div.left h1, div.arrowbannerhome div.right h1 { font-family:Helvetica, sans-serif; font-size: 1.6em; padding: 3px 0px 0px 0px; margin: 0px; font-weight: lighter; color:#FFFFFF; height: 35px; } div.arrowleft { background-image: url(../../images/diseny/vm_arrow.gif); background-repeat: no-repeat; clear: right; float: left; margin: 0px; padding: 0px; height: 35px; width: 49px; } div.arrowright { background-image: url(../../images/diseny/vm_arrow_right.gif); background-repeat: no-repeat; clear: right; float: right; margin: 0px; padding: 0px; height: 35px; width: 49px; } div.arrowleft2 { background-image: url(../../images/diseny/vm_arrow.gif); background-repeat: no-repeat; clear: right; float: left; margin: 0px; padding: 0px; height: 35px; width: 49px; } div.arrowright2 { background-image: url(../../images/diseny/vm_arrow_right.gif); background-repeat: no-repeat; clear: right; float: right; margin: 0px; padding: 0px; height: 35px; width: 49px; } div.arrowbannerhome div.left { width: 40%; float: left; text-align:left; height: 35px; margin: 0px; padding: 0px;} div.arrowbannerhome div.right { width: 40%; float: right; text-align:right; height: 35px; margin: 0px; padding: 0px; clear: left; } /* end arrows for homepage */ h2 { font-size: .8em; margin: 0px; padding: 0px; } #modo2 h2 { color: #F43610; } h3 { font-size: .8em; margin: 0px; padding: 0px; } /* for opp and org detail */ div.detail h3, div.detail h1 { font-size: .9em; margin-top: 10px; margin-bottom: 10px; } h3 font.link, div.detail h1 font.link { font-size: .7em; font-weight:normal; margin-left: 10px; } table.info font.link { font-size: .8em; font-weight:normal; margin-left: 10px; } h4 { font-size: .75em; margin: 0px; padding: 0px; } h5 { font-size: .7em; margin: 0px; padding: 0px; } p { margin-top: 5px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; padding: 0px; font-size: .75em;} form { margin: 0px; padding: 0px; } .field { border: solid 1px #000; font-family:Arial, Helvetica, sans-serif } input.field { font-size: 100%; } textarea.field { font-size: 100%; } select { font-size: 100%; } /* sets standard padding for all boxes padding: 20px; */ /* set to nothing for public div.padding { } */ div.caixaeines div.padding { padding-top: 20px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; } /* form table setup for field items -- needed to change for custom integrations -- changes all tables*/ table { margin: 1em 0 1em 0; } td, th { font-size: 100%; vertical-align: top; } td.small { font-size: .7em; } /* GENERAL STYLES -- COLOR VARIABLE */ a:link, a:visited { color: #333; } a:hover, a:active { color: #666; } font.req { font-size: 1em; font-weight:bold; color: #CC0000; } /* DETAIL PAGES - opp and org */ div.detail { font-size: 100% } div.dot { height: 15px; width: 15px; float:left; background-repeat: no-repeat; background-position: 0px; margin-right: -2px; margin-top: 0px; } #modo1 div.dot { background-image:url(../../images/diseny/vm_modo1_dot.gif); } #modo2 div.dot { background-image:url(../../images/diseny/vm_modo2_dot.gif); } #modo3 div.dot { background-image:url(../../images/diseny/vm_modo3_dot.gif); } #modo4 div.dot { background-image:url(../../images/diseny/vm_modo4_dot.gif); } #modo5 div.dot { background-image:url(../../images/diseny/vm_modo5_dot.gif); } #modo6 div.dot { background-image:url(../../images/diseny/vm_modo6_dot.gif); } /* are all search specific colors */ div.detail b.title { font-size: .8em; } div.detail table.info { border: 2px solid #F54421; font-size: .75em; } div.detail table.info th { width: 1%; padding: 3px 10px 3px 10px; text-align:left; background-color:#F98871; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; font-weight: bold; } div.detail table.info td { width: 99%; padding: 3px 10px 3px 10px; background-color: #FCBBAE; border-bottom: 1px solid #FFF;} div.detail ul { font-size: .75em; } /* PAGE STRUCTURE FOR TWO COLUMN LAYOUT */ table.content { width: 100%; border-bottom: 1px solid #666; padding: 0px; margin: 0px; } table.content td.columnados { color: #333; font-size: 100%; } table.content td.columnauno { color:#333; font-size: 100%; width: 208px; height: 500px; } #modo1 table.content td.columnauno { border-right: 1px solid #666; } /* PAGE STRUCTURE FOR TWO COLUMN LAYOUT -- COLOR VARIABLE -- color border for bandfourcolor is set here */ #modo1 table.content td.columnauno { border-left: 17px solid #C74972; } #modo2 table.content td.columnauno { border-left: 17px solid #F16144; } #modo3 table.content td.columnauno { border-left: 17px solid #3DA1B2; } #modo4 table.content td.columnauno { border-left: 17px solid #8EC359; } #modo5 table.content td.columnauno { border-left: 17px solid #A274B2; } #modo6 table.content td.columnauno { border-left: 17px solid #AD4043; } /* HOMEPAGE BOTTOM ROW */ #modo1 div.bottomrow { border-left: 17px solid #C74972; width: 100%; border-bottom: 1px solid #666; } #modo1 div.bottomrow table { font-size: 100%; padding: 0px; margin: 0px; color:#333;} #modo1 div.bottomrow td { width: 25%; padding: 10px; } #modo1 div.bottomrow td h4 { color:#D40658 } /* TOOLBOX */ div.caixaeines { padding: 0px; margin: 0px; width: 208px;} div.caixaeines input.field { border: solid 1px #000; font-size: 95%; width: 110px; height: 16px;} /* seems to be generic */ input.submit { color: #FFF; border: solid 1px #000; height: 20px; padding-bottom: 3px; } div.caixaeines select { border: solid 1px #000; font-size: 95%; min-width: 110px; width: 100px; } div.caixaeines option { min-width: 100px; width: 100px; } div.caixaeines div.dark p, div.caixaeines div.dark li, div.caixaeines div.dark td { font-size: .75em; color:#FFF;} div.caixaeines div.light p, div.caixaeines div.light li, div.caixaeines div.light td { font-size: .75em; color:#333;} div.caixaeines div.dark h4 { text-transform: uppercase; } div.caixaeines div.dark a:link, div.caixaeines div.dark a:visited { color: #FFF; } div.caixaeines div.dark select { width: 110px; } div.caixaeines div.dark ul, div.caixaeines div.light ul { padding-left: 10px; margin: 0px 0px 20px 5px; list-style-position: outside; list-style-type: square; } /* TOOLBOX -- COLOR VARIABLE -- for caixaeines light*/ #modo1 table.content td.columnauno { background-color:#DCDCDC; } #modo2 table.content td.columnauno { background-color:#A48A84; } #modo3 table.content td.columnauno { background-color:#B7BEBF; } #modo4 table.content td.columnauno { background-color:#9EA795; } #modo5 table.content td.columnauno { background-color:#BBB7BF; } #modo6 table.content td.columnauno { background-color:#DADFE0; } div.caixaeines div.light { border-top: 1px solid #666; margin-left: -17px; padding-left: 17px; } div.caixaeines div.dark { width: 208px; padding:0px; margin:0px; margin-left: -17px; } #modo1 div.caixaeines div.dark { background-color: #645252; border-left: 17px solid #B70F46; } #modo2 div.caixaeines div.dark { background-color: #790000; border-left: 17px solid #DA2400; } #modo3 div.caixaeines div.dark { background-color: #40565F; border-left: 17px solid #02879D; } #modo4 div.caixaeines div.dark { background-color: #50613F; border-left: 17px solid #5EA616; } #modo5 div.caixaeines div.dark { background-color: #55515B; border-left: 17px solid #884B9D; } #modo6 div.caixaeines div.dark { background-color: #BF686A; border-left: 17px solid #9E0B0E; } /* TOOLBOX LINKS -- COLOR VARIABLE */ #modo1 div.caixaeines div.dark a:hover, #modo1 div.caixaeines div.dark a:active { color: #DCDCDC; } #modo2 div.caixaeines div.dark a:hover, #modo2 div.caixaeines div.dark a:active { color: #A48A84; } #modo3 div.caixaeines div.dark a:hover, #modo3 div.caixaeines div.dark a:active { color: #B7BEBF; } #modo4 div.caixaeines div.dark a:hover, #modo4 div.caixaeines div.dark a:active { color: #9EA795; } #modo5 div.caixaeines div.dark a:hover, #modo5 div.caixaeines div.dark a:active { color: #BBB7BF; } #modo6 div.caixaeines div.dark a:hover, #modo6 div.caixaeines div.dark a:active { color: #DADFE0; } #modo1 div.caixaeines div.light a:hover, #modo1 div.caixaeines div.light a:active { color: #645252; } #modo2 div.caixaeines div.light a:hover, #modo2 div.caixaeines div.light a:active { color: #790000; } #modo3 div.caixaeines div.light a:hover, #modo3 div.caixaeines div.light a:active { color: #40565F; } #modo4 div.caixaeines div.light a:hover, #modo4 div.caixaeines div.light a:active { color: #50613F; } #modo5 div.caixaeines div.light a:hover, #modo5 div.caixaeines div.light a:active { color: #55515B; } #modo6 div.caixaeines div.light a:hover, #modo6 div.caixaeines div.light a:active { color: #AA3538; } #modo1 div.caixaeines div.dark h4 { color:#FFF; } #modo2 div.caixaeines div.dark h4 { color:#F43610; } #modo3 div.caixaeines div.dark h4 { color:#37ABBE; } #modo4 div.caixaeines div.dark h4 { color:#5EA616; } #modo5 div.caixaeines div.dark h4 { color:#A174B2; } #modo6 div.caixaeines div.dark h4 { color:#FFF; } #modo1 div.caixaeines div.light h4 { color:#333; } #modo2 div.caixaeines div.light h4 { color:#333; } #modo3 div.caixaeines div.light h4 { color:#40565F; } #modo4 div.caixaeines div.light h4 { color:#254505; } #modo5 div.caixaeines div.light h4 { color:#53355E; } #modo6 div.caixaeines div.light h4 { color:#333; } #modo1 input.submit { background: #37ABBE; } #modo2 input.submit { background: #F43610; } #modo3 input.submit { background: #37ABBE; } #modo4 input.submit { background: #70B62B; } #modo5 input.submit { background: #884B9D; } #modo6 input.submit { background: #9E0B0E; } #modo1 div.caixaeines div.dark input.submit { background: #37ABBE; } #modo2 div.caixaeines div.dark input.submit { background: #F43610; } #modo3 div.caixaeines div.dark input.submit { background: #37ABBE; } #modo4 div.caixaeines div.dark input.submit { background: #70B62B; } #modo5 div.caixaeines div.dark input.submit { background: #884B9D; } #modo6 div.caixaeines div.dark input.submit { background: #9E0B0E; } /* BODY STYLES */ div.message { } div.message h2 { font-weight: bold; } div.message p { font-size: .8em; } /* adds consistance spacing for all the main tables */ table.searchresults { margin: 1em 0 1em 0; } /* , div.caixaeines table*/ /* SEARCH TOOL LAYOUT */ table.searchtool { padding: 0px; margin: 0px; } table.searchtool td { padding: 5px 5px 0px 0px; } table.searchtool td.set { width: 75px; } table.searchtool div.options { font-size:90%; } table.searchtoolfull { padding: 0px; margin: 0px; font-size: .75em; } table.searchtoolfull td { padding: 5px 5px 0px 0px; } table.searchtoolfull td.set { width: 150px; } /* SEARCH RESULTS LAYOUT - COLORS SHOULD MATCH SEARCH DESIGN */ div.summary { font-weight: bold } table.searchresults { width: 100%; border-top: 1px solid #CECECE; border-left: 1px solid #CECECE;} table.searchresults p, table.searchresults th, table.searchresults td { text-align: left; } table.searchresults th { color: #000; font-weight:bold; text-transform: capitalize; background-color: #E5E5E5; white-space: nowrap; } table.searchresults td, table.searchresults th { font-size: .75em; border-right: 1px solid #CECECE; border-bottom: 1px solid #CECECE; padding: 5px; } table.searchresults td.small { font-size:.7em; } table.searchresults tr.cl { font-weight: bold; background-color: #f6f6f6; } table.sortresults { width: 100%; margin: -5px; padding: 0px; } table.sortresults td { border: none; font-size:90%; padding: 5px;} table.sortresults select { border: solid 1px #CECECE; font-size: 100%; min-width: 100px; width: 100px; } table.sortresults option { min-width: 100px; width: 100px; } table.sortresults input.submit { background-color: #FFF; border: solid 1px #333; height: 20px; padding-bottom: 3px; font-size: 90%; } /* GENERIC TABLE SET UP */ table.genericform { padding: 0px; margin: 0px; font-size: .75em } table.genericform td { padding: 5px 5px 0px 0px; } table.genericform th { width: 100px; text-align: left; } font.inlinehelp { font-size: 95%; } table.genericform td.set, table.genericform th.set { width: 100px; } table.genericform td.setwide, table.genericform th.setwide { width: 250px; } table.genericform select { min-width: 200px; } /* SPOTLIGHTS */ div.spotlight { width:100%; } div.spotlight table { width:100%; margin: 0px; padding: 0px; font-size: .75em;} td.spotlight_one { width: 201px; background-color:#B4B4B4; } td.spotlight_two { width: 201px; background-color:#D1D1D1; } td.spotlight_three { width: 201px; background-color:#E6E6E6; } div.spotlight div.caption { clear:both; font-weight:lighter; padding: 5px 5px 5px 10px; } div.spotlight td.bleedtop { background-color:#B6BEC0 } div.spotlight td.bleedbottom { background-color:#F3F3F3 } #modo1 div.spotlight div.caption { color: #FFF; text-decoration: none;} #modo2 div.spotlight div.caption { color: #333; text-decoration: none; } #modo3 div.spotlight div.caption a:link, #modo3 div.spotlight div.caption a:visited, #modo3 div.spotlight div.caption a:hover, #modo3 div.spotlight div.caption a:active { color: #026879; text-decoration: none; } #modo4 div.spotlight div.caption a:link, #modo4 div.spotlight div.caption a:visited, #modo4 div.spotlight div.caption a:hover, #modo4 div.spotlight div.caption a:active { color: #3B7204; text-decoration: none;} #modo5 div.spotlight div.caption a:link, #modo5 div.spotlight div.caption a:visited, #modo5 div.spotlight div.caption a:hover, #modo5 div.spotlight div.caption a:active { color: #884B9D; text-decoration: none;} #modo6 div.spotlight div.caption { color: #333; text-decoration: none;} img.spotlight_sm { float:left; clear:both; padding: 0px; margin: 5px 10px 5px 0px; } /* used on /about/awards/index.jsp */ img.logo { float:right; clear:both; padding: 5px 20px; margin: 0px; } /* PHOTO LAYOUT */ div.photolayout { } div.photolayout table { margin: 0px; padding: 0px; width:100%; } div.photolayout td.photo { width: 1%; border-right: 1px solid #666; background-color:#212121;} div.photolayout td.photonav { width: 45px; border-right: 1px solid #666; } div.photolayout td.photonav img { margin: 5px 7px 0px 7px; padding: 0px; } #modo4 div.photolayout td.photonav { background: #CFDCC0;} #modo3 div.photolayout td.photonav { background: #D2E3E6; } #modo4 div.photolayout td.photonav img { border: 2px solid #CFDCC0; } #modo3 div.photolayout td.photonav img { border: 2px solid #D2E3E6; } #modo4 div.photolayout td.photonav a:hover img, #modo4 div.photolayout td.photonav a:active img { border: 2px solid #70B62B } #modo3 div.photolayout td.photonav a:hover img, #modo3 div.photolayout td.photonav a:active img { border: 2px solid #37ABBE } /* STATISTICS TABLE -- shows up all over the site with org, opps, referral numbers */ table.statistics th, table.statistics td { text-align: left; padding-right: 20px; font-size: .75em;} /* ABOUT NAVIGATION */ #modo6 div.aboutnav { padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; } #modo6 div.aboutnav ul { list-style-position: inside; list-style-type: none; padding: 0; margin: 0; } #modo6 div.aboutnav li { padding-top: 1px; padding-bottom: 1px; padding-left: 5px; margin: 0; } #modo6 div.aboutnav li.on { background-color: #7A0001; font-weight: bold } #modo6 div.aboutnav li ul { padding-left: 15px; margin: 0;} #modo6 div.aboutnav li li, #modo6 div.aboutnav li.on li.on { font-size: 95%; } #modo6 div.aboutnav li.on a:link, #modo6 div.aboutnav li.on a:visited, #modo6 div.aboutnav li.on a:active, #modo6 div.aboutnav li.on a:hover { font-weight: bold; color: #FFF; text-decoration: none; } #modo6 div.aboutnav li.off a:link, #modo6 div.aboutnav li.off a:visited { font-weight: normal; color: #333; text-decoration: none; } #modo6 div.aboutnav li.off a:active, #modo6 div.aboutnav li.off a:hover { font-weight: lighter; color: #FFF; text-decoration: none; } #modo6 div.aboutnav li.on li.off a:link, #modo6 div.aboutnav li.on li.off a:visited { font-weight: lighter; color: #DADADA; text-decoration: none; } #modo6 div.aboutnav li.on li.off a:active, #modo6 div.aboutnav li.on li.off a:hover { font-weight: lighter; color: #FFF; text-decoration: none; } /* PRESS RELEASE FORMAT */ p.prexcerpt { text-transform: uppercase;} /* NEWSLETTER FORMAT */ #newsletter {font-size: .75em;} #newsletter p {font-size: 100%;} #newsletter ul {font-size: 100%;} #newsletter td {vertical-align: top;} /* GRID */ table.grid { border-top: 2px solid #FFF; border-left: 2px solid #FFF; width:100%; } table.grid td, table.bsggrid th { text-align: left; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; padding: 4px; } table.grid td { font-weight:bold; font-size:.65em;} table.grid td.firstcol { padding-left:10px;} table.grid th { font-weight: bold; color: #FFF; white-space: nowrap;} table.grid td.alt { background-color:#EEEEEE;} table.grid td p, #modo7 div.form table.detail th p { font-size: 100%; } table.grid h3.news { font-size: 1em; color: #000; } table.grid img.news { float: left; clear: both; margin: 5px 10px 20px 10px; } table.grid th { font-size: .75em; vertical-align: top; } table.grid tr.subhead td { font-size:.7em;} table.grid tr.footer td { font-size:.7em;} table.grid td.checkbox { text-align:center; background-repeat: no-repeat; background-position: center;} #modo5 table.grid th { background-color:#511367; } #modo5 table.grid td { background-color:#EAE9EB; } #modo5 table.grid td.firstcol { background-color:#EAE9EB; } #modo5 table.grid tr.subhead td { background-color:#B286C1; } #modo5 table.grid tr.footer td { background-color:#B286C1; } #modo5 table.grid td.checkbox { background-image:url(../../images/diseny/vm_modo5_dot.gif);} #modo3 table.grid th { background-color:#02879D; } #modo3 table.grid td { background-color:#E7EDDF; } #modo3 table.grid td.firstcol { background-color:#E7EDDF; } #modo3 table.grid tr.subhead td { background-color:#37ABBE; } #modo3 table.grid tr.footer td { background-color:#37ABBE; } #modo3 table.grid td.checkbox { background-image:url(../../images/diseny/vm_modo2_dot.gif);} #modo7 table.grid th { background-color:#F37C16; } #modo7 table.grid td { background-color:#FCDEC5; } #modo7 table.grid td.firstcol { background-color:#FCDEC5; } #modo7 table.grid tr.subhead td { background-color:#F37C16; } #modo7 table.grid tr.footer td { background-color:#F37C16; } #modo7 table.grid td.checkbox { background-image:url(../../images/diseny/vm_modo7_dot.gif); } /* todo */ #modo4 table.grid th { background-color:#70B62B; } #modo4 table.grid td { background-color:#E7EDDF; } #modo4 table.grid td.firstcol { background-color:#E7EDDF; } #modo4 table.grid tr.subhead td { background-color:#8EC359; } #modo4 table.grid tr.footer td { background-color:#70B62B; } #modo4 table.grid td.checkbox { background-image:url(../../images/diseny/vm_modo4_dot.gif);} a.easteregg:link, a.easteregg:visited, a.easteregg:hover, a.easteregg:active { cursor: text; color: #212121; text-decoration: none; }