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

.pagemaster {
/*	width: 100%; */
/*	min-height: 100%;*/ 
  height: auto;
/* background: #ededed; */
}



html {

	padding-bottom: 0.1%; /* force scrollbars */
/*	background: #ededed; */
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
height: 100%;
/*	 height: 100%; */
}


body {
height: auto;
min-height: 100%;
border: 0px solid red;
 }
/*
#Form {
height: 100%;
min-height: 100%;
border: 1px solid #000;
}
*/
/*
body#normal {
text-align: center;
min-width: 1024px;
background: #ededed;
height: 2000px;
min-height: 100%;
}
*/




#sitemaster {
margin:0 auto;
width:1024px;
text-align: left;
border: 0px solid #000;
background: #fff url(images/background_fill.jpg) repeat-x bottom left;
height:auto;
min-height: 100%;
 }

/*
#dTopLogo .left {
height: 55px;
width: 1000px;
border: 0px solid blue;
float: right;
text-align: right;
background: transparent;
padding-right: 15px;
}



#dTopLogo .right {
height: 40px;
width: 1000px;
border: 0px solid green;
float: right;
background: transparent;
padding-right: 15px;
}
*/

/*
#dTop .mainmenupane {
width: 100%;
float: left;

padding-left: 15px;
}
*/



#dMain {
min-height: 600px;
height: auto;
margin: auto;
/* min-height:100%;*/
background: transparent; 
text-align:center;

}

#dMain .center_master {
min-height: 550px;
width: 1024px;
padding-top: 0px;
text-align: left;
/* min-height: 100%; */
height: auto; 

/*
margin:0px auto;
overflow: auto;
*/
}


/*
#dMain .ModuleTitle_MenuItem {
position: relative;
margin: 0px;
padding: 0px;
top: 0px;
left: 0px;
}
*/

.clearer {
clear: both;
}


#dMain .center {
width: 980px;
min-height: 100%;
min-height: 550px;
height: auto;
padding-top: 0px;
padding-left: 0px;
border: 0px solid #666;
text-align: left;

margin:0px auto;
/*overflow: auto;
*/
background: transparent url('images/yellow_head.jpg') no-repeat top left;

}



#dMain .DNNAlignleft {
float: left;
}
.DNNAligncenter {
float: left;
}
/*
#dMain .DNNEmptyPane {
border: 1px solid #000;
min-height: 100%;
}
*/
/*
#dMain .breadcrumb {
width: 1024px;
height: 85px;

}
*/

#dMain .contentpane {
width: 700px;
margin: 0px;
padding: 0px;
margin-left: 20px;

/*height: 300px; */
height: auto;
float: left;
text-align: center;


}

#dMain .contentpane td {
font: 12px;
}
#dMain p {
margin-bottom: 20px;
}
#dMain .contentpane .normal, table {
margin-top: 30px;
color: #333333;
font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* not used 
#dMain .contentarealeft {
width: 1%;
border: 0px solid #d6d6d6;
float: left;
background-color: transparent;
}
*/

#dMain .contentarearight {
width: 254px;
min-height: 100%;

height: 100%;
height: auto;
margin: 0px;
padding: 0px;
margin-top: 20px;
padding-top: 0px;
background: #ccc url('images/contentarearight_fill.jpg') repeat top left;
float: right;
}

#dMain .contentarearight_fill {
background: #fff url('images/contentarearight_fill_bar.jpg') repeat-y top right;
width: 980px;
min-height: 100%;
min-height: 550px;
height: auto;
padding-top: 0px;
padding-left: 0px;
border: 0px solid #666;
text-align: left;
margin:0px auto;
/*overflow: auto;
*/
}
/* For Menu Navigationin right column */

#dMain .contentarearight a {
display: table;
text-align: left;
width: 200px;
color: #333333;
/*background: transparent url('images/menu_arrow.jpg') no-repeat 0px 7px;*/
font: normal normal bold 12px arial;
/*border: 0px; */
/*border-bottom: 2px groove #FFF;*/
margin-left: 10px;
padding-left: 15px;
}

.contentarearight img{
padding: 10px;
}

#dMain .contentarearight table {
width: 230px;
background: transparent;
}

#dMain .contentarearight .ModuleTitle_MenuItem,#dMain .contentarearight .ModuleTitle_MenuBreak,#dMain .contentarearight .ModuleTitle_MenuIcon {
background: #fff;
}

/* this is used for the Tell-a-Friend Module */
#dMain .contentarearight .SubHead  label {

}
#dMain .contentarearight .SubHead a {
background: transparent url('') no-repeat 0px 0px;
border: 0px;
width: 80px;
margin: 0px;
padding: 0px;
}

#dMain .contentarearight .SubHead img {

