/* Containers  */



/* Basic */

.flux-basic {margin: 10px 0;}
.flux-basic-header {height: 20px;}
.flux-basic-header.ul {border-bottom: 2px dotted #ddd;}
.flux-basic-title {padding: 0; margin: 0; float: left;}
.flux-basic-title h2 {padding: 0; margin: 0;}
.flux-basic-title h2 .Head {font-weight: bold; font-size: 16px; }
.flux-basic-actions {float: right;}
.flux-basic-visibility {float: right; margin-top: 4px;}
.flux-basic-body {padding: 10px 0 5px 0;}
.flux-basic-content {}
.flux-basic-actionbuttons {text-align: right;}
.flux-basic-actionbuttons span {font-size: 11px;}


hr.clear {clear: both; display: none;}


/* styles for flux colored header containers */

.flux-ctr {width: 100%; margin-bottom: 10px; font-size: 11px;}

.flux-ctr-head {height: 32px; background-repeat: repeat-x; overflow: hidden;}
.flux-ctr-head-l {float: left; height: 32px; background-position: top left; background-repeat: no-repeat; padding-left: 21px; line-height: 32px; color: #fff;}
.flux-ctr-head-l h2 {margin: 0 !important; padding: 0 !important;}
.flux-ctr h2 .Head {color: #fff; font-weight: bold; font-size: 13px; margin: 0; padding: 0; line-height: 32px;}
.flux-ctr-head-r {float: right; height: 32px; background-repeat: no-repeat; background-position: top right;}
.flux-ctr-head-r .actions {float: right; margin: 6px 0 0 0;}
.flux-ctr-head .flux-ctr-head-r .visibility {display: none;}
.flux-ctr-head.visibility .flux-ctr-head-r .visibility {display: block; float: right; margin: 6px 8px 0 0;}

.flux-ctr-body {width: 100%; margin: 0; padding: 0; display: block;}
.flux-ctr-body-top {width: 100%; height: 11px; background: url(img/mt-c.gif) repeat-x;}
.flux-ctr-body-top i {display: block; float: left; width: 11px; height: 11px; background: url(img/mt-l.gif) no-repeat;}
.flux-ctr-body-top b {display: block; float: right; width: 11px; height: 11px; background: url(img/mt-r.gif) no-repeat;}

.flux-ctr-body-mid-out {background: url(img/mb-r.gif) top right repeat-y #fbfbfb; padding: 0 14px 0 0;}
.flux-ctr-body-mid-in {background: url(img/mb-l.gif) top left repeat-y #fbfbfb; padding: 0 0 3px 14px;}

.flux-ctr-body-mid-in .actionbuttons {text-align: right;}
.flux-ctr-body-mid-in .actionbuttons span {font-size: 11px;}
.flux-ctr-body-mid-in .actionbuttons img {}

.flux-ctr-body-bot {width: 100%; height: 12px; background: url(img/b-c.gif) repeat-x;}
.flux-ctr-body-bot i {display: block; float: left; width: 11px; height: 12px; background: url(img/b-l.gif) no-repeat;}
.flux-ctr-body-bot b {display: block; float: right; width: 11px; height: 12px; background: url(img/b-r.gif) no-repeat;}


/* charcoal - chl */
.flux-ctr.chl {background-image: url(img/t-chl.gif);}
.flux-ctr.chl .flux-ctr-head-l {background-image: url(img/tl-chl.gif);}
.flux-ctr.chl .flux-ctr-head-r {background-image: url(img/tr-chl.gif);}

/* aqua - aqu */
.flux-ctr.aqu {background-image: url(img/t-aqu.gif);}
.flux-ctr.aqu .flux-ctr-head-l {background-image: url(img/tl-aqu.gif);}
.flux-ctr.aqu .flux-ctr-head-r {background-image: url(img/tr-aqu.gif);}

/* cobalt - blu */
.flux-ctr.blu {background-image: url(img/t-blu.gif);}
.flux-ctr.blu .flux-ctr-head-l {background-image: url(img/tl-blu.gif);}
.flux-ctr.blu .flux-ctr-head-r {background-image: url(img/tr-blu.gif);}

/* olive - olv */
.flux-ctr.olv {background-image: url(img/t-olv.gif);}
.flux-ctr.olv .flux-ctr-head-l {background-image: url(img/tl-olv.gif);}
.flux-ctr.olv .flux-ctr-head-r {background-image: url(img/tr-olv.gif);}

/* pumpkin - pmk */
.flux-ctr.pmk {background-image: url(img/t-pmk.gif);}
.flux-ctr.pmk .flux-ctr-head-l {background-image: url(img/tl-pmk.gif);}
.flux-ctr.pmk .flux-ctr-head-r {background-image: url(img/tr-pmk.gif);}

/* indigo - prl */
.flux-ctr.prl {background-image: url(img/t-prl.gif);}
.flux-ctr.prl .flux-ctr-head-l {background-image: url(img/tl-prl.gif);}
.flux-ctr.prl .flux-ctr-head-r {background-image: url(img/tr-prl.gif);}

/* gold - gld */
.flux-ctr.gld {background-image: url(img/t-gld.gif);}
.flux-ctr.gld .flux-ctr-head-l {background-image: url(img/tl-gld.gif);}
.flux-ctr.gld .flux-ctr-head-r {background-image: url(img/tr-gld.gif);}

/* forest - grn */
.flux-ctr.grn {background-image: url(img/t-grn.gif);}
.flux-ctr.grn .flux-ctr-head-l {background-image: url(img/tl-grn.gif);}
.flux-ctr.grn .flux-ctr-head-r {background-image: url(img/tr-grn.gif);}

/* smoke - gry */
.flux-ctr.gry {background-image: url(img/t-gry.gif);}
.flux-ctr.gry .flux-ctr-head-l {background-image: url(img/tl-gry.gif);}
.flux-ctr.gry .flux-ctr-head-r {background-image: url(img/tr-gry.gif);}

/* sangria - red */
.flux-ctr.red {background-image: url(img/t-red.gif);}
.flux-ctr.red .flux-ctr-head-l {background-image: url(img/tl-red.gif);}
.flux-ctr.red .flux-ctr-head-r {background-image: url(img/tr-red.gif);}

/* midnight - mdt */
.flux-ctr.mdt {background-image: url(img/t-mdt.gif);}
.flux-ctr.mdt .flux-ctr-head-l {background-image: url(img/tl-mdt.gif);}
.flux-ctr.mdt .flux-ctr-head-r {background-image: url(img/tr-mdt.gif);}

/* lime - lim */
.flux-ctr.lim {background-image: url(img/t-lim.gif);}
.flux-ctr.lim .flux-ctr-head-l {background-image: url(img/tl-lim.gif);}
.flux-ctr.lim .flux-ctr-head-r {background-image: url(img/tr-lim.gif);}