/***************************
  Styles used by HTML tags  
****************************/
html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0;
}
body {
	font-family: Arial, Sans-Serif;
	font-size: 11pt;
	color: #000099;
}
table, td, th {
	font-size: 100%;
	border-top: solid 0px ;
	border-bottom: solid 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Times New Roman' , Serif;
	color: #000000;
	font-weight: bold;
}
h1 {
}

h2 {
	font-size: 170%;
}
h3 {
	font-size: 140%;
}
h4 {
	font-size: 110%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 100%;
	font-weight: normal;
	text-decoration: underline;
}
div.hr {
	width: 100%;
	padding: 0;
	margin: 1em 0;
	background-image: url(images/hr.gif);
	background-position: center center;
	background-repeat: repeat-x;
	background-color: transparent;
	clear: both;
	height: 10px;
	border: none;
}
	
div.hr hr 
{
	display: none;
}
a {
	color: #000000;
	text-decoration: underline;
}
a img {
	border: 0;
}

a.center {
  	display: block;
  	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	text-align: center;
}

a u {
	text-decoration: none;
}
a:hover {
	color: #008888;
}
p.error {
	background-color: #FFAACC;
	border: solid 2px black;
	padding: 8px;
	color: #000000;
	font-weight: bold;
}

select {
	padding: 0px;
	font-family: Verdana, Sans-Serif;
	font-size: 10pt;
}
textarea {
	font-family: Verdana, Sans-Serif;
	font-size: 10pt;
	padding: 2px
}
input, button {
	padding: 2px;
	font-family: Verdana, Sans-Serif;
	font-size: 10pt;
}
/*
input[type=submit], button[type=submit] {
	display: inline-block;
	padding: 2px;
	border: solid 1px black;
	background-color: #FFEEFF;
	font-size: 8pt;
}

input[type=submit]:hover, button[type=submit]:hover {
	background-color: #FFAACC;
}
input[type=submit]:active, button[type=submit]:active {
	padding: 2px 1px 1px 2px;
	border-left: solid 2px black;
	border-right: solid 1px black;
	border-top: solid 2px black;
	border-bottom: solid 1px black;
	margin-bottom: -1px;
}
*/

/*************************************
  Styles used by the ID selector '#'    
**************************************/
#framework {
	height: 100%;
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0;
}
#newspace {
	padding-left: .5cm;
	padding-right: .5cm;
}

#content {
	padding: 4px;
	height: 100%;
	width: auto;
}

#content table {
	padding: 0;
	border-collapse: collapse;
	background-image: none;
}

/*************************
  Content table settings
**************************/
#content th {
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	border-top: solid 1px silver;
	border-bottom: solid 1px silver;
	padding: 4px 8px 2px 8px;
	background-color: #FFEEFF;
}

#content td {
	text-align: left;
	border-top: solid 1px silver;
	border-bottom: solid 1px silver;
	padding: 4px 8px 2px 8px;
	background-color: #ffffff;
}

#content dt {
	font-weight: bold;
	margin-top: 1em;
}


#playbill {
	text-align: center;
}
#playbill table {
	display: inline;
	padding: 0;
	background-image: none;
}
#playbill td {
	text-align: left;
	border-top: solid 1px silver;
	border-bottom: solid 1px silver;
	padding: 4px 8px 2px 8px;
	background-color: #ffffff;
	white-space: nowrap;
}
#playbill .production {
	font-size: 120%;
	color: #000000;
}
#playbill .playwright {
	font-size: 100%;
}
#playbill .director {
	font-size: 100%;
}
#playbill .performances {
	font-size: 100%;
	font-weight: bold;
	white-space: nowrap;
}
#playbill a {
	text-decoration: none;
}
#playbill a:hover 
{
	text-decoration: underline;	
}

/************************************************************
  Do not move from here so it overides the content settings
*************************************************************/
#sponsors td {
	border-style: none;
}
#sponsors p {
	text-align: center;
	white-space: pre;
}