padding: 0px;
margin-top: 10px;
float: right;
}

#dMain .contentarearight .SubHead span {
float: left;
padding-bottom: 10px;
}

#dMain .contentarearight td input[type=text] {
width: 150px;
/*background: yellow;*/ 
}

a.CommandButton:link {
display: block;
background: #fff url('');
border: 0px;
}
/* end tell a friend settings */
/*
#dMain .contentarearight li {
list-style: disc outside;
}
*/
#dFooter, #dFooter .center {
padding-top: 0px;
}
/*
#dFooter {
height:auto;}

#dFooter .center {
width: 1024px;

height: 55px;

border: 0px solid #000000;
text-align: center;

}
/*
/*
#dFooter .bottompane {
width: 980px;
margin-top: 22px;
margin-left: 20px;
height: 27px;
text-align: center;
color: #000;
background: #ededed;
vertical-align: middle;
padding: 0px;
margin-bottom: 20px;
border-right: #ededed 1px solid; 
	border-top: #ededed 1px solid; 
	border-left: #ededed 1px solid; 
	border-bottom: #ededed 1px solid; 
	-moz-border-radius-bottomleft: 6px; 
	-moz-border-radius-bottomright: 6px; 
	-moz-border-radius-topleft: 6px; 
	-moz-border-radius-topright: 6px;

}
*/

/* advertiser locations */
/*
#dFooter .adfooter {
border: 0px solid #000000;
width: 630px;
height:75px;
float: left;
border-top: 2px groove #ccc;
margin-left: 20px;
padding-top: 10px;
}

*/

#dFooter .adfooter table {
padding-top: -20px;
margin: 0px;
}
/*
#dFooter .adfooter td {
border-right: 1px solid #999;
}

#dFooter .artsfooter {
border: 0px solid #000000;
border-top: 2px groove #ccc;
width: 350px;
height: 75px;
float: right;
margin-right: 20px;
}
*/
/* advertiser locations */
/*
.adpane1, .adpane2, .adpane3, .adpane4 {
width: 200px;
height: 95px;
float: left;
border: 0px solid #d6d6d6;
padding: 5px;
margin-right: 5px;
}
*/
/*
#dFooter .contentcolumns {
width: 1024px;
height: 90px;
height:auto;
margin: 0px;
padding-left: 0px;
padding-right: 0px;
border: 0px solid #000000;
}


#dSubFooter {height: 90px; height: auto;}

*/

#dSubFooter .center {
margin-top: 0px; 
}
/*
#dSubFooter .contentcolumns {
width: 984px;
height: 100px;
height: auto;
margin: 0px;
padding-left: 0px;
padding-right: 0px;
border: 0px solid #000000;
}

#dSubFooter .adsubfooter {
border: 0px solid #000000;
width: 660px;
height: 95px;
height: auto;
float: left;
margin-left: 20px;
}

#dSubFooter .adsubfooter td {
border-right: 1px solid #999;
}

#dSubFooter .artssubfooter {
border: 0px solid #000000;
width: 300px;
height: 95px;
height: auto;
float: right;
margin-left: 0px;
}
*/
/* for Ciss Nav Suite All-in-one 
Styles based on 'CSS Drop-Down Menu Simple Linear' Display Style
See module documentation for more information: www.dnn360.net
*/

/* Styles for Bottom Navigation */



/* Styles for Top Navigation */
/*
.topmenupane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
	float: right;
	text-align: right;
}
#dTopLogo .DNNAligncenter {
float: right;
}

#dTopLogo ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}Mon

#dTopLogo ul.dropdown  {
 float: right;
 border: 0px;
 text-align: right;
}

#dTopLogo li {
background: transparent;
}


#dTopLogo .dropdown {
background: transparent;
font: normal normal bold 12px arial;
color: #fcad48; 
text-align: right;
}
#dTopLogo .dropdown a {
color: #fcad48; 
background: transparent;
text-align: right;
margin: auto;
}

#dTopLogo .dropdown a:active {
color: #fcad48; 
background: transparent;
}

#dTopLogo .dropdown a:hover {
color: #000000; 
}

#dTopLogo .dropdown a:visited {
color: #fac27b; 
}
*/
/* Styles for Main Navigation */

/*
#dTop ul.dropdown li {

 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}
 

#dTop ul.dropdown  {
 float: left;
 border: 0px;
 text-align: left;
 z-index: 1;
}

#dTop li {
background: transparent;
}


#dTop .dropdown {
background: transparent;
font: normal normal bold 12px arial;
color: #000000; 

}
#dTop .dropdown a {
color: #333333; 
background: transparent;
padding-right: 30px;
}

#dTop .dropdown a:active {
color: #fcad48; 
background: transparent;
}

#dTop .dropdown a:hover {
color: #fcad48; 
}

#dTop .dropdown a:visited {
color: #CCCCCC; 
}

*/
/* Footer menu */

