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

/*colorGradiant Skin style*/
.scrollTop1
{
    text-align:left;
    vertical-align:middle;
    width : 144px; 
    height : 150px; 
    overflow : auto; 
     scrollbar-base-color: white;
    scrollbar-arrow-color: #CDCDCD;
    scrollbar-3dlight-color: #D8D8D8;
    scrollbar-darkshadow-color: #D8D8D8;
    scrollbar-face-color: transparent;
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: white;
    scrollbar-track-color: white;
  margin:0;
  direction:rtl;

}

.titleTop1
{
   font-size:12px;
   font-family:Arial;
   color:Black;
   font-weight:bold;
   padding-left:5px;
   vertical-align:middle;
   padding-top:20px; 
    
}

.contentTop1
{
   padding-top:20px;
   padding-left:2px;
   padding-right:2px;
    
}

.tableTop1
{
   width:150px;
   height:239;
   background-image: url(images/container-top1.jpg);
   background-repeat:no-repeat;
   background-position: right top;
    
}
/*--top2--*/

.scrollTop2
{
    width : 142px; 
    height : 150px; 
    overflow : auto; 
     scrollbar-base-color: white;
    scrollbar-arrow-color: #CDCDCD;
    scrollbar-3dlight-color: #D8D8D8;
    scrollbar-darkshadow-color: #D8D8D8;
    scrollbar-face-color: transparent;
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: white;
    scrollbar-track-color: white;
  margin:0;
  direction:rtl;

}

.titleTop2
{
   font-size:12px;
   font-family:Arial;
   color:Black;
   font-weight:bold;
   padding-left:5px;
   vertical-align:middle;
   padding-top:20px; 
    
}

.contentTop2
{
   padding-top:20px;
   padding-left:2px;
   padding-right:2px;
    
}

.tableTop2
{
   width:148px;
   height:239;
   background-image: url(images/container-top2.jpg);
   background-repeat:no-repeat;
   background-position: right top;
    
}



/*--Bottom1--*/
/*





*/

.titleBottom1
{
   font-size:12px;
   font-family:Arial;
   color:Black;
   font-weight:bold;
   padding-left:5px;
   vertical-align:middle;
   padding-top:5px; 
    
}

.tableBottom1
{
   width:149px;
   height:230;
   background-image: url(images/container-bottom1.jpg);
   background-repeat:no-repeat;
   background-position: right top;
    
}

.contentBottom1
{
   padding-top:5px;
   padding-left:2px;
   padding-right:2px;
   height:180;
    
}

.scrollBottom1
{
    width : 143px; 
    height : 190px; 
    overflow : auto; 
     scrollbar-base-color: white;
    scrollbar-arrow-color: #CDCDCD;
    scrollbar-3dlight-color: #D8D8D8;
    scrollbar-darkshadow-color: #D8D8D8;
    scrollbar-face-color: transparent;
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: white;
    scrollbar-track-color: white;
  margin:0;
  direction:rtl;


}


/*--Bottom2--*/

.scrollBottom2
{
    width : 213px; 
    height : 140px; 
    overflow : auto; 
     scrollbar-base-color: white;
    scrollbar-arrow-color: #CDCDCD;
    scrollbar-3dlight-color: #D8D8D8;
    scrollbar-darkshadow-color: #D8D8D8;
    scrollbar-face-color: transparent;
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: white;
    scrollbar-track-color: white;
  margin:0;
  direction:rtl;

}

.titleBottom2
{
   font-size:12px;
   font-family:Arial;
   color:Black;
   font-weight:bold;
   padding-left:5px;
   vertical-align:middle;
   padding-top:5px;
   height:29px; 
    
}

.contentBottom2
{
   padding-top:5px;
   padding-left:2px;
   padding-right:2px;
    
}

.tableBottom2
{
   width:219px;
   height:186;
   background-image: url(images/container-bottom2.jpg);
   background-repeat:no-repeat;
   background-position: right top;
    
}


