/* all articles, categories, everything is formated bascially here */ img.dcm_category_banner {width:100%;} .dcm_subcategories {width:100%;} .dcm_subcategory {float:left;overflow:hidden;} .dcm_subcategory_100 { width:29%;margin:1%;padding:1%; } .dcm_subcategory_200 { width:16%;margin:1%;padding:1%; } .dcm_subcategory_300 { width:10%;margin:1%;padding:1%; } .dcm_subcategory_400 { width:6%;margin:1%;padding:1%; } /* text link subcategories */ .dcm_subcategory_500 {float:left;padding:5px;} .dcm_subcategory img {width:100%;margin:0 auto;} .dcm_subcategory h1, .dcm_subcategory h2, .dcm_subcategory_seealso, .dcm_subcategory a, .dcm_subcategory a:visited {color:brown;text-align:center;white-space:nowrap;font-size:110%;} /* BLOCKS */ /* TO BE REPLACED WITH BLOCKS ABOVE - sections can be added before an article with pre-defined styling */ .b {overflow:hidden;position:relative;} /* drop down menus MUST override overflow as visible! overflow:hidden fixes float clear bug as well! */ /* block styles */ .bc10 {} /* Draw Text */ .bc20 {} /* Draw Expanding Text */ .bc50 {} /* Draw List */ .bc100s100 table {width:98%;margin:1%;border-collapse:collapse;border:1px solid black;} /* bc[Table]s[Style] */ .bc100s100 td {border:1px solid black;padding:2px;} .bc100s100 caption {font-size:120%;font-weight:bold;} .btable {width:100%;border-collapse:collapse;} .btable td {padding:2px;} .bc14000s310 input {width:99%;} div.bc14300s10 {font-color:red;} /* form 14300style10 warning */ /* horizontal radio button */ div.bc14610s10 input {float:left;display:inline-block;vertical-align:middle;minheight:20px;margin:0px 1px 0px 10px;} /* height100% IE 7 bug removed */ div.bc14610s10 label {float:left;display:inline-block;margin:0;padding:0;} div.bc14610s10 label * {margin:0;padding;0;} div.bc18000s100 {font-size:.8em;} /* login/logout */ div.bc19000s100 {font-size:.7em;} /* Designed by CGS */ .bc110 table {border:1px solid black} .bc110_r1 td {border:1px solid black;} .bc110_r2 td {border:1px solid gray;} .bc200 {} /* Draw Links */ .bc250 {} /* Draw Separator */ .bc300 {} /* gallery */ .bc300s300 img,.bc300s301 img,.bc300s302 img,.bc300s303 img,.bc300s304 img,.bc300s305 img {width:100%;} .bc400 {} /* Draw YouTube video */ .bc1000 {clear:both;height:1px;width:100%;} /* Draw new line */ div.bf10 {float:left;} div.bf15 {float:left;clear:left;} div.bf20 {float:right;} div.bf30 {} div.bf50 {display:inline;} div.bw1 {margin:.2em .4em;padding:0;} /* used by category text links */ div.bw1 {margin:0;padding:0;} div.bw1 h6 {margin:0;padding:0;} /* old commands have top/bottom padding/margin. new do not */ div.bw10 {padding:0.5%;margin:0.4%;} /* any width */ div.bw11 {width:9%;padding:0.1%;margin:0.1%;} /* 1/10th */ div.bw20 {width:18%;padding:0.5%;margin:0.4%;} div.bw20c,div.bw21 {width:19%;padding:0 0.5%;} /* columns (top/bottom padding comes from row)*/ div.bw22 {width:20%;} div.bw23 {width:18%;padding:0 0.5%;margin:0 .5%;} div.bw24 {width:19%;margin: 0 0.5%;} div.bw423 {width:18%;padding: 5px 0.5%;margin:5px 0.5%;} div.bw25 {width:23%;padding:0.5%;margin:0.4%;} div.bw25c,div.bw26 {width:24%;padding:0 0.5%;} /* columns */ div.bw27 {width:25%;} div.bw28 {width:24%;margin:0 0.5%;} div.bw33 {width:31.3%;padding:0.5%;margin:0.4%;} /* 1/3 with a bit for border! */ div.bw33c,div.bw34 {width:32.3%;padding:0 0.5%;} /* columns */ div.bw35 {width:33.3%;} div.bw36 {width:31.3%;padding:0 .5%;margin:0 .5%;} /* 1/3 NB (never a border so columns can take full width) */ div.bw37 {width:32.3%;margin:0 0.5%;} /* columns */ div.bw40 {width:38%;padding:0.5%;margin:0.4%;} div.bw40c,div.bw41 {width:39%;padding:0 0.5%;} /* columns */ div.bw42 {width:40%;} div.bw43 {width:39%;margin:0 0.5%;} div.bw44 {width:38%;padding:0 .5%;margin:0 0.5%;} div.bw50 {width:48%;padding:0.5%;margin:0.4%;} /* 1/2 with border */ div.bw50c,div.bw51 {width:49%;padding:0 0.5%;} /* column */ div.bw52 {width:50%;} div.bw53 {width:49%;margin:0 0.5%;} div.bw54 {width:48%;margin:0 0.5%;padding:0 0.5%;} div.bw60 {width:58%;padding:0.5%;margin:0.4%;} div.bw60c,div.bw61 {width:59%;padding:0 0.5%;} /* columns */ div.bw62 {width:60%;} div.bw63 {width:58%;padding:0 0.5%;margin:0 0.5%;} /* perfect 3/5 */ div.bw64 {width:59%;margin:0 0.5%;} div.bw66 {width:64%;padding:0.5%;margin:0.4%;} div.bw66c,div.bw67 {width:65%;padding:0 0.5%;} /* column */ div.bw68 {width:66%;} div.bw75 {width:73%;padding:0.5%;margin:0.4%;} div.bw75c,div.bw76 {width:74%;padding:0 0.5%;} /* column */ div.bw77 {width:75%;} div.bw80 {width:78%;padding:0.5%;margin:0.4%;} div.bw80c,div.bw81 {width:79%;padding:0 0.5%;} div.bw82 {width:80%;} div.bw83 {width:78%;padding:0 0.5%;margin:0 0.5%;} /* perfect 4/5 */ div.bw84 {width:79%;margin:0 .5%;} div.bw483 {width:78%;padding: 5px 0.5%;margin:5px 0.5%;} /* top and bottom padding on SOME */ div.bw100 {width:98%;padding:5px 0.5%;margin: 5px 0.4%;clear:both;} div.bw100c,div.bw101 {width:98%;padding: 5px 0.5%;} /* fudge factor for borders to show! */ div.bw102 {width:100%;} div.bw103 {width:99%;padding: 5px 0.5%;} div.bw104 {width:99.6%;padding: 2px 0.2%;} /* thin padding */ div.bw105 {width:98%;padding:5px .5%;margin:5px .5%;} div.bw106 {width:99%;margin:5px .5%;} div.bw107 {width:98%;padding:0 .5%;margin:0 .5%;} /* slim */ div.bw108 {width:99%;padding:0 .5%;} div.bw110 {width:98%;padding:0 1%;} div.bw111 {width:90%;padding:0 5%;} div.bw109 {width:99%;margin:0 .5%;} div.bw150 {width:100%;clear:both;} /* used as a row */ div.bw200 {display:block;width:1000px;margin: 0 auto;padding:0;} div.bw201 {display:block;width:980px;margin: 10px;padding:0;} div.bw202 {display:block;width:960px;margin: 10px;padding:0 10px;} div.bw204 {display:block;width:980px;padding:0 10px; border:1px solid gray;} div.bw205 {display:block;width:980px;margin: 0 auto;padding: 0 10px;} div.bw206 {display:block;width:980px;padding:0 10px; border:1px solid gray;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-top:0;border-bottom:0;} div.bw207 {display:block;width:980px;padding:0 10px; border:1px solid gray; -webkit-border-radius:0; -moz-border-radius-topleft:0;-moz-border-radius-topright:0; border-top-left-radius:0;border-top-right-radius:0; border-top:0;border-bottom:0;} div.bw210 {display:block;width:998px;border:1px solid gray;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-top:0;border-bottom:0;} div.bw211 {display:block;width:998px;border:1px solid gray; -webkit-border-radius:0; -moz-border-radius-topleft:0;-moz-border-radius-topright:0; border-top-left-radius:0;border-top-right-radius:0; border-top:0;border-bottom:0;} div.bw304 {width:1020px;margin: 0 auto;} div.bw300 {width:1020px;margin:0 10px;} div.bw301 {width:1020px;padding:0 10px;} div.bw302 {width:980px;padding:0 10px;margin:0 10px;} div.bw303, div.bw305, div.bw306 {width:980px;padding:0 10px;margin:0 9px;border:1px solid gray;} div.bw305 {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-top:0;border-bottom:0;} div.bw306 {-webkit-border-radius:0; -moz-border-radius-topleft:0;-moz-border-radius-topright:0; border-top-left-radius:0;border-top-right-radius:0; border-top:0;border-bottom:0;} /*400+ used for extra widths which would not fit sequentially */ div.bw1000 {margin:0;padding:1px;} /* for stripping margins (columns in rows) */ /* block heights */ div.bh5 {height:5px;overflow:hidden;} div.bh10 {} /* any height */ div.bh11 {height:10px;overflow:hidden;} div.bh15 {height:15px;overflow:hidden;} div.bh20 {height:20px;overflow:hidden;} div.bh30 {height:30px;overflow:hidden;} div.bh40 {height:40px;overflow:hidden;} div.bh50 {height:50px;overflow:hidden;} div.bh75 {height:75px;overflow:hidden;} div.bh100 {height:100px;overflow:hidden;} div.bh125 {height:125px;overflow:hidden;} div.bh150 {height:150px;overflow:hidden;} div.bh200 {height:200px;overflow:hidden;} div.bh250 {height:250px;overflow:hidden;} div.bh300 {height:300px;overflow:hidden;} div.bh400 {height:400px;overflow:hidden;} div.bh500 {height:500px;overflow:hidden;} div.bh600 {height:600px;overflow:hidden;} div.bh700 {height:700px;overflow:hidden;} div.bh800 {height:800px;overflow:hidden;} div.bh900 {height:900px;overflow:hidden;} div.bh1000 {height:1000px;overflow:hidden;} div.bh2000 {height:2000px;overflow:hidden;} div.bh32000 {height:100%;overflow:hidden;} /* image layout */ /* format image itself */ img.bil1 {display:none;} /* no image (styling excluded for smaller html) */ img.bil5 {} /* leave image location along - do nothing! */ img.bil10 {float:right;} span.bil10 {float:right;margin:5px;} /* flash object */ img.bil20 {float:left;} span.bil20 {float:left;margin:5px;} /* flash object */ img.bil30 {margin:0 auto;} img.bil40 {position:absolute;top:0;left:0;} img.bil50 {clear:both;} img.bil110 {} /* background image - css is inline or not working . see dcmblockatom.inc */ img.bil120 {background-repeat:repeat-x;} img.bil130 {background-repeat:repeat-y;} img.bil1100 {background-repeat:no-repeat;} /*img.bil150 not supported - use a background block */ /* format image parent (bilp) to help with image layout styling */ div.bilp30 {text-align:center;} /* to center image some browser require more than margin:0 auto! */ div.bilp30 > a {margin:0 auto;} /* pictures are links sometimes */ div.bilp30 > span {margin:0 auto;margin:5px;} /* flash object */ div.bilp40 {overflow:visible;} /* allow image to pop out of div */ div.bilp100 {} /* background image in upper left */ div.bilp101 {background-position:center top;} div.bilp102,div.bilp200 {background-position-x:100%;background-position-y:0;} div.bilp130 {background-repeat: repeat-y; } div.bilp140 {background-position:center bottom;} /* background img aligned center bottom */ div.bilp141 {background-position:center bottom;} /* bottom left of div */ div.bilp141 span {height:100%;} /*.dcm_section_center {text-align:center;}not used. was attempt to center div. browser dont support.*/ div.binner {with:100%;} /* div of content inside a block */ div.bjZ {} /* binner will not even be drawn */ div.bjN {text-align:left;} div.bjL {text-align:left;} /* can be either bjN or bjL */ div.bjC {text-align:center;} div.bjJ {text-align:justify;text-justify:newsprint;} div.bjR {text-align:right;} div.bbold {font-weight:bold;} div.bitalic {font-style:italic;} /* image size */ img.bisz2 {width:20px;} img.bisz5 {width:50px;} /* NO MARGINS - messes up images as headers */ img.bisz7 {width:75px;} img.bisz10 {width:100px;} img.bisz15 {width:150px;} img.bisz20 {width:200px;} img.bisz30 {width:300px;} img.bisz40 {width:400px;} img.bisz50 {width:500px;} img.bisz60 {width:600px;} img.bisz70 {width:700px;} img.bisz80 {width:800px;} img.bisz90 {width:900px;} img.bisz100 {height:50px;} img.bisz120 {height:75px;} img.bisz130 {height:100px;} img.bisz140 {height:150px;} img.bisz150 {height:200px;} img.bisz160 {height:250px;} img.bisz170 {height:400px;} img.bisz180 {height:500px;} img.bisz233 {width:33%;} img.bisz250 {width:50%;} img.bisz266 {width:66%;} img.bisz999 {width:99%;} img.bisz1000 {width:100%;} /* dont add margin! indents where image is used as heading!*/ img.bisz32000 {} /* NATIVE SIZE */ /* image style (like margin) (image layout (bil) appended before _ style because ) */ img.bis10 {margin:0px;} /* 5px margin. more complicated than you might think! */ img.bis10_50 {margin: 0 0 5px 5px;} /* float right so margin on left/bottom */ img.bis20_50 {margin: 0 5px 5px 0;} /* float left so margin on right/bottom */ img.bis30_50 {margin: 0 5px 5px 5px;} /* centered */ /* title (header) styles */ .bts10 > h1,.bts10 > h2,.bts10 > h3,.bts10 > h4,.bts10 > h5,.bts10 > h6 {text-align:left;} .bts15 > h1,.bts15 > h2,.bts15 > h3,.bts15 > h4,.bts15 > h5,.bts15 > h6 {text-align:left;overflow:hidden;white-space:nowrap;} .bts20 > h1,.bts20 > h2,.bts20 > h3,.bts20 > h4,.bts20 > h5,.bts20 > h6 {text-align:right;} .bts30 > h1,.bts30 > h2,.bts30 > h3,.bts30 > h4,.bts30 > h5,.bts30 > h6 {text-align:center;} .bts50 > h1,.bts50 > h2,.bts50 > h3,.bts50 > h4,.bts50 > h5,.bts50 > h6 {text-align:justify;text-justify:newsprint;} /* image backgrounds & effects */ div.bb10 {} div.bb12 {background-color:#F9E3D1;} div.bb13 {background-color:#DDD;} div.bb14 {background-color:#FFC;} div.bb15 {background-color:#FCC;} div.bb16 {background-color:#CFD;} div.bb17 {background-color:#CCFFFC;} div.bb18 {background-color:#CCCCFF;} div.bb19 {background-color:#FCF;} div.bb20 {border:1px solid gray;} div.bb30 {background-color:#030;color:white;} div.bb30 a, div.dcm_section_effect_30 a:visited {color:yellow;} div.bb40 {} /* 1000 hovers begin (non-hover is much smaller html) */ /* transparent background - no hover */ div.bb11 {background-color:white;} div.bb500 {background:url(/common/images/background-white-50.png);} div.bb502 {background:url(/common/images/background-white-10.png);} div.bb504 {background:url(/common/images/background-white-90.png);} div.bb505 {background:url(/common/images/background-white-20.png);} div.bb506 {background:url(/common/images/background-white-80.png);} div.bb600 {background:url(/common/images/background-black-10.png);} div.bb601 {background:url(/common/images/background-black-20.png);} div.bb607 {background:url(/common/images/background-black-30.png);} div.bb602 {background:url(/common/images/background-black-50.png);} div.bb606 {background:url(/common/images/background-black-70.png);} div.bb603 {background:url(/common/images/background-black-80.png);} div.bb604 {background:url(/common/images/background-black-90.png);} div.bb605 {background-color:black;} div.bb640 {background:url(/common/images/background-200-100.png);} /* brown */ div.bb641 {background:url(/common/images/background-200-90.png);} div.bb642 {background:url(/common/images/background-200-80.png);} div.bb643 {background:url(/common/images/background-200-50.png);} div.bb644 {background:url(/common/images/background-200-20.png);} div.bb645 {background:url(/common/images/background-200-10.png);} div.bb650 {background:url(/common/images/background-F00-100.png);} /* red */ div.bb651 {background:url(/common/images/background-F00-90.png);} div.bb652 {background:url(/common/images/background-F00-80.png);} div.bb653 {background:url(/common/images/background-F00-50.png);} div.bb654 {background:url(/common/images/background-F00-20.png);} div.bb655 {background:url(/common/images/background-F00-10.png);} div.bb700 {background:url(/common/images/background-FF0.png);} /* yellow */ div.bb701 {background:url(/common/images/background-FF0-90.png);} div.bb702 {background:url(/common/images/background-FF0-80.png);} div.bb703 {background:url(/common/images/background-FF0-50.png);} div.bb704 {background:url(/common/images/background-FF0-20.png);} div.bb705 {background:url(/common/images/background-FF0-10.png);} div.bb720 {background:url(/common/images/background-030.png);} /* dark green */ div.bb721 {background:url(/common/images/background-030-90.png);} div.bb722 {background:url(/common/images/background-030-80.png);} div.bb723 {background:url(/common/images/background-030-50.png);} div.bb724 {background:url(/common/images/background-030-20.png);} div.bb725 {background:url(/common/images/background-030-10.png);} div.bb780 {background:url(/common/images/background-606.png);} /* dark green */ div.bb781 {background:url(/common/images/background-606-90.png);} div.bb782 {background:url(/common/images/background-606-80.png);} div.bb783 {background:url(/common/images/background-606-50.png);} div.bb784 {background:url(/common/images/background-606-20.png);} div.bb785 {background:url(/common/images/background-606-10.png);} div.bb800 {background:url(/common/images/background-1000w-FFFon000-100.png) repeat-y center top;} /* 1000px wide white on black frame */ div.bb801 {background:url(/common/images/background-1000w-FFFon000-90.png) repeat-y center top;} div.bb802 {background:url(/common/images/background-1000w-FFFon000-80.png) repeat-y center top;} div.bb803 {background:url(/common/images/background-1000w-FFFon000-50.png) repeat-y center top;} div.bb804 {background:url(/common/images/background-1000w-FFFon000-30.png) repeat-y center top;} div.bb805 {background:url(/common/images/background-1000w-FFFon000-20.png) repeat-y center top;} div.bb806 {background:url(/common/images/background-1000w-FFFon000-10.png) repeat-y center top;} div.bb880 {background:url(/common/images/background-y-1020w-page00F50edge.png) repeat-y center top;} div.bb881 {background:url(/common/images/background-y-1020w-page0F050edge.png) repeat-y center top;} div.bb882 {background:url(/common/images/background-y-1020w-page0FF50edge.png) repeat-y center top;} div.bb883 {background:url(/common/images/background-y-1020w-page00050edge.png) repeat-y center top;} div.bb884 {background:url(/common/images/background-y-1020w-pageF0F50edge.png) repeat-y center top;} div.bb885 {background:url(/common/images/background-y-1020w-pageF0050edge.png) repeat-y center top;} div.bb886 {background:url(/common/images/background-y-1020w-pageFF050edge.png) repeat-y center top;} div.bb890 {background:url(/common/images/background-y-1020w-pageshadow.png) repeat-y center top;} div.bb895 {background:url(/common/images/background-y-1020w-pagehighlight.png) repeat-y center top;} div.bb896 {background:url(/common/images/background-y-1020w-pageFFF50edge.png) repeat-y center top;} /* was including colors. skip it */ div.bb900 {color:#fff000;} div.bb900 > h1 {color:#33ccff;} div.bb900 > h2 {color:#00ff99;} /* gradient backgrounds - 600px high min */ div.bb901 {background:url(/common/images/background-x-FFF-fade.png) repeat-x;} /* shorter. 25% opac */ div.bb902 {background:url(/common/images/background-x-600-FFF-fade.png) repeat-x;} /* 600px high 100 opac */ div.bb911 {background:url(/common/images/background-x-fade-FFF.png) repeat-x;background-position:center bottom;} div.bb912 {background:url(/common/images/background-x-600-fade-FFF.png) repeat-x;background-position:center bottom;} div.bb921 {background:url(/common/images/background-x-000-fade.png) repeat-x;} div.bb922 {background:url(/common/images/background-x-600-000-fade.png) repeat-x;} div.bb931 {background:url(/common/images/background-x-fade-000.png) repeat-x;background-position:center bottom;} div.bb932 {background:url(/common/images/background-x-600-fade-000.png) repeat-x;background-position:center bottom;} div.bb940 {background:url(/common/images/background-x-1000-FFFf-000f-40h-25.png) repeat-x;background-position:center top;} div.bb941 {background:url(/common/images/background-x-1000-FFFf-000f-40h-50.png) repeat-x;background-position:center top;} /* contrasting backgrounds w/hover effect */ div.bb1000 {background:url(/common/images/background-black-10.png);border:1px solid #DDD;} div.bb1000_h {background:url(/common/images/background-white-50.png);border:1px solid black;} div.bb1001 {} div.bb1001_h {background:url(/common/images/background-white-10.png);} div.bb1002 {background:url(/common/images/background-black-10.png);} div.bb1002_h {background:url(/common/images/background-white-50.png);} div.bb1003 {background:url(/common/images/background-black-20.png);} div.bb1003_h {background:url(/common/images/background-black-10.png);} /* background 50% trans -> 90% hover! */ div.bb2000 {background:url(/common/images/background-white-50.png);} div.bb2000_h {background:url(/common/images/background-white-90.png);} div.bb2010 {background:url(/common/images/background-white-50.png);} div.bb2010_h {background:url(/common/images/background-white-90.png);} div.bb2010 * {color:#d90303;} div.bb2010 a, div.bb200 a:visited {color:#d90303;} div.bb2010 a:hover {color:red;} /* background 50% trans -> 90% hover! */ div.bb3000 {background:url(/common/images/background-black-50.png);} div.bb3000_h {background:url(/common/images/background-black-90.png);} div.bb3010 {background:url(/common/images/background-black-50.png);} div.bb3010_h {background:url(/common/images/background-black-90.png);} div.bb3010 * {color:white;} div.bb3010 a, .bb200 a:visited {color:#EFE;} div.bb3010 a:hover {color:#FEF;} div.bb3010 input {background:url(/common/images/background-black-90.png);color:white;} div.bb3011 {background:url(/common/images/background-white-10.png);border:1% solid black;} div.bb3011_h {background:url(/common/images/background-white-20.png);border:1% solid red;} /* backgrounds only (transparent later) */ div.bb4000_h {background-color:white;} div.bb4100_h {background-color:#FFC;} /* hover lt yellow */ div.bb4200_h {background-color:#FCC;} /* peach */ div.bb4300_h {background-color:#CFC;} /* green */ div.bb4400_h {background-color:#CCFFFC;} /* baby blue */ div.bb4500_h {background-color:#CCF;} /* purple */ div.bb4600_h {background-color:#FCF;} /* pink */ div.bb4700_h {background-color:#FCF;} /* red */ /* borders too */ div.bb5000 {border:1px solid #CFC;} /* green border */ div.bb5000_h {background-color:#FFC;border:1px solid green;} /* hover yellow w/green border */ /* menu effects - only 100px high backgrounds */ div.bb3010 input {background:url(/common/images/background-menu-FFF000-50.png);color:white;} .author {margin-left:50%;margin-bottom:2em;font-style:italic;} div.author:before {content: ' - ';} .blockquote {margin:10px 10px 5px 10px;font-weight:bold;border-top:1px solid gray;border-bottom:1px solid gray;} .blockauthor {margin-left:20%;margin-bottom:2em;font-style:italic;} div.blockauthor:before {content: ' - ';} div.resource_editor {height:100%;width:100%;} div.resource_editor h1 {text-align:left;background:url(/common/images/background-black-50.png);color:white;} div.resource_editor h2 {text-align:left;} /* 600s400 */ .article_list_row {} .article_list_title {white-space:nowrap;} .article_list_published {white-space:nowrap;} .article_list_author {white-space:nowrap;} input.money {text-align:right;} .dcmarticle {position:relative;} div.dcmarticle_published {display:block;text-align:right;font-size:70%;} div.dcmarticle_more {position:absolute;width:100%;bottom:0;right:0;text-align:right;} div.dcmarticle_more a, .dcmarticle_more a:visited {font-size:70%;padding:2px;color:red;text-align:right;} div.dcmarticle_more_s11 {background:url(/common/images/background-readmore-white.png) repeat-x;} /* url style 10 READ MORE */ div.dcmarticle_more_s11 a, div.dcmarticle_more_s11 a:visited {color:black;} div.dcmarticle_more_s11 a:hover {color:red;} div.dcmarticle_more_s12 {background:url(/common/images/background-readmore-white-80.png) repeat-x;} div.dcmarticle_more_s12 a, div.dcmarticle_more_s12 a:visited {color:black;} div.dcmarticle_more_s12 a:hover {color:red;} div.dcmarticle_more_s13 {background:url(/common/images/background-readmore-yellow-80.png) repeat-x;} div.dcmarticle_more_s13 a, div.dcmarticle_more_s13 a:visited {color:black;} div.dcmarticle_more_s13 a:hover {color:#090b65;} div.dcmarticle_more_s14 {background:url(/common/images/background-readmore-black-80.png) repeat-x;} div.dcmarticle_more_s14 a, div.dcmarticle_more_s14 a:visited {color:white;} div.dcmarticle_more_s14 a:hover {color:yellow;} div.dcmarticle_more_s15 {background:url(/common/images/background-readmore-gray.png) repeat-x;} div.dcmarticle_more_s15 a, div.dcmarticle_more_s15 a:visited {color:white;} div.dcmarticle_more_s15 a:hover {color:yellow;} div.dcmarticle_more_s16 {background:url(/common/images/background-readmore-gray-80.png) repeat-x;} div.dcmarticle_more_s16 a, div.dcmarticle_more_s16 a:visited {color:white;} div.dcmarticle_more_s16 a:hover {color:yellow;} div.dcmarticle_more_s17 {background:url(/common/images/background-readmore-blue-80.png) repeat-x;} div.dcmarticle_more_s17 a, div.dcmarticle_more_s17 a:visited {color:white;} div.dcmarticle_more_s17 a:hover {color:yellow;} div.dcmarticle_more_s18 {background:url(/common/images/background-readmore-green-80.png) repeat-x;} div.dcmarticle_more_s18 a, div.dcmarticle_more_s18 a:visited {color:white;} div.dcmarticle_more_s18 a:hover {color:yellow;} div.dcmarticle_more_s19 {background:url(/common/images/background-readmore-red-80.png) repeat-x;} div.dcmarticle_more_s19 a, div.dcmarticle_more_s19 a:visited {color:white;} div.dcmarticle_more_s19 a:hover {color:yellow;} #dcmarticle_more_s40 {width:100px;position:absolute;bottom:0;right:0;} #dcmarticle_more_s40 img {border:0;padding:0;margin:0;} /* ANY SITE needing navigation uses these headings - which are dark on light sites, and H6 font (light on light site) */ .dcm_listing_heading, .dcm_listing_heading td, /* used in tables */ .dcm_listing_footer {clear:both;width:99.4%;padding:.2%;margin:.1%;background:url(/common/images/background-black-50.png); color:white;} .dcm_listing_title {width:65%;margin:.5%;padding:.5%;float:right;} .dcm_listing_navigation {width:32%;margin:.5%;padding:.5%;float:right;text-align:right;} /* inside heading - dcmnavigation.inc wraps everything in h6 (inverse color) */ #dcm_paging {color:black;} #dcm_paging ul {list-style:none;margin:0 20px 0 0;clear:both;float:right;} #dcm_paging li {float:left;margin:0 0.15em;} #dcm_paging a,#page_navigation a:visited {color:#222;padding:0 8px; display:inline;text-decoration:none;} #dcm_paging a:hover {color:black; background-color:white;} /* articlelisting 10 - default listing of articles as publshed, title & Author */ .dcm_articlelisting10 {width:100%;overflow:hidden;} .dcm_articlelisting10_highlight {background-color:#EEE;} .dcm_articlelisting10 span {float:left;} .dcm_articlelisting10_published {width:15%;overflow:hidden;white-space:nowrap} .dcm_articlelisting10_title {width:45%;overflow:hidden;white-space:nowrap} .dcm_articlelisting10_author {width:35%;overflow:hidden;white-space:nowrap} /* articlelisting 200 - category articles show prime with 3 below, etc */ .dcm_articlelisting200 {width:100%;overflow:hidden;} .dcm_articlelisting200_highlight {background-color:#eee;} .dcm_articlelisting200 h1 {text-align:center;margin:0;white-space:nowrap;overflow:hidden;} /* chop long titles */ .dcm_articlelisting200 h6 {text-align:right;font-size:60%;color:gray;padding:0 5px 0 0;margin:0;} /* date published */ .dcm_articlelisting200_prime {height:250px;line-height:15px;text-justified:justify;font-size:90%;text-overflow:ellipsis;padding:5px;} .dcm_articlelisting200_prime img {float:left;width:50%;margin:1%;} .dcm_articlelisting200_prime h1 {font-size:150%;} .dcm_articlelisting200_column {float:left;clear:none;height:160px;width:28%;margin:1.1%;line-height:16px;padding:1%;border:1px solid #ddd;text-align:justify;text-justify:inter-word;} .dcm_articlelisting200_column img {float:left;width:50%;margin:1%;} .dcm_articlelisting200_minor {float:left;width:49%;clear:none;font-size:90%;} .dcm_articlelisting200_minor ul {padding-left:1em;} .dcm_articlelisting200_minor ul li { padding-left:1em;} /* product defaults */ table.dcmblock2000s10000 {width:99%;border:1px solid gray;border-collapse:collapse;} .dcmblock2000s10000 td {padding:2px;} .dcmblock2000s10000c1 {align:left;padding-right:5px;white-space:nowrap;} .dcmblock2000s10000c2 {align:right;font-weight:bold;} .dcmblock2000s10000c2 input {text-align:center;width:30%;} .dcm_productlisting10, .dcm_productlisting15, .dcm_productlisting20 {width:33%;overflow:hidden;height:200px;float:left;} .dcm_productlisting110, .dcm_productlisting120 {width:20%;overflow:hidden;height:150px;float:left;} .dcm_productlisting210, .dcm_productlisting220 {width:13%;overflow:hidden;height:100px;float:left;} .dcm_productlisting img {width:95%;margin:2.5%;} .dcm_productlisting h2 {text-align:center;} .dcm_article_view_img_style10 img {float:right;width:100px;margin:5px;} .dcm_article_view_img_style200 img {float:right;width:150px;margin:5px;} .dcm_article_view_img_style300 img {float:right;width:200px;margin:5px;} .dcm_article_view_img_style2000 {display:none;} .dcm_article_view {padding:5px;} /* width ignored in in-line divs/spans so we use floats */ #dcm_product_image_container {float:left;width:50%;} #dcm_product_img {width:100%;overflow:hidden;} #dcm_product_image {width:100%;} #dcm_product_image img {width:100%;} #dcm_product_images {width:100%;} #dcm_product_images img {width:30%;} #dcm_product_info {float:left;width:48%;margin-left:1%;} #dcm_product_info table {width:100%;} #dcm_product_info table th {width:25%;text-align:left;} #dcm_product_info table td {width:75%;text-align:left;} #dcm_product_info table td select {width:95%;} #dcm_product_description { width:100%; } .dcm_product_features { width:100%; } .dcm_product_features ul { font-size:smaller;} .dcm_product_buttons { background-color:#001100;color:white;} #dcm_product_zoom_hint {margin:2px auto;text-align:center;font-size:.8em} /* click to zoom hint */ #dcm_product_zoom_div {display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10001;} #dcm_product_zoom_div_img {position:absolute;border:1px solid black;top:10px;height:100%;margin:0 auto;} #dcm_product_zoom_div a {position:absolute;top:10px;width:90%;left:5%;text-align:right;margin-right:15px;text-decoration:none;} .90percent {font-size:90%;} .50percent {font-size:50%;} .newarticle input {background-color:#999;color:white;padding:5px;} input.newarticle_active {background-color:white;color:black;padding:5px;font-weight:bold} /* standard classes */ .CORNERSSQUARE, .CORNERSQUARE {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .CORNERSSQUARETOP {-webkit-border-radius:0; -moz-border-radius-topleft:0;-moz-border-radius-topright:0; border-top-left-radius:0;border-top-right-radius:0; } .CORNERSSQUAREBOTTOM {-webkit-border-radius:0; -moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0; border-bottom-left-radius:0;border-bottom-right-radius:0; } .BORDERTOPBOTTOMNONE {border-top:0;border-bottom:0;} /* round child images */ .IMAGEROUND5 img {border-radius:5px;} /* round child images with shaddow */ .IMAGEROUNDSHADOW1 img {border-radius:5px; -moz-box-shadow: 0px 0px 10px -5px #000; -webkit-box-shadow: 0px 0px 10px -5px #000; box-shadow: 0px 0px 10px -5px #000; } /* shadow stuff - 1 is light, 3 is more, etc */ .SHADOW1 { -moz-box-shadow: 0px 0px 10px -5px #000; -webkit-box-shadow: 0px 0px 10px -5px #000; box-shadow: 0px 0px 10px -5px #000; } .SHADOW3 { -moz-box-shadow: 0px 0px 10px -1px #000; -webkit-box-shadow: 0px 0px 10px -1px #000; box-shadow: 0px 0px 10px -1px #000; } .SHADOW11 { -moz-box-shadow:inset 0px 0px 10px -5px #000; -webkit-box-shadow:inset 0px 0px 10px -5px #000; box-shadow:inset 0px 0px 10px -5px #000; } .GLOW1 { -moz-box-shadow: 0px 0px 10px -5px #FFF; -webkit-box-shadow: 0px 0px 10px -5px #FFF; box-shadow: 0px 0px 10px -5px #FFF; } .BULLETHEART ul { margin:0;} /* bullets are NOT indented */ .BULLETHEART ul li { list-style-type:none; background:url(/common/images/bullet-heart1-red.png) no-repeat top left; padding-left:19px; min-height:19px; } .BULLETARROWRED ul { margin:0;} /* bullets are NOT indented */ .BULLETARROWRED ul li { list-style-type:none; background:url(/common/images/bullet-arrow10-red.png) no-repeat top left; padding-left:19px; min-height:19px; } .BULLETLTRED ul { margin:0;} /* bullets are NOT indented */ .BULLETLTRED ul li { list-style-type:none; background:url(/common/images/bullet-check1-black.gif) no-repeat top left; padding-left:19px; min-height:19px; }