/* Styles for Main Navigation */

/*
#dFooter ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;

}
 
#dFooter ul.dropdown  {
 float: left;
 border: 0px;
 text-align: left;
}

#dFooter li {
background: transparent;
 
}


#dFooter .dropdown {
background: transparent;
font: normal normal bold 12px arial;
color: #000000; 


}
#dFooter .dropdown a {
color: #000000; 
background: transparent;

}

#dFooter .dropdown a:active {
color: #fcad48; 
background: transparent;
}

#dFooter .dropdown a:hover {
color: #fcad48; 
}

#dFooter .dropdown a:visited {
color: #CCCCCC; 
}

*/

#dTop ul.dropdown {
width: 100%;
}

/* Vertical "sub" menu on the right */

/* used in editing mode */


/* End Nav Suite Specific Settings */

/* *********************** Rounded Corners for Btttom Menu ************* 
-------------------------------------------------------------------------
------------------------------------------------------------------------
*/





/* FOR USE WITH DROP SHADOW SCRIPT PLEASE SEE http://www.ruzee.com/blog/shadedborder?page=8 FOR MORE INFORMATION
NOTE TO LOAD SCRIPT IN SKIN  IT MUST BE LOADED AFTER THE HEADER AND IN THE PAGE BODY OTHERWISE LOAD IT FROM ASCX FILE IN HEADER
<script src="/ArtsComplex/portals/_default/skins/den_artscomplex_sub/shadedborder.js" type="text/javascript"></script>
<script type="text/javascript">
//var myborder = RUZEE.ShadedBorder.create({ corner:8, shadow:16 });
var shadowedBorder = RUZEE.ShadedBorder.create({ corner:2, shadow:10 });
</script>
*/

/* Styles for embeded ajax script non-dnn hack */

/*
#paginate-top {
float: right;
}

#paginate-top .pagination {
}

#paginate-top .pagination a {
display: block;
color: #fff;
background: #333333;
width: 200px;
height: 100px;
border: 1px solid #999;
text-align: center;
vertical-align: middle;
}

#paginate-top .pagination a:hover {

background: #736d6d;

}

#paginate-top .pagination a:active {

background: red;

}
*/

/* for the login screen */
#dnn_ctr_Login_pnlLogin {
border: 0px solid #000;
padding-top: 50px;
}

/* Event Calendar Customized be TMA */

.EventCalendar  {
/*width: 670px; */
width: 90%;
}

table.MonthCalendar {
width: 650px;
}
.EventCalendarHeader {}

.Calendar_CalendarTypeDropdown {}

.Calendar_VendorDropdown {}

.Calendar_Search {}


.EventCalendarBody {
/*width: 670px;*/
padding-bottom: 20px;
}

.MonthHeader {

}

.MonthHeader_PreviousMonth {}

.MonthHeader_DateText {}

.MonthHeader_NextMonth {}

.MonthCalendar_DaysHeader {}

.headerSunday {}

.headerSaturday {}



td.MonthCalendar_PastDay,
td.MonthCalendar_BlankDay,
td.MonthCalendar_CurrentDayEvent,
td.MonthCalendar_FutureDayEvent {
text-align: right;
vertical-align: top;
color: #fff;
} 

.MonthCalendar_BlankDay {
background: #999999;
}

.MonthCalendar_PastDay {
background: #cccccc;
}

.MonthCalendar_CurrentDay {
background: #d06d07;
}

.MonthCalendar_EventList {
height: 120px;
width: 125px;
margin-left: 5px;

overflow:auto; 
position: relative;
/* margin: 0.3em auto; */
padding: 1px;
}

.MonthCalendar_EventList, .MonthCalendar_EventListTime, .MonthCalendar_EventListEvent, .MonthCalendar_EventListVenue, .MonthCalendar_EventListTime {
color: #fff;
font-size: 11px; 
}

.MonthCalendar_CurrentDay  .MonthCalendar_EventList .MonthCalendar_EventListTime {
Color: #fff;
font-family:   Helvetica, Arial, Tahoma; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
}


.MonthCalendar_CurrentDay  .MonthCalendar_EventList .MonthCalendar_EventListEvent {
Color: #fff;
font-family:   Helvetica, Arial, Tahoma; 
	font-size: 11px; 
	font-weight: normal; 
	font-style: normal;
} 

