/*========================================================*/ /* CSS for DotNetNuke Containers - Advantage */ /* by DrNuke */ /* http://www.DrNuke.co.uk */ /*========================================================*/ /*========================================================*/ /* General */ /*========================================================*/ .containermaster { width: 100%; background-color: #ffffff; moz-border-radius-bottomleft: 15px; moz-border-radius-bottomright: 15px; moz-border-radius-topleft: 3px; moz-border-radius-topright: 3px; } .TitleTD, .V1TitleTD, .V2TitleTD, .V2TitleTD, .V3TitleTD, .V4TitleTD { padding: 0px 0px 0px 6px; } .MainTitleTD { padding: 0 0 0 0; } .MainContentTD { padding: 12px 0 0 0; } /*========================================================*/ /* V1 Box Elements */ /*========================================================*/ /*-- outer table on v1 container --*/ .V1Table { width:100%; } /*-- top left corner --*/ .V1TL { width:13px; height:30px; background: url(images/common/contv1-tl.gif) no-repeat bottom left; } /*-- top edge --*/ .V1T { height:11px; background: url(images/common/contv1-t.gif) repeat-x bottom left; } /*-- top right corner --*/ .V1TR { width:13px; height:30px; background: url(images/common/contv1-tr.gif) no-repeat bottom right; } /*-- left edge --*/ .V1L { width:13px; background: url(images/common/contv1-l.gif) repeat-y top left; } /*-- content area --*/ .V1M { background: #f3f3f3; padding: 8px 8px 0 8px; } /*-- right edge --*/ .V1R { width:13px; background: url(images/common/contv1-r.gif) repeat-y top right; } /*-- bottom left corner --*/ .V1BL { width:13px; height:21px; background: url(images/common/contv1-bl.gif) no-repeat top left; } /*-- bottom edge --*/ .V1B { height:11px; background: url(images/common/contv1-b.gif) repeat-x top left; } /*-- bottom right corner --*/ .V1BR { width:13px; height:21px; background: url(images/common/contv1-br.gif) no-repeat top right; } /*========================================================*/ /* V2 Box Elements */ /*========================================================*/ /*-- outer table on v2 container --*/ .V2Table { width:100%; } /*-- top left corner --*/ .V2TL { width:13px; height:30px; background: url(images/common/contv2-tl.gif) no-repeat bottom left; } /*-- top edge --*/ .V2T { height:11px; background: url(images/common/contv2-t.gif) repeat-x bottom left; } /*-- top right corner --*/ .V2TR { width:13px; height:30px; background: url(images/common/contv2-tr.gif) no-repeat bottom right; } /*-- left edge --*/ .V2L { width:13px; background: url(images/common/contv2-l.gif) repeat-y top left; } /*-- content area --*/ .V2M { background: url(images/common/contv2-m.gif) repeat-x top left #ffffff; padding: 8px 8px 0 8px; } /*-- right edge --*/ .V2R { width:13px; background: url(images/common/contv2-r.gif) repeat-y top right; } /*-- bottom left corner --*/ .V2BL { width:13px; height:21px; background: url(images/common/contv2-bl.gif) no-repeat top left; } /*-- bottom edge --*/ .V2B { height:11px; background: url(images/common/contv2-b.gif) repeat-x top left; } /*-- bottom right corner --*/ .V2BR { width:13px; height:21px; background: url(images/common/contv2-br.gif) no-repeat top right; } /*========================================================*/ /* V3 Box Elements */ /*========================================================*/ /*-- outer table on v3 container --*/ .V3Table { width:100%; } /*-- top left corner --*/ .V3TL { width:12px; height:12px; background: url(images/common/contv3-tl.gif) no-repeat bottom left; } /*-- top edge --*/ .V3T { height:12px; background: url(images/common/contv3-t.gif) repeat-x bottom left; } /*-- top right corner --*/ .V3TR { width:12px; height:12px; background: url(images/common/contv3-tr.gif) no-repeat bottom right; } /*-- left edge --*/ .V3L { width:12px; background: url(images/common/contv3-l.gif) repeat-y top left; } /*-- content area --*/ .V3TM { background: #ebebeb; } /*-- content area --*/ .V3M { background: #ebebeb; padding: 8px 8px 0 8px; } /*-- right edge --*/ .V3R { width:12px; background: url(images/common/contv3-r.gif) repeat-y top right; } /*-- bottom left corner --*/ .V3BL { width:12px; height:12px; background: url(images/common/contv3-bl.gif) no-repeat top left; } /*-- bottom edge --*/ .V3B { height:12px; background: url(images/common/contv3-b.gif) repeat-x top left; } /*-- bottom right corner --*/ .V3BR { width:12px; height:12px; background: url(images/common/contv3-br.gif) no-repeat top right; } /*========================================================*/ /* V4 Box Elements */ /*========================================================*/ /*-- outer table on v4 container --*/ .V4Table { width:100%; } /*-- top left corner --*/ .V4TL { width:12px; height:12px; background: url(images/common/contv4-tl.gif) no-repeat bottom left; } /*-- top edge --*/ .V4T { height:12px; background: url(images/common/contv4-t.gif) repeat-x bottom left; } /*-- top right corner --*/ .V4TR { width:12px; height:12px; background: url(images/common/contv4-tr.gif) no-repeat bottom right; } /*-- left edge --*/ .V4L { width:12px; background: url(images/common/contv4-l2.gif) repeat-y top left; } /*-- content area --*/ .V4TM { background: url(images/common/contv4-m.gif) repeat-x top left #ebebeb; } /*-- content area --*/ .V4M { background: #f3f3f3; padding: 8px 8px 0 8px; } /*-- right edge --*/ .V4R { width:12px; background: url(images/common/contv4-r2.gif) repeat-y top right; } /*-- bottom left corner --*/ .V4BL { width:12px; height:12px; background: url(images/common/contv4-bl.gif) no-repeat top left; } /*-- bottom edge --*/ .V4B { height:12px; background: url(images/common/contv4-b.gif) repeat-x top left; } /*-- bottom right corner --*/ .V4BR { width:12px; height:12px; background: url(images/common/contv4-br.gif) no-repeat top right; } /*========================================================*/ /* Blue Box Elements */ /*========================================================*/ /*-- outer table on blue container --*/ .BlueTable { width:100%; } /*-- top left corner --*/ .BlueTL { width:12px; height:12px; background: url(images/blue/contbanner-tl.gif) no-repeat bottom left; } /*-- top edge --*/ .BlueT { height:12px; background: url(images/blue/contbanner-t.gif) repeat-x bottom left; } /*-- top right corner --*/ .BlueTR { width:12px; height:12px; background: url(images/blue/contbanner-tr.gif) no-repeat bottom right; } /*-- left edge --*/ .BlueL { width:12px; background: url(images/blue/contbanner-l.gif) repeat-y top left; } /*-- content area --*/ .BlueTM { background: #5e71a8; } /*-- content area --*/ .BlueM { background: #5e71a8; padding: 8px 8px 0 8px; } /*-- right edge --*/ .BlueR { width:12px; background: url(images/blue/contbanner-r.gif) repeat-y top right; } /*-- bottom left corner --*/ .BlueBL { width:12px; height:12px; background: url(images/blue/contbanner-bl.gif) no-repeat top left; } /*-- bottom edge --*/ .BlueB { height:12px; background: url(images/blue/contbanner-b.gif) repeat-x top left; } /*-- bottom right corner --*/ .BlueBR { width:12px; height:12px; background: url(images/blue/contbanner-br.gif) no-repeat top right; } /*========================================================*/ /* Green Box Elements */ /*========================================================*/ /*-- outer table on green container --*/ .GreenTable { width:100%; } /*-- top left corner --*/ .GreenTL { width:12px; height:12px; background: url(images/green/contbanner-tl.gif) no-repeat bottom left; } /*-- top edge --*/ .GreenT { height:12px; background: url(images/green/contbanner-t.gif) repeat-x bottom left; } /*-- top right corner --*/ .GreenTR { width:12px; height:12px; background: url(images/green/contbanner-tr.gif) no-repeat bottom right; } /*-- left edge --*/ .GreenL { width:12px; background: url(images/green/contbanner-l.gif) repeat-y top left; } /*-- content area --*/ .GreenTM { background: #8fa857; } /*-- content area --*/ .GreenM { background: #8fa857; padding: 8px 8px 0 8px; } /*-- right edge --*/ .GreenR { width:12px; background: url(images/green/contbanner-r.gif) repeat-y top right; } /*-- bottom left corner --*/ .GreenBL { width:12px; height:12px; background: url(images/green/contbanner-bl.gif) no-repeat top left; } /*-- bottom edge --*/ .GreenB { height:12px; background: url(images/green/contbanner-b.gif) repeat-x top left; } /*-- bottom right corner --*/ .GreenBR { width:12px; height:12px; background: url(images/green/contbanner-br.gif) no-repeat top right; } /*========================================================*/ /* Lilac Box Elements */ /*========================================================*/ /*-- outer table on lilac container --*/ .LilacTable { width:100%; } /*-- top left corner --*/ .LilacTL { width:12px; height:12px; background: url(images/lilac/contbanner-tl.gif) no-repeat bottom left; } /*-- top edge --*/ .LilacT { height:12px; background: url(images/lilac/contbanner-t.gif) repeat-x bottom left; } /*-- top right corner --*/ .LilacTR { width:12px; height:12px; background: url(images/lilac/contbanner-tr.gif) no-repeat bottom right; } /*-- left edge --*/ .LilacL { width:12px; background: url(images/lilac/contbanner-l.gif) repeat-y top left; } /*-- content area --*/ .LilacTM { background: #8459ae; } /*-- content area --*/ .LilacM { background: #8459ae; padding: 8px 8px 0 8px; } /*-- right edge --*/ .LilacR { width:12px; background: url(images/lilac/contbanner-r.gif) repeat-y top right; } /*-- bottom left corner --*/ .LilacBL { width:12px; height:12px; background: url(images/lilac/contbanner-bl.gif) no-repeat top left; } /*-- bottom edge --*/ .LilacB { height:12px; background: url(images/lilac/contbanner-b.gif) repeat-x top left; } /*-- bottom right corner --*/ .LilacBR { width:12px; height:12px; background: url(images/lilac/contbanner-br.gif) no-repeat top right; } /*========================================================*/ /* Orange Box Elements */ /*========================================================*/ /*-- outer table on orange container --*/ .OrangeTable { width:100%; } /*-- top left corner --*/ .OrangeTL { width:12px; height:12px; background: url(images/orange/contbanner-tl.gif) no-repeat bottom left; } /*-- top edge --*/ .OrangeT { height:12px; background: url(images/orange/contbanner-t.gif) repeat-x bottom left; } /*-- top right corner --*/ .OrangeTR { width:12px; height:12px; background: url(images/orange/contbanner-tr.gif) no-repeat bottom right; } /*-- left edge --*/ .OrangeL { width:12px; background: url(images/orange/contbanner-l.gif) repeat-y top left; } /*-- content area --*/ .OrangeTM { background: #e98246; } /*-- content area --*/ .OrangeM { background: #e98246; padding: 8px 8px 0 8px; } /*-- right edge --*/ .OrangeR { width:12px; background: url(images/orange/contbanner-r.gif) repeat-y top right; } /*-- bottom left corner --*/ .OrangeBL { width:12px; height:12px; background: url(images/orange/contbanner-bl.gif) no-repeat top left; } /*-- bottom edge --*/ .OrangeB { height:12px; background: url(images/orange/contbanner-b.gif) repeat-x top left; } /*-- bottom right corner --*/ .OrangeBR { width:12px; height:12px; background: url(images/orange/contbanner-br.gif) no-repeat top right; } /*========================================================*/ /* Pink Box Elements */ /*========================================================*/ /*-- outer table on pink container --*/ .PinkTable { width:100%; } /*-- top left corner --*/ .PinkTL { width:12px; height:12px; background: url(images/pink/contbanner-tl.gif) no-repeat bottom left; } /*-- top edge --*/ .PinkT { height:12px; background: url(images/pink/contbanner-t.gif) repeat-x bottom left; } /*-- top right corner --*/ .PinkTR { width:12px; height:12px; background: url(images/pink/contbanner-tr.gif) no-repeat bottom right; } /*-- left edge --*/ .PinkL { width:12px; background: url(images/pink/contbanner-l.gif) repeat-y top left; } /*-- content area --*/ .PinkTM { background: #da77be; } /*-- content area --*/ .PinkM { background: #da77be; padding: 8px 8px 0 8px; } /*-- right edge --*/ .PinkR { width:12px; background: url(images/pink/contbanner-r.gif) repeat-y top right; } /*-- bottom left corner --*/ .PinkBL { width:12px; height:12px; background: url(images/pink/contbanner-bl.gif) no-repeat top left; } /*-- bottom edge --*/ .PinkB { height:12px; background: url(images/pink/contbanner-b.gif) repeat-x top left; } /*-- bottom right corner --*/ .PinkBR { width:12px; height:12px; background: url(images/pink/contbanner-br.gif) no-repeat top right; } /*========================================================*/ /* Red Box Elements */ /*========================================================*/ /*-- outer table on red container --*/ .RedTable { width:100%; } /*-- top left corner --*/ .RedTL { width:12px; height:12px; background: url(images/red/contbanner-tl.gif) no-repeat bottom left; } /*-- top edge --*/ .RedT { height:12px; background: url(images/red/contbanner-t.gif) repeat-x bottom left; } /*-- top right corner --*/ .RedTR { width:12px; height:12px; background: url(images/red/contbanner-tr.gif) no-repeat bottom right; } /*-- left edge --*/ .RedL { width:12px; background: url(images/red/contbanner-l.gif) repeat-y top left; } /*-- content area --*/ .RedTM { background: #9b4941; } /*-- content area --*/ .RedM { background: #9b4941; padding: 8px 8px 0 8px; } /*-- right edge --*/ .RedR { width:12px; background: url(images/red/contbanner-r.gif) repeat-y top right; } /*-- bottom left corner --*/ .RedBL { width:12px; height:12px; background: url(images/red/contbanner-bl.gif) no-repeat top left; } /*-- bottom edge --*/ .RedB { height:12px; background: url(images/red/contbanner-b.gif) repeat-x top left; } /*-- bottom right corner --*/ .RedBR { width:12px; height:12px; background: url(images/red/contbanner-br.gif) no-repeat top right; } /*========================================================*/ /* Silver Box Elements */ /*========================================================*/ /*-- outer table on silver container --*/ .SilverTable { width:100%; } /*-- top left corner --*/ .SilverTL { width:12px; height:12px; background: url(images/silver/contbanner-tl.gif) no-repeat bottom left; } /*-- top edge --*/ .SilverT { height:12px; background: url(images/silver/contbanner-t.gif) repeat-x bottom left; } /*-- top right corner --*/ .SilverTR { width:12px; height:12px; background: url(images/silver/contbanner-tr.gif) no-repeat bottom right; } /*-- left edge --*/ .SilverL { width:12px; background: url(images/silver/contbanner-l.gif) repeat-y top left; } /*-- content area --*/ .SilverTM { background: #b4b4b4; } /*-- content area --*/ .SilverM { background: #b4b4b4; padding: 8px 8px 0 8px; } /*-- right edge --*/ .SilverR { width:12px; background: url(images/silver/contbanner-r.gif) repeat-y top right; } /*-- bottom left corner --*/ .SilverBL { width:12px; height:12px; background: url(images/silver/contbanner-bl.gif) no-repeat top left; } /*-- bottom edge --*/ .SilverB { height:12px; background: url(images/silver/contbanner-b.gif) repeat-x top left; } /*-- bottom right corner --*/ .SilverBR { width:12px; height:12px; background: url(images/silver/contbanner-br.gif) no-repeat top right; } /*========================================================*/ /* Yellow Box Elements */ /*========================================================*/ /*-- outer table on yellow container --*/ .YellowTable { width:100%; } /*-- top left corner --*/ .YellowTL { width:12px; height:12px; background: url(images/yellow/contbanner-tl.gif) no-repeat bottom left; } /*-- top edge --*/ .YellowT { height:12px; background: url(images/yellow/contbanner-t.gif) repeat-x bottom left; } /*-- top right corner --*/ .YellowTR { width:12px; height:12px; background: url(images/yellow/contbanner-tr.gif) no-repeat bottom right; } /*-- left edge --*/ .YellowL { width:12px; background: url(images/yellow/contbanner-l.gif) repeat-y top left; } /*-- content area --*/ .YellowTM { background: #ecbb54; } /*-- content area --*/ .YellowM { background: #ecbb54; padding: 8px 8px 0 8px; } /*-- right edge --*/ .YellowR { width:12px; background: url(images/yellow/contbanner-r.gif) repeat-y top right; } /*-- bottom left corner --*/ .YellowBL { width:12px; height:12px; background: url(images/yellow/contbanner-bl.gif) no-repeat top left; } /*-- bottom edge --*/ .YellowB { height:12px; background: url(images/yellow/contbanner-b.gif) repeat-x top left; } /*-- bottom right corner --*/ .YellowBR { width:12px; height:12px; background: url(images/yellow/contbanner-br.gif) no-repeat top right; }