/* 
================================
 Container Styles for DotNetNuke
================================
*/   

/* transparent background for container */
.containermaster_transparent {
	width: 100%;
	background-color: transparent;
	border-right: 0; 
	border-top: 0; 
	border-left: 0; 
	border-bottom: 0; 
}

/* this class is assigned to [TITLE] in container.xml */
.Container_green_head {
	font-size: 12pt;
	color: #82930f;
	margin: 0;
	padding: 0;
	height: 14pt;
	font-weight: bold;
    line-height: 14pt;
    letter-spacing: 0.05em;
    font-variant: small-caps;
    text-align: left;
}

/* this class is assigned to [TITLE:2] in container.xml */
.Container_tan_head {
	font-size: 12pt;
	color: #faf8f4;
	margin: 0;
	padding: 0;
	height: 14pt;
	font-weight: bold;
    line-height: 14pt;
    letter-spacing: 0.05em;
    font-variant: small-caps;
    text-align: left;
}

/* this class is assigned to [TITLE:3] in container.xml */
.Container_purple_head {
	font-size: 12pt;
	color: #98628d;
	margin: 0;
	padding: 0;
	height: 14pt;
	font-weight: bold;
    line-height: 14pt;
    letter-spacing: 0.05em;
    font-variant: small-caps;
    text-align: left;
}

/* this class is assigned to [TITLE:4] in container.xml */
.Container_brown_head {
	font-size: 12pt;
	color: #542e16;
	margin: 0;
	padding: 0;
	height: 14pt;
	font-weight: bold;
    line-height: 14pt;
    letter-spacing: 0.05em;
    font-variant: small-caps;
    text-align: left;
}

/* this class is assigned to [TITLE:5] in container.xml */
.Container_white_head {
	font-size: 12pt;
	color: #ffffff;
	margin: 0;
	padding: 0;
	height: 14pt;
	font-weight: bold;
    line-height: 14pt;
    letter-spacing: 0.05em;
    font-variant: small-caps;
    text-align: left;
}

/* this class is used for photo captions*/
.Container_framecaption, .container_framecaption .normal {
	font-size: 10pt;
	color: #542e16;
	margin: 0;
	padding: 0;
	font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    font-variant: normal;
    text-align: left;
}

/* for containers with the scrollwork top border, smaller sized than header scroll */
.scrollwork_sm {
    background: transparent url('scrollbar_sm.gif') repeat-x scroll left top;
    border-left: solid 3px #6f5c35;
    border-right: solid 3px #6f5c35;
    border-top: solid 2px #6f5c35;
    border-bottom: solid 2px #6f5c35;
    margin: 0;
    padding: 0;
}

.scrollwork_border_dk { /*creates a border around entire container */
    border-top: solid 0px #542e16;
    border-bottom: solid 1px #542e16;
    border-right: solid 1px #542e16;
    border-left: solid 1px #542e16;
    margin: 0;
    padding: 0;
    background-color: Transparent;
}

.scrollwork_sm_noborder {
    background: transparent url('scrollbar_sm.gif') repeat-x scroll left top;
    border-left: solid 1px #6f5c35;
    border-right: solid 1px #6f5c35;
    border-top: solid 0px #6f5c35;
    border-bottom: solid 0px #6f5c35;
    margin: 0;
    padding: 0;
}

/* paired with scrollwork_sm, this creates a horizontal line at bottom of container */
.scrollwork_sm_bottomborder {
    background: transparent;
    border-left: solid 0px #6f5c35;
    border-right: solid 0px #6f5c35;
    border-top: solid 0px #6f5c35;
    border-bottom: solid 1px #6f5c35;
    height: 1px;
    margin: 0;
    padding: 0;
}

/*and at top of cell*/
.scrollwork_sm_topborder {
    background: transparent;
    border-left: solid 0px #6f5c35;
    border-right: solid 0px #6f5c35;
    border-top: solid 2px #6f5c35;
    border-bottom: solid 0px #6f5c35;
    height: 2px;
    margin: 0;
    padding: 0;
}

/* for containers with small scroll used as photo border */
.scrollwork_frame_h {
    background: transparent url('scrollbar_frame_h.gif') repeat-x scroll left top;
    border-left: solid 2px #6f5c35;
    border-right: solid 2px #6f5c35;
    border-top: solid 2px #6f5c35;
    border-bottom: solid 2px #6f5c35;
    margin: 0;
    padding: 0;
}

