/* 
================================
TG WCC Skin styles for DotNetNuke
================================
*/   



#wrapOuter {
	
	width: 990px;
	margin: 0 auto;
	background-color: #FFFFFF;
	text-align: left; 
	/* background-color: #f3f5fa; */
	border-right: #0066cc 1px solid;  
	border-left: #0066cc 1px solid;  
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}

#headerR1 {
	background-color: #FFFFFF;
	background-image:url(headerR1.gif);
	background-position:bottom;
	width:100%;
	font-size:1.2em;
}
#headerR1C1 {
	float:left;
	width:47%;
	padding: 5px 0 2px 8px;
}
#headerR1C2 {
	float:right;
	width:47%;
	text-align:right;
	padding: 3px 5px 1px 0;
}
#WCClogo{
	width:321px;
	height: 58px;
	background-image:url(WCC_logo.gif);
}


#headerR2 {
	background-color: #0066CC;
	background-image:url(headerR2.gif);
	background-position:bottom;
	width:100%;
	font-size:1.2em;
	color:#cccccc;
}
#headerR2C1 {
	float:left;
	/*width:48%;*/
	padding: 1px 0 1px 10px;
}
#headerR2C2 {
	float:right;
	/*width:48%;
	text-align:right;
	padding: 1px 10px 1px 0;*/
}
#headerR3 {
	background-color: #f9f9f9;
	width:100%;
	font-size:1.2em;
	color:#cccccc;
	border-bottom:#F4F4F4 solid 1px;
}
#headerR3C1 {
	float:left;
	width:48%;
	padding: 1px 0 1px 10px;
	vertical-align:middle;
}
#headerR3C2 {
	float:right;
	width:48%;
	text-align:right;
	padding: 1px 10px 1px 0;
}
#breadcrumbDiv{
	font-size:1em;
	padding-left:10px;
	color:#333333;
	background-color: #f3f5fa;
}
#wrapCentre{
	width:100%;
	background-color: #f3f5fa;
	border-bottom:#F4F4F4 solid 1px;
}
#footerR1 {
	width:100%;
	color:#333333;
	background-color: #f9f9f9;
}
#footerR1C1 {
	float:left;
	width:14%;
	font-size:1em;
	padding-left:10px;
}
#footerR1C2 {
	float:left;
	width:69%;
	text-align:center;
	font-size:1.2em;
}
#footerR1C3 {
	float:right;
	width:14%;
	text-align:right;
	padding-right:10px;
	font-size:1em;
}
#footerR2 {
	width:100%;
	font-size:1.2em;
	color:#EEEEEE;
	background-color:#0066cc;
	background-image:url(footerR2_0066cc.gif);
	background-position:top;
}
#footerR2C1 {
	float:left;
	width:14%;
	padding-left:10px;
}
#footerR2C2 {
	float:left;
	width:69%;
	text-align:center;
}
#footerR2C3 {
	float:right;
	width:14%;
	text-align:right;
	padding-right:10px;

}
.clearFloat{
	clear:both;
}
/* -- Link Styles -- */
#headerR2 a:link, #headerR2 a:visited, #headerR2 a:active, #footerR2 a:link, #footerR2 a:visited, #footerR2 a:active{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
#headerR2 a:hover, #footerR2 a:hover{
	color:#ccffff;
	text-decoration:underline;
}
#breadcrumbDiv a:link, #breadcrumbDiv a:visited, #breadcrumbDiv a:active, 
#footerR1 a:link, #footerR1 a:visited, #footerR1 a:active,
#headerR1 a:link, #headerR1 a:visited, #headerR1 a:active,
#headerR3 a:link, #headerR3 a:visited, #headerR3 a:active{
	color:#0066cc;
	text-decoration:none;
}
#breadcrumbDiv a:hover, #footerR1 a:hover, #headerR1 a:hover, #headerR3 a:hover{
	color:#666666;
	text-decoration:underline;
}

/* -- TG Column layouts */
.rightpane_50, .contentpane_50, .leftpane_25, .contentpane_75, .rightpane_25, .leftpane_33, .contentpane_33, .rightpane_33{
	background-color: transparent;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
}
.rightpane_50 {
	width: 50%;
}
.contentpane_50 {
	width: 50%;
}

.leftpane_25 {
	width: 25%;
}
.contentpane_75 {
	width: 75%;
}
.rightpane_25 {
	width: 25%;
}

.leftpane_33 {
	width: 33%;
}
.contentpane_33 {
	width: 33%;
}
.rightpane_33 {
	width: 33%;
}

/* -- Original Styles -- */
.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 180px;
	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: 180px;
	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;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	/*font-size: 9pt; */
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #FFFFFF; 
	/*font-size: 9pt; */ 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #8da4d3; 
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  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:  1.0em;
   font-weight: bold;
   color: #990066;
}