*{
	margin:0;
	padding:0;
}

html{
	height:100%;
}

body{
	font:normal 0.85em/1.2 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#444;
	height: 100%;
}
body.blank
{
    background: #FFFFFF;
}
h1
{
	/*background: #FFCE3A url('./images/howToGrads.png') repeat-x 0 -360px;
    cursor: pointer;
    border-style: solid;
    border-width: 2px 1px 1px 2px;
    border-color: #054E8B;*/
    color: #074E87;
    font-size: 2.1em;
    font-weight: 800;
    margin: 0 0 6px 0;
    padding: 1px 20px 2px 42px;
    text-align: center;
    letter-spacing: -1px;
    font: 700 3.17em/1.2 "Avenir LT Std", Avenir, Helvetica, Arial, sans-serif;
    text-shadow: 1px 2px 3px #FFF4C7;
}
h2{
	font-size:1.6em; 
	font-weight: bold;
	line-height:1.4;
}

.rule_above{
	border-top:1px solid #e8e8e8;
	margin-top:20px;
	padding-top:20px;
}

h3{
	font-weight:bold;
	font-size:1.4em;
}

h4{
	font-weight:normal;
	font-size:1.2em;
}
ul
{
    margin-left: 16px;
}
/*paragraphs etc*/
p{
	margin: 0;
	line-height: 1.2;
}

p.tags {
	font: italic .92em Georgia, sans-serif;
	margin: 0 0 10px;
	line-height: 1.55;
}
#Login1 input
{
border: solid 1px #84CEE8;
border-radius: 4px;
}
a.cred, .pts, .LNM
{
font-weight: bold;
color: white;
margin-right: 2px;
margin-left: 4px;
padding: 1px 4px;
background-color: #3D98C1;
position: relative;
border-radius: 4px;
cursor:pointer;
}
a.cred:hover, a.pts:hover, .LNM:hover
{
background-color:#FECE48;
color:#054E8B;
}
a.cred
{
padding:1px 4px 1px 26px;
}
a.cred img
{
    position:absolute;
    bottom:2px;
    left:2px;
}
.LNM img
{
background:transparent url('/images/siteSprite.png') no-repeat -12px -383px;
width: 20px;
height:16px;
}
.LNM img:hover{}
.topMenu
{display:none;}
.topMenu a{color:#fff;}
.topMenu a:hover{color:#fff; text-decoration:underline;}
.topMenu p{margin: 0 0 8px 0;}

.hide{display:none;}
.ui-tooltip-loog .ui-tooltip-content
{
border-color: #3D98C1;
color: #fff;
background-color: #3D98C1;
}
.ui-tooltip-loog .ui-tooltip-titlebar{
background-color: #FECE48;
color: #1781BE;
}
.pts
{ 
}
blockquote{
	font: normal italic 1.18em Georgia, serif;
	color: #8ab810;
	margin: 10px 0;
}

blockquote p {
	line-height: 1.5;
}
/*Navigator */
#nav ul{
	margin:0;
	overflow:hidden;
	list-style: none;
}

#nav li{
float:left;
_display:inline; /* :hack: double margin fix for IE6 */
margin:0 0 0 0px;
padding: 0;
background: none;
font-size:1.2em;
height:26px;
zoom: 1; /* :hack: stop IE6 from forgetting about the arrows */
}

#nav a {
display: block;
color:#FFF;
height: 26px;
overflow: hidden;
position: relative;
cursor: pointer;
}

/*link styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
a {
	color:#2E6B85;
	text-decoration:none;
	outline:none;
}
a:focus, a:hover{
	text-decoration: underline;
}
a img
{
    border-style:none;
}
.clk
{
    cursor:pointer; 
	color:#23aebb;
	text-decoration:none;
}
.clk:focus, .clk:hover{
	text-decoration: underline;
}

/* Detail Boxes*/
.detail 
{ 
	background: #FFFFFF;
	overflow:hidden;
	width: 920px;
	border: solid 2px #4E911E;
	-moz-border-radius: 8px;
    border-radius:8px;
    padding: 8px;
 }
