@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000066;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
			background-image:url(images/page_bg.jpg);
			background-repeat: repeat-x;		
}
.twoColFixLtHdr #container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #dvtopcontainer { 
	float:left;
	width:900px;
	margin:0px;
	padding:10px 0px 0px 0px;
	background: #FFFFFF;	
		border-left: #000000 solid;	
		border-right: #000000 solid;			
} 

.twoColFixLtHdr #corner {
	float:left;
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background: #FFFFFF;
	
	border-left: #000000 solid;	
	border-right: #000000 solid;			
	height: 100%;	
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0px 0px 0px 0px;

}


#dvtopcontainer #dvlogocontainer
{
float:left;
width:324px;
font-size:0px;
margin:0px;
padding:0px 0px 0px 0px; /*0 71 0 0 */
}

#dvtopcontainer h4
{

margin:0px;
padding:0px 0px 0px 0px; /*0 71 0 0 */
}

#dvtopcontainer #dvnavicontainer
{
	float:right;
	width:576px;
	font-size:0px;
	margin:0px;
	padding:0px 0px 0px 0px;
	padding-top: 72px;
}

#dvnavicontainer img
{
float:left;
font-size:0px;
margin:0px;
padding:0px 0px 0px 0px;
}


.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

	padding: 50px 0px 0px 0px;

}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 10px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 50px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	 height:100%;
} 
.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF; 
	
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:200px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:20px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */

}

.dialog .content,
.dialog .t,
.dialog .b div {
 background:transparent url(images/dialog2-blue.png) no-repeat top right;
 _background-image:url(images/dialog2-blue.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:12px 12px 0px 0px;
}


.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1800px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

/* Start of bottom */

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

/* End of bottom */



.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0px 0px 0.5em 0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 14px;
}

.dialog h1 {
 padding-bottom:0px;
}


    #tabs1 {
      float:left;
    
	  background:#FAF6DB;
      font-size:15px;
      line-height:normal;
	  font-family:Helvetica, sans-serif;
	  font-weight:bold;
	  padding-top:0px;  /*10*/
	  padding-bottom:0px;/*5*/
	  height:40px;
	  margin:0px;
	  line-height:normal;
	  
	   /*   height:100%;Fix for MSIE peekaboo bug */
	 
      }
    #tabs1 ul {
	  margin:0;
	 list-style:none;
	  float:left;
	 padding:0px;
	 
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
	  voice-family:"\"}\"";
	  /*line-height:16px;*/
	  height:40px;
	  float:left;
	  
	  
      }
    #tabs1 a {
      float:left;
      /*background:url("../images/tableft1.gif") no-repeat left top; */
      margin:0;
      padding:0 0 0 0px; /*0 0 0 4*/
      text-decoration:none;
	  
      }
    #tabs1 a span {
      float:left;
      display:block;
      /*background:url("../images/tabright1.gif") no-repeat right top;*/
	/*  color:#2C1C0F;*/
      padding:0px 0px 0px 0px; /*3 9 6 5*/
	  voice-family:"\"}\"";
	  padding-top:0px; /*0*/
	  
	  
	
	  
	
     
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFFFFF;
	  
      }
    #tabs1 a:hover {
      background-position:0% 0px;
	   color:#FFFFFF;
      }
    #tabs1 a:hover span {
      background-position:100% 0px;
	   color:#FFFFFF;
      }

      #tabs1 #current a {
      	background-position:0% 0px;
		 color:#FFFFFF;
      }
      #tabs1 #current a span {
      	background-position:100% 0px;
		 color:#FFFFFF;
      }
	  
	  /*-----------------------------Menu ------------------------------*/
	  
img {
border: none;
} 

.img-shadow {
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 100px 10px 100px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #00246a;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  
  } 

form {
  margin: 0px 0 0px 0;
  padding: 0px 0 0px 0;
  font-size: 80%;


  text-align:right absolute;
}

form fieldset {
	clear: both;
	font-size: 100%;
	border-color: #000000;
	border-width: 1px 0 0 0;
	border-style: none none none none;
	padding: 0 0 0 0;
	margin: -100px 400px 0px 0;
	position:relative;
	left: 450px;
	top: -120px;
}


/* --------------------------- Rounded Corners ------------------------ */




.roundedcornr_box_774039 {
   background: #b5aeb5;
}
.roundedcornr_top_774039 div {
   background: url(roundedcornr_774039_tl.png) no-repeat top left;
}
.roundedcornr_top_774039 {
   background: url(roundedcornr_774039_tr.png) no-repeat top right;
}
.roundedcornr_bottom_774039 div {
   background: url(roundedcornr_774039_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_774039 {
   background: url(roundedcornr_774039_br.png) no-repeat bottom right;
}

.roundedcornr_top_774039 div, .roundedcornr_top_774039, 
.roundedcornr_bottom_774039 div, .roundedcornr_bottom_774039 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_774039 { margin: 0 0px; }

	#playlist {
		border: 1px solid #666666;
	}

	#playlist tbody tr td {
		font-family: "lucida grande", verdana, sans-serif;
		font-size: 8pt;
		padding: 3px 8px;
		border-left: 1px solid #D9D9D9;
	}
	
	#playlist tbody tr.selected td {
		background-color: #3d80df;
		color: #ffffff;
		font-weight: bold;
		border-left: 1px solid #346DBE;
		border-bottom: 1px solid #7DAAEA;
	}