/*--Bottom3--*/

.scrollBottom3
{
    width : 205px; 
    height : 195px; 
    overflow : auto; 
     scrollbar-base-color: white;
    scrollbar-arrow-color: #CDCDCD;
    scrollbar-3dlight-color: #D8D8D8;
    scrollbar-darkshadow-color: #D8D8D8;
    scrollbar-face-color: transparent;
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: white;
    scrollbar-track-color: white;
  margin:0;
  direction:rtl;

}

.titleBottom3
{
   font-size:12px;
   font-family:Arial;
   color:Black;
   font-weight:bold;
   padding-left:7px;
   vertical-align:middle;
   padding-top:0px; 
   height:34px;
    
}

.contentBottom3
{
   padding-top:10px;
   padding-left:4px;
   padding-right:4px;
    
}

.tableBottom3
{
   width:219px;
   height:264;
   background-image: url(images/container-bottom3.jpg);
   background-repeat:no-repeat;
   background-position: right top;
    
}

/*--Middle1--*/

.scrollMiddle1
{
    width : 330px; 
    height : 165px; 
    overflow : auto; 
     scrollbar-base-color: white;
    scrollbar-arrow-color: #CDCDCD;
    scrollbar-3dlight-color: #D8D8D8;
    scrollbar-darkshadow-color: #D8D8D8;
    scrollbar-face-color: transparent;
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: white;
    scrollbar-track-color: white;
  margin:0;
  direction:rtl;

}

.titleMiddle1
{
   font-size:12px;
   font-family:Arial;
   color:Black;
   font-weight:bold;
   padding-left:7px;
   vertical-align:middle;
   padding-top:6px; 
   height:34px;
    
}

.contentMiddle1
{
   padding-top:10px;
   padding-left:4px;
   padding-right:2px;
    
}

.tableMiddle1
{
   width:346px;
   height:218;
   background-image: url(images/container-Middle1.jpg);
   background-repeat:no-repeat;
   background-position: right top;
    
}


/*--Middle2--*/

.scrollMiddle2
{
    width : 330px; 
    height : 194px; 
    overflow : auto; 
     scrollbar-base-color: white;
    scrollbar-arrow-color: #CDCDCD;
    scrollbar-3dlight-color: #D8D8D8;
    scrollbar-darkshadow-color: #D8D8D8;
    scrollbar-face-color: transparent;
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: white;
    scrollbar-track-color: white;
  margin:0;
  direction:rtl;

}

.titleMiddle2
{
   font-size:12px;
   font-family:Arial;
   color:Black;
   font-weight:bold;
   padding-left:7px;
   vertical-align:middle;
   padding-top:0px; 
   height:34px;
    
}

.contentMiddle2
{
   padding-top:6px;
   padding-left:4px;
   padding-right:2px;
    
}

.tableMiddle2
{
   width:346px;
   height:222;
   background-image: url(images/container-Middle2.jpg);
   background-repeat:no-repeat;
   background-position: right top;
    
}


/*---------------------------------------------*/



.titleHeader
{
   font-family: Arial,Tahoma,  Helvetica;
   font-size:  12px;
   font-weight:  bold;
   color: black;
    
}


/*colorGradiant Skin style*/



.containermaster_gray {
	width: 100%;
	/*background-color: transparent;
	border-right: #8f9092 1px solid; 
	border-top: #8f9092 1px solid; 
	border-left: #8f9092 1px solid; 
	border-bottom: #8f9092 1px solid; */
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}

containerrow1_blue
{
    background-image: url(gradient_LtGray.jpg);
}
.containerrow1_gray {
	/*background-image: url(gradient_LtGray.jpg);*/
}
.containerrow2_gray {
	background-color: #ffffff;
}
.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: #DDDDDD;
}

.HRspacer
{
    color: white;
}


.TitleContainer
{
    color: white;
    font-family: Tahoma, Arial, Helvetica; 
    font-weight:bold;
}