/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;
	background-image:url(images/PageBG.jpg);
	background-repeat:repeat-x;
}
.skinmaster {
	height: 100%;
	border-right: #000 1px solid; 
	border-top: #000 1px solid; 
	border-left: #000 1px solid; 
	border-bottom: #000 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
	background-color: #333333;
}
.skinheader {

}

.skingradient {
	HEIGHT:30px;
}
.controlpanel {
	width: 100%;
	background-color: #333333;
	border-bottom: 1px solid #FFFFFF;
}

DIV.controlpanel {
	border: 1px solid #FFFFFF;
}

.controlpanel a:link, .controlpanel a:active, .controlpanel a:hover, .controlpanel a:visited{
	color: #FFFFEE;
}


.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.StandardButton     {
    background: #CCCCCC none; 
    color: #000000;
    font-family:Verdana, sans-serif; 
    font-size: 11px;
    font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #DFE5F2;
	BORDER-RIGHT: #7994CB 1px solid; 
	BORDER-TOP: #7994CB 1px solid; 
	BORDER-LEFT: #7994CB 1px solid; 
	BORDER-BOTTOM: #7994CB 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px
}
.TreeViewMenu_Header {
	BACKGROUND-IMAGE: url(gradient_LtBlue.jpg);
}
.Head   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  18px;
    font-weight:    normal;
    color: #333333;
}

/*	This effects the td cell the menu tag is in*/
.MenuContainer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	background-color:#333333;
}
/*	This effects area the menu items take up.
  	Not the full cell.  
  	Also effects the roll over effect if a background colour is used here.
  	to debold the root level items set the font-weight:normal.*/
.MenuBar{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 25px;
	font-weight:normal;
	background-color:#333333;
}


/*	This will effect the space taken up in the menu bar in the same way 
	that MenuBar does but it also effects the items in the drop down menu.
	Only the back-ground
*/
.MenuItem{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: auto;
	font-weight: normal;
}

.SubMenu {
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

/* This effects the unmoused over state in the sub menus*/
.SubMenu td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	height: 20px;
	width: auto;
	z-index: 1000;
	padding-right: 5px;
}

/* this turns of the left hand side icons and it removes the spacing they are sitting in */
.MenuIcons{
	display:none;
}

/* Turns off the space where a sub-menu arrow would be */
.MenuArrow{
	display:none;
}

/* Effects any item on the root level with a submenu */
.RootMenuItem{
	font-size : 11px;
	height: 25px;
	font-weight: normal;
	color: #FFFFFF;
}

/*Any item that is at root level without a submenu will receive the properties here */
.RootMenuItemActive{
	font-size : 11px;
	height: 25px;
	font-weight: normal;
}

.SubMenuItemActive {

}

/*This will effect the items in the menu at the root that have a roll over.*/
.RootMenuItemSelected{
	background-color:transparent;
	font-size : 11px;
	height: 25px;
	font-weight: normal;
}

.SubMenuItemSelected {
	background-color:#333333;
	color: #CCCCCC;
}

.SubMenuItemSelected td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	height: 20px;
	width: auto;
	color: #CCCCCC;
	padding-right: 5px;
}

/* This is the root menu selected state */
.MainMenu_MenuItemSel {
	cursor: pointer; 
	cursor: hand; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	height: 25px;
}

.SeparatorCSS{
	color: #97AABA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	height: 25px;
}
.ContentArea{
	background-image: url(/Portals/_default/Skins/cardlaw/images/background.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

.DateObject{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.Flipper{
	border-top: 1px solid #000000;
}

.BodyItems, a.BodyItems, a.BodyItems:link, a.BodyItems:active, a.BodyItems:hover, a.BodyItems:visited{
	color: #FFFFFF;
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.BodyDate{
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.SubHead, .Head, .NormalBold, .DataGrid_Header, .DataGrid_Item{
	color: #FFFFFF;
}

.Normal, .PagingTable{
	background-color: transparent !important;
	border: none !important;
}

.OutsideFooter{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

#sagefooter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#000000;
	text-align:center;
	padding:5px;
	}

#sagefooter a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#000000;
	}
#sagefooter a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#000000;
	}
#sagefooter a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#000000;
	}
#sagefooter a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#000000;
	}


#tdGrid td{
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-size:10px !important;
	color:#000000 !important;
}

#tdGrid td a{
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-size:10px !important;
	color:#000066 !important;
}