/*========================================================*/
/*         CSS for Pearl DotNetNuke Containers            */
/*              created by Tyler Fawcett                  */
/*                                                        */
/*                 http://www.tfdnn.com                   */
/*                 tf@tylerfawcett.com                    */
/*========================================================*/



.ContainerActions {
	width: 1px;
}

.ContainerHead {
	padding: 3px 0 3px 0;
}

.ContainerBody {
	padding: 3px 0 0 0;
}

.ContainerIcons {
	text-align: right;
	padding: 8px 0 10px 0;
}

#canvas-bleu .ContainerHead .Head {color: #0074ab; font-size: 16px; font-weight: normal; font-family: tahoma; white-space: nowrap;}
#canvas-bleu2 .ContainerHead .Head {color: #00248F; font-size: 16px; font-weight: normal; font-family: tahoma; white-space: nowrap;}
#canvas-vert .ContainerHead .Head {color: #3c8e03; font-size: 16px; font-weight: normal; font-family: tahoma; white-space: nowrap;}
#canvas-vert2 .ContainerHead .Head {color: #24B300; font-size: 16px; font-weight: normal; font-family: tahoma; white-space: nowrap;}
#canvas-orange .ContainerHead .Head {color: #c96600; font-size: 16px; font-weight: normal; font-family: tahoma; white-space: nowrap;}
#canvas-jaune .ContainerHead .Head {color: #b2eb00; font-size: 16px; font-weight: normal; font-family: tahoma; white-space: nowrap;}
#canvas-rouge .ContainerHead .Head {color: #fb1800; font-size: 16px; font-weight: normal; font-family: tahoma; white-space: nowrap;}
#canvas-rouge2 .ContainerHead .Head {color: #B30000; font-size: 16px; font-weight: normal; font-family: tahoma; white-space: nowrap;}
#canvas-magenta .ContainerHead .Head {color: #4b00d8; font-size: 16px; font-weight: normal; font-family: tahoma; white-space: nowrap;}
#canvas-cyan .ContainerHead .Head {color: #00ccdf; font-size: 16px; font-weight: normal; font-family: tahoma; white-space: nowrap;}
#canvas-degnb .ContainerHead .Head {color: #bcbcbc; font-size: 16px; font-weight: normal; font-family: tahoma; white-space: nowrap;}
#canvas-marron .ContainerHead .Head {color: #805940; font-size: 16px; font-weight: normal; font-family: tahoma; white-space: nowrap;}
#canvas-gris .ContainerHead .Head {color: #D6D6D6; font-size: 16px; font-weight: normal; font-family: tahoma; white-space: nowrap;}
#canvas-turquoise .ContainerHead .Head {color: #006B6B; font-size: 16px; font-weight: normal; font-family: tahoma; white-space: nowrap;}
#canvas-violet .ContainerHead .Head {color: #47006B; font-size: 16px; font-weight: normal; font-family: tahoma; white-space: nowrap;}


.ctr-pad {padding: 0 10px 10px 10px;}