/***********************************
  Styles used by all elements '.'
***********************************/
/**
.submit {
	display: inline-block;
	padding: 2px;
	border: solid 1px black;
	background-color: #eeeeff;
	font-size: 8pt;
}
**/
.production {
	font-style: italic;
	font-weight: bold;
}
.flag {
	vertical-align: middle;
}
.note {
	font-size: 90%;
	text-align: center;
	font-style: italic;
}

.insetPhoto {
	float: left;
	height: 100%;
	width: auto;
	margin-right: 10px
}

.icon 
{
	vertical-align: middle;
	padding: 0 4px;
}
.toolbar {
	margin: -4px -4px 4px -4px;
	font-size: 80%;
	padding: 4px;
	background-image: url(images/toolgrad.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 1.2em;
	white-space: nowrap;
}
.toolbar a {
	background-position: 4px center;
	background-repeat: no-repeat;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	color: #FFFFFF;
}

.toolbar a:hover, .toolbar a:focus {
	color: #990000; 
	background-color: #FFFFFF;
}

/***************
  Calendar CSS
****************/
#calendar{
	font-family: Arial, Verdana;	
	font-size: 12px;
}

/* LINKS */
#calendar .a                 { color:#0160b0; text-decoration:none; }
#calendar .a:link            { color:#0160b0; text-decoration:none; }
#calendar .a:hover           { color:#336699; text-decoration:underline; }
#calendar .a:visited         { color:#0160b0; text-decoration:none; }
#calendar .a:visited:hover   { color:#336699; text-decoration:underline; }

#calendar_header  				{ width:99%; }
#calendar_header .caption_left 	{ width:33%; text-align:left; }
#calendar_header .caption_center{ text-align:center; }
#calendar_header .caption 		{ width:34%; font-size: 16px; font-weight:bold; text-align:center; }
#calendar_header .types_changer { width:33%; font-size: 12px; font-weight:normal; text-align:right; }


/* MONTLY CALENDAR */
/** ------------------------------------------------------------------------ **/
#calendar .td_cal_m,
#calendar .td_empty,
#calendar .td_actday,
#calendar .td_selday{
	width:14%;
	text-align: left;
	vertical-align: top;
	padding:3px; 
	padding-left:5px;
	padding-top:5px;
}

#calendar .month  			{ width:99%; align:left; border:1px solid #ccc; margin:8px; border-collapse:collapse; }
#calendar .tr_days   		{ height:32px; background-color:#f1f1f1; background-image:url(images/calheaderbg.gif); background-repeat: repeat-x; }
#calendar .tr_cal_m			{ }
#calendar .td_cal_m			{ border:1px solid #ddd; color:#555; background-color:#ffffff; }
#calendar .td_wn		    { border:1px solid #ddd; color:#555; background-color:#d9e8f2; width:4%; text-align:center; vertical-align:top; padding-top:5px; font-weight:bold; }
#calendar .td_empty 		{ border:1px solid #ddd; color:#555; background-color:#f1f2f3; }
/*#calendar .td_actday 		{ background-color:#ffffcc; color:#0357a5; font-weight:bold; }*/
#calendar .td_actday  { border:3px solid #000; color:#555; background-color:#ffffff; font-weight:bold;}
/*#calendar .td_selday 		{ background-color:#ffffef; border:1px; color:#555; font-weight:bold; }*/
#calendar .th_cal_m			{ height:26px; text-align:center; align:left; font-weight:bold; padding-top:3px; padding-bottom:3px; padding:5px; color:#fff;}
#calendar .th_wn		    { height:26px; text-align:center; align:left; font-weight:bold; padding-top:3px; padding-bottom:3px; padding:5px; color:#fff; }


/* SMALL MONTLY CALENDAR */
/** ------------------------------------------------------------------------ **/
#calendar .td_small,
#calendar .td_small_empty,
#calendar .td_small_actday,
#calendar .td_small_selday{
	width:10%;
	text-align: left;
	vertical-align: top;
	padding:1px; 
/*	padding-right:3px; */
}

