
/*  Pyramid container styles  */
td.ctr-notitle-title {width: 00%; padding: 0; text-align: left; }
td.ctr-notitle-actions {width: 1%; padding: 0; text-align: right; }
td.ctr-notitle-body {padding: 4px 4px 10px 4px;}

.ctr-main-actions {width: 1%; padding: 0; text-align: right; border-bottom: 2px dotted #ddd;}
.ctr-main-titlesection, .ctr-main-titlepage {width: 99%; padding: 0px 0px 4px 0px; text-align: left; border-bottom: 2px dotted #ddd;}
.ctr-main-body {padding: 4px 4px 10px 4px;}

/* header styles */
td.ctr-head-left {width: 10px; height: 25px;}
td.ctr-head-actions {width: 1px;}
td.ctr-head-title {height: 25px; width: 1; white-space: nowrap; padding-right: 4px;}
td.ctr-head-connect {width: 15px; height: 25px;}
td.ctr-head-right {height: 25px; border: 0;}
td.ctr-head-right-cap {width: 7px; height: 25px;}

/* sizes spacer images */
td.ctr-head-left img {width: 10px; height: 25px;}
td.ctr-head-connect img {width: 15px; height: 25px;}
td.ctr-head-right img {height: 25px; width: 1px;}
td.ctr-head-right-cap img {width: 7px; height: 25px;}
td.ctr-foot-left img {width: 1px; height: 7px;}
td.ctr-foot-right img {width: 58px; height: 7px;}

/* body styles */
table.ctr-body-border {border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 1px solid #ddd; background: #fafafa;}
.ctr-darkbluewhite table.ctr-body-border, .ctr-greenwhite table.ctr-body-border, .ctr-bluewhite table.ctr-body-border, .ctr-redwhite table.ctr-body-border {border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background: #fff;}
td.ctr-body {padding: 6px 8px 3px 8px; border: 0;}
td.ctr-buttons {padding: 0px 10px 6px 10px; border: 0;}
td.ctr-head-title .Head {color: #fff; font-weight: bold; font-size: 11px; white-space: nowrap;}

/* footer styles */
td.ctr-foot-left {height: 7px; background: transparent; border-top: 1px solid #ddd;}
td.ctr-foot-right {height: 7px; width: 58px; background: url(foot-r.gif) no-repeat;}

/* green variation */
td.ctr-green td.ctr-head-left, td.ctr-greenwhite td.ctr-head-left {background: url(head-cap-l-grn.gif);}
td.ctr-green td.ctr-head-actions, td.ctr-greenwhite td.ctr-head-actions {background: url(head-bg-grn.gif);}
td.ctr-green td.ctr-head-title, td.ctr-greenwhite td.ctr-head-title {background: url(head-bg-grn.gif);}
td.ctr-green td.ctr-head-connect, td.ctr-greenwhite td.ctr-head-connect {background: url(head-c-grn.gif);}
td.ctr-green td.ctr-head-right, td.ctr-greenwhite td.ctr-head-right {background: url(head-r-grn.gif) repeat-x;}
td.ctr-green td.ctr-head-right-cap, td.ctr-greenwhite td.ctr-head-right-cap {background: url(head-cap-r-grn.gif);}

/* red variation */
td.ctr-red td.ctr-head-left, td.ctr-redwhite td.ctr-head-left {background: url(head-cap-l-red.gif);}
td.ctr-red td.ctr-head-actions, td.ctr-redwhite td.ctr-head-actions {background: url(head-bg-red.gif);}
td.ctr-red td.ctr-head-title, td.ctr-redwhite td.ctr-head-title {background: url(head-bg-red.gif);}
td.ctr-red td.ctr-head-connect, td.ctr-redwhite td.ctr-head-connect {background: url(head-c-red.gif);}
td.ctr-red td.ctr-head-right, td.ctr-redwhite td.ctr-head-right {background: url(head-r-red.gif) repeat-x;}
td.ctr-red td.ctr-head-right-cap, td.ctr-redwhite td.ctr-head-right-cap {background: url(head-cap-r-red.gif);}

/* blue variation */
td.ctr-blue td.ctr-head-left, td.ctr-bluewhite td.ctr-head-left {background: url(head-cap-l-blu.gif);}
td.ctr-blue td.ctr-head-actions, td.ctr-bluewhite td.ctr-head-actions {background: url(head-bg-blu.gif);}
td.ctr-blue td.ctr-head-title, td.ctr-bluewhite td.ctr-head-title {background: url(head-bg-blu.gif);}
td.ctr-blue td.ctr-head-connect, td.ctr-bluewhite td.ctr-head-connect {background: url(head-c-blu.gif);}
td.ctr-blue td.ctr-head-right, td.ctr-bluewhite td.ctr-head-right {background: url(head-r-blu.gif) repeat-x;}
td.ctr-blue td.ctr-head-right-cap, td.ctr-bluewhite td.ctr-head-right-cap {background: url(head-cap-r-blu.gif);}

/* dark blue variation */
td.ctr-darkblue td.ctr-head-left, td.ctr-darkbluewhite td.ctr-head-left {background: url(head-cap-l-dkblu.gif);}
td.ctr-darkblue td.ctr-head-actions, td.ctr-darkbluewhite td.ctr-head-actions {background: url(head-bg-dkblu.gif);}
td.ctr-darkblue td.ctr-head-title, td.ctr-darkbluewhite td.ctr-head-title {background: url(head-bg-dkblu.gif);}
td.ctr-darkblue td.ctr-head-connect, td.ctr-darkbluewhite td.ctr-head-connect {background: url(head-c-dkblu.gif);}
td.ctr-darkblue td.ctr-head-right, td.ctr-darkbluewhite td.ctr-head-right {background: url(head-r-dkblu.gif) repeat-x;}
td.ctr-darkblue td.ctr-head-right-cap, td.ctr-darkbluewhite td.ctr-head-right-cap {background: url(head-cap-r-dkblu.gif);}

.ctrdarkblue .CHeadLeft, .ctrdarkbluewhite .CHeadLeft {background: url(CHeadLeftDB.gif);}
.ctrdarkblue .CHeadActions, .ctrdarkbluewhite .CHeadActions {background: url(CHeadCenterDB.gif);}
.ctrdarkblue .CHeadCenter, .ctrdarkbluewhite .CHeadCenter {background: url(CHeadCenterDB.gif);}
.ctrdarkblue .CHeadConnect, .ctrdarkbluewhite .CHeadConnect {background: url(CHeadConnectDB.gif);}
.ctrdarkblue .CHeadRight, .ctrdarkbluewhite .CHeadRight {background: url(CHeadRightDB.gif) repeat-x;}
.ctrdarkblue .CHeadRightCap, .ctrdarkbluewhite .CHeadRightCap {background: url(CHeadRightCapDB.gif);}

/* orange variation */
td.ctr-orange td.ctr-head-left {background: url(head-cap-l-org.gif);}
td.ctr-orange td.ctr-head-actions {background: url(head-bg-org.gif);}
td.ctr-orange td.ctr-head-title {background: url(head-bg-org.gif);}
td.ctr-orange td.ctr-head-connect {background: url(head-c-org.gif);}
td.ctr-orange td.ctr-head-right {background: url(head-r-org.gif) repeat-x;}
td.ctr-orange td.ctr-head-right-cap {background: url(head-cap-r-org.gif);}

/* gray variation */
td.ctr-gray td.ctr-head-left {background: url(head-cap-l-gry.gif);}
td.ctr-gray td.ctr-head-actions {background: url(head-bg-gry.gif);}
td.ctr-gray td.ctr-head-title {background: url(head-bg-gry.gif);}
td.ctr-gray td.ctr-head-connect {background: url(head-c-gry.gif);}
td.ctr-gray td.ctr-head-right {background: url(head-r-gry.gif) repeat-x;}
td.ctr-gray td.ctr-head-right-cap {background: url(head-cap-r-gry.gif);}
td.ctr-gray td.ctr-head-title .Head {color: #333;} 