/* style sheet for tangopulse.net */

body {
	color: #fff; 
	background-color: #000;
	font-family: Geneva, Arial, Helvetica,sans-serif;
	text-align: center;
	font-size: .95em; !important
	#font-size: .90em; /* IE 7 Hack*/
	_font_size: .90em; /* IE 6 hasck */
}


/*******************************
`	Layout Divs
******************************** */

#page_wrapper {
	text-align: left;
	margin: auto;
	padding: 1px 1px 10px 1px;
	width: 700px;
}

#banner { text-align:center;}

#wrapper_interview {
	margin: 1px auto;
	width: 700px;
	padding: 1px 1px 10px 1px;
	margin-left: 50px;
	margin-right: 50px;
}    


#masthead { 
	text-align: center;
	margin: 15px; }	

#smallbox {
	width: 470px;
	border: 1px solid #fff;
	text-align: center;}

/*   Styles for Left side Menu */
#navcontainer {
	white-space: normal;
	position: absolute;
	top: 10px;
	left: 0;
	width: 170px; 
	margin: 10px 5px 10px 5px;
}

#intro { 
	clear:both;
	margin-top: 10px;}
#intro p {
	font: normal 105%  Geneva,Arial, Helvetica, sans-serif;
	color:#FFF;}

.interviewtext {
	text-align: left; font-size: 98%;
}

#photobox { margin: 10px 15px;}	

#interview { 
	clear: both;
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;}

#hiddenlist { 
	visibility:hidden;
	display:none;}
	
#bottomlinks {
	text-align: center;
	clear:both;
	color: #fc6;
}	

#photogroup { margin: 1px;}

div#photogroup img { margin: 10px; margin-top: 15px;}


/*  Link List Styles */
#linklist { 
	font-size: 105%;
	margin: 10px 5px;
	line-height: 200%;
	padding: 10px;	
}

#linklist a:link{ 
	color: #fc6;
	text-decoration: underline;
}

#linklist a:visited{ 
	color: #fc6;
	text-decoration: underline;
}

#linklist a:hover{ 
	color: #fc6;
	text-decoration: underline;
}

#linklist a:active{ 
	color: #fc6;
	text-decoration: underline;
}

#tangoform {
	position: relative;
	font-size: 110%;}

.tangoform {
	border: 1px solid red;
	width: 70%;
	text-align: center;}

/* box and layout styles*/
.boxcenter { text-align:center; -moz-box-align: center; margin: 0 5px;}
.boxleft { text-align: left;}
.boxright{ text-align:right}
.box80{
	margin-left: 10%;
	margin-right: 10%;
	text-align: center;}

.borderbox {
    clear:both;
	margin: 1px;
	border: 1px solid  #fff;
	text-align: center;
	padding: 10px;
	margin-bottom: 25px;
}	

