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

JIM BRICKMAN.COM

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



body {
	background-image: url(/portals/0/images/background_purple_jb.jpg);
	/*background-attachment: fixed; */ 
	background-position: center;
	background-position: top;
	background-repeat:no-repeat;
	background-color:#ffffff;
}

/* affects built-in text in DNN modules */
label{
	color:#172f5f;
}

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

.pagemaster {
	width:100%;
	background-color:transparent;
	margin:0px auto 0px auto; /* top, right, bottom, left -  keeps contents centered */
	text-align:center;
	
}


.skinmaster {
	width:960px;
	background-color:transparent;
	margin:0px auto 0px auto; /* top, right, bottom, left -  keeps contents centered */
	padding:0px;
	text-align:center;
}

.skinheader {
}

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




/* DNN nav dropdowns falling behind a flash piece? Two things - 
.navpane - overflow: visible  AND   wmdoe=transparent in flash embed code */
	
.navpane  { 
	background-color: transparent;
	/* background-image: url(/Portals/0/images/nav_main_bgd.jpg); 
	background-repeat:repeat-x; */
	text-align: center;
	text-shadow:#3333CC;
	width: 100%; 
	height: 38px; 
	overflow: visible; /* gotta be on - dropdowns */
	padding-top:13px; /* allows main nav text to look in middle, but adds space at bottom edge- make sure bkd color is tranparent */

}




.toppane {
	background-color:transparent;
	text-align: center;
	width:950px;
	height:290px;
	float:left;
	overflow: visible;
	}
	
	



.leftpane {
	width:240px; /* must be less than full 260 to compensate for margin */
	background-color:transparent;
	float:left;
	margin:20px auto 0px 20px; /* top, right, bottom, left - left/right autos keep contents centered, too much will cause content pane to spill down the left */
}

.contentpane {
	width:660px; /* must be less than full 690 to compensate for margin */
	background-color:transparent;
	margin:20px 0px 0px 30px; /* top, right, bottom, left - left/right autos keep contents centered */
	text-align:left;
	float:left;
	overflow: visible;
}

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

.bottompane {
	width:100%;
	background-color: transparent;
	float:left;
	text-align: center;
	border:0px;
	margin: 0px; /* watch out, affects the look of the calendar module width */
}





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

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


.controlpanel {
	background-color:transparent; /* transparent to remove 20 px high color bar across top of PC Int Explorer */	
	border:0px;
	width: 100%; /* keeps control panel centered */	
	text-align: center;
	float:left; /* no precise height, or the control panel floats up on every page */
}



.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: 16px; 
	font-weight: normal;
	text-transform: uppercase;
	/* border-left-width: 1px;  set border-left-width to 1 for a vertical separator between menus 
	border-color: #666666;
	border-left-style: solid;*/
	background-color: Transparent;
	font-family: "Times New Roman", Times, serif;
    white-space: nowrap;  /*Word wrapping menu item now optional*/    
	padding: 0px 12px 2px 12px;	   /* vert seperator dimensions: top (beyond pane), right, bottom, left */
	margin-top:17px;
}



/* rollover - nav main text */
.main_dnnmenu_itemhover {  
	color: #cccccc;
	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: normal;
	text-transform: uppercase; 
	background-color: #1c0e28;
	font-family: "Times New Roman", Times, serif;
	white-space: nowrap;  /* Word wrapping menu item now optional */
	padding: 4px 15px 6px 0px;	  /* drop-down spacing: top (beyond pane), right, bottom, left */
	                /* padding also affects drop-down vert heights */
}

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

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

/* drop-down menus - overall area */
.main_dnnmenu_submenu {
	background-color: #transparent;
	/* background-image: url(/Portals/0/images/nav_dropdown_bgd.jpg); 
	background-repeat:repeat-y;  */
	z-index: 1000; /* should help to position div layer order, but here it does nothing */
	cursor: pointer; 
	cursor: hand; 
	color:#0d2842;
	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: cccccc;
}

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


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


