/* Styles for containers */
/* Created by TFDNN - tfdnn.com - August 2009 */


/* white rounded corners */
div.otactr {margin: 0 0 5px 0; padding: 0; background: #fff;}
div.otactr_top, div.otactr_top b, div.otactr_bottom, div.otactr_bottom b {background: url(img/white_box_corners.png); zoom: 1;}
div.otactr_top {height: 6px; background-position: top left; font-size: 1px;}
div.otactr_top b {height: 6px; width: 6px; background-position: top right; float: right;}
div.otactr_middle_outer {}
div.otactr_middle_inner {border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; background: #fff; padding: 4px 12px 4px 12px;}
div.otactr_bottom {height: 6px; background-position: bottom left;}
div.otactr_bottom b {height: 6px; width: 6px; background-position: bottom right; float: right; font-size: 1px;}

div.otactr_header {position: relative; top: 6px; left: 0; width: 100%;}
div.otactr_title {line-height: 17px;}
div.otactr_title h2 {margin: 0; padding: 2px 0 4px 0; line-height: 1em;}
div.otactr_title h2 .Head {font-size: 17px; color: #333; font-weight: normal;}
div.otactr_visibility {position: absolute; top: 0; right: 0; font-size: 10px; display: none;}
div.otactr_actions {position: absolute; top: 0; right: 0; font-size: 1px;}
div.otactr_actions * {text-align: left !important;}
div.otactr_content {padding: 10px 0 12px 0;}
div.otactr_footer {text-align: right; font-size: 1px;}



/* blue header */
div.bluehdr {margin: 0 0 5px 0; padding: 0; background: #fff;}
div.bluehdr_top, div.bluehdr_top b, div.bluehdr_bottom, div.bluehdr_bottom b {background: url(img/blue_header.png); zoom: 1;}
div.bluehdr_top {height: 6px; background-position: top left; font-size: 1px;}
div.bluehdr_top b {height: 6px; width: 6px; background-position: top right; float: right;}
div.bluehdr_middle_outer {}
div.bluehdr_middle_inner {border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; background: url(img/gradient.png) repeat-x #fff; padding: 4px 12px 4px 12px;}
div.bluehdr_bottom {height: 6px; background-position: bottom left;}
div.bluehdr_bottom b {height: 6px; width: 6px; background-position: bottom right; float: right; font-size: 1px;}

div.bluehdr_header {position: relative; top: 0px; left: 0; width: 100%; background: url(img/blue_header.png) repeat-x;}
div.bluehdr_title {line-height: 17px;}
div.bluehdr_title h2 {margin: 0; padding: 2px 0 4px 0; line-height: 1em;}
div.bluehdr_title h2 .Head {font-size: 17px; color: #333; font-weight: normal;}
div.bluehdr_visibility {position: absolute; top: 0; right: 0; font-size: 10px; display: none;}
div.bluehdr_actions {position: absolute; top: 0; right: 0; font-size: 1px;}
div.bluehdr_actions * {text-align: left !important;}
div.bluehdr_content {padding: 10px 0 12px 0;}
div.bluehdr_footer {text-align: right; font-size: 1px;}

/* header boxes */
div.tfCoH {margin: 0 0 6px 0; padding: 0;}
div.tfCoH_top, div.tfCoH_top b, div.tfCoH_bottom, div.tfCoH_bottom b, div.tfCoH_header_inner, div.tfCoH_header_outer {background-image: url(img/blue_header.png); zoom: 1;}
div.tfCoH_top {height: 6px; background-position: top left; font-size: 1px;}
div.tfCoH_top b {height: 6px; width: 6px; background-position: top right; float: right;}

div.tfCoH_header_outer {background-position: 100% -6px; background-repeat: no-repeat; padding-right: 6px; height: 26px; position: relative; top: 0; left: 0;}
div.tfCoH_header_inner {background-position: 0 -6px; background-repeat: no-repeat; float: left; height: 26px; width: 100%;}
div.tfCoH_title {float: left; margin: 6px 0 0 10px; padding: 0;}
div.tfCoH_actions {float: right;}
div.tfCoH_visibility {position: absolute; top: 3px; right: 9px; font-size: 10px; display: none;}
div.tfCoH_background {background: url(img/gradient.png) repeat-x #fff; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; padding: 8px 8px 5px 8px;}
div.tfCoH_background div.tfCoH_content {padding: 0 2px 0 2px;}

div.tfCoH_title {margin: 0; padding: 0 0 0 10px;}
div.tfCoH_title h2 {margin: 0; padding: 0; line-height: 20px;}
div.tfCoH_title h2 .Head {font-size: 13px; color: #fff; margin: 0; padding: 0 0 0 2px; vertical-align: top;}
div.tfCoH_footer {text-align: right; font-size: 1px; zoom: 1;}
div.tfCoH_bottom {height: 6px; background-position: bottom left;}
div.tfCoH_bottom b {height: 6px; width: 6px; background-position: bottom right; float: right; font-size: 1px;}

/* header boxes - color variations */
div.tfCoH_blue div.tfCoH_top, div.tfCoH_blue div.tfCoH_top b,
div.tfCoH_blue div.tfCoH_bottom, div.tfCoH_blue div.tfCoH_bottom b,
div.tfCoH_blue div.tfCoH_header_outer, div.tfCoH_blue div.tfCoH_header_inner {background-image: url(img/blue_header.png);}