BODY {
margin: 0 0 0 0; padding: 0 0 0 0;
width:100%; 
height:100%;
background-image: url(images/bkg.gif); 
background-repeat: no-repeat; 
background-attachment: initial; 
background-color: rgb(0, 0, 0); 
background-position: 50% 0px; 
font-size : 13px;
font-family : Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
color : Black;
line-height:22px; 
}

A:link  {text-decoration : none; color: #d0dfff;}
A:visited  {text-decoration : none; color: #d0dfff;}
A:active  {text-decoration : none; color: #d0dfff;}
A:hover  {text-decoration : underline; color : #FFFFFF;}

#header {
z-index:100;
filter:alpha(opacity=100); /* Make IE understand that this is not transparent */
opacity:1; /* Make CSS compliant browsers understand this is not transparent */
display:block;
position:absolute;
top:0px;
left:50%;
width:808px;
margin-left:-404px;


}

#transparentBackground{
    background: rgb(0,0,0); /* The Fallback */	
	background: rgba(0,0,0,0.75);
	position:relative;
	left:0px;
	width:880px; /* width to match the photo */
	margin-left: auto ;
	margin-right: auto;
	margin-top:100px;
	margin-bottom:15px;
	border: solid 3px #ff6900;
 }

#textOverBackground{
	height: 50px; /* whatever floats your boat */
        width: 400px; /* whatever floats your boat */
        filter:alpha(opacity=100); /* Make IE understand that this is not transparent */
        opacity:1; /* Make CSS compliant browsers understand this is not transparent */
        position:relative;
        top: 50px; /* whatever puts the text where you need it */
        left: 0px; /* again, wherever you need the text */
     }
	 
.social {
padding:2px;
z-index:100;
}

#socialmedia {
display:block;
position:absolute;
top: 70px;
right:5px;
z-index:100;

}

.bodytext {
display:block;
float:left;
color: white;
font-size:14px;
font-weight:bold;
margin-top:150px;
margin-left:30px;
width:500px;
}

#calendar {
float:right; 
margin-right:10px; 
margin-top:0px;
margin-bottom:10px;
background: rgb(0,0,0); /* The Fallback */	
background: rgba(0,0,0,0.5);
width:300px;
border:solid 1px #B6B6B6;
}

#player {
float:right; 
display:block;
margin-left:auto;
margin-right:10px; 
margin-top:150px;
margin-bottom:10px;
width:300px;
}

.calhead {
background: rgb(0,0,0); /* The Fallback */	
background: rgba(0,0,0,0.5);
color: #d0dfff;
font-size:16px;
font-weight:bold;
text-align:center;
margin:0px 0px 0px 0px;
padding:5px;
}

.odddate {
background: rgb(255,255,255); /* The Fallback */	
background: rgba(255,255,255,0.2);
padding:4px;
}

.evendate {
padding:4px;
}



.date {
display:inline-block;
width:25px;
padding-right:3px;
float:left;
color:white;
font-size: 11px;
line-height:normal;
border-right:solid 1px #CCCCCC;
text-align:center;
}

.event {
display:inline-block;
width:175px;
height:30px;
line-height: normal;
vertical-align:middle;
float:left;
padding-left: 5px;
padding-right: 5px;
color:white;
font-size: 11px;
}


.city {
display:inline-block;
width:65px;
float:left;
padding-left: 5px;
padding-right: 5px;
color:white;
font-size: 11px;
line-height:normal;
text-align: center;
border-left:solid 1px #CCCCCC;
}


.focusField{
   	border:solid 2px #73A6FF;
   	background:#EFF5FF;
   	color:#000;
	height:20px;
	font-size:14px;	
	padding-left:5px;	
    }

.idleField{
   	background:#818181;
   	color:#FFFFFF;
	border: solid 2px #DFDFDF;
	font-size:14px;
	font-style:italic;
	padding-left:5px;
	height:20px;	
    }	

.completedField{
   	border:solid 2px #FFFFFF;
	background:#000000;
	color:#FFFFFF;
	font-size:14px;
	font-style:normal;
	padding-left:5px;
	height:20px;
	font-weight:bold;	
}

.focusField_sel{
   	border:solid 2px #73A6FF;
   	background:#EFF5FF;
   	color:#000;
	height:20px;
	font-size:14px;	
	padding-left:5px;	
    }

.idleField_sel{
   	background:#818181;
   	color:#FFFFFF;
	border: solid 2px #DFDFDF;
	font-size:14px;
	font-style:italic;
	padding-left:5px;
	height:20px;	
    }	

.completedField_sel{
   	border:solid 2px #FFFFFF;
	background:#000000;
	color:#FFFFFF;
	font-size:14px;
	font-style:normal;
	padding-left:5px;
	height:20px;	
}

.gobtn{
	display:inline-block;
	vertical-align:bottom;
	margin-bottom:3px;
	margin-left:5px;
	width: 22px;
	height: 22px;
	background: url('/images/email_go.png') bottom;
	text-indent: -99999px;
	border:0px;
	outline:0 !important;
	line-height: 1;
}
.gobtn:hover {
	background-position: 0 0;
}