.scrollwork_frame_v {
    background: transparent url('scrollbar_frame_v.gif') repeat-y scroll left top;
    border-left: solid 2px #6f5c35;
    border-right: solid 2px #6f5c35;
    border-top: solid 0px #6f5c35;
    border-bottom: solid 0px #6f5c35;
    width: 15px;
    margin: 0;
    padding: 0;
}

/* for containers with wood used as photo border */
.woodframe_h {
    background: transparent url('bg_wood.jpg') repeat scroll left top;
    border-left: solid 2px #542e16;
    border-right: solid 2px #542e16;
    border-top: solid 2px #542e16;
    border-bottom: solid 2px #542e16;
    margin: 0;
    padding: 0;
}

.woodframe_v {
    background: transparent url('bg_wood.jpg') repeat scroll left top;
    border-left: solid 2px #542e16;
    border-right: solid 2px #542e16;
    border-top: solid 0px #542e16;
    border-bottom: solid 0px #542e16;
    margin: 0;
    padding: 0;
    width: 15px;
}

/* shadows for photo frames */
.shadow_h {
    background: transparent url('shadow_h.gif') repeat-x scroll left top;
    margin: 0;
    padding: 0;
}

.shadow_v {
    background: transparent url('shadow_v.gif') repeat-y scroll left top;
    margin: 0;
    padding: 0;
}

/* used for the table cell that contains the photo and makes sure
there are no borders or empty spaces around the photo ( area between the
photo and the border).  Also, make certain that you have not got a photo
that is too big too fit.  The frame will stretch to as wide as needed,
but too large and it will stretch the page too far for menus to be easily
accessed.  Generally, try to keep the photo within 500x500px. */
.photoframepane {
    border: 0;
    margin: 0;
    padding: 0;
}

/*This can be applied if you want a border at the bottom of the container */
.container_leftbox_border {
	border-top: 1px #c3b693 solid;
	border-bottom: 2px #c3b693 solid;
	border-right: 0;
	border-left: 0;
}

/*containers with thin colored rectangle on left side of title */
.container_leftbox_bottom {
	background: transparent url('container_leftbox_bottom.gif') repeat-x scroll left bottom;
}

.container_leftbox_top {
	background: transparent url('container_leftbox_top.gif') no-repeat scroll left top;
}

.container_leftbox_green {
	background: transparent url('container_leftbox_green.jpg') repeat-y scroll left top;
	height: 100%;
	padding: 0;
	margin: 0;
}

.container_leftbox_purple {
	background: transparent url('container_leftbox_purple.jpg') repeat-y scroll left top;
	height: 100%;
	padding: 0;
	margin: 0;
}

.container_leftbox_red {
	background: transparent url('container_leftbox_red.jpg') repeat-y scroll left top;
	height: 100%;
	padding: 0;
	margin: 0;
}

.container_leftbox_blue {
	background: transparent url('container_leftbox_blue.jpg') repeat-y scroll left top;
	height: 100%;
	padding: 0;
	margin: 0;
}

.container_leftbox_yellow {
	background: transparent url('container_leftbox_yellow.jpg') repeat-y scroll left top;
	height: 100%;
	padding: 0;
	margin: 0;
}

.container_leftbox_brown {
	background: transparent url('container_leftbox_brown.jpg') repeat-y scroll left top;
	height: 100%;
	padding: 0;
	margin: 0;
}

.container_leftbox_dkorange {
	background: transparent url('container_leftbox_dkorange.jpg') repeat-y scroll left top;
	height: 100%;
	padding: 0;
	margin: 0;
}

.container_leftbox_ltorange {
	background: transparent url('container_leftbox_ltorange.jpg') repeat-y scroll left top;
	height: 100%;
	padding: 0;
	margin: 0;
}


