/* iCPD CSS - tabbed environment */

body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 65%;
	color: #000000;
	margin: 0;
	padding: 0;
	background: #E9E9EB;
}

a {
	outline: none;
}

textarea {
	font-family :Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
}

fieldset, img {
	border: none;
}

img {
	margin: 0 10px;
}

#wrapper {
	background: url(../img/bodybg.jpg) repeat-y scroll center top;
	background:  url(../img/bodybg_narrow.jpg) repeat-y scroll center top;
	margin: 0 auto;
	width: 980px;
	width: 956px;
	overflow: hidden;
}

.top {
	margin: 22px 15px;
	width: 950px;
	width: 926px;
	overflow: hidden;
}

.top .logos {
	float: left;
	width: 511px;
	margin: 0 5px;
	font-size: 0.1em;
	overflow: hidden;
}

.top .logos ul, .top .logos ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

.top .logos ul li.ssatlogo, .top .logos ul li.ssatlogo a {
	float: left;
	background: #FFFFFF url(../img/ssatinet.jpg) no-repeat;
	width: 345px;
	height: 62px;
	text-indent: -999em;
}

.top .logos ul li.icpdlogo, .top .logos ul li.icpdlogo a {
	float: left;
	margin: 0 0 0 30px;
	background: #FFFFFF url(../img/icpdlogo.jpg) no-repeat;
	width: 117px;
	height: 62px;
	text-indent: -999em;

}

.top .logos ul li.ssatlogo a, .top .logos ul li.icpdlogo a {
	background: none;
	margin: 0;
}

.top .search {
	float: left;
	margin: 0 0 0 103px;
	width: 320px;
	width: 296px;
	height: 38px;
	display: none;
}

.top .lhstext {
	float: left;
	margin: 15px 0 0 69px;
	width: 350px;
	text-align: right;
	font-size: 1.4em;
	color: #000099;
}

.top .lhstext a {
	color: #000099;
	text-decoration: none;
}

.navwrapper {
	width: 980px;
	width: 956px;
	overflow: hidden;
}

.nav {
	background: transparent url(../img/navleftend.jpg) no-repeat left top;
	height: 50px;
	margin: 5px 10px;
	padding: 0;
}

.nav .left, .nav .right {
	float: left;
	background: transparent url(../img/navleftend.jpg) no-repeat left top;
	height: 50px;
	width: 8px;
	margin: 0;
	padding: 0;
}

.nav .right {
	background: transparent url(../img/navrightend.jpg) no-repeat left top;
}

.nav ul {
	float: left;
	background: transparent url(../img/navbg.jpg) repeat-x;
	height: 50px;
	width: 942px;
	width: 918px;
	margin: 0 0 15px 0;
	padding: 0;
}

.nav ul li, .nav ul li.last, .nav ul li.on {
	list-style: none;
	background: transparent url(../img/divider.jpg) no-repeat scroll top right;
	float: left;
	position: relative;
	z-index: 100;
}

.nav ul li.last {
	background: none;
}

.nav ul li.on {
	background: transparent url(../img/navon.jpg) repeat-x;
}

.nav ul li span {
	float: left;
	height: 22px;
	margin: 13px 15px;
	font-size: 1.5em;
	color: #FFFFFF
}

.nav a {
	text-decoration: none;
}

/* vlia look-a-like nav */

