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

LITTLE SONGS

================================
*/   

body {
	background-image: url(/portals/26/images/back.jpg);
	background-attachment:fixed;
	background-repeat: repeat-x;
}


/* affects built-in text in DNN modules - 
Login -"User Name," "Password"  
Blog - "Keywords" "Phrases" "View All Recent Entries"
Helfer form - "Name" "Email" etc.
*/

label{
color:000000; 
font-family:Arial, Helvetica, sans-serif; 
size:9px;
}

/* copyright text */
.SkinObject {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-family: Arial, Helvetica;
	background-color: Transparent;
}

/* pagemaster contains skinmaster */
.pagemaster {
	width: 100%;
	height: 80%;/* keeps page height from scaling too high */
	background-color: transparent;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
	
/* skinmaster contains control panel, navpane and wrapper */
.skinmaster {
	height: 100%;
	width:800px; /* should be exactly the width you want to center */ 
	text-align:center;
	background-color: transparent;
	margin:0px auto 0px auto; /* absolutely necessary keeping contents centered : top, rightspace, bottom, leftspace */
	padding:0px; 
	
	/* border-right: #5b8eb5 0px solid;
	border-top: #5b8eb5 0px solid;
	border-left: #5b8eb5 0px solid;
	border-bottom: #5b8eb5 0px solid;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px; */ 
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color:transparent;  /* if anything but transparent, a 20 px high color bar goes across top of PC Int Explorer */	
	border:0px;
}


.navpane {
	background-color: transparent; 
	background-position: center; 
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	background-color: Transparent;
	text-align: left;
	overflow: visible;
}

.toppane {
	width: 800px;
	background-color: transparent;
	padding: 0px;
	overflow: visible; 
}

/* wrapper contains left, content, right, bottom panes PLUS subbottom */
/* width & margin force all panes to CENTER with skinmaster */
.wrapper {
	float:left;
	width:800px; /* should be exactly the width you want to center */ 
	background-color:transparent;
	text-align:center;
	margin:0px auto 0px auto; /* absolutely necessary to keep contents centered : top, rightspace, bottom, leftspace */
	padding:0px;
}


.leftpane {
	float:left;
	width: 170;
	height:auto;
	background-color:transparent;
	margin:0px auto 0px auto; /* absolutely necessary to keep contents centered : top, rightspace, bottom, leftspace */
	padding:0px;
	overflow: visible;
}


/* CONTENTPANE MUST NEVER COLLAPSE - DNN uses this pane for default functions: Privacy, Terms, Login */
.contentpane {
	float:left;
/*	color: #571008;   */
	width: 620; /* width must be SOMETHING - DNN needs this pane */
	height:auto;
	background-color: transparent;
	padding:0px;
	overflow: visible;
}

/*	COLLAPSE   */
.rightpane {
	width: auto;
	height:0px;
	visibility:collapse;
}

.bottompane {
	width: 100%;
	background-color: transparent;
	float:left;
	text-align: center;
	border:0px;
	padding:0px;
	overflow: visible;
}

/*legalpane contains TERMS, PRIVACY and LOGIN text*/
.legalpane {
	float:left;
	width:100%;
	padding: 0px;
	background-color: Transparent;
	overflow: visible;
}



.main_dnnmenu_container {
	background-color: transparent; 
}

.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}



/* nav main text controls */
.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer;
	cursor: hand;
	color: #227dc4;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica;
	/*text-transform: uppercase;*/
	background-color: Transparent;
	border-left-style: solid;
	border-left-width: 0px; /* set border-left-width to 1 for a vertical separator between menus */
	border-color: #cccccc;
	white-space: nowrap;  /*Word wrapping menu item now optional*/
	padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

/* rollover - nav main text */
.main_dnnmenu_itemhover { /*TD if menu option for using tables is on*/
	color: 000000;
	background-color: Transparent; 
	/*
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px; /* set to 1 for a box on rollover */
}



