/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++     CSS Container Skin for DotNetNuke        ++*/
/*++     Frontwork Studio                         ++*/
/*++     http://www.frontworkstudio.com           ++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* shaded container */
.containertopshade {background: url(shade_light_top.gif) repeat-x top left; width:100%; height:11px;}

/* framed container */
.shaderlong_left {background: url(shade_long_left.gif) repeat-y top left;}
.shaderlong_right {background: url(shade_long_right.gif) repeat-y top left;}
.containerbottomshade {background: url(shade_light_bottom.gif) repeat-x top left; width:100%; height:11px;}
.containertopborder {background: url(border_light_top.gif) repeat-x top left; width:100%; height:11px;}
.containerbottomborder {background: url(border_light_bottom.gif) repeat-x top left; width:100%; height:11px;}
.bordercontent {border:1px #ddd solid; padding:0px;}

/* flat-coloured global container (light-grey) */
.flatgl_containertitlecell {background: transparent; height:31px; padding:16px 0px 0px 24px;}
.flatgl_containertitle {display:block; font: bold 14px Tahoma, Arial, Verdana; text-transform:UPPERCASE; color:#777;}
.flatgl_bgcolour {background: #F3F3F3;}
.fgl_contentactions {padding: 10px 18px 20px 24px;} 

/* flat-coloured global container (light-steelblue) */
.flatlsb_containertitlecell {background: transparent; height:31px; padding:16px 0px 0px 24px;}
.flatlsb_containertitle {display:block; font: bold 14px Tahoma, Arial, Verdana; text-transform:UPPERCASE; color:#777;}
.flatlsb_bgcolour {background: #E3ECF8;}

/* flat-coloured global container (light-olivedrab) */
.flatod_containertitlecell {background: transparent; height:31px; padding:16px 0px 0px 24px;}
.flatod_containertitle {display:block; font: bold 14px Tahoma, Arial, Verdana; text-transform:UPPERCASE; color:#777;}
.flatod_bgcolour {background: #E6F3CB;}

/* flat-coloured global container (khaki) */
.flatkk_containertitlecell {background: transparent; height:31px; padding:16px 0px 0px 24px;}
.flatkk_containertitle {display:block; font: bold 14px Tahoma, Arial, Verdana; text-transform:UPPERCASE; color:#777;}
.flatkk_bgcolour {background: #F0E68C;}

/* flat-coloured global container (light-cyan) */
.flatlc_containertitlecell {background: transparent; height:31px; padding:16px 0px 0px 24px;}
.flatlc_containertitle {display:block; font: bold 14px Tahoma, Arial, Verdana; text-transform:UPPERCASE; color:#777;}
.flatlc_bgcolour {background: #D1EEEE;}

/* flat-coloured global container (light-olivegreen) */
.flatlog_containertitlecell {background: transparent; height:31px; padding:16px 0px 0px 24px;}
.flatlog_containertitle {display:block; font: bold 14px Tahoma, Arial, Verdana; text-transform:UPPERCASE; color:#777;}
.flatlog_bgcolour {background: #D8FF96;}

/* flat-coloured global container (beige) */
.flatbei_containertitlecell {background: transparent; height:31px; padding:16px 0px 0px 24px;}
.flatbei_containertitle {display:block; font: bold 14px Tahoma, Arial, Verdana; text-transform:UPPERCASE; color:#777;}
.flatbei_bgcolour {background: #FAFAD2;}

/* flat-coloured global container (snow) */
.flatsno_containertitlecell {background: transparent; height:31px; padding:16px 0px 0px 24px;}
.flatsno_containertitle {display:block; font: bold 14px Tahoma, Arial, Verdana; text-transform:UPPERCASE; color:#777;}
.flatsno_bgcolour {background: #EEE9E9;}

/* flat-coloured global container (super-yellow) */
.flatsye_containertitlecell {background: transparent; height:31px; padding:16px 0px 0px 24px;}
.flatsye_containertitle {display:block; font: bold 14px Tahoma, Arial, Verdana; text-transform:UPPERCASE; color:#777;}
.flatsye_bgcolour {background: #E2E373;}

/* flat-coloured global container (peachy) */
.flatpea_containertitlecell {background: transparent; height:31px; padding:16px 0px 0px 24px;}
.flatpea_containertitle {display:block; font: bold 14px Tahoma, Arial, Verdana; text-transform:UPPERCASE; color:#777;}
.flatpea_bgcolour {background: #E3C0A8;}

/* flat-coloured global container (sky-blye) */
.flatskb_containertitlecell {background: transparent; height:31px; padding:16px 0px 0px 24px;}
.flatskb_containertitle {display:block; font: bold 14px Tahoma, Arial, Verdana; text-transform:UPPERCASE; color:#777;}
.flatskb_bgcolour {background: #A1C4E7;}

/* for global versions of shaded containers */
.glshade_containertitlecell {background: #E9E9E9 url(shade_headerbackground.gif) repeat-x top left; width:100%; height:26px; padding:6px 0 6px 14px;}
.glshade_containertitlecell_bottom {background: url(shade_headerbackground_bottom.gif) repeat-x top left; width:100%; height:5px;}
.glshadeul_containertitlecell {background: #ECECEC url(trans_headerbackground.gif) repeat-x top left; width:100%; height:26px; padding:6px 0 6px 14px;}
.glshadeul_containertitlecell_bottom {background: url(trans_headerbackground_bottom.gif) repeat-x top left; width:100%; height:5px;}
.glshade_containertitle {font: bold 12px Tahoma, Arial, Verdana; text-transform:UPPERCASE; color:#575757;}

/* for additional versions of coloured shaded containers */
.mustard_containertitlecell {background: url(mustard_headerbackground.gif) repeat-x top left; width:100%; height:31px; background-color: #A19621; padding:9px 0 5px 14px;}
.mustard_containertitle {font: bold 12px Tahoma, Arial, Verdana; text-transform:UPPERCASE; color:#EEE;}
.purple_containertitlecell {background: url(purple_headerbackground.gif) repeat-x top left; width:100%; height:31px; background-color: #9321A1; padding:9px 0 5px 14px;}
.purple_containertitle {font: bold 12px Tahoma, Arial, Verdana; text-transform:UPPERCASE; color:#EEE;}
.darkblue_containertitlecell {background: url(darkblue_headerbackground.gif) repeat-x top left; width:100%; height:31px; background-color: #2821A1; padding:9px 0 5px 14px;}
.darkblue_containertitle {font: bold 12px Tahoma, Arial, Verdana; text-transform:UPPERCASE; color:#EEE;}
.lightgrey_containertitlecell {background: url(lightgrey_headerbackground.gif) repeat-x top left; width:100%; height:31px; background-color: #A6A6A6; padding:9px 0 5px 14px;}
.lightgrey_containertitle {font: bold 12px Tahoma, Arial, Verdana; text-transform:UPPERCASE; color:#FFF;}
.yellow_containertitlecell {background: url(yellow_headerbackground.gif) repeat-x top left; width:100%; height:31px; background-color: #DABA00; padding:9px 0 5px 14px;}
.yellow_containertitle {font: bold 12px Tahoma, Arial, Verdana; text-transform:UPPERCASE; color:#FFF;}

/* global */
.cw_containertitle {font: bold 14px Tahoma, Arial, Verdana; color: #C20000; margin-bottom:12px;}
.containercontent {background: url(shade_light_mainback.gif) repeat-x top left;}
.nocontainercontent {background: #fff}
.contentactions, .contentutilities {padding:10px 14px 14px 14px;}
.Normal, Normal p {font: 11px Tahoma, Arial, Verdana; line-height: 130%; color: #555;}
td {vertical-align:top;}