/* SVN FILE: $Id: base.css 93 2009-01-08 19:32:31Z jleveille $ */
/**
 * Base styles
 * @filesource
 * @copyright		Copyright, Video On Location.
 * @version			$Rev: 93 $
 * @modifiedby		$LastChangedBy: jleveille $
 * @lastmodified	$Date: 2009-01-08 14:32:31 -0500 (Thu, 08 Jan 2009) $
 */

/*Reset stylesheet
http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
   line-height: 1;
   color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*Site Styles*/

/* Hide configurable sections */

#head-nav{
	display: none;
}

#nav{
	display: none;
}

#agenda{
	display: none;
}

#resources{
	display: none;
}

#thumbnail{
	display: none;
   text-align: center;
}

#footer{
	display: none;
}

body{
   font:80%/1.6em "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
   text-align: center;
   padding-top: .5em;
   padding-bottom: .5em;
}

a{
   border-bottom: 1px dotted #0066CC;
   color: #0066CC;
   text-decoration: none;
   text-transform: capitalize;
}

a:hover{
   border-bottom: 1px solid #0066CC;
}

/*Loading Indicator*/

#loading-mask{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:20000;
}

#loading{
	position: absolute;
	left: 45%;
	top: 40%;
	padding: 1px;
	z-index: 20001;
	border: 1px solid #DBDBDB;
	background: white;
}

#loading .loading-indicator{
	color: #000;
	font: bold 16px tahoma,arial,helvetica;
	padding: 12px;
	margin: 0;
	text-align: center;
	height: auto;
}

/* iframe for video */
#iframePlayer {
   border-style: none;
   margin: 0px;
   padding: 0px;
   overflow: hidden;
}

/*Headings*/
h1,h2,h3,h4,h5,h6{
   font-family:Georgia, "Times New Roman", Times, serif;
   letter-spacing:.1em;
   margin-bottom:1.5em
}

/*Container*/
#container{
   font-size:95%;
   margin-left:auto;
   margin-right:auto;
   position:relative;
   text-align:left;
   /*width: 858px;*/
   width: 805px;
}

#container.noSkin {
   /*width: 823px;*/
   width: 770px;
}

/*Head*/
#head{
   text-align: right;
   margin-bottom: 10px;
   height: 1%
}

#head .in-head{
   position: relative;
   height: 1%;
}

#logo{
   float:left;
   margin: 0;
   padding: 0;
}

#head p#head-nav{
   position: absolute;
   right: 0;
   bottom: 0;
}

#head p#head-nav a{
   font-size: 90%;
}

/*torso*/
#torso {
   background: #FFFFFF;
   margin-bottom: 0.3em;
   text-align: left;
}

#torso.tBorder {
   border: 1px solid #000000;
}

/* Shoutbox */
#daddy-shoutbox {
   display: none;
   height: 1%;
   background: #EFEFEF;
   border: 1px solid #E6E6E6;
}

#daddy-shoutbox h2 {
   background: #E6E6E6 url(../images/bg/user_comment.png) no-repeat 5px center;
   padding-left: 26px;
   margin-bottom: 5px;
}

#daddy-shoutbox iframe {
   width: 100%;
   height: 300px;
}

#daddy-shoutbox h2{
   position: relative;
   margin-bottom: 0px !important;
}

#daddy-shoutbox h2 img#close-live-support {
	position: absolute;
   right: 10px;
   top: 5px;
   cursor: pointer;
}

#daddy-shoutbox h2 a#live-support-window {
	position: absolute;
   right: 30px;
   top: 5px;
   cursor: pointer;
}

#daddy-shoutbox h2 a {
	border: none;
}

#daddy-shoutbox-list {
   float: right;
   height: 130px;
   overflow: auto;
   width: 50%;
   background: #FFFFFF;
   border: 1px solid #CCCCCC;
   font-size: 11px;
}

#daddy-shoutbox-form {
	float: left;
   width: 45%;
}

span.shoutbox-list-time {
   font-weight: bold;
}

span.shoutbox-list-nick {
   font-weight: bold;
   border-bottom: 1px dotted #000000;
}

span.shoutbox-list-message {
   color: #666666;
}