/* nav drop-down text controls */
.main_dnnmenu_item  { /*TD if menu option for using tables is on*/
	cursor: pointer;
	cursor: hand;
	color: #227dc4; /* color of text that first drops down */
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica;
	/*text-transform: uppercase;*/
	background-color: Transparent;
	border-bottom-style: solid;
	border-bottom-width: 1px; /* set to 1 for a horizontal separator between menus */
	white-space: nowrap;  /*Word wrapping menu item now optional*/
	padding: 1px 3px 3px 1px;	  /* drop-down spacing: top (beyond pane), rightspace, bottom, leftspace */
	                /* padding also affects drop-down vert heights */
}

/* rollover - nav drop-down text */
.main_dnnmenu_itemhover td {
	color:#000000;  
	background-color: cde5eb; 
}




/* nav drop-down arrow for more than 1 drop-down area */
.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	color:#ffffff;
	text-align: center; 
	vertical-align: middle;
	width: 15px; 
	height: 100%;
}

/* drop-down menus - overall area */
.main_dnnmenu_submenu {
	background-color: #e0f2f6;
	z-index: 1000;/* should help to position div layer order, but here it does nothing */
	cursor: pointer;
	cursor: hand;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=155, Strength=1); 
	padding: 10px 10px 10px 1px;   /*explicitly set padding for sub-menus: top, right, bottom, left  */
}


.main_dnnmenu_break {
	height: 2px;
	font-size: 10px;
}

.main_dnnmenu_arrow {
	display: none;
	color: 000000;
	border-right: #cad5ea 0px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	display: none;
	color: 000000;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}




#dnn_dnnTERMS_hypTerms {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	background-color: Transparent;
	font-family: Arial, Helvetica;
	color: 5b8eb5;
}

#dnn_dnnPRIVACY_hypPrivacy {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	background-color: Transparent;
	font-family: Arial, Helvetica;
	color: 5b8eb5;
}


#dnn_dnnLOGIN_cmdLogin {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	background-color: Transparent;
	font-family: Arial, Helvetica;
	color: 5b8eb5;
}




/* Login button, captcha button, every button */
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 12px;
  font-weight: normal;
  margin: 10px;
}

.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);
}


/* text style : module titles in admin, Blog headlines */
.Head {
	font-family: Tahoma, Arial, Helvetica;
	font-size:  18px;
	font-weight: normal;
	color: #CCCCCC  !important;
}

/* text style : subpage headlines */
.H1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/* text-transform:uppercase; */
	font-size: 26px;
	font-weight: normal;
	color: 227dc4;
	padding-top:10px;
	padding-bottom:10px;
}



/* text style : this is for most internal text that is rendered by modules 
Blog Module - "There are no blogs in this portal" "Search" button */
.Normal{
	font-size: 12px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: #000000;
}

A:link  {
	font-size: 12px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: 227dc4;
}

A:hover {
	font-size: 12px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: 3522c4;
}

A:visited   {
	font-size: 12px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: 227dc4;
}

A:active    {
	font-size: 12px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: 227dc4;
}



/* admin header text: 'ContentPane', 'LeftPane', 'RightPane', etc. 
Blog Module - Calendar - "Archive" "Monthly" */

.SubHead{
	font-size: 12px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color: transparent;
	margin-top:0px; 
	padding-bottom:0px;
}


/* text style for buttons and link buttons used ONLY in the admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used ONLY in the admin pages */
A.CommandButton:link {
	color: red;
}

A.CommandButton:hover    {
	color: orange;
}



/* Brendan Created these*/

td.main_dnnmenu_item span {
color:#00FF00;
font-size:36px;
}


/* Captcha alignment*/

.CaptchaStyle {
margin:20px 0px 10px 120px; /* top, right, bottom, left */
}


/* Captcha image shrink*/

.CaptchaStyle img {
width:120px;
}