.detail ul li{
    list-style-image: url(/images/icon_green_dot.png);
    list-style-position: outside;
}
.detail .dtlCol
{
	padding: 3px;
	margin: 0;
	position:relative !important;
}
.helpBox p, .dContent p {
    padding-bottom: 12px;
}
p.noPad
{
    padding-bottom:0px;
}
.detail .dContent
{
    padding: 8px;
    color: #32443D;
    position: relative;
}
.helpBox h2,.dContent h2
{color:#4E911E; letter-spacing: -1px;}
.greenDot
{
margin-top:12px;
border-right: #D0D1D2 dotted 2px;
border-top: #82C60D solid 2px;
}


/*general custom classes*/
/*//////////////////////////////////////////////////////////////////////////*/
div.msg
{
    position:relative;
    padding: 4px;
    border: solid 1px #ccc;
    margin: 4px 0;
    background: #FFEDC7;
}
div.msg .dtl
{
padding:4px;
overflow:hidden;
background: #FFF8E6;
border: solid 1px #FFEDC7;
}
div.txtMain
{
    margin: 12px 60px;
    font: 1.37em/1.2 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}
div.apartBox
{
position:relative;
padding:12px;
background: #FFFFFF;
border: solid 1px #6182A3;
 border-radius: 4px;
 -moz-border-radius:4px;
}
div.popoutBox
{
    position:relative;  /*for x-close*/
    overflow-x: hidden;
    padding:12px;
    background: #FFFFFF;
    border: solid 1px #6182A3;
     z-index: 9999;
     visibility: hidden;
}
div.popoutBox p
{
    margin-bottom: 12px;
}
div.modalPop
{
    visibility:inherit;
}
.miniTxt
{ 
    color: #333; font-style: italic; font-size: .75em;
}
/* Student breakout count */
span.usrLive
{
    color:#23aebb;
	text-decoration:none;
    cursor:pointer;
}
span.usrLive:focus,span.usrLive:hover{
	text-decoration: underline;
}

.dotrule{
	height:1px; 
	font-size:1px;
	background:url(/images/dot.gif) repeat-x; 
	clear:both;
	margin:5px 0;
}
	
.right{
	float:right;
}
.left{
	float:left;
}
.center
{
    margin-left:auto;
    margin-right:auto;
}
.centerText
{
	text-align:center;
}
.outline
{
	padding: 10px;
	border: solid 1px;
	border: 1px solid #000000;
	/*necessary to fix floating divs*/
	overflow: auto;
	width: 100%
}

.clear{
	clear:both;
}

.hrule{
	border-top:1px solid #e8e8e8;
}

.tCenter
{
	text-align:center;
}
/*colors and styles*/

a.button, a.button, a.buttonSel, a.buttonDis, a.buttonClr, a:hover.buttonClr
{
    line-height: 2em;
    text-decoration:none;
	margin: 2px;
	padding: 0 4px; 
	font-size: 1.12em;
	cursor:pointer;
	display: inline-block;
}
a.button
{
    border-top: solid 2px #76CFEA;
	border-left: solid 2px #76CFEA;
	border-right: solid 2px #095A67;
	border-bottom: solid 2px #095A67;
	background-color:#2A7FB2;
	color: #EFCF78;
	border-radius:3px;
	-moz-border-radius:3px;
}
a:hover.button, a.buttonSel
{
	color: #CAAB1C;
	background-color:#184966;
	border-top: solid 2px #095A67;
	border-left: solid 2px #095A67;
	border-right: solid 2px #76CFEA;
	border-bottom: solid 2px #76CFEA;
}
.buttonDis
{
    border-top: solid 1px #C3EACF;
	border-left: solid 1px #C3EACF;
	border-right: solid 2px #095A67;
	border-bottom: solid 2px #095A67;
	background-color:#0C4871;
	color: #BFA560;
}
.buttonOrg
{
    border: solid 1px #186F9F;
	background:#FFD16F url('images/howToGrads.png') repeat-x scroll 0 -380px;
	color: #186F9F;
	padding: 2px 4px;
	-moz-border-radius: 6px;
    border-radius: 6px;
    *line-height:2em! important;
	cursor:pointer;
}
.buttonOrg:hover
{
    color:#FECE48;
	background-position: 0 -170px;
}
.buttonGrn
{
color: white;
background-color: #74E306;
padding: 0 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: solid 1px #458E08;
line-height: 36px;
}
.buttonGrn:hover
{
background:#04D333;
}
.buttonClr
{
border-top: solid 2px #93ABB3;
border-left: solid 2px #93ABB3;
border-right: solid 2px #6895A3;
border-bottom: solid 2px #6895A3;
color: #2A7FB2;
border-radius: 12px;
-moz-border-radius: 12px;
font-weight: bold;
}
.buttonClr:hover
{
color: #CAAB1C;
border-top: solid 2px #095A67;
border-left: solid 2px #095A67;
border-right: solid 2px #93ABB3;
border-bottom: solid 2px #93ABB3;
background-color: #2A7FB2;   
}
.shadow
{
-moz-box-shadow:2px 2px 10px #888;
-webkit-box-shadow: 2px 2px 10px #888;
box-shadow: 2px 2px 10px #888;
}
.shadow:hover
{
-moz-box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
box-shadow: 0 0 0;
}
a.actButton
{
background-image: url(/images/actSprite.png);
background-repeat: no-repeat;
}
a.actButton img
{
width: 21px;
height: 1px;
}

.textCont
{ 
    padding: 5px 5px 6px 12px;
    border: solid 1px #0099CC; 
}
div .boxContent
{
   border: solid 1px #333; 
   margin: 10px; 
   padding: 10px;
   color: #054E8B; 
}

/*star ratings*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

.grFillStar {
    background: url(/images/StarFilled.png) no-repeat; width: 16px; height: 16px;
}
.grEmptyStar {
    background: url(/images/StarEmpty.png) no-repeat; width: 16px; height: 16px;
}
.grSavedStar {
    background: url(/images/StarSaved.png) no-repeat; width: 16px; height: 16px;
}
.highlt
{
    background-color: #EEF5DE;
}
.error
{
    color: #840000;
    font: normal bold 12px/30px Verdana;
}
.score
{
    font-family: Impact;
    color: #C26E00;
    padding: 0 2px;
}
.tag
{
    background-color:#E0EAF1;
    border-bottom:1px solid #3E6D8E;
    border-right:1px solid #7F9FB6;
    color:#3E6D8E;
    font-size:90%;
    line-height:1.7;
    margin:2px 2px 2px 0;
    padding:0 4px;
    text-decoration:none;
    white-space:nowrap;
    display: inline-block;
}
a.tag:hover
{
    background-color:#3E6D8E;
    border-bottom:1px solid #37607D;
    border-right:1px solid #37607D;
    color:#E0EAF1;
    text-decoration:none;
    display: inline-block;
}
.modalBackground
{
    background-color: Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.x-close 
{
    position:absolute;
    top:4px; right: 16px;
    background: url('../images/x-close.png') no-repeat; 
    cursor:pointer;
    width:12px; height: 12px;
    border: none;
}
img.url
{
    border: none;
    cursor: pointer;
}

/* pagination */
div.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	display: inline-block;
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;
    text-decoration: none;
	color: #000;
}
div.pagination a.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
	
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
}
div.pagination a.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;

	color: #DDD;
}
div.about p, div.about ol
{
margin: 0 0 24px 12px;
font-size: 16px;
line-height: 24px;
font-weight: 300;
text-shadow: 0 1px white;
}
div.about li
{margin:0 0 12px 60px;
}
/*BackGrounds*/
.skyBG{background-color: #e4e9fb}
.cremeBG{background-color: #fffbe6}
.whtBG{background-color: #fff}

/*Colors*/
.skyBlue{color: #53C0EE;}
.dYellow{color: #FCC737;}
.dBlue{color:#0E5A8C;}
.dRed{color:  #7c1a28;}
.blk{color: #000;}
.wht{color:#FFF;}
.gold{color: #F3F002;}
.grey{color:#999;}
.orng{color:#F4CA4C}


.brdrDarkBlueBig{border:solid 5px #000048;}
.brdrOrg{border:1px solid #FFBA14;}
.uLn
{
    border-style: solid;
    border-color: #4E911E;
    border-width: 0 0 3px;
}
.header28 {
	font-size:28px;
	font-weight:bold;
	letter-spacing: -1px;
}
.header24 {
	font-size:24px;
	font-weight:bold;
	letter-spacing: -1px;
}
.text24 {
	font-size:24px;
	font-weight:normal;
	
}
.header20 {
	font-size:20px;
	font-weight:bold;
	letter-spacing: -1px;
}
.text20 {
	font-size:20px;
	font-weight:normal;
	
}
.header18 {
	font-size:18px;
	font-weight:bold;
	letter-spacing: -1px;
}
.text18 {
	font-size:18px;
	font-weight:normal;
	
}
.header16 {
	font-size:16px;
	font-weight:bold;
	letter-spacing: -1px;
}
.text16 {
	font-size:16px;
	font-weight:normal;
	
}
.header14 {
	font-size:14px;
	font-weight:bold;
	letter-spacing: -1px;
}
.text14 {
	font-size:14px;
	font-weight:normal;
}
.header13 {
	font-size:13px;
	font-weight:bold;
	letter-spacing: -1px;
}
.text13 {
	font-size:13px;
	font-weight:normal;
	
}
.header12 {
	font-size:12px;
	font-weight:bold;
	letter-spacing: -1px;
}
.text12 {
	font-size:12px;
	font-weight:normal;
	
}
.header11 {
	font-size:11px;
	font-weight:bold;
	letter-spacing: -1px;
}
.text11 {
	font-size:11px;
	font-weight:normal;
	
}
.header10 {
	font-size:10px;
	font-weight:bold;
	letter-spacing: -1px;
}
.text10 {
	font-size:10px;
	font-weight:normal;
}
.subheader {
border-bottom:1px solid #999;
clear:both;
margin-bottom:8px;
}
.pad10{padding: 10px}
.pad4{padding: 4px}
.padBottom5 {padding-bottom:5px}
.padBottom10 {padding-bottom:10px}
.padBottom15 {padding-bottom:15px}
.padBottom20 {padding-bottom:20px}
.padTop5 {padding-top:5px}
.padTop10 {padding-top:10px}
.padTop15 {padding-top:15px}
.padTop20 {padding-top:20px}
.padL5 {padding-left:5px}
.padL10 {padding-left:10px}
.padL15 {padding-left:15px}
.padL20 {padding-left:20px}
.padL25 {padding-left:25px}

.infoBox{
 background: #F8F0D0;
 color: #54524E;
  padding: 8px;
  -moz-border-radius: 5px;
  border-radius:5px;
}
.brdrBlk {border: solid 1px #000}
/*clear divs containing floats*/
.clearfix {
    display: inline-block;
}
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.clearfix {display: block;}


.quote
{
    font-style:italic;
    font-size:18px;
    color:#8EB090;
}
.sig
{
    font-size:12px;
    color:#5D7F95;
}
.msg-on
{display: inline-block;
 height:15px;
    width:16px;
 background:no-repeat url("images/mail_wait.png");
cursor:pointer;
 }
.msg-off
{display: inline-block;
 height:15px;
 width:16px;
 background: no-repeat url("images/mail_read.png");
cursor:pointer;
 }
div.browser
{
background: #fff;
border: solid 1px #0055E3;
border-top: solid 12px #0055E3;
border-bottom: solid 4px #7A99C5;
overflow-y: scroll;
padding:6px 10px 4px 10px;
color: #333;
font: 0.8em/1 arial;
margin: 8px 4px 0 4px;
-moz-box-shadow: 8px 8px 8px #888;
-webkit-box-shadow: 8px 8px 8px #888;
box-shadow: 8px 8px 8px #888;
} 
.tool
{
background:none repeat scroll 0 0 #FFEDC7;
border-bottom:3px solid #3E6D8E;
border-right:2px solid #7F9FB6;
padding:12px;
}
.badges
{
    margin-left:auto;
    margin-right:auto;
    width:800px;
}
td.badge-col {
width: 200px;
}
.badge,.badge-tag
{
    color:#fff !important;
    background-color:#23C6E2;
    border:1px solid #23C6E2;
    margin:0 3px 3px 0;
    padding:0px 6px 0px 3px;
    display:inline-block;
    text-decoration:none;
    line-height:1.9;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
}
.badge:hover,.badge-tag:hover
{
    border:1px solid #555;
    background-color:#555;
    text-decoration:none;
}
.badge-tag:hover
{
    color:#fff !important;
    border:2px solid #555;
}
.badge-tag
{
    color:#333 !important;
    border:2px solid #333;
    background-color:#eee;}
.badgecount
{
    padding-left:1px;
    color:#808185;
}
.badge1, .badge2, .badge3 
{
    background: url(images/sprites.png) no-repeat 0px 0px;
    display: inline-block;
    width: 6px;
    height: 11px;
    overflow: hidden;
    line-height: inherit;
    vertical-align: text-bottom;
    margin: 0 3px 1px 3px;
}

/*Activity/SubSearch*/
div.resultSurface{
	BACKGROUND-COLOR: #FFFBE6;
	min-height:40px;
	border: solid 2px #FFCD1E; 
	margin: 2px; 
	padding: 6px;
    line-height: 1.4em;
}
div.resultSurface g
{
    margin-top:-2px;
}
.grActShow
{
	border: solid 1px #ffffff;
	color: #000000;
	line-height:2em;
}

table.resource td.res
{
    padding: 12px;
    border: solid 1px #444;
}
/*DUP of grammit.css for non-<g>*/
.grDecoy
{
	border: solid 1px #000066;
	color: #e1ffff;
	margin: 2px 0px;
	line-height:1.1em;
	BACKGROUND: #fffdf8;
}
* html div.subGuide { 
   height: expression( document.body.clientHeight > 159 ? "160px" : "auto" ); /* sets max-height for IE */
}
div.subGuide
{
    border: solid 2px #2A7FB2;
    border-radius:4px;
margin: 0 0 12px 0;
max-height: 160px;
overflow-y: scroll;
padding: 6px 0 6px 12px;
background: #FEFCF3;
}

/*Act Icons*/
div.acIcldr
{
    width:106px;
}
div.actSt
{
    width:30px;height:30px;background-repeat:no-repeat;
    background-image:url(images/activitySprite.png);
    float:left;
    cursor: pointer;
    margin-left:4px;
}
div.Act_A{ background-position:1px 0px;} 
div.Act_A:hover{ background-position:-61px 0px;} 
div.Act_D{ background-position:-31px -0px;} 
div.Act_D:hover{ background-position:-61px 0px;} 
div.Act_M{ background-position:-91px -0px;} 
div.Act_M:hover{ background-position:-61px 0px;} 

div.Les_A{ background-position:-1px -30px;} 
div.Les_A:hover{ background-position:-63px -30px;}  
div.Les_D{ background-position:-32px -30px;} 
div.Les_D:hover{ background-position:-63px -30px;} 
div.Les_M{ background-position:-93px -30px;} 
div.Les_M:hover{ background-position:-63px -30px;} 

div.Ass_A{ background-position:1px -60px;} 
div.Ass_A:hover{ background-position:-61px -60px;} 
div.Ass_D{ background-position:-31px -60px;} 
div.Ass_D:hover{ background-position:-62px -60px;} 
div.Ass_M{ background-position:-91px -60px;} 
div.Ass_M:hover{ background-position:-61px -60px;} 
/*Specific Activity Types*/
div.TL_A{ background-position:1px -90px;} 
div.TL_A:hover{ background-position:-61px -90px;} 
div.TL_D{ background-position:-31px -90px;} 
div.TL_D:hover{ background-position:-62px -90px;} 
div.TL_M{ background-position:-91px -90px;} 
div.TL_M:hover{ background-position:-61px -90px;} 

div.Dda_A{ background-position:1px -120px;} 
div.Dda_A:hover{ background-position:-61px -120px;} 
div.Dda_D{ background-position:-31px -120px;} 
div.Dda_D:hover{ background-position:-62px -120px;} 
div.Dda_M{ background-position:-91px -120px; } 
div.Dda_M:hover{ background-position:-61px -120px;} 

div.Tba_A{ background-position:1px -150px;} 
div.Tba_A:hover{ background-position:-61px -150px;} 
div.Tba_D{ background-position:-31px -150px;} 
div.Tba_D:hover{ background-position:-62px -150px;} 
div.Tba_M{ background-position:-91px -150px; }
div.Tba_M:hover{ background-position:-61px -150px;} 

div.Mla_A{ background-position:1px -180px;} 
div.Mla_A:hover{ background-position:-61px -180px;} 
div.Mla_D{ background-position:-31px -180px;} 
div.Mla_D:hover{ background-position:-62px -180px;} 
div.Mla_M{ background-position:-91px -180px;} 
div.Mla_M:hover{ background-position:-61px -180px;} 

div.CjA_A{ background-position:1px -210px;} 
div.CjA_A:hover{ background-position:-61px -210px;} 
div.CjA_D{ background-position:-31px -210px;} 
div.CjA_D:hover{ background-position:-62px -210px;} 
div.CjA_M{ background-position:-91px -210px;} 
div.CjA_M:hover{ background-position:-61px -210px;} 

div.Voc_A{ background-position:1px -240px;} 
div.Voc_A:hover{ background-position:-61px -240px;} 
div.Voc_D{ background-position:-31px -240px;} 
div.Voc_D:hover{ background-position:-62px -240px;} 
div.Voc_M{ background-position:-91px -240px;} 
div.Voc_M:hover{ background-position:-61px -240px; }  

div.CjL_A{ background-position:1px -270px;} 
div.CjL_A:hover{ background-position:-61px -270px;} 
div.CjL_D{ background-position:-31px -270px;} 
div.CjL_D:hover{ background-position:-62px -270px;} 
div.CjL_M{ background-position:-91px -270px;} 
div.CjL_M:hover{ background-position:-61px -270px;} 

div.MQz_A{ background-position:1px -300px;} 
div.MQz_A:hover{ background-position:-61px -300px;} 
div.MQz_D{ background-position:-31px -300px;} 
div.MQz_D:hover{ background-position:-62px -300px; }
div.MQz_M{ background-position:-91px -300px;} 
div.MQz_M:hover{ background-position:-61px -300px; }

div.FcA_A{ background-position:1px -330px;} 
div.FcA_A:hover{ background-position:-61px -330px;} 
div.FcA_D{ background-position:-31px -330px;} 
div.FcA_D:hover{ background-position:-62px -330px;} 
div.FcA_M{ background-position:-91px -330px;} 
div.FcA_M:hover{ background-position:-61px -330px;} 

div.actPra{ background-position:1px -360px;} 
div.actPra:hover{ background-position:-61px -360px;}