/* agenda */
#agenda {
   background: #EFEFEF;
   margin-bottom: 5px;
   float: left;
   width: 238px;
   border: 1px solid #E6E6E6;
}

#agenda ul {
	overflow: auto;
   padding-top: 11px;
   padding-bottom: 11px;
}

#agenda h2, #resources h2, #daddy-shoutbox h2{
   font-size: 13px;
   margin-bottom: 15px;
   border-bottom: 1px dotted #D2D2D2;
   font-weight: bold;
   font-variant: small-caps;
   padding-top: 3px;
   padding-right: 3px;
   padding-bottom: 3px;
}

#agenda h2 {
   background: #E6E6E6 url(../images/bg/date.png) no-repeat 5px center;
   padding-left: 26px;
   margin-bottom: 0px;
}

#agenda ul{
   margin-left: 10px;
}

#agenda li{
   padding-left: 5px;
   line-height: 1.5em;
   list-style: none;
}

/*nav*/
#nav {
	position: relative;
   background: #EFEFEF;
   padding: 10px;
   border-bottom: 1px solid #E6E6E6;
}

#nav #time {
   position: absolute;
   right: 20px;
   top: 12px;
   width: 200px;
   height: 25px;
   overflow: hidden;
   background: transparent;
   border-style: none
}

/*material*/
#material {
	padding: 5px;
}

/* viewer controls */
#viewer #controls a{
   border-bottom: 1px dotted #FFF;
   color: #FFF;
}

#viewer #controls a:hover{
   border-bottom: 1px solid snow;
}

/*video*/
#MediaPlayer {
   z-index: 3;   
}

/*resources*/
#resources {
   clear: both;
   background: #EFEFEF;
   border: 1px solid #E6E6E6;
   padding-bottom: 10px;
   font-size: 90%;
}

#resources ul.resources {
	float: left;
   width: 30%;
   margin-left: 15px;
}

#resources ul.resources li{
   line-height: 1.5em;
   padding-left: 5px;
   margin-left: 20px;
   list-style: disc;
}

#resources p {
   clear: both;
   text-align:center;
}

#resources h2 {
   background: #E6E6E6 url(../images/bg/note.png) no-repeat 5px center;
   padding-left: 26px;
}


/*footer*/
#footer {
   font-size:85%;
   line-height:1.5em;
   margin:10px auto 0;
}

#footer p {
   text-align: right;
}

/*misc*/
.center{text-align:center}
.clear{clear:both}
.float-left{float:left;margin-bottom:.5em;margin-right:1.5em}
.hide{display:none}
.show{display:block}
abbr,acronym{border-bottom:1px dotted #CCC;cursor:help}
del,.strike{color:#5E667D;text-decoration:line-through}
em{font-style:italic}
form fieldset{border:none}
ins{font-style:italic;text-decoration:none}
p.right{text-align:right}
strong{font-weight:700}

.clearfix:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/*Rounder corners*/

.dialog {
   text-align:center;
   margin-right: auto;
   margin-left: auto;	
}

.dialog .hd .c,
.dialog .ft .c {
	font-size:1px; /* ensure minimum height */
	height:11px;
}

.dialog .ft .c {
   height:14px;
}

.dialog .hd {
    background:transparent url(../images/rounded/png/tl.png) no-repeat 0px 0px;
}

.dialog .hd .c {
    background:transparent url(../images/rounded/png/tr.png) no-repeat right 0px;
}

.dialog .bd {
    background:transparent url(../images/rounded/png/ml.png) repeat-y 0px 0px;
}

.dialog .bd .c {
    background:transparent url(../images/rounded/png/mr.png) repeat-y right 0px;
}

.dialog .bd .c .s {
    margin:0px 8px 0px 4px;
    background:#000 url(../images/rounded/png/ms.jpg) repeat-x 0px 0px;
    padding:1em;
}

.dialog .bd .c {
    margin: 0;
    padding: 0;
    padding-bottom: 1px
}

.dialog .ft {
    background:transparent url(../images/rounded/png/bl.png) no-repeat 0px 0px;
}

.dialog .ft .c {
    background:transparent url(../images/rounded/png/br.png) no-repeat right 0px;
}