.MonthCalendar_EventListVenue A
{
    Color: #FFF;
    font-family:   Helvetica, Arial, Tahoma; 
	FONT-SIZE: 11px;
	font-weight: normal; 
	font-style: normal;
}
.MonthCalendar_EventListVenue A:link
{
    Color: #FFF;
    font-family:   Helvetica, Arial, Tahoma; 
	FONT-SIZE: 11px;
	font-weight: normal; 
	font-style: normal;
}
.MonthCalendar_EventListVenue A:hover
{
    Color: #FFF;
    font-family:   Helvetica, Arial, Tahoma; 
	FONT-SIZE: 11px;
	font-weight: normal; 
	font-style: normal;
}
.MonthCalendar_EventListVenue A:visited
{
    Color: #FFF;
    font-family:   Helvetica, Arial, Tahoma; 
	FONT-SIZE: 11px;
	font-weight: normal; 
	font-style: normal;
}
.MonthCalendar_EventListVenue A:active
{
    Color: #FFF;
    font-family:   Helvetica, Arial, Tahoma; 
	FONT-SIZE: 11px;
	font-weight: normal; 
	font-style: normal;
}

.MonthCalendar_CurrentDay  .MonthCalendar_EventList a {
Color: #CCC;
font-family:   Helvetica, Arial, Tahoma; 
	font-size: 11px; 
	font-weight: normal; 
	font-style: normal;
} 

.MonthCalendar_FutureDay {
background: #fbad46;
}

.MonthCalendar_FutureDayEvent {
background: #fbad46;
}

.MonthCalendar_FutureDayNoEvent {
background: #fbad46;
}

.MonthCalendarCell_Date {
font-family:   Helvetica, Arial, Tahoma; 
	font-size: 12px; 
	font-weight: bold; 
	font-style: normal;
	text-transform: lowercase;
}

.MonthCalendarCell_EventList {}

/* Small Calendar stuff */
/*
#dMain .EventCalendar {
width: 200px;
height: 216px;
text-align: center;
}
*/

#dMain .EventCalendar td {
border: 0px;
width: auto;
height: auto;
}


#dMain table.SmallMonthCalendar {
width: 230px;
height: 216px;
padding-left: 10px;
margin-top: 30px;
}

.SmallMonthCalendar_HeaderTR {
height: 10px;
padding: 0px;
margin: 0px;

}
/*
.SmallMonthCalendar TD {
margin-left: auto;
margin-right: auto;
text-align: center;
border-style: none;
}
*/
#dMain .SmallMonthCalendar_PreviousLink a {
float: left;
color: #000;
border: 0px solid #000;
font-size: 12px;
width: 20px;
background: transparent url('images/small-arrow-left.gif') no-repeat 0px 2px;
margin: 0px;
padding: 0px;

}

#dMain .SmallMonthCalendar_NextLink a {
float: left;
color: #000;
border: 0px solid #000;
font-size: 12px;
width: 20px;
background: transparent url('images/small-arrow-right.gif') no-repeat 2px 2px;
}

#dMain .SmallMonthCalendar_Header  {
float: none;
text-align: center;
margin: 0px;
padding: 0px;
border-spacing: 0px;
background: transparent;
margin-right: auto;
margin-left: 40px;
height: auto;
border: 0px solid #000;
}

#dMain .SmallMonthCalendar_DaysHeader {
margin: 0px;
padding: 0px;
font-family:   Helvetica, Arial, Tahoma,; 
	font-size: 12px; 
	font-weight: bold; 
	font-style: normal;
	text-transform: lowercase;
	height: 14px;
	text-align: center;
}

#dMain .SmallMonthCalendar_CellDate {
font-family:   Helvetica, Arial, Tahoma; 
	font-size: 12px; 
	font-weight: bold; 
	font-style: normal;
	text-transform: lowercase;
	
}

#dMain .SmallMonthCalendar_HeaderDateText {
float: left;
height: 20px;
font-family:   Helvetica, Arial, Tahoma; 
	font-size: 18px; 
	font-weight: bold; 
	font-style: normal;
background: transparent;
}


td.SmallMonthCalendar_PastDay,
td.SmallMonthCalendar_BlankDay,
td.SmallMonthCalendar_CurrentDayEvent,
td.SmallMonthCalendar_FutureDayEvent {
text-align: right;
vertical-align: top;
color: #fff;
} 

.SmallMonthCalendar_BlankDay {
background: #999999;
}

.SmallMonthCalendar_CurrentDayEvent {
background: #d06d07;
}

.SmallMonthCalendar_PastDay {
background: #cccccc;
}

.SmallMonthCalendar_FutureDayEvent {
background: #fbad46;
}

.SmallMonthCalendar_FutureDayNoEvent {
background: #ccc;
}

#shadowed-border {
width: 980px;
}

#dMain iframe {
padding-top: 20px;
}

.containermaster_gray .Head {
color: #000000;
}