#topNav {background:#fff url(../img/topNav-back.gif) top repeat-x;margin:5px 10px;clear:both;display: none;}
#topNavWrapper {background:transparent url(../img/topNav-right.jpg) top right no-repeat;}
#topNav ul {background:transparent url(../img/topNav-left.jpg) top left no-repeat;height:40px;font-size:1em;padding:8px 0 0 0.5em;list-style:none;}
#topNav ul li {float:left;padding:0 0.1em 0 0; margin:-2px 0 0 0;}
#topNav ul li a { background:transparent url(../img/topNavItem-right-sprite.png) no-repeat top right;text-decoration:none; display:block; color:#666666; padding-bottom:0px;font-size: 1.5em;}
#topNav ul li a span {display:block; background:transparent url(../img/topNavItem-left-sprite.png) no-repeat top left;padding-bottom:2px;}
#topNav ul li a span span {background:transparent url(../img/topNavItem-back-sprite.png) repeat-x;padding:15px 0 7px 0; margin:0px 13px 0 13px;}
#topNav ul li a:hover, #topNav ul li a.selected {background-position:right -41px;color:#fff;}
#topNav ul li a:hover span, #topNav ul li a.selected span {background-position:left -41px;}
#topNav ul li a:hover span span, #topNav ul li a.selected span span {background-position:left -45px;}


.content {
	width: 950px;
	width: 936px;
	margin: 10px 13px;
	margin: 0 10px;
	padding: 0;
	overflow: hidden;
}

.footer {
	width: 950px;
	width: 924px;
	margin: 30px auto;
	padding: 0;
	overflow: hidden;
	text-align: right;
}

.draggable { width: 235px; height: 18px; padding: 0.5em; float: left; margin: 2px; overflow: hidden; }
.droppable { width: 120px; height: 18px; padding: 0.5em; float: left; margin: 4px; }
.filetoolbar {float:right; width: 40px;}
.filetoolbar img {
	margin: 1px 2px;
}

.draggable p, .droppable p {
	margin: 0;
	padding: 0;
}

.draggable p a, .droppable p a {
	color: #000;
	text-decoration: none;
}


.droppable p {
	margin: 2px 0 0 20px;
}

.folderstyle {
	border: 1px solid #fbd850; background: #FFF url(../img/folder.jpg) no-repeat 4px 4px; font-weight: bold; color: #eb8f00; outline: none;
}

p.folderacchead {
	font-size: 0.8em;
	background: #FFF;
}

ul.folderacchead, p.folderacc, #sharewithtabs.mintabtext {
	font-size: 0.9em;
}

#filesandfolders {
	position: relative;
	width: 943px;
	margin: 12px 0;
	overflow: hidden;
}	

#folders {
	float: left;
	margin: 0 5px;
	width: 150px;
	overflow: hidden;
}

#files {
	float: left;
	width: 760px;
	margin: 0 5px;
	padding: 0 0 0 10px;
	overflow: hidden;
	border-left: 1px solid #CCC;
}

#tooltip{
    width:auto;
    max-width:300px;
    min-width:100px;
    border:1px solid;
    background:white;
    padding:5px;
    margin-top:4px;
    font-size:12px;
    color:#000;
}

#tooltip #ttimg.top{
    margin-top:-17px;
    margin-left:2px
}
#tooltip #ttimg.bottom{
    bottom:0;
    margin-bottom:-12px;
    margin-left:2px
}

#tooltip.default{
    border:3px solid white;
    background:whitesmoke;
    color:gray;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px; 
    margin-top:2px;
}


#tooltip.default #ttimg.top{
	position:absolute;
	margin-top:-8px;
    margin-left:-8px
}
#tooltip.default #ttimg.bottom{
	position:absolute;
    bottom:0;
    margin-bottom:-3px;
    margin-left:-8px
}

.groupWrapper
{
	width: 49%;
	float: left;
	margin: 0 0.4%;
	min-height: 400px;
}
.serializer
{
	clear: both;
}
.groupItem
{
	margin-bottom: 20px;
	border-width: 0 2px 2px 2px;
	border-style: solid;
	border-color: #0b6ecd;
}
.groupItem .itemHeader
{
	/*cursor: move;*/
	background:transparent url(../img/navbg-short.jpg) repeat-x scroll 0 -2px;
	color:#FFFFFF;
	font-size:1.4em;
	height:38px;
	line-height:32px;
	padding:0 10px;
	position:relative;
}

.groupItem .itemHeader a
{
	position: absolute;
	margin: 12px 0;
	font-weight: normal;
	text-decoration: none;
}