.StandardButton {
  background: #7994cb none; 
  color: #cccccc;
  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 */
.Head {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: 000000;
}

/* text style : subpage headlines */
.H1 {
	font-family: "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size: 22px;
	font-weight: normal;
	color: #000;
	padding-top:10px;
	padding-bottom:10px;
}





/* text style : most internal text rendered by modules */
.Normal{
	font-size: 13px !important; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color:#000000;	
}

A:link  {
	font-size: 13px !important;  
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: 4a214d;
}

A:hover {
	font-size: 13px !important;  
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: 1c0e28;
	text-decoration:none !important; /* overwrites underlines from portal css, keeps them from showing up in subnav*/
}

A:visited   {
	font-size: 13px !important;  
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: 4a214d;
}

A:active    {
	font-size: 13px !important;  
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: 4a214d;
}







/* 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: 172f5f;
}

A.CommandButton:hover    {
	color: orange;
}









/* BRENDAN ADDED */






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




.discography{
	font-size: 12px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
}






/* RADIO SHOW - 'Where To Listen' table */

.listen_table{
	width:600px;
	font-size: 13px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:15px;
	background-color: transparent;
}





/*  TOUR MODULE and TOUR MODULE V2  */


/* entire tour area */
.tour_div{
}

/* tour table */
.tour_table{
	width:650px; /* must be less than 660 (content pane minus margins) */
	font-size: 11px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:30px;
	color: 000000; /* text */
	background-color: white;
	margin-left:0px; /* keeps module from hitting left side */
	/* margin:0px; affects entire table, not cells */
	padding:0px;
}

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

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

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

/* 'Details' rollover text - DISABLED 2009 */
.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;
}


/* 'Details' area, after you've clicked - 
NOTE: must add div controls in the Detail settings -  header and footer tags under the advanced settings 
Header - <div class="tourdetail">
Footer - </div>

NOTE: if text is still showing up strangely, check the 'edit text' font attributes within the indiv entry -  must be plain text
*/

.tourdetail{
width:610px;
background-color:transparent;
font-size: 16px !important; /* overwrites one of the container.css docs */
font-family: verdana !important;
color: #000000 !important;
text-align: left !important;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px !important; /* careful, padding in these also affects the whole tour grid */
margin-left: 0px !important;
}


/* Also the 'Details' area, after you've clicked - this is UNUSED, as it affects padding on Brickman Scrapbook and BrickNotes
 
.BCC_EQ_NoTitle01Content{
width:800px;
background-color:transparent;
font-size: 16px !important; /* overwrites one of the container.css docs 
font-family: verdana !important;
color: #000000 !important;
text-align: left !important;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 70px !important; /* careful, padding in these also affects the whole tour grid 
margin-left: 0px !important;
}
*/









/* BLOG */

/* blog main display - table width */
.DNN_ANN_DesignTable {
width: 650px!important;
}

/* DETAIL PAGE */
.blog_body {
font-family:Geneva, Arial, Helvetica, sans-serif !important; /* to override module.css */
color:#000000!important;
font-size:13px!important;
}






/* Left Pane as text  */

.leftpanetext {
	margin: 0px auto;
	width: 260px;
	padding-left: 20px !important ; /* keeps from running off left edge */
	text-align:left;
	}



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





/* ANNOUNCEMENTS (BRICKNOTES) MODULE styles */

/* encloses entire Announcements module, if you place these in 'Advanced Settings' 
Header - <div class="bricknotes">
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

*/

.bricknotes{
width:600px;  
}


/* headline text */
.SubHead {

font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
background-color: transparent;
margin:0px; 
padding-bottom:20px;
}

/* headline text - doesn't seem to affect this portal's announcements
.SubHeadNews{
	font-size: 16px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: transparent;
	margin:0px; 
	padding-bottom:20px;
}
*/

.publishdate{
	font-size: 13px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	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 */
}



/* table cells - CAREFUL, also affects the admin text, dropdowns   */


th, td {
vertical-align: top !important;
font-family: Arial, Helvetica, sans-serif !important;
font-weight: normal !important;
/* 
font-size: 12px !important;
color: #000 !important; 
*/
}





/* Claire's SUBPAGE SIDEBAR LINKS */

/* this contains div.subnav */
div.subnav_container{
width: 220px;
margin-left:0px;
text-align:center;
background-color:#e3e1e5; 
}

div.subnav a:link, div.subnav a:visited{

height: 30px;
font-family:Geneva, Arial, Helvetica, sans-serif;
/* text-transform:uppercase;*/
font-size: 12px;
font-weight: normal;
text-align:center;
color: #666666 !important ;
margin: 0px auto; /*  centers */
/*background-color:#CCCCFF;*/
padding: 0px 20px !important ; /* top, rightspace, bottom, leftspace; the large left and right ensure box appears consistent */
line-height: 10px; /* controls leading, prevents IE odd jagged edges with the rollover graphic*/
}