#calendar .year_container   { width:100%; align:center; margin-top:8px; border:1px solid #ccc; border-collapse:collapse; }
#calendar .month_small	    { width:96%; align:center; border:1px solid #ccc; margin-top:5px; border-collapse:collapse; }
#calendar .tr_small_days    { background-color:#f1f1f1; background-image:url(images/calheaderbg.gif); background-repeat: repeat-x; }
#calendar .tr_small         { }
#calendar .td_small         { border:1px solid #ddd; color:#555; background-color:#ffffff; }
#calendar .td_small_empty 	{ border:1px solid #ddd; color:#555; background-color:#f1f2f3; }
#calendar .td_small_wn 	    { border:1px solid #ddd; color:#555; background-color:#d9e8f2; width:9%; text-align:center;}
/* #calendar .td_small_actday  { background-color:#ffffcc; color:#0357a5; font-weight:bold;} */
#calendar .td_small_actday  { border:3px solid #000; color:#555; background-color:#ffffff; font-weight:bold;}
/* #calendar .td_small_selday  { background-color:#ffffef; border:1px; color:#555; font-weight:bold; } */
#calendar .th_small         { text-align:center; align:center; font-weight:bold; padding-top:1px; padding-bottom:1px; padding:2px; color:#fff; }
#calendar .th_small_wn      { text-align:center; align:center; font-weight:bold; padding-top:1px; padding-bottom:1px; padding:2px; color:#fff; }

/* WEEKLY CALENDAR */
/** ------------------------------------------------------------------------ **/
#calendar .td_actday_w{
	width:14%;
	text-align: right;
	vertical-align: top;
	padding:3px; 
	padding-right:3px;
	padding-top:5px;
}
#calendar .td_actday_w 		{ background-color:#d9e8f2; color:#333; font-weight:bold; }
#calendar .td_header        { background-color:#eeee55; padding:2px; padding-top:1px; padding-bottom:1px; }

/* DAILY CALENDAR */
/** ------------------------------------------------------------------------ **/
#calendar .day  			{ border:1px solid #ccc; padding:0px; border-collapse:collapse; }
#calendar .day_navigation  	{ border:1px solid #ccc; padding:0px; margin-top:3px;  margin-bottom:8px; border-collapse:collapse; }
#calendar .td_acthour_d_h   { background-color:#ffffcc; border:1px solid #ccc; padding:1px; text-align:center; }
#calendar .td_acthour_d     { background-color:#ffffcc; border:1px solid #ccc; padding:1px; padding-left:5px; text-align:left; }
#calendar .td_d_h           { background-color:#f1f2f3; border:1px solid #ccc; padding:1px; text-align:center; }
#calendar .td_d             { background-color:#ffffff; border:1px solid #ccc; padding:1px; padding-left:5px; text-align:left; }

/* NAVIGATION BAR */
/***********
#calendar .table_navbar   	{ border:0px; width:100%; height: 40px; }
#calendar .tr_navbar   		{ width:34%; background-color:#ffffff; height:30px; text-align:center; }
#calendar .tr_navbar_left 	{ width:33%; background-color:#ffffff; height:30px; padding-left:7px; text-align:left; }
#calendar .tr_navbar_right 	{ width:33%; background-color:#ffffff; height:30px; padding-right:7px; text-align:right; }
***************/

#calendar .table_navbar   	{ width:100%; height: 10px; font-size:11px;}
#calendar .tr_navbar   		{ border:0px; width:60%; height:10px; font-size:18px; text-align:center;}
#calendar .tr_navbar_left 	{ border:0px; width:20%; height:10px; padding-left:7px; text-align:left; }
#calendar .tr_navbar_right 	{ border:0px; width:20%; height:10px; padding-right:7px; text-align:right;}

#calendar .class_form       { padding:0px; margin:0px; }
#calendar .form_select      { font-size:11px; }
#calendar .form_button      { font-size:11px; }

/* EVENT FORM CONTAINER */
/** ------------------------------------------------------------------------ **/
#divAddEvent				{ border:1px solid #bcbcbc; background-color:#ffffff; position:absolute; left:200px; top:100px; width:365px; height:225px; display:none; }
#divAddEvent table 			{ width:363px; border:0px; align:center; }
#divAddEvent .header    	{ width:100%; background-color:#0160b0; color:#ffffff; }
#divAddEvent .header a  	{ color:#ffffff; }