.groupItem .itemContent {
	margin: 10px;
	font-size: 1.1em;
}

.sortHelper
{
	border: 3px dashed #666;
	width: auto !important;
}
.groupWrapper p
{
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#content .title {
	font-size: 1.4em;
	padding: 0;
	margin: 8px 0;
	display: block;
}

#content .title a {
	text-decoration: none;
}

#content .smalltext {
	font-size: 0.7em;
}

label {
	float: left;
	width: 8em;
	margin-right: 1em;
	text-align: right;
}

fieldset {
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 1.5em 0;
	padding: 0;
}

fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
	list-style: none;
	list-style-image: none;
}

fieldset.submit {
	float: none;
	width: auto;
	border: 0 none #FFF;
	padding-left: 10em;
	background-color: transparent;
}

fieldset.hidden {
	margin:0;
	float: none;
	width: auto;
	padding: 0;
}

ul.exclaim li {
	list-style: none;
	background: #FFF url(icons/silkicons/bullet_error.png) no-repeat 0 2px;
	padding: 0 0 0 20px;
	line-height: 2em;
}

input.searchbox {
	float:left;
	background: #FFF url(../img/searchbg.jpg) no-repeat 0 0;
	padding: 0;
	margin: 0 0 10px 0;
	width: 235px;
	height: 37px;
	border: none;
	overflow: hidden;
}

input.submitimg {
	float: left;
	margin: 0;
	padding: 0;
}

.ctaright {
	float: left;
	width: 660px;
	height: 320px;
	margin: 0 15px 15px 0;
	margin: 0;
	padding: 0;
}

.ctaright ul {
	padding: 0;
	margin: 0;
}

.ctaright li {
	padding: 0;
	margin: 0;
}

.ctaright a img {
	padding: 0;
	margin: 0;
}

.links {
	float: left;
	width: 273px;
	height: 100px;
	text-indent: -999em;
	margin: 0 0 10px 0;
}

.teachnetlink {
	float: left;
	background: #FFF url(../img/logos/teachnet.jpg) no-repeat 0 0;
	width: 263px;
	height: 100px;
	text-indent: -999em;
	margin: 0 0 10px 10px;
}

.ictreglink {
	float: left;
	background: #FFF url(../img/logos/ictregister.jpg) no-repeat 0 0;
	width: 263px;
	height: 100px;
	text-indent: -999em;
	margin: 0 0 10px 10px;
}

.icpdsitelink {
	float: left;
	background: #FFF url(../img/logos/icpdsite.jpg) no-repeat 0 0;
	width: 263px;
	height: 100px;
	text-indent: -999em;
	margin: 0 0 10px 10px;
}

.icpdlink {
	float: left;
	background: #FFF url(../img/logos/icpd.jpg) no-repeat 0 0;
	width: 263px;
	height: 100px;
	text-indent: -999em;
	margin: 0 0 10px 10px;
}

.msnlink {
	float: left;
	background: #FFF url(../img/logos/myschoolnetwork.jpg) no-repeat 0 0;
	width: 263px;
	height: 100px;
	text-indent: -999em;
	margin: 0 0 10px 10px;
}

.textsections {
	float: left;
	width: 600px;
	margin: 0 0 0 10px;
	font-size: 1.1em;
	overflow: hidden;
}

.clearfix {
	clear: both;
}

