﻿@import "widgEditor.css";

/* Basics
======================================================================*/
a { color: #039; }
a:hover { text-decoration: none; }
abbr, acronym { border: 0; cursor: help; font-style: normal; }
address { font-style: normal; }

body {
	background: #34497a url(/images/bgMain.gif) repeat-x top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.45em;
	margin: 10px;
	text-align: center;
}

button, input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

caption { text-align: left; }
dd { margin: 0 0 1em 0; }
dl { margin: 0; }
dt { margin-bottom: 0.3em; }
fieldset { border: 0; margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
h1, h1 a, h2, h2 a { color: #a13840; }
h1 { font-size: 1.3em; line-height: 1.5em; margin-top: 10px; }
h2 { font-size: 1.1em; margin-bottom: 0.2em; }
h3 { font-size: 1em; margin-bottom: 0; margin-top: 6px; }
h3 span { font-weight: normal; }
iframe { width: 98%; }
img { border: 0; }

img.digVidImage{ margin-bottom: 5px; margin-top: 5px; }

input.txt, textarea.txt {
	background: #fff;
	border: 1px solid #bfbbb5;
	display: block;
	margin: 0.2em 0 0.5em 0;
	padding: 0.3em;
	width: 95%;
}

input.txt2 {
	background: #fff;
	border: 1px solid #bfbbb5;
	display: block;
	margin: 0.2em 0 0.5em 0;
	padding: 0.3em;
	width: 50%;
}
input.txtOpt {
	background: #fff;
	border: 1px solid #bfbbb5;
	margin: 0.2em 0 0.5em 0;
	padding: 0.3em;
	width: 60%;
}

/*input.btn{
	border-top: 1px solid #DDD;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #DDD;
	font-family: Verdana, Arial, Helvetica, sans serif;
	font-size: 11px;
	margin-top: 5px;
	height: 30px;
}*/

/*input:focus, input.txt:focus, select:focus, textarea:focus, .btn:focus { background: #ffc; }*/
label { display: block; }
legend { margin: 0; padding: 0; }
li { margin: 0.3em 0; }
ol { margin-bottom: 1em; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-alpha; }
p { margin: 0.5em 0; }
p.floatLeft, p.floatRight { margin-top: 0; }
#pages { float: right; list-style: none; margin: 0; padding: 0; }
#pages li { display: inline; padding: 0 3px; }
select.fixed { font-family: "Courier New", Courier, sans-serif; width: 99%; }
select.opt { border: 1px solid #bfbbb5; margin: 0.2em 0 0.5em 0; padding: 0.1em; vertical-align: middle; }
select.txt { border: 1px solid #bfbbb5; margin: 0.2em 0 0.5em 0; padding: 0.1em; width: 98%; }
table { border: 0; border-collapse: collapse; width: 100%; margin: 0.2em 0; }
table.addSegments { background: #ffc; width: 400px; }
td { padding: 3px; vertical-align: top; }
th { border-bottom: 1px solid #ccc; padding: 3px; text-align: left; vertical-align: top; }
th span { white-space:nowrap; }
ul { list-style: none; margin: 0 0 1em 0; padding: 0; }
ul.bul { list-style: disc; margin-left: 20px; }
ul.bul ul { margin-left: 20px; }



/* Colors
======================================================================*/
.home, #tabHomeActive { background: #4e58a6; }
.digVid, #tabDigVidActive { background: #597455; }
.digAud, #tabDigAudActive { background: #eec75c; }
.imgLib, #tabImgLibActive { background: #ea5c0b; }
.resources, #tabResourcesActive { background: #ce3022; }
.podcasts, #tabPodcastsActive { background: #7E4F9F; }
.callout, div.featuredNews, div.relatedMedia, div.paging { background: #F9F8F7; }

.home, .home a, #tabHomeActive a, 
.digVid, .digVid a, #tabDigVidActive a, 
.imgLib, .imgLib a, #tabImgLibActive a, 
.resources, .resources a, #tabResourcesActive a, 
.podcasts, .podcasts a, #tabPodcastsActive a {
	color: #fff;
}

.toolsHome { background: #d8dbee; border: 1px solid #5059a2; }
.toolsDigVid { background: #dce5db; border: 1px solid #597356; }
.toolsDigAud { background: #fcf4e0; border: 1px solid #edc55c; }
.toolsImgLib { background: #fbdfd1; border: 1px solid #e95c13; }
.toolsResources { background: #f6d5d2; border: 1px solid #cd3327; }
.toolsPodcasts { background: #e4d8ed; border: 1px solid #7d509d; }


/* Core layout
======================================================================*/
.clear { clear: both; }
.clearDigHome { clear: both; height: 1em; }
#columns2, #columns3, #columns4 { padding: 10px 0; }
#columns2 .column { float: left; margin-right: 20px; width: 43%; }
#columns3 .column { float: left; margin-right: 15px; width: 29%; }
#columns4 .column { float: left; margin-right: 10px; width: 22%; }

.col2L { float: left; width: 49%; }
.col2LWide { float: left; width: 73%; }
.col2R { float: right; width: 49%; }

.col3L { float: left; margin: 0.4em 2% 0.4em 0; width: 32%;}
.col3M { float: left; margin: 0.4em 0; width: 32%; }
.col3R { float: right; margin: 0.4em 0; width: 32%; }
* html .col3L { margin-right: 1.2%; }

.col3LSwap { float: left; margin: 0.4em 2% 0.4em 0; width: 42%;}
.col3MSwap { float: left; margin: 0.4em 0; padding-top: 10em; text-align: center; width: 12%; }
.col3RSwap { float: right; margin: 0.4em 0; width: 42%; }
.col3LSwap select, .col3RSwap select { width: 99%; }

/* fix for long labels on buttons in IE */
* html .btn { overflow: visible; padding: 0 0.7em; }

#contacts { float: right; margin-left: 100px; }

#container { margin: 0 auto; text-align: left; width: 750px; }
#container2Col { float: left; width: 545px; }
#layout1Col, #layout2Col, #layout3Col { border-left: 1px solid #a6a6a1; border-right: 1px solid #a6a6a1; }
#layout1Col { background: #fff; height: 1%; padding: 15px 10px 10px 10px; }
#layout2Col { background: #fff url(/images/bg2Col.jpg) repeat-y top; height: 1%; }
#layout2Col #main { float: right; margin-right: 10px; width: 559px; }
#layout3Col { background: #fff url(/images/bg3Col.jpg) repeat-y top; height: 1%; }
#layout3Col #main { float: right; width: 360px; }

/* Mac IE 5: Fixes layouts \*//*/
#layout1Col, #layout2Col, #layout3Col {
	float: left;
}
/**/


#main { display: inline; }
#main, #sidebarLeft, #sidebarRight { overflow: hidden; }
#plain, #plainPlaylist { background: #fff; margin: 0; padding: 10px; text-align: left;}
#plainPlaylist { padding: 0; }
#search { border: 1px solid #a6a6a1; padding: 10px; }
div.featuredNews { border: solid 1px #bfbfbb; margin-top: 15px; padding: 0 2% 10px; width: 40%; }
div.relatedMedia { float: right; border: 1px solid #bfbfbb; margin: 0 5px 5px 5px; width: 40%; }
* html div.featuredNews { padding-top: 1em; }
* html div.featuredNews h2 { margin-top: 0.75em; }
.callout, .featuredNews, .relatedMedia, .paging { border: 1px solid #bfbfbb; padding: 5px 2% 5px; }
.callout { padding: 0 2% 1em; }
.callout .icon { border: 1px solid #bfbfbb; }
div.paging { border: 1px solid #bfbfbb; padding: 2px 2% 2px; margin-bottom: 15px; width: 89%; height: 1.7em; }
div.paging ul { float: right; list-style: none; margin: 0; padding: 0; }
div.paging ul li { display: inline; padding: 0 3px; }

#sidebarLeft { float: left; width: 171px; }
#sidebarRight { display: inline; float: right; margin-right: 10px; margin-right: 5px; padding-top: 10px; width: 175px; }

/*\*//*/
#sidebarRight { margin-right: -15px; }
/**/


/* Navigation
======================================================================*/
#nav { height: 25px; margin: 0 0 -1px 9px; padding: 0; position: relative; top: 0px; }

#nav a {
	border-right: 1px solid #a7acd3;
	display: block;
	line-height: 2.2;
	margin-left: 4px;
	padding-left: 7px;
	height: 25px;
	
	//width: 141px; /* Fix Win IE 5.x */
	width: 117px; /* Fix Win IE 5.x */
	/* new podcast tab 5/2 */
	
	voice-family: "\"}\"";
	voice-family: inherit;
	
	//width: 133px; /* Modern browsers */
	width: 109px; /* Modern browsers */
	/* new podcast tab 5/2 */
}

//html>body #nav a { width: 133px; } /* Fix Opera 5 */
html>body #nav a { width: 109px; } /* Fix Opera 5 */

#nav li { float: left; margin: 0 0 0 1px; top: 0; }
#nav ul { list-style: none; margin: 0; padding: 0; }
#navSub { display:block;margin:0 !important}
#navSub li { margin-bottom: 0.5em; }
#navSub ul { margin-bottom: 0; }


#tabHomeActive a, #tabDigVidActive a, #tabDigAudActive a, 
#tabImgLibActive a, #tabResourcesActive a 
{ text-decoration: none; }

#tabHomeActive a:hover, #tabDigVidActive a:hover, #tabDigAudActive a:hover, 
#tabImgLibActive a:hover, #tabResourcesActive a:hover 
{ text-decoration: underline; }

#tabHome { background: #e8e9e4 url(/images/tabBlue.jpg) no-repeat top left; }
#tabDigVid { background: #e8e9e4 url(/images/tabGreen.jpg) no-repeat top left; }
#tabDigAud { background: #e8e9e4 url(/images/tabYellow.jpg) no-repeat top left; }
#tabImgLib { background: #e8e9e4 url(/images/tabOrange.jpg) no-repeat top left; }
#tabResources { background: #e8e9e4 url(/images/tabRed.jpg) no-repeat top left; }
#tabPodcasts { background: #e8e9e4 url(/images/tabPurple.jpg) no-repeat top left; }

#tabHomeActive, #tabDigVidActive, #tabImgLibActive, #tabResourcesActive {
	padding-bottom: 1px;
}

.homeHead { background-color: #e9eae7; background-position: 0 0; background-repeat: repeat-x; }
.homeHead span { background-position: 0 0; background-repeat: no-repeat; display: block; padding: 0.3em 0.5em 0.4em; }
.headHome { background-image: url(/images/bgDigVid.gif); }
.headHome span { background-image: url(/images/bgHomeFade.gif); }
.headDigVid { background-image: url(/images/bgDigVid.gif); }
.headDigVid span { background-image: url(/images/bgDigVidFade.gif); }
.headDigAud { background-image: url(/images/bgDigAud.gif); }
.headDigAud span { background-image: url(/images/bgDigAudFade.gif); }
.headImgLib { background-image: url(/images/bgImgLib.gif); }
.headImgLib span { background-image: url(/images/bgImgLibFade.gif); }
.headResources { background-image: url(/images/bgResources.gif); }
.headResources span { background-image: url(/images/bgResourcesFade.gif); }
.headPodcasts { background-image: url(/images/bgPodcast.gif); }
.headPodcasts span { background-image: url(/images/bgPodcastsFade.gif); }


/* Miscellaneous
======================================================================*/
.alert { color: #f00; }
.altRow { background: #f6f6f6; }
.arrows { white-space: nowrap; }
#clientLogo {text-align:center;padding-top:15px}
.dotted { background: url(images/dotHoriz.gif) repeat-x bottom; }
.digHome { margin-left: 65px; }
#digHomeBrowse { margin: 0 0 10px 0 }
.digHome h1 { margin: 0 0 0.1em 0; }
.digHome p { margin: 0; }
.digHome p.spaced { margin-top: 8px; }
.digHome img { margin-right: 8px; }
#recent h1 { margin: 0; }
#recent ul { margin-top: 8px; }
#featuredImage { width: 250px; }
.floatLeft { float: left; margin: 0 8px 8px 0; }
.floatRight { float: right; margin: 5px 0 0 8px; }
.floatLeft h2, .floatRight h2, .floatLeft p, .floatRight p { margin: 0; }

.toolsFoot { border-bottom: 0; }
.toolsMain { border-top: 0; font-size: 1.1em; }
.toolsMain, .toolsFoot { border-left: 1px solid #a6a6a1; border-right: 1px solid #a6a6a1; padding: 0.9em 0.9em 1em; }
.toolsMain ul { display: inline; }
.toolsMain li { display: inline; margin-right: 5px; }

.tools { float: right; }
.tools a { background-position: 0 50%; background-repeat: no-repeat; padding: 5px 0 6px 20px; }
.tools li { display: inline; margin-left: 1em; }
.icon-add { background-image: url(/images/iconAdd.gif); }
.icon-copy { background-image: url(/images/iconCopy.gif); }
.icon-delete { background-image: url(/images/iconDelete.gif); }
.icon-edit { background-image: url(/images/iconEdit.gif); }
.icon-pdf { background-image: url(/images/pdf-icon.gif); }
.icon-select { background-image: url(/images/iconCheck.gif); }

/*.grid3 li { float: left; margin: 0 13.5% 0 0; margin-right: 10%; width: 130px; }*/
.grid3 li { float: left; margin:0 40px 0 0; width: 130px; }
.grid4 li { float: left; margin: 0 5.2% 0 0; margin-right: 4%; width: 20%; }
.grid5 li { float: left; margin: 0 0 2px 0; width: 20%; }
.grid3 img, .grid4 img, .grid5 img { display: block; }
.grid3 p img, .grid4 p img, .grid5 p img { display: inline; }
li.last { margin: 0; }

.hidden, #blackout { display: none; }
#nav, #personalize, #print, #search, #sidebarLeft, #sidebarRight { display: block; }

.hidden { display: none; }
.hideRow, .hideRowHL { display: none; padding: 0.7em 0; }
.hideRowHL { background: #ffc; }
.HL { background: #ffc; padding:5px 5px 5px 5px;}

.hr, .hrNoBottom, .hrNoTop, .hrOr, .hrPlain, .hrSmall, .hrNoBottomPlain, .hrNoTopPlain {
	background: url(/images/dotHoriz.gif) repeat-x center;
}

.hr, .hrNoBottom, .hrNoTop, .hrOr, .hrSmall { clear: both; }

.hr, .hrPlain { height: 1px; margin: 10px 0 5px 0; }
.hrNoBottom, .hrNoBottomPlain { height: 1px; margin: 10px 0 0 0; }
.hrNoTop, .hrNoTopPlain { height: 1px; margin: 0 0 5px 0; }
.hrOr { margin-top: 0.5em; text-align: center; }
.hrSmall { height: 1px; margin: 0; }
.icon { float: left; margin: 0 8px 8px 0;  vertical-align: middle; }
.inactive { background: #ced3df; }
.notice { font-size: 1.1em; }
p.notice { margin-top: 1em; }
#or { color: #666; font-weight: normal; margin: 0 5px 0 10px; }

option.audio { background: url(/images/iconAudioMini.gif) no-repeat left top; padding: 0.3em 0 0.1em 19px; }
option.image { background: url(/images/iconImageMini.gif) no-repeat left top; padding: 0.3em 0 0.1em 19px; }
option.video { background: url(/images/iconVideoMini.gif) no-repeat left top; padding: 0.3em 0 0.1em 19px; }

#personalize { font-size: 0.85em; }
#playerLogout { text-align: right; }
.plainHead { color: #000; font-size: 0.9em; font-weight: normal; }
#plain ul { list-style: disc; margin-left: 20px; }
#profile { font-size: 0.9em; }
.reorderControls { margin: 15px 0 0 35px }
#playlistDetailCurrent { background-color: #ffc; }

.relatedMedia li { background-position: 0 0; background-repeat: no-repeat; padding-left: 23px; }
.relatedAudio { background-image: url(/images/iconAudioMini.gif); }
.relatedImages { background-image: url(/images/iconImageMini.gif); }
.relatedResources { background-image: url(/images/iconResourcesMini.gif); }
.relatedVideo { background-image: url(/images/iconVideoMini.gif); }

.results { background: #ebebe4; border: 1px solid #d4d4ce; padding: 0 10px; margin-bottom: 1em; }
.results .floatLeft, .results .floatRight { margin: 5px 0; }

.tab1 { margin-left: 70px; }
.tab2 { margin-left: 140px; }
.tab3 { margin-left: 210px; }
.tab4 { margin-left: 280px; }
.tab5 { margin-left: 350px; }
.tab6 { margin-left: 420px; }
.tab7 { margin-left: 490px; }
.tabCopyList { margin-left: 25px; }

.techTip, .noOpt, .custom { color: #777; }

#otherPublisher,#citation { margin-top:15px }
#citation p { margin-left: 2em; text-indent: -2em; }

.chgPlayerImg { vertical-align: middle; }

.info { color: #707070; }


/* Mac IE 5: Fixes search Go button \*//*/
#editClass .floatLeft {
	width: 140px;
}
/**/


/* Left sidebar
======================================================================*/
#browse { border-bottom: 1px solid #a6a6a1; line-height: 1.5em; padding: 10px; margin: 0; }
#browse li { margin: 0; }
#browse ul { color: #fff; list-style: disc; margin: 0 0 0 18px; padding: 0; }
#subscriber { background: #f5f5f2; border-bottom: 1px solid #a6a6a1; padding: 0 10px 10px 10px; }
#subscriber ul ul { margin-left: 10px; }
#subscriber h2 { margin: 0; padding: 1em 0 0.2em 0; }
#subscriber p { margin-top: 0; }
#text { clear: both; padding: 10px; }

/* Footer
======================================================================*/
#footer { border: 1px solid #a6a6a1; clear: both; line-height: 1.8em; margin-top: -1px; padding: 5px 10px; }
#footer p { margin: 0; }


/* Forms
======================================================================*/
.btn, button {
	background: #ebebe4;
	border-bottom: 1px solid #aca899;
	border-left: 1px solid #eee;
	border-right: 1px solid #aca899;
	border-top: 1px solid #eee;
	font-size: 1em;
	padding: 0.1em;
	margin-top: 0.7em;
	width: auto;
}

.btn-new {
	background: #4f5e92 url(/images/bgBtn.gif) repeat-x 0 0;
	border: 1px solid #5059a2;
	color: #fff;
	overflow: visible;
	padding: 0 0.7em 0.2em;
}

.opt {
	background: transparent;
	/*background-color: #fff; > removed 7/5/2006 by EG to fix bg color on forms (appearing white instead of transparent) */
	border: 0;
	display: inline;
	margin: 0 0.2em 0 0;
	padding: 0;
	vertical-align/* */: middle;
	width: auto;
}

.optFloat { float: left; }

#search .btn { font-size: 1em; font-weight: bold; padding: 0.1em 0.7em; }

/* Mac IE 5: Fixes search Go button \*//*/
#search .btn {
	float: right;
	margin-right: 235px;
}
/**/

#search label { display: inline; }

#search input {
	font-size: 1.1em;
	display: inline;	
	margin: 0;
	padding: 0.15em 0.15em;
	width: auto;
}

#search select { font-size: 1.1em; width: auto; }
.submit { margin-top: 2em; text-align: center; }
.submit input, .submit button { margin: 0 1em; padding: 0 1em; }

#tasks form { font-size: 0.9em; }

.txtOpt {
	background: #fff;
	border: 1px solid #bfbbb5;
	display: inline;
	margin: 0.2em 2em 0.5em 0;
	padding: 0.3em 0.3em;
	vertical-align: middle;
	width: auto;
}

.txtSm { display: inline; padding: 0.1em; width: 3em; }


/* Tables
======================================================================*/
col.t2Col { width: 50%; }
col.t3Col { width: 33%; }
col.primaryData { width: 100%; }
col.secondaryData { width: 50%; }


/* Further Learning navigation
======================================================================*/
#flNavigation { width: 170px; margin: 0; }
.fl {
	background: #FFEBC2;
	font-size: 11px;
	line-height: 14px;
	border-bottom: 1px solid #FFF;
	padding: 3px 5px 3px 5px;
}

.fl ul { margin-left: 16px; margin-bottom: 3px; list-style-type: circle; }

.flOn {
	background: #FFCC66;
	font-size: 11px;
	line-height: 14px;
	border-bottom: 1px solid #FFF;
	padding: 3px 5px 3px 5px;
}

.flOn p { font-weight: bold; line-height: 16px; }
.flOn ul { list-style-type: disc; margin-left: 16px; margin-top: 0px; margin-bottom: 3px; font-weight: bold; }
.flOn ul li.off { list-style-type: circle; font-weight: normal; }
.flOn ul li.off a { color: #039; text-decoration: underline; }
.flOn ul li a { color: #000; text-decoration: none; }
#flRelated { margin: 10px 0 10px 0; }
#flBody .BodyNormal{ list-style-type: disc; margin-left:20px; }
#flBody ul { list-style-type: disc; margin-left:20px; }

/* playerPlaylistDetailCode.asp */
#plTable td { padding: 5px; background: url(/images/dotHoriz.gif) repeat-x top; vertical-align: middle; }
#plTable #current td { background: #ffc; }

/* Free Trial Request form */
#connTypeOther{ background: #eee; width: 100px; display: inline; margin: 0; }

/* Tree navigation
======================================================================*/
#tree .server { margin-bottom: 1.5em; }
#tree ul { background: url(/images/treeTrunk.gif) repeat-y top left; margin-left: 7px; }
#tree ul li { background: url(/images/treeBranch.gif) no-repeat 0 0.7em; margin-left: 2px; padding-left: 13px; }

/* Reports
======================================================================*/
.numeric { text-align: right; }
#report .floatRight ul{ padding: 0; margin: 0; }
#report table { border-left: 1px solid #526498; border-top: 1px solid #526498; }
#report td, #report th { line-height: 1.2; padding: 0.3em 0.5em; }
#report td, #report th { border-bottom: 1px solid #526498; border-right: 1px solid #526498; }
#report th { background: #4e58a6; color: #fff; text-align: center; vertical-align: middle; }
#headViews, #headDownloads { text-align: center; }

.totalSubject { background: #e1e4eb;}
.totalMedia { background: #b8bfd1;}
.totalEntity { background: #a2b4e2;}
.totalMonth { background: #89aaf5; font-weight: bold; }
#report tfoot { background: #4e58a6; color: #fff; font-weight: bold; }

/* Training
======================================================================*/
#trainingHelp h2, h3 { margin:0;padding:0; }
#trainingHelp ul { margin:0;padding-bottom:1.25em; }

/* Player */
.playerTitle { font-size: 18px; line-height: 23px; color: #fff; margin: 12px; }

/* Audio detail page */
.imgR { float: right; width: 320px; margin: 10px 0 10px 10px; }
.imgR img { margin-bottom: 10px; }

/* Media at server
======================================================================*/
#media th { border: 0; background: #fff; }
#media .altRow { background: #F6F6FA ; }
#media .altRowLite { background: #EDEEF6; }

#media .borderBottom { border-bottom:1px #009; }
#media .borderTop { border-top:1px solid #009; }

#media .baseMedia { color:gray; }
#media .baseMediaBorder { color:gray;border-top:1px solid #009; }



/* phase 3 styles
====================================================================== */

.changeUserList { list-style: disc; margin: 0 0 0 18px; }

table tbody th { background-color: #CCC; }

#gradeSelect label { display: block; }
#gradeSelect li { float: left; text-align: center; width: 7.6%; }

/* Mac IE 5: Fixes search Go button \*//*/
#gradeSelect { border: 1px solid #fff; height: 3em; float: right; width: 100%; }
/**/

/* Checklists */
.checklist {
	border: 1px solid #ccc;
	list-style: none;
	height: 12.4em;
	overflow: auto;
}
.checklist, .checklist li { margin: 0; padding: 0; }
.checklist label { display: block; padding-left: 25px; text-indent: -25px; }
.checklist label:hover { background: #d6dbe4; }
* html .checklist label, * html .checklist li { height: 1%; }
.checklist ul { margin-bottom: 0.3em; }

/* Mac IE 5: Fixes checklists \*//*/
bak.checklist label, bak.checklist li { display: inline-block; width: 97%; }
/**/

.classEdit { padding: 1em; border: 1px solid #ccc; background-color: #ffc; margin: 1em 0 0.5em 0; width:530px; }

/* elements fieldset in lesson plan/assignment edit */
.elementEdit { padding: 1em; border: 1px solid #ccc; background-color: #ffc; margin: 1em 0 0.5em 0; }
.elementItem { margin: 0 0 0.5em 0;padding: 0 0 0.5em 0; border-bottom: 1px dotted #CCC; }
.elementDesc ul { list-style-type: disc; margin: 0 0 0 2em; }
.elementDescFreeForm { width: 88%; border:1px solid #ccc; padding:0.75em }
.elementDescFreeForm label { font-weight:bold; }
.elementDescFreeForm ul { list-style-type: disc; margin: 0 0 0 2em; }
.itemEditDelMove { float:right; margin: 0 0 0.5em 0.5em; cursor: pointer; }

/* Mac IE 5: Fixes checklists \*//*/
.itemEditDelMove { text-align: right; width: 75px; }
/**/

/* Quizzes */
#quiz { font-weight: bold; /*list-style-position: inside;*/}
* html #quiz { padding-left: 0; margin-left: 3em; }
#quiz .answer { color: #a13840; font-weight: bold; }
#quiz ol { font-weight: normal; list-style: lower-alpha; margin: 0.3em 0 0.5em 2em; padding: 0; }
#quiz .quizAnswers { margin-left: 4em; }


.quiz-edit { background: #ffc url(/images/dotHoriz.gif) repeat-x 0 0; }
.quiz-edit .btn { font-weight: normal; padding: 0.2em; text-align: center; width: auto; }
.quiz-edit form { background: url(/images/dotHoriz.gif) repeat-x left bottom; padding: 1em 0 1em 1em; }
.quiz-edit img { cursor: pointer; }
.quiz-edit img, #quiz-edit input { vertical-align: middle; }
#quiz label { display: inline; }
#addOption { margin: 0 0 0 22px; font-weight: normal; }
th.right { text-align: right; }

/* Interactive quizzes */
.quizInteractive { font-weight: bold; }
.quizInteractive ol { font-weight: normal; list-style: lower-alpha; margin: 0.3em 0 0.5em 2em; padding: 0; }
.quizInteractive input { margin-left: -4em; margin-right: 3em; vertical-align: middle; }
.quizInteractive .quizAnswers { margin-left: 4em; }
* html .quizInteractive .quizAnswers li { margin-bottom: -20px;}
* html .quizInteractive input { margin-right: 0; } 

/* Quiz search form */
#quizSearch { margin-bottom: 1.25em; }
#quizSearch .txtMed {
	width: 25%;
	background: #fff;
	border: 1px solid #bfbbb5;
	padding: 0.2em;
}
#quizSearch input {
	margin: 0;
}

/* Search form */
#searchForm { margin-bottom: 1.25em; }
#searchForm .txtMed {
	width: 25%;
	background: #fff;
	border: 1px solid #bfbbb5;
	padding: 0.2em;
}
#searchForm input {
	margin: 0;
}

/* mini-tabs */
#miniTabs {
	list-style-type: none;
	text-align: left;
	display: block;
	clear: both;
}

#miniTabs #tabmenu {
	margin:0;
	padding:0 0 0 5px;
	height: 20px;
	background: url(/images/dotBlack.gif) repeat-x bottom;
}

#miniTabs #tabmenu li {
	margin: 0; 
	padding: 0;
  	display: inline;
}

#miniTabs #tabmenu a, a.active {
	float: left;
	background: #d6dbe4;
	line-height: 14px;
	padding: 2px 5px 2px 5px;
	margin: 0 3px 0 0;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	text-decoration: none;
	color: #000;
}

#miniTabs #tabmenu a.active {
	background: #fff;
	border-bottom: 1px solid #fff;
}

#miniTabs #tabmenu a:hover {
	background: #fff;
	border-bottom: 1px solid #fff;
}

#miniTabs #bin div {
	background:#fff;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding:10px;
}

/* Digital home mini tabs */
#homeMiniTabs {
	list-style-type: none;
	text-align: left;
	display: block;
	clear: both;
	margin: 25px 0 0 0;
}
#homeMiniTabs #tabmenu {
	margin:0;
	padding: 0 0 0 5px;
	height: 25px;
	background: url(/images/dotBlue.gif) repeat-x bottom;
}
#homeMiniTabs #tabmenu li { margin: 0; padding: 0; display: inline; }
#homeMiniTabs #tabmenu a, a.active {
	float: left;
	background: #d6dbe4;
	line-height: 18px;
	padding: 2px 5px 3px 5px;
	margin: 0 3px 0 0;
	border-top: 1px solid #4f59a4;
	border-left: 1px solid #4f59a4;
	border-right: 1px solid #4f59a4;
	text-decoration: none;
	color: #000;
}
#homeMiniTabs #tabmenu a.active { background: #fff; border-bottom: 1px solid #fff; }
#homeMiniTabs #tabmenu a:hover { background: #fff; border-bottom: 1px solid #fff; }
#homeMiniTabs #bin {
	background: #fff;
	border-left: 1px solid #4f59a4;
	border-right: 1px solid #4f59a4;
	border-bottom: 1px solid #4f59a4;
}
#homeMiniTabs #bin .content { padding: 10px; }
#homeMiniTabs .prevNext {
	background: #d9dcef;
	margin: 0;
	padding: 1px 10px 2px;
	clear: both;
}
.right { text-align: right; }
#homeMiniTabs .grid3 li { margin: 0 20px 0 0; width: 158px; }
#homeMiniTabs .grid3 li.last { margin: 0; }
#homeMiniTabs .grid3 img.block, .grid4 img.block { display: block; clear: right; }
#homeMiniTabs h2 { margin-top: 0; }

/* add to */
.addTo { margin-bottom: 1em; }
.addTo li {
	margin: 0 0.8em 0 0;
	padding: 0 0.8em 0 0;
	border-right: 1px solid #000;
}

.addTo li.last { border: 0; margin: 0; padding: 0; }
.addTo li, .addTo p, .addTo ul { display: inline; }
.addTo p { margin-right: 0.5em; }

.addTo h2 {
	display:inline;
}


/* Assessment Search Results
======================================================================*/
#assessmentResults { margin-top: 20px; }
#assessmentResults table tr { }
#assessmentResults table td { padding: 4px; }
#assessmentResults table tr.altRow { background: #f6f6f6; }
#assessmentResults table tr td.assessmentExpand { cursor: pointer; }
#addButton { margin: 10px; }
#questionAnswers { display: block; float: left; clear: both; }

#StateStandardsBin div {margin: 0 0 0.5em 0}
#StateStandardsBin select {margin:0.2em 0 0 0;}

/* Resources Search Results
======================================================================*/
#resourceResults li { padding-top: 1px; }
#resourceResults p { margin: 5px 0 6px 0; }
#resourceResults .relatedMedia { margin: 8px 0 5px 5px; width: 130px; text-align: center; float: right; }
#resourceResults ul { margin: 10px 0 10px 20px; }
#resourceResults ul li { margin-top: 0; padding-top: 0; }


/* myPodcasts
======================================================================*/
.gvPages table { width:auto; margin: 0.5em 0 0 0; float:right; }

/* podcastDetail
======================================================================*/
.toolsPodDetail { text-align:right; }
.toolsPodDetail a { background-position: 0 50%; background-repeat: no-repeat; padding: 5px 0 6px 20px; }
.toolsPodDetail li { display: inline; margin-left: 1em; }

/* Correlations
======================================================================*/
.nobold { font-weight: normal; }

/* Weather widget (undo some styles)
======================================================================*/
#weather { line-height: 1.15; width: 270px; }
#weather table, #weather table td { padding: 0; }

/* Segment searching - highlight terms found
======================================================================*/
.highlight { background: #ffff00; }


/* Terms of use (termsOfUse.asp)
======================================================================*/
#legal { list-style-type: upper-roman; margin-left: 40px; padding-left: 0; }
#legal ol { list-style-type: lower-alpha; }



/* Rater styles
======================================================================*/
.rater-container { height: 20px; margin-bottom: 10px;  }
.rater-container .rating-label { float: left; }
.rater-container .rater-text { height: 20px; line-height: 25px; }
.rater-container .rater-outer { width: 110px;  float: left; }
.status-area { height: 20px; line-height: 25px; color: red; }

.star-rating {
    list-style: none;
    margin: 3px;
    padding: 0px;
    width: 100px;
    height: 20px;
    position: relative;
    background: url(../images/rating-image.gif) top left repeat-x;
}

.star-rating li {
    padding: 0px;
    margin: 0px;
    /*\*/
    float: left;
    /* */
}

.star-rating li a {
    display: block; 
    width: 20px;
    height: 20px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
    background-image: none;
}

.star-rating li a:hover {
    background: url(../images/rating-image.gif) left center;
    z-index: 1;
    left: 0px;
}

.star-rating li.current-rating {
    background: url(../images/rating-image.gif) left bottom;
    position: absolute;
    height: 20px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}

.star-rating a.one-star { left: 0px; }
.star-rating a.one-star:hover { width:20px; }

.star-rating a.two-stars { left:20px; }
.star-rating a.two-stars:hover { width: 40px; }

.star-rating a.three-stars { left: 40px; }
.star-rating a.three-stars:hover { width: 60px; }

.star-rating a.four-stars { left: 60px; }
.star-rating a.four-stars:hover { width: 80px; }

.star-rating a.five-stars { left: 80px; }
.star-rating a.five-stars:hover { width: 100px; }

/* Tag  styles
======================================================================*/
.tag-cloud li { display: inline; margin: 2px; }
.tag-cloud * { line-height: 1.2em; }
.tag-cloud .tag-rank-1 { font-size: 2em; }
.tag-cloud .tag-rank-2 { font-size: 1.9em; }
.tag-cloud .tag-rank-3 { font-size: 1.8em; }
.tag-cloud .tag-rank-4 { font-size: 1.7em; }
.tag-cloud .tag-rank-5 { font-size: 1.6em; }
.tag-cloud .tag-rank-6 { font-size: 1.5em; }
.tag-cloud .tag-rank-7 { font-size: 1.4em; }
.tag-cloud .tag-rank-8 { font-size: 1.3em; }
.tag-cloud .tag-rank-9 { font-size: 1.2em; }
.tag-cloud .tag-rank-10 { font-size: 1.1em; }

 .tag-list { display: inline; }
 .tag-list li { display: inline; }
 .tag-list a { margin: 2px; }

ul.bul .tag-list { margin-left: 0;}


.link-btn {
	background: #4f5e92 url(/images/bgBtn.gif) repeat-x 0 0;
	font-size: 1em;
	border: 1px solid #5059a2;
	color: #fff;
	overflow: visible;
	padding: 0 0.7em 0.2em;
	text-decoration: none;
	margin: 2px;
}

.tagger label { margin-bottom: .5em;}


/* Media lists
======================================================================*/
.media-list-horiz li { float: left; margin-right: 20px; }
.media-list-horiz li p { width: 100px; } 
.media-list-vert li { float: left; clear: both; margin-bottom: 20px; width: 100%; }
.media-list-vert img { float: left; margin-right: 10px; }


/* 1 mb player appear on home page and after a user logs in
======================================================================*/
#hiresplayer { margin: 0.5em auto; width: 320px; text-align: center; }
#hiresplayer img { position: absolute; }


/*--- Muted text ---*/
.mute, a.mute, .mute a { color: #888; }
.mute { font-size: 0.9em; }
p.mute, ul.mute { margin: 0; }
ul.mute li { background: none; display: inline; border-right: 1px solid #929292; margin-right: 0.8em; padding: 0 0.8em 0 0; }
ul.mute li.last { border: 0; margin: 0; padding: 0; }
