/* Start of CMSMS style sheet 'recordings' */
table {
   font-family: sans-serif;
   background-color: white;
}

.rec-table-header {
   text-align: center;
   font-size: 115%;
   font-weight: bold;
   color: white;
   background-color: #158;
}

.rec-table-header-left {
   text-align: left;
   font-size: 115%;
   font-weight: bold;
   color: white;
   background-color: #158;
   padding-left:5px;
}

.leftcell{
   padding-left:5px;
}
.rec-row-center {
   text-align: center;
}
.rec-row-right {
   text-align: right;
}

span.aud{
   display:inline;
   cursor:pointer;
   height:24px;
   /* position:relative; */
   width:auto !important;
   text-align: right;
   vertical-align:middle;
   background:url(images/button_left_aud.png) no-repeat scroll left 0;
  float:left; 
}

span.aud:hover{
   display:inline;
   cursor:pointer;
   height:24px;
/*   position:relative; */
   width:auto !important;
   text-align: right;
   vertical-align:middle;
   background:url(images/button_left_aud_hover.png) no-repeat scroll left 0;
   float:left; 
}

span.aud_active{
   display:inline;
   cursor:pointer;
   height:24px;
/*   position:relative; */
   width:auto !important;
   text-align: right;
   vertical-align:middle;
   background:url(images/button_left_aud_active.png) no-repeat scroll left 0;
   float:left; 
}

span.aud a{
   display:inline;
   background:transparent url(images/button_right.png) no-repeat scroll right 0;
   text-decoration:none;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:10px;
   vertical-align:middle;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:normal;
   font-variant:normal;
   font-weight:bold;
   height:24px;
   color:black;
   width:auto !important;
   padding:3px 7px 0 32px;
   float:right; 
}

span.aud a:hover{
   display:inline;
   background:transparent url(images/button_right_hover.png) no-repeat scroll right 0;
   text-decoration:none;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:10px;
   vertical-align:middle;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:normal;
   font-variant:normal;
   font-weight:bold;
   height:24px;
   color:black;
   width:auto !important;
   padding:3px 7px 0 32px;
   float:right; 
}

span.aud_active a{
   display:inline;
   background:transparent url(images/button_right_active.png) no-repeat scroll right 0;
   text-decoration:none;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:10px;
   vertical-align:middle;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:normal;
   font-variant:normal;
   font-weight:bold;
   height:24px;
   color:black;
   width:auto !important;
   padding:3px 7px 0 32px;
   float:right; 
}

span.vid {
   display:inline;
   cursor:pointer;
   height:24px;
/*   position:relative; */
   width:auto !important;
   text-align: right;
   vertical-align:middle;
   background:url(images/button_left_vid.png) no-repeat scroll left 0;
   float:left; 
}

span.vid:hover {
   display:inline;
   cursor:pointer;
   height:24px;
/*   position:relative; */
   width:auto !important;
   text-align: right;
   vertical-align:middle;
   background:url(images/button_left_vid_hover.png) no-repeat scroll left 0;
   float:left; 
}

span.vid_active {
   display:inline;
   cursor:pointer;
   height:24px;
/*   position:relative; */
   width:auto !important;
   text-align: right;
   vertical-align:middle;
   background:url(images/button_left_vid_active.png) no-repeat scroll left 0;
   float:left; 
}

span.vid a{
   display:inline;
   background:transparent url(images/button_right.png) no-repeat scroll right 0;
   text-decoration:none;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   vertical-align:middle;
   font-size:10px;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:normal;
   font-variant:normal;
   font-weight:bold;
   color:black;
   height:24px;
   width:auto !important;
   padding:3px 7px 0 32px;
   float:right; 
}

span.vid a:hover{
   display:inline;
   background:transparent url(images/button_right_hover.png) no-repeat scroll right 0;
   text-decoration:none;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   vertical-align:middle;
   font-size:10px;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:normal;
   font-variant:normal;
   font-weight:bold;
   color:black;
   height:24px;
   width:auto !important;
   padding:3px 7px 0 32px;
   float:right; 
}

span.vid_active a{
   display:inline;
   background:transparent url(images/button_right_active.png) no-repeat scroll right 0;
   text-decoration:none;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   vertical-align:middle;
   font-size:10px;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:normal;
   font-variant:normal;
   font-weight:bold;
   color:black;
   height:24px;
   width:auto !important;
   padding:3px 7px 0 32px;
   float:right; 
}

a.closebtn{
   position:absolute;
   margin:0;
   height:15px;
   width:15px;
   background:url(images/close_icon.png) no-repeat;
   top:0;
   right:0;
}

a.closebtn:hover{
   position:absolute; 
   margin:0;
   float:right; 
   height:15px;
   width:15px;
   background:url(images/close_icon_hover.png) no-repeat;
   top:0;
   right:0;
}

.playerwindow {
   border:2px solid #158;
   width:95%;
   height:300px;
   overflow:auto;
}
#playspace {
   position:relative; 
   width:95%;
   height:0px;
   margin:0;
   text-align:center;
}
/* End of 'recordings' */