.icpdtitle {
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.rouge, .rouge a {
	color: #b7333a
}

.logoholder {
	float: left;
	width: 273px;
	margin: 0 10px 0 0;
	overflow: hidden;
}

.largetext {
	float: left;
	font-size: 1.2em;
	width: 600px;
}

.largetitle {
	font-size: 1.6em;
}

.liveholder {
	float: left;
	width: 600px;
	margin-top: 20px;
	font-size: 1.1em;
	overflow: hidden;
}

.liveholder .left, .onlineholder .left {
	float: left;
	width: 389px;
	overflow: hidden;
}

.liveholder .right, .onlineholder .right {
	float: left;
	width: 190px;
	margin-left: 20px;
	overflow: hidden;
}

.liveholder .leftright, .onlineholder .leftright {
	width: 600px;
	padding: 18px 0;
	margin: 18px 0;
	border-top: 1px solid #CCCCCC;
	overflow: hidden;
}

.onlineholder {
	float: left;
	width: 600px;
	font-size: 1.1em;
	overflow: hidden;
}

.onlineholder a, .textsections a {
	color: #0F4E91;
	text-decoration: none;
	font-weight: bold;
}

.onlineholder .icpdtitle, .onlineholder .textsections {
	margin: 0 0 5px 0;
}

.padder {
	float: left;
	width: 283px;
	overflow: hidden;
}

ul#ctaonescroll {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin: 0;
	z-index: 1;
}



/* LINK ICONS */
.draggable a[href$=".pdf"],.draggable a[href$=".Pdf"],.draggable a[href$=".PDF"],.draggable a[href$=".txt"],.draggable a[href$=".mp3"],.draggable a[href$=".aiff"],.draggable a[href$=".wav"],.draggable a[href$=".ogg"],.draggable a[href$=".wma"],.draggable a[href$=".zip"],.draggable a[href$=".rar"],.draggable a[href$=".ace"],.draggable a[href$=".tar.gz"],.draggable a[href$=".tgz"],.draggable a[href$=".mpg"],.draggable a[href$=".mpeg"],.draggable a[href$=".avi"],.draggable a[href$=".mv2"],.draggable a[href$=".mov"],.draggable a[href$=".mp4"],.draggable a[href$=".wmv"],.draggable a[href$=".swf"],.draggable a[href$=".xls"],.draggable a[href$=".xlsx"],.draggable a[href$=".doc"],.draggable a[href$=".docx"],.draggable a[href*="trackback"],.draggable a[href*="@"],.draggable a[href*="rss2"],.draggable a[href*="feed"],.draggable a[href*="postcomment"],.draggable a[href*="respond"]{padding-bottom:2px;padding-left:22px;padding-top:2px;background:transparent;}
.draggable a[href$=".pdf"],.draggable a[href$=".Pdf"],.draggable a[href$=".PDF"]{background:url(icons/silkicons/page_white_acrobat.png) no-repeat scroll left center;}
.draggable a[href$=".txt"]{background:url(icons/silkicons/page_white_text.png) no-repeat scroll left center;}
.draggable a[href$=".mp3"],.draggable a[href$=".aiff"],.draggable a[href$=".wav"],.draggable a[href$=".ogg"],.draggable a[href$=".wma"]{background:url(icons/silkicons/music.png) no-repeat scroll left center;}
.draggable a[href$=".zip"],.draggable a[href$=".rar"],.draggable a[href$=".ace"],.draggable a[href$=".tar.gz"],.draggable a[href$=".tgz"]{background:url(icons/silkicons/page_white_compressed.png) no-repeat scroll left center;}
.draggable a[href$=".mpg"],.draggable a[href$=".mpeg"],.draggable a[href$=".avi"],.draggable a[href$=".mv2"],.draggable a[href$=".mov"],.draggable a[href$=".mp4"],.draggable a[href$=".wmv"]{background:url(icons/silkicons/film.png) no-repeat scroll left center;}
.draggable a[href$=".swf"]{background:url(icons/silkicons/page_white_flash.png) no-repeat scroll left center;}
.draggable a[href$=".xls"],.draggable a[href$=".xlsx"]{background:url(icons/silkicons/page_white_excel.png) no-repeat scroll left center;}
.draggable a[href$=".doc"],.draggable a[href$=".docx"]{background:url(icons/silkicons/page_white_word.png) no-repeat scroll left center;}
.draggable a[href*="trackback"]{background:url(icons/silkicons/link.png) no-repeat scroll left center;}