.ctr-tl {width: 12px; height: 30px;}
.ctr-t-a {width: 1px;}
.ctr-t-c {width: 1px;}
.ctr-t-t .Head {color: #fff; font-size: 13px; font-weight: bold; padding: 0 8px 0 0px;}
.ctr-tr {width: 14px; height: 30px;}
.ctr-ml {width: 12px; background: url(ctr-ml.gif) repeat-y; font-size: 1px;}
.ctr-m {background: #f7f7f7; padding: 8px 4px 4px 4px;}
.ctr-m-actions {background: #f7f7f7; padding: 8px 0px 0px 4px; text-align: right;}
.ctr-m-actions a {white-space: nowrap;}
.ctr-mr {width: 14px; background: url(ctr-mr.gif) right repeat-y; font-size: 1px;}
.ctr-bl {width: 12px; height: 15px; font-size: 1px; background: url(ctr-bl.gif);}
.ctr-b {height: 15px; background: url(ctr-b.gif) repeat-x; font-size: 1px;}
.ctr-br {width: 14px; height: 15px; font-size: 1px; background: url(ctr-br.gif);}

.bleu-ctr .ctr-tl {background: url(ctr-tl-B.gif);}
.bleu-ctr .ctr-t-a, .bleu-ctr .ctr-t-c {width: 1px;	background: url(ctr-t-B.gif) repeat-x;}
.bleu-ctr .ctr-t-t {background: url(ctr-t-B.gif) repeat-x;}
.bleu-ctr .ctr-tr {background: url(ctr-tr-B.gif);}

.bleu2-ctr .ctr-tl {background: url(ctr-tl-B2.gif);}
.bleu2-ctr .ctr-t-a, .bleu2-ctr .ctr-t-c {width: 1px;	background: url(ctr-t-B2.gif) repeat-x;}
.bleu2-ctr .ctr-t-t {background: url(ctr-t-B2.gif) repeat-x;}
.bleu2-ctr .ctr-tr {background: url(ctr-tr-B2.gif);}

.vert-ctr .ctr-tl {background: url(ctr-tl-V.gif);}
.vert-ctr .ctr-t-a, .vert-ctr .ctr-t-c {width: 1px; background: url(ctr-t-V.gif) repeat-x;}
.vert-ctr .ctr-t-t {background: url(ctr-t-V.gif) repeat-x;}
.vert-ctr .ctr-tr {background: url(ctr-tr-V.gif);}

.vert2-ctr .ctr-tl {background: url(ctr-tl-V2.gif);}
.vert2-ctr .ctr-t-a, .vert2-ctr .ctr-t-c {width: 1px; background: url(ctr-t-V2.gif) repeat-x;}
.vert2-ctr .ctr-t-t {background: url(ctr-t-V2.gif) repeat-x;}
.vert2-ctr .ctr-tr {background: url(ctr-tr-V2.gif);}

.orange-ctr .ctr-tl {background: url(ctr-tl-O.gif);}
.orange-ctr .ctr-t-a, .orange-ctr .ctr-t-c {width: 1px; background: url(ctr-t-O.gif) repeat-x;}
.orange-ctr .ctr-t-t {background: url(ctr-t-O.gif) repeat-x;}
.orange-ctr .ctr-tr {background: url(ctr-tr-O.gif);}

.jaune-ctr .ctr-tl {background: url(ctr-tl-J.gif);}
.jaune-ctr .ctr-t-a, .jaune-ctr .ctr-t-c {width: 1px;	background: url(ctr-t-J.gif) repeat-x;}
.jaune-ctr .ctr-t-t {background: url(ctr-t-J.gif) repeat-x;}
.jaune-ctr .ctr-tr {background: url(ctr-tr-J.gif);}

.rouge-ctr .ctr-tl {background: url(ctr-tl-R.gif);}
.rouge-ctr .ctr-t-a, .rouge-ctr .ctr-t-c {width: 1px;	background: url(ctr-t-R.gif) repeat-x;}
.rouge-ctr .ctr-t-t {background: url(ctr-t-R.gif) repeat-x;}
.rouge-ctr .ctr-tr {background: url(ctr-tr-R.gif);}

.rouge2-ctr .ctr-tl {background: url(ctr-tl-R2.gif);}
.rouge2-ctr .ctr-t-a, .rouge2-ctr .ctr-t-c {width: 1px;	background: url(ctr-t-R2.gif) repeat-x;}
.rouge2-ctr .ctr-t-t {background: url(ctr-t-R2.gif) repeat-x;}
.rouge2-ctr .ctr-tr {background: url(ctr-tr-R2.gif);}

.magenta-ctr .ctr-tl {background: url(ctr-tl-M.gif);}
.magenta-ctr .ctr-t-a, .magenta-ctr .ctr-t-c {width: 1px;	background: url(ctr-t-M.gif) repeat-x;}
.magenta-ctr .ctr-t-t {background: url(ctr-t-M.gif) repeat-x;}
.magenta-ctr .ctr-tr {background: url(ctr-tr-M.gif);}

.cyan-ctr .ctr-tl {background: url(ctr-tl-C.gif);}
.cyan-ctr .ctr-t-a, .cyan-ctr .ctr-t-c {width: 1px;	background: url(ctr-t-C.gif) repeat-x;}
.cyan-ctr .ctr-t-t {background: url(ctr-t-C.gif) repeat-x;}
.cyan-ctr .ctr-tr {background: url(ctr-tr-C.gif);}

.degnb-ctr .ctr-tl {background: url(ctr-tl-DegNB.gif);}
.degnb-ctr .ctr-t-a, .degnb-ctr .ctr-t-c {width: 1px;	background: url(ctr-t-DegNB.gif) repeat-x;}
.degnb-ctr .ctr-t-t {background: url(ctr-t-DegNB.gif) repeat-x;}
.degnb-ctr .ctr-tr {background: url(ctr-tr-DegNB.gif);}

.marron-ctr .ctr-tl {background: url(ctr-tl-Mar.gif);}
.marron-ctr .ctr-t-a, .marron-ctr .ctr-t-c {width: 1px;	background: url(ctr-t-Mar.gif) repeat-x;}
.marron-ctr .ctr-t-t {background: url(ctr-t-Mar.gif) repeat-x;}
.marron-ctr .ctr-tr {background: url(ctr-tr-Mar.gif);}

.gris-ctr .ctr-tl {background: url(ctr-tl-Gr.gif);}
.gris-ctr .ctr-t-a, .gris-ctr .ctr-t-c {width: 1px;	background: url(ctr-t-Gr.gif) repeat-x;}
.gris-ctr .ctr-t-t {background: url(ctr-t-Gr.gif) repeat-x;}
.gris-ctr .ctr-tr {background: url(ctr-tr-Gr.gif);}

.turquoise-ctr .ctr-tl {background: url(ctr-tl-Tu.gif);}
.turquoise-ctr .ctr-t-a, .turquoise-ctr .ctr-t-c {width: 1px;	background: url(ctr-t-Tu.gif) repeat-x;}
.turquoise-ctr .ctr-t-t {background: url(ctr-t-Tu.gif) repeat-x;}
.turquoise-ctr .ctr-tr {background: url(ctr-tr-Tu.gif);}

.violet-ctr .ctr-tl {background: url(ctr-tl-Vi.gif);}
.violet-ctr .ctr-t-a, .violet-ctr .ctr-t-c {width: 1px;	background: url(ctr-t-Vi.gif) repeat-x;}
.violet-ctr .ctr-t-t {background: url(ctr-t-Vi.gif) repeat-x;}
.violet-ctr .ctr-tr {background: url(ctr-tr-Vi.gif);}