/* containers that have colored rectangle encapsulating the title */
.colortab_red_tl {
	background: transparent url('colortabtl_red.jpg') no-repeat scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_red_lm {
	background: transparent url('colortablm_red.jpg') repeat-y scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_red_bl {
	background: transparent url('colortabbl_red.jpg') no-repeat scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_red_tm {
	background: transparent url('colortabtm_red.jpg') repeat-x scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_red_tr {
	background: transparent url('colortabtr_red.jpg') no-repeat scroll right top;
	padding: 0;
	margin: 0;
}

.colortab_red_rm {
	background: transparent url('colortabrm_red.jpg') repeat-y scroll right top;
	padding: 0;
	margin: 0;
}

.colortab_red_br {
	background: transparent url('colortabbr_red.jpg') no-repeat scroll right bottom;
	padding: 0;
	margin: 0;
}

.colortab_red_bm {
	background: transparent url('colortabbm_red.jpg') repeat-x scroll left bottom;
	padding: 0;
	margin: 0;
}

.colortab_red_bg {
    background-color: #C00A19;
    margin: 0;
    padding: 0;
    border: 0;
}

.colortab_green_tl {
	background: transparent url('colortabtl_green.jpg') no-repeat scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_green_lm {
	background: transparent url('colortablm_green.jpg') repeat-y scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_green_bl {
	background: transparent url('colortabbl_green.jpg') no-repeat scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_green_tm {
	background: transparent url('colortabtm_green.jpg') repeat-x scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_green_tr {
	background: transparent url('colortabtr_green.jpg') no-repeat scroll right top;
	padding: 0;
	margin: 0;
}

.colortab_green_rm {
	background: transparent url('colortabrm_green.jpg') repeat-y scroll right top;
	padding: 0;
	margin: 0;
}

.colortab_green_br {
	background: transparent url('colortabbr_green.jpg') no-repeat scroll right bottom;
	padding: 0;
	margin: 0;
}

.colortab_green_bm {
	background: transparent url('colortabbm_green.jpg') repeat-x scroll left bottom;
	padding: 0;
	margin: 0;
}

.colortab_green_bg {
    background-color: #82930f;
    margin: 0;
    padding: 0;
    border: 0;
}

.colortab_purple_tl {
	background: transparent url('colortabtl_purple.jpg') no-repeat scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_purple_lm {
	background: transparent url('colortablm_purple.jpg') repeat-y scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_purple_bl {
	background: transparent url('colortabbl_purple.jpg') no-repeat scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_purple_tm {
	background: transparent url('colortabtm_purple.jpg') repeat-x scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_purple_tr {
	background: transparent url('colortabtr_purple.jpg') no-repeat scroll right top;
	padding: 0;
	margin: 0;
}

.colortab_purple_rm {
	background: transparent url('colortabrm_purple.jpg') repeat-y scroll right top;
	padding: 0;
	margin: 0;
}

.colortab_purple_br {
	background: transparent url('colortabbr_purple.jpg') no-repeat scroll right bottom;
	padding: 0;
	margin: 0;
}

.colortab_purple_bm {
	background: #98628d url('colortabbm_purple.jpg') repeat-x scroll left bottom;
	padding: 0;
	margin: 0;
}

.colortab_purple_bg {
    background-color: #98628d;
    margin: 0;
    padding: 0;
    border: 0;
}

.colortab_blue_tl {
	background: transparent url('colortabtl_blue.jpg') no-repeat scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_blue_lm {
	background: transparent url('colortablm_blue.jpg') repeat-y scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_blue_bl {
	background: transparent url('colortabbl_blue.jpg') no-repeat scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_blue_tm {
	background: transparent url('colortabtm_blue.jpg') repeat-x scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_blue_tr {
	background: transparent url('colortabtr_blue.jpg') no-repeat scroll right top;
	padding: 0;
	margin: 0;
}

.colortab_blue_rm {
	background: transparent url('colortabrm_blue.jpg') repeat-y scroll right top;
	padding: 0;
	margin: 0;
}

.colortab_blue_br {
	background: transparent url('colortabbr_blue.jpg') no-repeat scroll right bottom;
	padding: 0;
	margin: 0;
}

.colortab_blue_bm {
	background: #98628d url('colortabbm_blue.jpg') repeat-x scroll left bottom;
	padding: 0;
	margin: 0;
}

.colortab_blue_bg {
    background-color: #8dbfbd;
    margin: 0;
    padding: 0;
    border: 0;
}

.colortab_yellow_tl {
	background: transparent url('colortabtl_yellow.jpg') no-repeat scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_yellow_lm {
	background: transparent url('colortablm_yellow.jpg') repeat-y scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_yellow_bl {
	background: transparent url('colortabbl_yellow.jpg') no-repeat scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_yellow_tm {
	background: transparent url('colortabtm_yellow.jpg') repeat-x scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_yellow_tr {
	background: transparent url('colortabtr_yellow.jpg') no-repeat scroll right top;
	padding: 0;
	margin: 0;
}

.colortab_yellow_rm {
	background: transparent url('colortabrm_yellow.jpg') repeat-y scroll right top;
	padding: 0;
	margin: 0;
}

.colortab_yellow_br {
	background: transparent url('colortabbr_yellow.jpg') no-repeat scroll right bottom;
	padding: 0;
	margin: 0;
}

.colortab_yellow_bm {
	background: transparent url('colortabbm_yellow.jpg') repeat-x scroll left bottom;
	padding: 0;
	margin: 0;
}

.colortab_yellow_bg {
    background-color: #eac065;
    margin: 0;
    padding: 0;
    border: 0;
}

.colortab_orange_tl {
	background: transparent url('colortabtl_orange.jpg') no-repeat scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_orange_lm {
	background: transparent url('colortablm_orange.jpg') repeat-y scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_orange_bl {
	background: transparent url('colortabbl_orange.jpg') no-repeat scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_orange_tm {
	background: transparent url('colortabtm_orange.jpg') repeat-x scroll left top;
	padding: 0;
	margin: 0;
}

.colortab_orange_tr {
	background: transparent url('colortabtr_orange.jpg') no-repeat scroll right top;
	padding: 0;
	margin: 0;
}

.colortab_orange_rm {
	background: transparent url('colortabrm_orange.jpg') repeat-y scroll right top;
	padding: 0;
	margin: 0;
}

.colortab_orange_br {
	background: transparent url('colortabbr_orange.jpg') no-repeat scroll right bottom;
	padding: 0;
	margin: 0;
}

.colortab_orange_bm {
	background: transparent url('colortabbm_orange.jpg') repeat-x scroll left bottom;
	padding: 0;
	margin: 0;
}

.colortab_orange_bg {
    background-color: #e8a575;
    margin: 0;
    padding: 0;
    border: 0;
}

/* containers that have colored rectangle encapsulating the title, and also have
   a strip of wood along left side of title's container */
.colortab_wood_tl {
	background: transparent url('colortabtl_wood.jpg') no-repeat scroll left top;
	border-right: solid 1px #6f5c35;
	padding: 0;
	margin: 0;
}

.colortab_wood_lm {
	background: transparent url('colortablm_wood.jpg') repeat-y scroll left top;
	border-right: solid 1px #6f5c35;
	padding: 0;
	margin: 0;
}

.colortab_wood_bl {
	background: transparent url('colortabbl_wood.jpg') no-repeat scroll left top;
	border-right: solid 1px #6f5c35;
	padding: 0;
	margin: 0;
}

/* for containers that have wood strip for title area */
.container_bg_wood {
    background: #542e16 url('bg_wood.jpg') repeat scroll left top;
    padding: 5px;
    margin: 0;
    border-bottom: solid 2px #c3b693;
}

/* for containers that have dark bg strip for title area */
.container_bg_dark {
    background: #542e16 url('bg_dark.jpg') repeat scroll left top;
    padding: 5px;
    margin: 0;
    border-bottom: solid 2px #c3b693;
}

.container_border_dk { /*creates a border around entire container */
    border: solid 2px #542e16;
    margin: 0;
    padding: 0;
    background-color: Transparent;
}

.container_border_lt { /*creates a border around entire container */
    border: solid 2px #c3b693;
    margin: 0;
    padding: 0;
    background-color: Transparent;
}

.container_border_lt_bottom { /*creates a border below cell in container */
    border-bottom: solid 2px #c3b693;
    border-top: solid 0px #c3b693;
    border-left: solid 0px #c3b693;
    border-right: solid 0px #c3b693;
}

.container_border_lt_topandbottom {
    border-bottom: solid 2px #c3b693;
    border-top: solid 2px #c3b693;
    border-left: solid 0px #c3b693;
    border-right: solid 0px #c3b693;
}

.container_border_lt_leftandright {
    border-bottom: solid 0px #c3b693;
    border-top: solid 0px #c3b693;
    border-left: solid 2px #c3b693;
    border-right: solid 2px #c3b693;
    padding: 5px;
}
    
/* the menu next to container title with settings options for the module */
.ModuleTitle_MenuItem {
	border: #ffffff 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: #f1ede5; 
	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: #f1ede5; 
	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: #82930f; 
	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: #8dbfbd;
}