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

MUSIC OF IRELAND

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


body {
	background-image: url(/portals/musicofireland/images/background_moi.jpg);
	/* background-attachment: fixed; */
	background-position:top;
	background-repeat:no-repeat;
	background-color:#000000;
	margin:0px !important;
	padding:0px !important;
}


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

label{
color:#e0e0e0; 
font-family:Geneva, Arial, Helvetica, sans-serif; 
}


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

/* pagemaster contains skinmaster */
.pagemaster {
	width:100%;
	height:90%; /* keeps page height from scaling too high */	
	background-color:transparent;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}



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




.skinheader {
}

.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}




.toppane {
	background-color:transparent;
	text-align: center;
	width:100%; /* this exact configuration of width, heaight, overflow - keeps the top pane content from floating down the page */
	height:170px; 	
	overflow: visible; 	
	}
	
.navpane  { 
	background-color: transparent; 
	background-position: center; 
	text-align: center;
	text-shadow:#3333CC;
	width: 100%; 
	height: 36px; 
	overflow: visible;
	vertical-align:middle;/* should keep the nav text in the middle vertically, but doesn't do jack */	
	
}




/* CONTENTPANE MUST NEVER COLLAPSE - DNN uses this pane for default functions: Privacy, Terms, Login */
.contentpane {
	width: 800px; /* width must be SOMETHING - DNN needs this pane */
	float: left;
	background-color:;
	margin:0px auto 0px auto; /* important for centering */
	text-align:center;
}


	
.leftpane {
	float:left;
	width: 45%;
	height:auto;
	background-color:transparent;
	text-align:left;
	margin:0px auto 0px auto;
	padding-left:30px;
}



.rightpane {
	float:right;
	width: 45%;
	height:auto;
	background-color:transparent;
	text-align:left;
	margin:0px auto 0px auto;
}


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



.bottompane {
	width:100%; /* keeps footer centered */
	background-color: transparent;
	float:left;
	text-align: center;
	border:0px;
}



/*subbottom contains community logos, TERMS, PRIVACY and LOGIN text*/

.subbottom{ 
	height:auto;
	width:100%;
	font-size: 11px; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: transparent;
	padding-top:20px;
	margin:0px;
	float:left;
}


.controlpanel {
	float:left; /* keeps centered */
	height:auto; 
	width:100%; /* keeps centered */	
	background-color:transparent;  /* transparent prevents a 20 px high bar showing across top of PC Int Explorer */	
	border:0px;
	margin:0px;
	text-align: center;
}







.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: #e3af77; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px; 
	font-weight: bold;
	text-transform: uppercase;
	border-left-width: 0px; /* set border-left-width to 1 for a vertical separator between menus */
	border-color: #333333;
	border-left-style: solid;
	background-color: Transparent;
    white-space: nowrap;  /*Word wrapping menu item now optional*/    
	padding: 8px 12px 8px 12px;	   /* vert seperator dimensions: top (beyond pane), rightspace, bottom, leftspace */
}


/* rollover - nav main text */
.main_dnnmenu_itemhover {  
	color: ffffff;
	/* 
	background-color: 000000; 
	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 { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #e3af77; /* color of text that first drops down */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	/*text-transform: uppercase;*/
	border-bottom-width:1px; /* set to 1 for a horizontal separator between menus */
	border-color: #333333;
	border-bottom-style: solid;
	background-color: #151515;
	white-space: nowrap;  /* Word wrapping menu item now optional */
	padding: 4px 5px 2px 0px;	  /* 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: ffffff;  
	background-color: #303030; 
}

/* 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: #303030;  
	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='#a28f5d', Direction=135, Strength=0); 
	padding: 0px 0px 0px 0px;   /* must explicitly set padding for sub-menus */
}


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

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


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

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


#dnn_dnnLOGIN_cmdLogin {
	font-size: 11px; 
	font-weight: normal;
	background-color: Transparent;
	font-family: Arial, Helvetica;
	font-weight:bold;
	text-transform:uppercase;
	color: #ffffff;
}

/* 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, Event titles on Details page */
.Head {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: dddddd !important;
}