.borderbox2 {border: 2px solid #fff; text-align:center; margin: 1px; }


/************************************
	Text and paragraph styles
**************************************/
/* text styles*/
h1 {
   color: #FFCC33;
   font-weight: bold; 
   font-size: 130%; 
   line-height: 110%;
}
   
h2 {
   font-size: 120%;
   line-height: 120%;
}
/* replaces font size 4  */

h3 {font-size:110%;}

h4 {
   font-size: 100%; 
}
   
h5 {   
   font-size: 80%;
   line-height: 80%;}
  
hr {background-color:#6633FF; width: 80%;}

.sym {
	font-family:  symbol, wingdings, sans-serif;
	font-weight: bold;
	font-size: 110%;
}

.smalltext {
	font-size: 95%;
    text-align:center;}

.mediumtext {
	font-size: 100%;
}

.mediumboldtext {
	font: bold 100% Arial, Helvetica, sans-serif;
}
	
.largetext {
	font: normal 110% Arial, Helvetica, sans-serif;
}

.largeboldtext {	
	font: normal bold 115% Arial, Helvetica, sans-serif;
	text-align:center;}
	
.BlueHheadline{
	text-align: center; 
	color:#0066ff; 
	font:normal 120% Arial, Helvetica, sans-serif;
}

.cancelled { color:#f00; font-weight: bold; }

/* *** Paragraph Styles ****/
P {color: #FFF;}

.question { color:#FFCC66; font-weight:bold;}
.answer {}
.p_tiny {
	margin-top: 5px;
	font-size: 90%;
}

.event_text {
	margin: 15px 15px 15px 15px; 
	text-align:left; 
	padding: 0 0 15px 10px; 
}

.p_small {
	margin-top: 7px;
	font: normal 93%  Geneva, Arial, Helvetica, sans-serif;
}

.p_medium {
	margin-top: 7px;
	font: normal 105%  Arial, Helvetica, sans-serif;
}
/* same as font-size 3 bold */
.p_medimubold {
	margin-top: 7px;
	font: normal bold 105%  Arial, Helvetica, sans-serif;
}

/* same as font size 4*/	
.p_Large { margin-top: 7px;
	font: normal 120%  Arial, Helvetica, sans-serif;
}

/*  text colors */
.goldtext {color: #fc3;}
.bluetext { color: #69F;}
.blueboldtext{color: #69F; font-weight:bold;}
.greenboldtext {color: #0f0; font-weight:bold;}
.tinytext { font-size:80%}
.announcement{ 
	color: #fc3;
	font-family: verdana, arial, helvetica, sans-serif ;
	font-weight: bold;
	font-size: 120%;
	margin: 5px 10px 10px 0px;
	line-height: 80%;
	padding-top: 10px;
	padding-left: 10px;
}

/*************/

table {font-size:inherit !important;} /* IE Hack */

/* old link color #06f */
a:link {color: #69F;}
a:visited {color: #69F}
A:hover { text-decoration:none; color:#69F; }
a:active{ color: #fff;}

a img {border: none;}

td{vertical-align:top;}
/* decorative  styles */
.whitebox {}
.TDbottom {border-bottom: 1px solid #C33; }
.TDleft {Border-left: 1px solid #C33;}
.TDleftBottom {Border-left: 1px solid #C33;
	border-bottom: 1px solid #C33;}



/* box positioning styles */
.floatleft {float:left;}
.floatright {float:right;}
.clearfloats {clear:both;}

.photoleft {
	float: left;
	margin: 5px 15px 5px 15px;}
	
.photoright {
	float:right;
	margin: 5px 15px 5px 15px;}
	
.textleft {}
.textright {}
.textcenter {text-align: center;}


/* for print display only */
.printonlybox {
	visibility:hidden;
	display: none;}

.hidethis {visibility: hidden; display:none;}

.showthis { visibility:visible; display:inherit}


/* Menu Styles */
.mmenu { text-align: right; font-family:Arial, Helvetica, sans-serif;}
.mmenu a:hover {text-decoration: underline;}
.mmenu dl { font-size: 95%;}	
.mmenu dt, dl, dt, dd, ul, li{ 
	list-style-type: none;
	line-height: 1.2em;
	margin-top: 6px;
	margin-right: 0px;
	}

.mmenu dt {color: #fff; padding: 4px 0px 0px 0px;}
.mmenu dt a:link {color: #69F; text-decoration: none;}
.mmenu dt a:visited {color: #69F; text-decoration:none;}
.mmenu dt a:hover {text-decoration:underline; color:#69F;}
.mmenu dt a:active {color: #FFF; text-decoration:none;}	

.mmenu li { 
	list-style-type:none;
	color:#FC6;
	margin: 6px 0px;
	margin-left: -2.5em;
	padding-left: 0px;
	font-size: 95%;}
	
.mmenu li a:link {color: #FC6; text-decoration: none;}
.mmenu li a:visited {color: #FC6; text-decoration:none;}
.mmenu li a:hover { text-decoration:underline;}
.mmenu li a:active {color: #FFF; text-decoration:none;}

/*        styles for calendar page (viewable)*/
.calendarHidden {
	visibility: hidden;
	display:none;
	vertical-align: top;
	border: 5px solid #3399FF;
	width: 700px;
	text-align:center;
}

.wrapper_calendar {
	text-align: center;
	/*border: 2px solid orange;*/
}

.wrapper_calendar p { margin-top: 0px;font-size: 95%;}	
    
.calendar {
	vertical-align: top;
	border: 5px solid #FFF;
	text-align:center;}

.calendar td {
	border: 1px solid #ffF;
	color: #FFFFFF;
	vertical-align:top;
	text-align: center;	
	font-size: 78%;	
}

td.monthcolumn {width: 39px;}
td.datecolumn {width: 110px;}

.monthletter {
	text-align:center;
	color: #fff;
	font: bold 34px Arial,Helvetica,sans-serif;
}

.headlineText {}
.headline_month {
	font: bold normal 24px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	margin: 10px 0;
}

/* link for obfuscated email addy */
.firstlink {color: #69f; text-decoration: underline;}
.firstlink a:hover {text-decoration: none;}
.firstlink a:visited, .firstlink a:link, .firstlink a:active {text-decoration: underline; color: #69f;}
.pagelink {
	Text-align: center;
	font-size: 90%;
	font-weight: normal;
	color: #69F;
}

.backlink {
  color: #FFCC66; 
  font-size: 90%;
  font-weight: bold;
  line-height: 110%;
  text-align: center;
  margin: 5px 0;
}

.imagespac { margin: 5px 15px 5px 15px;}

/* utility */
.hidden { display: none;}

#schedule.tinytext {color: #FFF;}


/* styles for tables used for schedules/prices table  */
#pricetable {
	width: 700px;
	border: 4px solid #FFF;
	margin-top: 5px;
	margin-bottom: 10px;
}

.schedule {
	vertical-align: top;
}

#pricetable td{
	text-align:right;
	vertical-align:bottom;
	border: 1px solid #fff;
	padding: 2px 3px;
	font-size: 95%;
	border-collapse: collapse;}

#pricetable p { line-height: 1.2; margin: 1px;}
#pricetable tr.head {
	font-weight:bold;
	text-align:center;
	vertical-align:bottom;}


#pricetable .aleft{text-align: left}

#pricetable .time {float: left; padding: 2px; font-weight: bold; clear:both;}
td.pricecolumn {text-align: right;}
td.Descriptioncolumn {width:  500px; vertical-align:text-bottom;}

.formline {
	border-bottom: 2px solid #fff;
	width: 100%;
	padding: 3px 0px 3px 0px;
	margin-bottom: 5px;
	font-weight:bold;}

.Geographic {
	font: bold normal 120%   Arial, Helvetica, Verdana,sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
	text-align: center;
	margin: 20px 0px 5px 0px;
	padding: 10px 0px 5px 0px;
}

.listing {
	font: normal normal 96% Arial, Helvetica, sans-serif;
	color: #FC0;
	text-align:center;
	line-height: 200%;
}
.listing a:link {
	color: #FFCC00;
	text-decoration: underline;}

.listing a:visited {
	color: #FFCC00;
	text-decoration: underline;
}

.listing a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
.listing a:active {
	color: #FFCC00;
	text-decoration: underline;
}

.listing img {padding-top: 10px; margin-top: 10px;}
/* links on interview pages */
.bottomlinks {
	text-align: center;
	clear:both;
	color: #fc6;
	font-size: 75%;
	text-align: center;
	-moz-box-align: center;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 15px;
	margin-bottom: 15px;		
}

.toplinks {   
    color: #FFCC66; 
    font: normal normal 80% Arial,Helvetica,sans-serif; 
    text-align: CENTER;
    margin-bottom: 15px;
}

.divider { 
	padding: 15px;
	text-align:center;
}

.width800 {
	width: 760px;
	margin-left: 20px;
	padding-left: 10px;}

.width600 {
	width: 600px;
	margin-left: 30px;}
	
/* email obfuscator */
.obfs {display: none;}

.empulseref {
	color: #666666; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:9px; 
	text-align:center;
	margin-top: 25px;
} 

.empulseref a:link, .empulseref a:visited ,.empulseref a:hover,empulseref a:active {color: #666; text-decoration:none;}

/* styles for forms  */

.frm_wrapper {
	text-align: left; margin-top: 5px; padding-top: 10px;}

.frm_title { clear: both; float: left; width: 120px; border:1px solid #fff; margin: 2px;}

.frm_field { margin-left: 130px; margin-top: 2px; margin-bottom: 2px;}

.td_headline {
	text-align: center;}
}