/*========================================================*/
/*         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-blue .ContainerHead .Head {color: #0074ab; font-size: 12px; font-weight: bold; font-family: tahoma; white-space: nowrap;}
#canvas-green .ContainerHead .Head {color: #3c8e03; font-size: 12px; font-weight: bold; font-family: tahoma; white-space: nowrap;}
#canvas-orange .ContainerHead .Head {color: #c96600; font-size: 12px; font-weight: bold; font-family: tahoma; white-space: nowrap;}
/** Added by MangoWebSolutions **/
#canvas-red .ContainerHead .Head {color: #CC2500; font-size: 12px; font-weight: bold; font-family: tahoma; white-space: nowrap;}
#canvas-lime .ContainerHead .Head {color: #86CE00; font-size: 12px; font-weight: bold; font-family: tahoma; white-space: nowrap;}
#canvas-pink .ContainerHead .Head {color: #FF3B79; font-size: 12px; font-weight: bold; font-family: tahoma; white-space: nowrap;}
/** End **/

.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);}

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

.green-ctr .ctr-tl {background: url(ctr-tl-G.gif);}
.green-ctr .ctr-t-a, .green-ctr .ctr-t-c {width: 1px; background: url(ctr-t-G.gif) repeat-x;}
.green-ctr .ctr-t-t {background: url(ctr-t-G.gif) repeat-x;}
.green-ctr .ctr-tr {background: url(ctr-tr-G.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);}

/** Added by MangoWebSolutions **/
.red-ctr .ctr-tl {background: url(ctr-tl-red.gif);}
.red-ctr .ctr-t-a, .orange-ctr .ctr-t-c {width: 1px; background: url(ctr-t-red.gif) repeat-x;}
.red-ctr .ctr-t-t {background: url(ctr-t-red.gif) repeat-x;}
.red-ctr .ctr-tr {background: url(ctr-tr-red.gif);}

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

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