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

BEN UTECHT

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



body {
	background-image: url(/portals/38/images/background_bu.jpg);
	background-attachment:fixed;
	background-position:top;
	background-repeat:no-repeat;
	background-color:#000000;
}

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

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


/* 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:80%; /* keeps page height from scaling too high */	
	background-color:transparent;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

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



.skinheader {
}

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

.navpane  { 
	background-color: transparent; 
	background-position: center; 
	text-align: center;
	text-shadow:#3333CC;
	width: 100%; 
	height: 36px; 
	overflow: visible;
	padding-top:10px; /* keeps the nav text in the middle vertically */	
}


.controlpanel {
	background-color:transparent;  /* anything but transparent, a 20 px high color bar goes across top of PC Int Explorer */	
	border:0px;
	width:840px; /* keeps control panel centered */	
	text-align: center;
}
.toppane {
	background-color:transparent;
	text-align: center;
	width:100%;
	overflow:visible;
	}
	
.leftpane {
	width:250px;
	color: 000000;
	background-color:transparent;
	float:left;
}
.contentpane {
	width:560px;
	background-color:transparent;
	margin: 10px;
	text-align:left;
	float:left;
	overflow: visible;
}

/*collapses right pane for whole site*/
.rightpane{
	width:0px;
	height:0px;
	visibility:collapse;
}
.bottompane {
	width:840px;
	background-color: transparent;
	float:left;
	text-align: center;
	border:0px;
}


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


/* rollover - nav main text */
.main_dnnmenu_itemhover {  
	color: 9cb9e8;
	background-color: Transparent; 
}


/* nav drop-down text controls */

.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #ffffff; /* color of text that first drops down */
	font-size: 12px; 
	font-weight: bold;
	/*text-transform: uppercase;*/
	background-color: Transparent;
	border-bottom-width:0px; /* set to 1 for a horizontal separator between menus */
	border-color: #cccccc;
	border-bottom-style: solid;
	background-color: Transparent;font-family: Geneva, Arial, Helvetica, sans-serif;
	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: 9cb9e8;  
	background-color: #666666; 
}

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

/* drop-down menus - overall area */
.main_dnnmenu_submenu {
	background-color: #333333;  
	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: 000000;
	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: 000000;
	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, every button */
.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);
}

/* text style : module titles in admin, Blog headlines */
.Head {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: cc6633;
	padding-top:10px;
	padding-bottom:10px;
}

/* text style : subpage headlines */
.H1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 20px;
	font-weight: normal;
	color: 9cb9e8;
	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: #ffffff;
}

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

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

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

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



/* 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:#cc6633;
	background-color: transparent;
	margin:0px; 
	padding: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: 9cb9e8;
}

A.CommandButton:hover    {
	color: orange;
}



/* BRENDAN ADDED */


/* wrapper contains top, nav, left, center, right and bottom panes - may be unnecessary for Ben's site */
/* width & margin force all panes to CENTER with background */

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

/* footer contains sub_promos 1,2,3,4 on all pages */

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

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

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

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

.sub_promo4{
padding-top:20px;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
overflow:visible;
text-align:center;
float:left;
}


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

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





/* TOUR MODULE styles - NOT USED HERE IN BEN's SITE */

/* entire tour area */
.tour_div{
}

/* tour table */
.tour_table{
	width:640px;
	font-size: 11px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:30px;
	color: #543018;
	background-color: white;
	margin:0px; /* affects entire table, not cells */
	padding:0px;
}

/* tour header row titles DATE VENUE TICKETS etc. */
.tour_header{
	font-size: 12px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: white;
	background-color: 5b77b1;
	margin:0px; /* appears to be doing nothing */
	padding:0px;
}

/* tour rows, odd */
.tour_rowodd{
	background-color: f3ecd7;
}

/* tour rows, even */
.tour_roweven{
	background-color: white;
}

/* 'Details' rollover text */
.Eventtooltip{
	font-size: 11px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: #5b77b1;
	background-color:#fffb94;
	padding:15px;
	margin:15px;
	border:2px;
	border-color:#5b77b1;
	width:300px;
	position:absolute; /* box position, important!! */
	display:none;
}





/* NEWS MODULE styles */

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

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





/* BLOG MODULE */

/* title */
h2.blog_title a{
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}


/* headline, title, description text, "Author" "Date Created" */
.BlogInfo{
color:#eeeeee;
padding-bottom: 10px;
}

/* description text only */
.blog_Description{
font-family: Tahoma,Arial,sans-serif;
font-size: 10pt;
}

/* blog entry - "by" text, date */
.blog_dateline {
color:#666666;
font-family: Verdana,Tahoma,Arial,sans-serif;
font-size: 8pt;
}


/* blog entry - body text */
.blog_body {
color:#ffe8cc;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.bottomtext {
color:red;
margin-left:auto;
margin-right:auto;
text-align:center;
width:500px;
height:20px;
float:left
}

/* rollover text - "Blog Settings" "View My Blog"  */
.bottomtextsub {
color:#ffffff;
text-align:center;


}
.blog_more_link a.blog_more_link {
color:pink;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}




/* 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 

Theme/Skin on 'Default'
Default Moduel View: List   
Leave only 'List' checked
MUST leave unchecked - 'Enable Category Select'to avoid an error box and for this module to appear properly on all browsers
Only checkbox to check - 'Enable Date Navigation Controls'

Event List Settings - Begin Time, Event Name only, then Uncheck all 'Event Icons'

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

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

.eventsmodule{
width:600px;
background-color:transparent;
}


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

/* Column 1 - Event Start, Event Ends, Dates  */
.ListDate, .ListDescription   {
font-weight: bold;
font-size: 12px !important;
background-image:none !important;
color: #eeeeee !important;
background-color:transparent !important;
font-family: Geneva, Arial, Helvetica, sans-serif !important; 
text-align: left;
vertical-align: top;
width: 200px; /* 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 Event rollover 'stickie' control */
.ListTitle {
font-weight: normal !important;
font-size: 13px !important;
background-image:none !important;
color: #9cb9e8 !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: 380px; /* 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;
}





/* Login Styles */

.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}