/* text style : subpage headlines */
.H1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/* text-transform:uppercase; */
	font-size: 26px;
	font-weight: normal;
	color: 999999;
	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, .NormalDisabled{
	font-size: 13px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: #cccccc !important;  /* to override default.css */
}

A:link  {
	font-size: 13px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: #e3af77;
}

A:hover {
	font-size: 13px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: #cccccc;
}

A:visited   {
	font-size: 13px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: #e3af77;
}

A:active    {
	font-size: 13px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: #e3af77;
}



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

.SubHead{
	font-size: 13px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#e3af77;
	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 ADDED */




/* header */

.header{
	width:900px;
	text-align:center;
	background-color:transparent;
	margin:0px auto 0px auto; /* absolutely necessary to keep contents centered */
	padding:0px;
}



/* sidebar on subpages */

.sidebarpromos{
	width:250px;
	text-align:left;
	background-color:transparent;
	margin:0px
	padding:0px;
}


/* UNUSED FOR WASGADS - footer contains sub_promos 1,2,3 on all pages */

.footer{
	width:900px;
	text-align:center;
	background-color:transparent;
	margin:0px auto 0px auto; /* absolutely necessary to keep contents centered */
	padding:0px;
}

.sub_promo1{
padding-top:3px;
padding-bottom:20px;
overflow:visible;
text-align:center;
float:left;
}

.sub_promo2{
padding-top:3px;
padding-bottom:20px;
overflow:visible;
text-align:center;
float:left;
}

.sub_promo3{
padding-top:3px;
padding-bottom:20px;
overflow:visible;
text-align:center;
float:left;
}








/* ANNOUNCEMENTS (NEWS/BLOG) MODULE styles */

/* encloses entire Announcements module, if you place these in 'Advanced Settings' 
Header - <div class="newsblog">
Footer - </div>

MUST check 'Display Container' and choose 'ClearBackground2' for the Client Admin users to properly see options

Announcements Settings > Item Template -  </br>[PUBLISHDATE]</br> - keep time, date and entry on separate lines

*/

.newsblog{
	width:400px;  
}

/* headline text */
.SubHeadNews{
	font-size: 16px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #e3af77;
	background-color: transparent;
	margin:0px; 
	padding:0px;
}

.publishdate{
	font-size: 13px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #cccccc;
	background-color: transparent;
	margin:0px; 
	padding:0px;
}


/* "Select View" text */
.DNN_ANN_viewtypeSelectorLabel {
}

/* "Select View" entire area */
.DNN_ANN_viewtypeSelector {
margin-top:-20px; /* keeps text from running into the first entry headline */
}





/* EVENTS (TOUR) MODULE */


/* encloses entire Events module, if you place these in 'Advanced Settings' 
Header - <div class="eventsmodule">
Footer - </div>

May require a shift-refresh to see the 'Settings' dropdown

MUST check 'Display Container' and choose 'ClearBackground2' for the Client Admin users to properly see options 

MUST check "Disable Category Select"
to avoid a red error box and for this DNN EVENTS MODULE to appear properly on all browsers

Uncheck 'Display Tooltip'

Leave Theme/Skin on 'Default'
Display: List View   Leave 'Only View' unchecked
Event List Settings - Begin Time, Event Name only

Calendar View will still show, so you must roll back over the arrow and select List View

*/

.eventsmodule{
text-align:center;
margin-left:100px; /* gives appearance of centering */
width:700px; /* related to rightpane width on homepage.css */
}

/* '!important' overrides css /desktopmodules/events/themes/gray/gray.css  */

/* column headers */
.ListHeader{
font-weight: bold;
font-size: 13px !important;
background-image:none !important;
color: #e3af77 !important;
font-family: Geneva, Arial, Helvetica, sans-serif !important; 
height: 40px !important;
text-align: left;
text-decoration: underline;
width: 300px; /* must be wide, or will create extra rows on IE */
}

/* Column 1 - Event Start, Event Ends, Dates  */
.ListDate, .ListDescription   {
font-weight: bold;
font-size: 13px !important;
background-image:none !important;
color: #e3af77 !important;
background-color:transparent !important;
font-family: Geneva, Arial, Helvetica, sans-serif !important; 
text-align: left;
vertical-align: top;
width: 300px; /* must be wide, or will create extra rows on IE */
}


/* Column 2 - Venues or Title column
(Event Module Settings > General > Theme/Skin must be set to 'Default' for this to work) */
/* Plus rollover 'stickie' conmtrol */
.ListTitle {
font-weight: normal !important;
font-size: 13px !important;
background-image:none !important;
color: #ffffff !important;
background-color:transparent !important;
font-family: Geneva, Arial, Helvetica, sans-serif !important; 
text-align: left;
padding-left:6px;
vertical-align: top;
background-color: transparent;
width: 400px; /* keeps column from bunching up */
}


.ListTable{
padding:4px 10px;
}

/* background highlight for alternating dates in list */
.ListAlternate{
background-color: #1b1b1b !important;
}



/* 'Start Time' row text on Details page */

#date_row1, #whodini1, #whodini2{
text-align:left;
}