div.subnav a:hover{

height: 30px;
font-family:Geneva, Arial, Helvetica, sans-serif;
/* text-transform:uppercase;*/
font-size: 12px;
font-weight: normal;
text-align:center;
color: #000000 !important ;
margin: 0px auto; /*  centers */
/*background-color:#c7c7df;*/
/* background-image: url(http://www.jimbrickman.com/Portals/0/images/subnavrollover.jpg); */
padding: 0px 20px !important ; /* top, rightspace, bottom, leftspace; the large left and right ensure box appears consistent */
/*padding-bottom:10px; would allow rollover image to be fully visible */
/* if using a rollover image, padding-left MUST match padding px of other states, or weird rollovers result */
line-height: 10px; /* controls leading, prevents IE odd jagged edges with any rollover graphic*/
}






/* VIP BUTTONS */

/* this contains all buttons */
div.VIPbuttons_container{
	width: 600px;
	padding:0px;
}


/* big VIP buttons */
div.VIPbuttonbig a:link, div.VIPbuttonbig a:visited{
float:left;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 16px;
font-weight: bold;
color: #ffffff !important ;
margin: 0px auto; /* centers */
width: 140px;
height: 50px;
background-color:#660000;
background-image: url(http://www.jimbrickman.com/Portals/0/images/buttongrad1.jpg);
text-align:center;
padding-top:20px; /* simulates vertical centering */
margin:5px;
}

div.VIPbuttonbig a:hover{
float:left;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 16px;
font-weight: bold;
color: #ffffff !important ;
margin: 0px auto; /* centers */
width: 140px;
height: 50px;
background-color:#990000;
background-image: url(http://www.jimbrickman.com/Portals/0/images/buttongrad2.jpg);
text-align:center;
padding-top:20px; /* simulates vertical centering */
margin:5px;
}


/* small VIP buttons */
div.VIPbuttonsmall a:link, div.VIPbuttonsmall a:visited{
float:left;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 12px;
font-weight: bold;
color: #ffffff !important ;
margin: 0px auto; /* centers */
width: 140px;
height: 20px;
background-color:#660000;
background-image: url(http://www.jimbrickman.com/Portals/0/images/buttongrad1.jpg);
text-align:center;
padding-top:5px; /* simulates vertical centering */
margin:5px;
}

div.VIPbuttonsmall a:hover{
float:left;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 12px;
font-weight: bold;
color: #ffffff !important ;
margin: 0px auto; /* centers */
width: 140px;
height: 20px;
background-color:#990000;
background-image: url(http://www.jimbrickman.com/Portals/0/images/buttongrad2.jpg);
text-align:center;
padding-top:5px; /* simulates vertical centering */
margin:5px;
}



/* SURVEY MODULE - http://www.jimbrickman.com/Community/VIPFanClub/TshirtSurvey/tabid/174/Default.aspx  */

/* question text - also affects headers everywhere, i.e. - helfer form questions */
.NormalBold {
font-family: Geneva, Arial, Helvetica, sans-serif!important;
font-size: 14px!important;
font-weight: bold!important;
color:#172f5f !important; /* overrides portal.css */
}

/* Answers are contolled by 'label' */





/* CODING STAFF VIDEO GALLERY MODULE - overwrites /DesktopModules/CodingStaff.VideoGallery/module.css */

/* headlines */
.VideoGallery .video-file-title {
color: #333333;
font-size: 13px !important;
font-weight: bold;
padding-bottom: 4px;
margin-bottom: 6px;
text-align: left;
font-family: Geneva, Arial, Helvetica, sans-serif !important;
font-style: normal;
font-variant: normal;
line-height: 16px;
cursor: pointer;
}


/* descriptions */
.VideoGallery .video-file-description, .VideoGallery a.video-file-description:link, .VideoGallery a.video-file-description:visited, .VideoGallery a.video-file-description:active {
color: #545454;
font-family: Geneva, Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
font-weight: normal !important;
text-decoration: none;
cursor: pointer;
}

/* Gallery subname, at top */
.VideoGallery .VideoFileDescription{
color: #333333;
font-size: 12px;
font-weight: normal;
margin-bottom: 6px;
}

/* "HTML" & "URL" */
.EmbedLabel{
color: #545454 !important;
}

/* divider line */
.VideoGallery .ThumbnailHeader {
clear: both;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #7994cb !important;
width: 100%;
overflow-x: hidden;
overflow-y: hidden;
margin-bottom: 20px;
}






/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}