a:link,
a:visited, 
a:active            
{ 
	color: #0000FF;
	text-decoration:underline; 
}
a:hover             
{ 
	color: #AA00AA;
	text-decoration: underline;
}
H2
{
font-size:1em;
display:inline;  /* removes line break after header */
}
H3
{
font-size:1em;
display:inline;
}
BODY
{
	font-family: arial;
	font-size: 1em;
}
input, button, select, option, textarea 
{
    font-size: 100%;
}
textarea
{
	width: 90%;
}
.title_image
{
	max-width:100%; 
}
.google_mobile
{
	display: none;
}
blockquote
{
	border-width:2;
	border-style:ridge;
	padding: 5;
}
.left_side_menu
{
	padding-right: 10px;
	min-width: 200px;
	float: right;
}
.content
{
	width: 75%;
}
.clear
{
	clear: both;
}
.menu
{
	border-collapse: collapse;
	/* border: 1px solid black; */
	background-color: #AAAAFF;
	min-width: 10em;

}
table.menu td
{
	border: 2px solid black;
	padding: 0px;
}

table.menu a:link,
table.menu a:visited,
table.menu a:active
{
	color: #0000FF;
	display: block;
	padding: 5px 20px 5px 10px;
}
table.menu td a:hover
{
	color: #FF00FF;
	background-color: #BBBBBB;
	display: block;
	padding: 5px 20px 5px 10px;
}

.main
{
	background-color: #CCCCDD;
	font-weight: bold;
	font-size: 1.5em;
	padding: 5px;
	text-align: center;
	border: 2px outset #DDDDCC;
}
.item
{
	background-color: #CCDDCC;
	font-weight: bold;
	width:50%;
	padding: 2px 2px 2px 5px;
	border: 2px outset #DDCCDD;
}
th
{
	background-color:#DDDDDD;
}
P.indent {text-indent:.25in;}
TABLE.header
{
	border: 2px solid black;
}
TABLE.header TH.sheader /* selected header */
{
	border: 2px solid green;
	width: 150px;
	cursor: pointer;
	background-color: lightgray;
}
TABLE.header TH.nsheader /* non selected header */
{
	border: 2px solid blue;
	width: 150px;
	cursor: pointer;
	background-color: darkgray;
}
.temp
{
	font-family: arial;
	font-size: 14px;
	font-weight: bold; 
	color: white;
}
.itunes
{
	width: 200px;
	color: black;
	border: 1px solid black;
	padding: 5px;
	cursor: pointer;
}
.itunes table
{
	width: 100%;
}
.itunes a
{
	padding: 0px;
	text-decoration:none;
	cursor: pointer;
	color: black;
}
.track
{
	max-height: 3.6em;
	height:expression(this.scrollHeight>50?"55px":"auto");
	overflow: hidden;
}
.comment
{
	width: 90%;
}
.code
{
	padding: 5px;
	background-color: #BBBBBB;
}
code
{
	tab-size: 4;
	padding: 5px;
	background-color: #BBBBBB;
	display: inline-block;
	overflow: auto;
	word-wrap: break-word; 
	white-space: pre-wrap; 
	/* word-break: break-all; */
}
pre 
{
	width: 90%;
	display: block;
	overflow-x: auto;
	tab-size: 4;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	padding: 5px;
	background-color: #BBBBBB;
}
.yes
{
	background-color: #55FF55;
	text-align: center;
}
.no
{
	background-color: #FF5555;
	text-align: center;
}
.mid
{
	background-color: #DDFF99;
	text-align: center;
}
#displayDate
{
	text-align: right;
	float: right;
}
#fb-root
{
	float: right;
}
.rating
{
	color: #AA9900; /* Yellow stars	*/
}
a.download
{
	text-align: center;
	font-weight:bold;
	background-color:#79bbff;
	border: 4px outset #79bbbb;
	border-radius: 10px;
	display: inline-block;
	padding: 5px;
	background: linear-gradient(to top, #79bbff, #79ffff);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#79bbff', endColorstr='#79ffff');
}
a.download:hover
{
	border: 4px inset #79bbbb;
}
.social-div
{
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}
.social-button
{
	margin: 1px 10px 10px 10px;
	display: inline-block;
	vertical-align: top;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	height: 1em;
	line-height: 0.5em;
	padding: 0px 0px 10px 5px;
}
.g-plus
{
	/* background-color: #DB4437;
	color: #ffffff; */
	margin-top: -1px; 
}
.fb-share-button
{
	/* background-color: #4662B0; */
	/* color: #ffffff; */
}
.twitter-share-button
{
	/* background-color: #00ACED;
	color: #ffffff; */
	transform: scale(1.2);
	-webkit-transform: scale(1.2);	
}
.linkedin-share-button
{
	/* background-color: #0077B5;
	color: #ffffff; */
	margin-right: 4px;
}
#rss_icon
{
	width: 35px;
	vertical-align: middle;
}
.box
{
	border: 1px solid black;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.box a
{
	/* width: 100%; */
	word-wrap: break-word; 
	white-space: pre-wrap;       /* css-3 */
	max-width: 480px;
	overflow: auto;
}

.popupbox
{
	display: none;
	position: fixed;
  	margin: 100px auto;
	border: 2px solid black;
	margin: 20px;
	background-color: #dddddd;
	padding: 10px;
	z-index: 199999;
	min-width: 200px;
	min-height: 200px;
	max-width: 90%;
	vertical-align: middle; 
	border-radius: 20px;
	font-size: 1.5em;
}
.popupbox a 
{
	/* Anchors in box need to break words */
	word-break: break-all;
}
a.popupboxclose{
    float:right;
    margin-top:-15px;
    margin-right:-15px;
    cursor:pointer;
    color: black;
    background-color: red;
    border: 1px solid black;
    border-radius: 20px;
    font-size: 1.5em;
    font-weight: bold;
    display: inline-block;
    line-height: .8em;
    padding: 11px 3px;   
	z-index: 100;    
}
.popupboxclose:before {
    content: "Close";
}


/* used in phone.htm (a.button_link and red_x) */
a.button_link 
{
	display:inline-block;
	border-radius: 5px;
	text-decoration: none;
	color: black;
	border: 1px solid black;
	padding: 5px;
	background-color: #DDDDDD;
}
.red_x
{
	transform:scale(3,1); /* WC3 */
	position:absolute; 
	left: 150px; top:0px; 
	font-size: 150px;
	align: center; 
	color: red; 
	opacity:0.5;
	filter:Alpha(opacity=50);

}
.shiny
{
	/* background styles */
	position: relative;
	display: inline-block;
	background: orange; /*for compatibility with older browsers*/
	background-image: linear-gradient(orange,yellow);
	border-radius: 10px;
	
	/* text styles */
	text-decoration: none;
	color: #0000A0;
	font-size: 1.5em;
	font-weight: bold;
	
}
.shiny:after
{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	height: 50%;
	width: 97%;
	border-radius: 10px 10px 0px 0px;
	background: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.2));
	/* box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5); */
}
.shiny:hover{
	background: yellow;
	background: linear-gradient(yellow,orange);
}
#donated_span {
	color: #375741;
	font-size: 1.25em;
	font-weight: bold;
}

.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}