/* 'Ending Time' row text on Details page */

#date_row2, #whodini3, #whodini4{
visibility:hidden !important; 
height:1px !important;
line-height:0px !important;
font-size:1px !important;
}

/* "Recurring Event" row text on Details page */
.reccuring{
visibility:hidden !important;
height:1px !important;
}

/* Details page - description text that appears when you click on event title */
.mcguyver_description{
font-size: 13px !important; /* overwrites one of the container.css docs */
font-family: verdana !important;
color: #ffffff ;
text-align: left;
}




/* FORUM (MESSAGE BOARD) MODULE */
/* To prevent restricted width - must set 'Module Container' to 'BHD White background' instead of 'Clear Background' */

/* navigation text - "Forum" "Discussions" "General" */
a.Forum_BreadCrumb:link, a.Forum_BreadCrumb:visited, a.Forum_BreadCrumb:active, a.Forum_BreadCrumb:hover {
font-family: Arial;
font-size: 13px;
font-weight: bold;
color: #eaeaea !important;
margin-top: 20px;
}

/* navigation text - "Display Threads From" */
.Forum_NormalTextBox {
font-size: 13px;
font-family: Arial;
color: #eaeaea !important;
}




/* FCK EDITOR BACKGROUND IMAGE INTRUSION 

Must change in every portal-

Beneath FCK text box, click 'Show custom editor options'
Settings Type > Click'Portal' radio button at top
'Other Editor Options'
'Font colors:' enter cccccc or whatever, depending on bkd image
'Apply'


*/






/* Captcha alignment*/

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


/* Captcha image shrink*/

.CaptchaStyle img {
width:120px;
}


/* special div for centering the contents of a pane 
Place in the Header & Footer
<div class="contentcenter">  
</div> 
*/

.contentcenter {
	width: 860px; 
	background-color:transparent;
	margin-left:10px; /* important for centering */
	text-align:center !important;
}


/*scrolling text box, if needed*/
.scrolltext {
width:400px;
height:400px;
text-align:left;
margin:20px 0px 20px 0px; /* top, right, bottom, left */
overflow:auto;
}



/* div style : keeps paragraphs from bumping into each other */

.paragraph{
	float:left;
	height:auto;
	width:100%;
	margin: 12px 0px; /* topandbottom, leftandright */
}


/* div style : keeps homepage paragraphs centered with maximum width */

.paragraphcenter{
height:auto;
width:75%;
line-height:20px;
margin: 12px 100px; /* topandbottom, leftandright */
}

/* table cells; also affects the admin text, dropdowns  */

th {
vertical-align: top !important;/* overrride default.css */
font-family: Geneva, Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
font-weight: normal !important;
color: #999999 !important;
}

td {
vertical-align: top !important;/* overrride default.css */
font-family: Geneva, Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
font-weight: normal !important;
color: #999999 !important;
}


/* "centered" & left-aligned lists */

.centerlist {
text-align:left;
margin-left:220px;
}


/* white titles - States in Broadcast list */

.titlewhite {
font-size:14px;
color:#dddddd;
}







.sharethis{
/* 'color' does not affect text - it uses the a:link attributes */
float:left;
width:100%;
height:30px;
overflow:hidden;
margin:0px 0px 0px 0px; /* top right bottom left */
background:transparent;
text-align:center;
padding-top:40px;
}




/* Login Styles */

.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}


