/* 
================================================
 Containers Styles for DotNetNuke
================================================*/  



/* Basic */
td.ctr-actions {padding: 0 0 1px 0;}
td.basic-ctr-ul td.ctr-actions {padding: 0 0 2px 0; background: url(img/dotted-ul.gif) bottom repeat-x;}
td.ctr-title {padding: 5px 0 2px 0;}
td.basic-ctr-ul td.ctr-title {padding: 10px 0 2px 0; background: url(img/dotted-ul.gif) bottom repeat-x;}
td.ctr-title .Head {font-family: Arial, "Arial Black"; font-size: 15px; font-weight: bold; white-space: nowrap; color:#003366;}
td.basic-ctr-ul td.ctr-visibility, td.basic-ctr td.ctr-visibility {width: 11px; padding-top: 12px; text-align: right; background: url(img/dotted-ul.gif) bottom repeat-x; font-size: 0px;}
td.ctr-content {padding: 6px 0 0 0;}
td.ctr-admin {padding: 8px 0 0 0; text-align: right; font-size: 0px;}
td.ctr-admin img {margin-left: 5px;}
td.basic-ctr, td.basic-ctr-ul {padding-bottom: 20px;}



/* Colored containers - color variations */

/* GRADIENT 1 */
/*------------------------------------------------------------------------*/
table.ctr-grad1  td.ctr-header-row {height: 33px;}
table.ctr-grad1  td.ctr-header-actions {padding: 0; width: 5px; background: transparent;}
table.ctr-grad1  td.ctr-header-icon {padding: 0; width: 1px; background: transparent;}
table.ctr-grad1  td.ctr-header-title {background: transparent; text-align:left; color:#003366; padding:0 0 0 5px;}
table.ctr-grad1  td.ctr-header-title span.title {text-align:left; color:#003366; font-family:Arial,"Arial Black"; font-size:14px; font-weight:bold;}
table.ctr-grad1  td.ctr-visibility {width: 28px; text-align: right;}
table.ctr-grad1  td.ctr-header-right {width: 11px; height: 33px;}

table.ctr-grad1  td.mt-l {width: 11px; height: 0px; background: url(img/mb-l-grad1.gif) repeat-y left top;line-height:0px; font-size:0px; text-align:right; vertical-align:top;}
table.ctr-grad1  td.mt-c {width: 100%; height: 0px; line-height:0px;font-size:1px;}
table.ctr-grad1  td.mt-r {width: 11px; height: 0px; background: url(img/mb-r-grad1.gif) repeat-y right top; line-height:0px;font-size:0px; text-align:left; vertical-align:top;}

table.ctr-grad1  td.mb-l {width: 11px; background: url(img/mb-l-grad1.gif) repeat-y left top;}
table.ctr-grad1  td.mb-c {width: 100%; background:transparent; padding: 0px 6px 4px 6px;}
table.ctr-grad1  td.mb-r {width: 11px; background: url(img/mb-r-grad1.gif) repeat-y right top;}

table.ctr-grad1  td.ctr-color-admin {padding: 2px 0 0 0; text-align: right; font-size: 0;}
table.ctr-grad1  td.ctr-color-admin img {margin-left: 5px;}
table.ctr-grad1  td.b-l {width: 11px; height: 24px; background: url(img/b-l-grad1.gif) no-repeat left top;}
table.ctr-grad1  td.b-c {width: 100%; height: 24px; background: url(img/b-c-grad1.gif) repeat-x top;}
table.ctr-grad1  td.b-r {width: 11px; height: 24px; background: url(img/b-r-grad1.gif) no-repeat right top;}

table.ctr-grad1 {width: 100%; background-image: url("img/bg_grad1.gif"); background-repeat:repeat-x; background-color: #FFFFFF;}
table.ctr-grad1 td.ctr-header-row {background: url(img/t-grad1.gif) repeat-x #d7e0e9;}
table.ctr-grad1 table.header-table {background: url(img/tl-grad1.gif) no-repeat;}
table.ctr-grad1 td.ctr-header-right {background: url(img/tr-grad1.gif) no-repeat top right;}
/*------------------------------------------------------------------------*/


/* GRADIENT 2 */
/*------------------------------------------------------------------------*/
table.ctr-grad2  td.ctr-header-row {height: 33px;}
table.ctr-grad2  td.ctr-header-actions {padding: 0; width: 5px; background: transparent;}
table.ctr-grad2  td.ctr-header-icon {padding: 0; width: 1px; background: transparent;}
table.ctr-grad2  td.ctr-header-title {background: transparent; text-align:left; color:#003366; padding:0 0 0 5px;}
table.ctr-grad2  td.ctr-header-title span.title {text-align:left; color:#003366; font-family:Arial,"Arial Black"; font-size:14px; font-weight:bold;}
table.ctr-grad2  td.ctr-visibility {width: 28px; text-align: right;}
table.ctr-grad2  td.ctr-header-right {width: 11px; height: 33px;}

table.ctr-grad2  td.mt-l {width: 11px; height: 0px; background: url(img/mb-l-grad2.gif) repeat-y left top;line-height:0px; font-size:0px; text-align:right; vertical-align:top;}
table.ctr-grad2  td.mt-c {width: 100%; height: 0px; line-height:0px;font-size:1px;}
table.ctr-grad2  td.mt-r {width: 11px; height: 0px; background: url(img/mb-r-grad2.gif) repeat-y right top; line-height:0px;font-size:0px; text-align:left; vertical-align:top;}

table.ctr-grad2  td.mb-l {width: 11px; background: url(img/mb-l-grad2.gif) repeat-y left top;}
table.ctr-grad2  td.mb-c {width: 100%; background:transparent; padding: 0px 6px 4px 6px;}
table.ctr-grad2  td.mb-r {width: 11px; background: url(img/mb-r-grad2.gif) repeat-y right top;}

table.ctr-grad2  td.ctr-color-admin {padding: 2px 0 0 0; text-align: right; font-size: 0;}
table.ctr-grad2  td.ctr-color-admin img {margin-left: 5px;}
table.ctr-grad2  td.b-l {width: 11px; height: 24px; background: url(img/b-l-grad2.gif) no-repeat left top;}
table.ctr-grad2  td.b-c {width: 100%; height: 24px; background: url(img/b-c-grad2.gif) repeat-x top;}
table.ctr-grad2  td.b-r {width: 11px; height: 24px; background: url(img/b-r-grad2.gif) no-repeat right top;}

table.ctr-grad2 {width: 100%; background-color:#FFFFFF;}
table.ctr-grad2 td.ctr-header-row {background: url(img/t-grad2.gif) repeat-x #FFFFFF;}
table.ctr-grad2 table.header-table {background: url(img/tl-grad2.gif) no-repeat;}
table.ctr-grad2 td.ctr-header-right {background: url(img/tr-grad2.gif) no-repeat top right;}
/*------------------------------------------------------------------------*/


/* GRADIENT 3 */
/*------------------------------------------------------------------------*/
table.ctr-grad3  td.ctr-header-row {height: 33px;}
table.ctr-grad3  td.ctr-header-actions {padding: 0; width: 5px; background: transparent;}
table.ctr-grad3  td.ctr-header-icon {padding: 0; width: 1px; background: transparent;}
table.ctr-grad3  td.ctr-header-title {background: transparent; text-align:left; color:#003366; padding:0 0 0 5px;}
table.ctr-grad3  td.ctr-header-title span.title {text-align:left; color:#003366; font-family:Arial,"Arial Black"; font-size:14px; font-weight:bold;}
table.ctr-grad3  td.ctr-visibility {width: 28px; text-align: right;}
table.ctr-grad3  td.ctr-header-right {width: 11px; height: 33px;}

table.ctr-grad3  td.mt-l {width: 11px; height: 0px; background: url(img/mb-l-grad3.gif) repeat-y left top;line-height:0px; font-size:0px; text-align:right; vertical-align:top;}
table.ctr-grad3  td.mt-c {width: 100%; height: 0px; line-height:0px;font-size:1px;}
table.ctr-grad3  td.mt-r {width: 11px; height: 0px; background: url(img/mb-r-grad3.gif) repeat-y right top; line-height:0px;font-size:0px; text-align:left; vertical-align:top;}

table.ctr-grad3  td.mb-l {width: 11px; background: url(img/mb-l-grad3.gif) repeat-y left top;}
table.ctr-grad3  td.mb-c {width: 100%; background:transparent; padding: 0px 6px 4px 6px;}
table.ctr-grad3  td.mb-r {width: 11px; background: url(img/mb-r-grad3.gif) repeat-y right top;}

table.ctr-grad3  td.ctr-color-admin {padding: 2px 0 0 0; text-align: right; font-size: 0;}
table.ctr-grad3  td.ctr-color-admin img {margin-left: 5px;}
table.ctr-grad3  td.b-l {width: 11px; height: 24px; background: url(img/b-l-grad3.gif) no-repeat left top;}
table.ctr-grad3  td.b-c {width: 100%; height: 24px; background: url(img/b-c-grad3.gif) repeat-x top;}
table.ctr-grad3  td.b-r {width: 11px; height: 24px; background: url(img/b-r-grad3.gif) no-repeat right top;}

table.ctr-grad3 {width: 100%; background-image:url(img/bg_grad3.gif); background-repeat:repeat-x; background-color: #bcd7ea;}
table.ctr-grad3 td.ctr-header-row {background: url(img/t-grad3.gif) repeat-x #fefdfd;}
table.ctr-grad3 table.header-table {background: url(img/tl-grad3.gif) no-repeat;}
table.ctr-grad3 td.ctr-header-right {background: url(img/tr-grad3.gif) no-repeat top right;}
/*------------------------------------------------------------------------*/



/* Menu Styles for DotNetNuke */
/* --------------------------------------------------------------------------------- */
.ModuleTitle_MenuItem {
	border: white 0px solid; /*override borders*/    
}

.ModuleTitle_MenuItem TD {  /*TD if menu is using tables*/
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
    white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding: 1px 3px 3px 1px;	
}


.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	width: 15px;
	height: 100%;   /*override the default height for icon so that menubreaks can have heights adjusted*/
}

.ModuleTitle_SubMenu 
{
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}

.ModuleTitle_MenuBreak  {
	background-color: #EEEEEE; 
	font-size: 1px; /*make sure you take out portal.css ModuleTitle_MenuBreak for this to work*/
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #C1D2EE;
}
/* --------------------------------------------------------------------------------- */