/* CSS Document */
@import url("/Graphics/Napoleon/Main.css");


/* --------------********** video channel summary **********------------*/

div.videochannelsummary {
padding:0;
margin:0;
}

div.videochannelsummary ul {
margin-left: 10px;
padding:0px;	
border:0px;
list-style-type: none;
}

div.videochannelsummary ul li {
background:#eeeff0;
border:1px solid #d1d2d3;
padding:10px;
width:500px;
clear:both;
min-height:80px;
margin-bottom:10px;
}

div.videochannelsummary ul li img {
float:left;
margin:0px 6px 3px 0px;
height:auto;
}

div#middlecenter div.videochannelsummary ul li a {
font-size:12px;
font-weight:bold;
}

div#middlecenter div.videochannelsummary ul li div.summary {
margin-bottom:0px;
}






/* ------------------- this is in case someone posts a UL inside of a summary ---------------*/

div#postingsummarymain ul div.summary ul {
margin:10px 20px;
padding:0px;	
border:0px;
list-style-type:disc;
}


div#postingsummarymain ul div.summary ul li {
margin:5px 0 5px 0;
padding-top:0px;
height:auto;
vertical-align:middle;
}





/* ------------------------------------------------------------------------------------------------------- */


/* For the video channel summaries */
div.videochannelsummary li.title {
display: none;
}

div.videochannelsummary div.summary {
margin-top: -18px;
float: right;
width: 390px;
border: 0px solid red;
font-weight: normal;
}







/* For the YouTube / Vimeo "watch" page */
div.control div.videocontrol div.youtubevid {
margin-top: 8px;
width: 444px;
float: left;
}

div.whileviewing {
margin-top: -25px;
margin-right: -8px;
width: auto;
}

div.after {
clear: both;	
}

.vidinfo {
width: 425px;
height: 20px;
font-family: Verdana;
font-size: 9px;
border: 1px solid #d3d5d6;
}

.vidinfo td {
background-color: #FFFFFF;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 7px;
}

.vidinfo td.title {
font-weight: bold;
width: 95px;
text-align: right;
padding-right: 1px;
}





/* For hiding the channel titles */
div#topcenter div.channelsummary ul li.title {
color: #d77848;
}

h1.channeltitle {
display: none;
}

h3 {
font: bold 20px Arial, sans-serif;
margin-top: -2px;
margin-left: 1px;
color: #d77848;
}






/* For the page titles (Read, Watch, Assess, Title */
h2.pagetitle {
font:bold italic 18px Arial, sans-serif;
}








/* For the links to the HTML postings */
div.summary {
font: bold 13px Arial, sans-serif;	
padding-bottom: 16px;
border-bottom: 1px solid #d3d5d6;
}

div.emailfriend {
visibility: hidden;
}








/* For the "Read, Watch, Assess, Explore" buttons */
.iconstb {
height: 34px;
margin-left: -5px;
}

.iconstb td img {
border: 0;	
}

div#left div.control img.image {
display: none;
}

div#postingsummarymain ul li img {
border: none;
}








/* For the flash assessments */
.flashassessment {
margin-top: 8px;
}








/* For the TDT homepage */
#center {
position: relative;
/* right: 3px;*/
}

#left {
position: relative;
}

div.control div.channelsummary ul li.title {
width: 628px !important;
height: 19px;
overflow: hidden;
margin-left: 14px !important;
margin-top: 0;
}

div.control div.flashcontrol div.flashtest {
margin-right: 3px;
width: 655px;
overflow: hidden;
}

div.control div.flashcontrol div.flashtest2 {
margin-top:-7px;
margin-right: 0;
width: 655px;
overflow: hidden;
}

div#left a img {
margin: 0 0 8px 0;
padding: 0;
border: 0;
}








/* For the Continuum and Self Assessments web page */
.tblist {
width: 100%;
height: 34px;
font-family: Arial;
clear: both;
margin-bottom: 2px;
}

.tblist td {
vertical-align: middle;
background-color: #FFFFFF;
padding: 2px;
}

.tblist td.icon {
width: 32px;
vertical-align: middle;
background-color: #FFFFFF;
padding: 2px;
}

.tblist a { 
display: block;
text-decoration: none;
height: 34px;
}

.tblist a:link { 
display: block;
text-decoration: none;
}

.tblist a:hover {
display: block;
text-decoration: none;
color: #000000;
background-color: #e9e9e9;
}

.returntotop {
text-align: right;
font-size: 11px;
}

.assesscontents {
margin-top: 10px;
background-color: #e9e9e9;
border: 1px solid  #d3d5d6;
width: 100%;
}

hr {
  border: 1px solid #d3d5d6;
  width: 100%;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}