*	{
	/*margin:0;*/
	/* padding:0; */
}
 
body	{
	margin:0;
	padding:0;
	font: normal normal normal 0.8em/1.6em arial,verdana,helvicita,sans-serif;
	background-color:#fff;
}

a:focus {
    outline: 1px solid blue!important;
    display: inline-block;
}
 
/* ______________________________________________  */
/* |
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  Header Area
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
| */
/* |_____________________________________________| */
 
 #headerNew	{
	height:					100px;
	width:					100%;
	margin:					0px;
	background-color:			rgb(66,103,166);
 
}
 

#header	{
	height:					100px;
	width:					100%;
	margin:					0px;
	background-color:			rgb(66,103,166);
 
}
 
#headerContent	{
	height:					100px;
	width:					960px;
	margin:					0 auto;
 
}
#headerContentHelp	{
	height:					100px;
	width:					960px;
	margin:					0 auto;
 
}
#headerContentHelp  a.logoLink	{
	background:transparent url('../images/thinkcentralLogoWhite.png') -10px 10px no-repeat; 
	display:       				block;
	padding:				5px;
	height:					80px;
	overflow:				hidden;
    	text-indent:				100%;
    	white-space:				nowrap;
	width:					140px;
}
.logoLinkMain{
 	display:       				block;
	padding:				5px;
	height:					80px;
    white-space:				nowrap;
	
 }
#headerContent  a.logoLink	{
	background:transparent url('../images/thinkcentralLogoWhite.png') -10px 10px no-repeat; 
	display:       				block;
	padding:				5px;
	height:					80px;
	overflow:				hidden;
    	text-indent:				100%;
    	white-space:				nowrap;
	width:					140px;
}
#headerContent  a.logoLinkPreview	{
	background:transparent url('../images/thinkcentralLogoWhite.png') -10px 10px no-repeat; 
	display:       				block;
	padding:				5px;
	height:					100px;
	overflow:				hidden;
    	text-indent:				100%;
    	white-space:				nowrap;
	width:					200px;
}
#userWelcome	{
	margin:					-90px 120px 0 0 ;
	padding:				1px 10px;
	font-weight:				normal;
	font-size:				12px;
	color:					rgb(66,103,166);
	background-color:#fff;
 
	border-bottom-left-radius:		4px;
	border-bottom-right-radius:		4px;
	float:					right;
	text-align:center;
}
 
#userWelcome .unbolden	{
	font-weight:				normal;
}
 
#userWelcome a:link,
#userWelcome a:visited	{
	text-decoration:none;
	color:blue;
}
 
#userWelcome a:hover	{
	text-decoration:underline;
}
 
 
/*___________________________*/
/*--Permanent button links --*/
/*___________________________*/
#permaLink
	{
	height:					35px;
	width:					9.5em;
	padding:				30px 0px 0 0px;
	color:					#fff;
	background:transparent url('../images/logo_hmh_login.png') right center no-repeat;
	margin-top:				-70px;
	font-size:				12px;
	float:					right;
}
#permaLinkPreview
	{
	height:					35px;
	width:					25.5em;
	padding:				46px 0px 0 0px;
	color:					#fff;
	background:transparent url('../images/logo_hmh_login.png') right center no-repeat;
	margin-top:				-85px;
	font-size:				12px;
	float:					right;
} 
#permaLink a:link,
#permaLink a:visited	{
 
padding:0 5px;
	text-decoration:			none;
	color:					#fff;
	cursor: pointer;
}
 
#permaLink a:hover	{
	text-decoration:underline;
}
#permaLinkPreview a:link,
#permaLinkPreview a:visited	{
 
padding:0 5px;
	text-decoration:			none;
	color:					#fff;
	cursor: pointer;
}
 
#permaLinkPreview a:hover	{
	text-decoration:underline;
}
 #permaLinkL
	{
	height:					35px;
	width:					9.5em;
	padding:				30px 0px 0 0px;
	color:					#fff;
	background:transparent url('../images/logo_hmh_login.png') right center no-repeat;
	margin-top:				-70px;
	font-size:				12px;
	float:					right;
}

#permaLinkLnew
	{
	height:					35px;
	width:					18em;
	padding:				30px 0px 0 0px;
	color:					#fff;
	background:transparent url('../images/logo_hmh_login.png') right center no-repeat;
	margin-top:				-64px;
	font-size:				12px;
	float:					right;
}


#permaLinkLnew a:link,
#permaLinkLnew a:visited	{
 
padding:0 5px;
	text-decoration:			none;
	color:					#fff;
	cursor: pointer;
}
 
#permaLinkLnew a:hover	{
	text-decoration:underline;
}


 
#permaLinkL a:link,
#permaLinkL a:visited	{
 
padding:0 5px;
	text-decoration:			none;
	color:					#fff;
	cursor: pointer;
}
 
#permaLinkL a:hover	{
	text-decoration:underline;
}
#permaLinkHelp {
    background: url("../images/logo_hmh_login.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #FFFFFF;
    float: right;
    font-size: 12px;
    height: 35px;
    margin-top: -70px;
    padding: 30px 0 0;
    width: 12.5em;
}
#permaLinkHelp a:link,
#permaLinkHelp a:visited	{
 
padding:0 5px;
	text-decoration:			none;
	color:					#fff;
	cursor: pointer;
}
 #permaLinkHelp a:hover	{
	text-decoration:underline;
}

 #permaLinkLogOut {
    background: url("../images/logo_hmh_login.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #FFFFFF;
    float: right;
    font-size: 12px;
    height: 35px;
    margin-top: -70px;
    padding: 30px 0 0;
    width: 17.5em;
}
#permaLinkLogOut a:link,
#permaLinkLogOut a:visited	{
 
padding:0 5px;
	text-decoration:			none;
	color:					#fff;
	cursor: pointer;
}
 #permaLinkLogOut a:hover	{
	text-decoration:underline;
}
#goldBar	{
 
	height:					30px;
 
	width:					100%;
	background-color:			rgb(251,197,1);
	margin-top:				0px;
}
 
 
/* ______________________________________________  */
/* |
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  NavBar  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
| */
/* |_____________________________________________| */
 
 
#navBar	{
 
/*centres the navigation*/
	position:				relative;
	width:					960px;
	margin:					-30px auto 0 auto;
	height:					30px;
 
}
 
.navigationTab { /*styles navigation buttons from ULs by class*/
 
	position:				relative;
	display:				inline;
	float:					left;
 
	width:					191px;/*960px / 5 = 192px*/
	height:					30px;
	margin:					0px 1px 0 0px ;
	padding:				 0;
 
	list-style:				none; 
	cursor:					default;
}
.navigationTabTeacher { /*styles navigation buttons from ULs by class*/
 
	position:				relative;
	display:				inline;
	float:					left;
 
	width:					159px;/*960px / 5 = 192px*/
	height:					30px;
	margin:					0px 1px 0 0px ;
	padding:				 0;
 
	list-style:				none; 
	cursor:					default;
} 
.navigationTab li.tab,
.navigationTab li.tab:visited {
 
	display:				block;
 
	height:					100%;
	margin:					0px;
	padding:				0px;
	width:					100%;			
	color:					rgb(66,103,166);
	text-decoration:			none;
	font-weight:				bold;
	font-size:				14px;
	text-align:				center;
 
	background-color:			rgb(251,197,1);
	border-left:				1px solid rgb(66,103,166);
	border-right:				1px solid rgb(66,103,166);
}
 
.navigationTab li.tab:hover,
.navigationTab li.tab:active	{
 
	height:					34px;
	margin-top:				-4px;
	padding:				0px;
	top:					0px;
 
	background-color:			#fff;
 
	color:					rgb(66,103,166);
 
	
 
  	-webkit-border-top-left-radius: 	3px;
  	-webkit-border-top-right-radius: 	3px;
  	-webkit-border-bottom-right-radius: 	0px;
 	-webkit-border-bottom-left-radius: 	0px;
 
  	-moz-border-radius-topleft: 		3px;
  	-moz-border-radius-topright: 		3px;
  	-moz-border-radius-bottomright: 	0px;
  	-moz-border-radius-bottomleft: 		0px;
 
  	border-top-left-radius: 		3px;
  	border-top-right-radius: 		3px;
  	border-bottom-right-radius: 		0px;
  	border-bottom-left-radius: 		0px;
 
	-moz-box-shadow: 			2px 2px 2px #a0a0a0;	
	-webkit-box-shadow: 			2px 2px 2px #a0a0a0;
	box-shadow: 				2px 2px 2px #a0a0a0;
	
}
.navigationTab li.tab a:link,
.navigationTab li.tab a:visited	{
 
	display:				block;
	width:					95%;		/*breaks cursor hover behavior*/
	margin:					0 auto;
	color: 					inherit;
	text-decoration:			none;
	padding-top:				4px;		/*compensates height of LI*/
 
}
.navigationTab li.tab:hover a,
.navigationTab li.tab:active a	{
 
	padding-top:				8px;		/*compensates on hover height of LI*/
}


/* Teacher */
.navigationTabTeacher li.tab,
.navigationTabTeacher li.tab:visited {
 
	display:				block;
 
	height:					100%;
	margin:					0px;
	padding:				0px;
	width:					100%;			
	color:					rgb(66,103,166);
	text-decoration:			none;
	font-weight:				bold;
	font-size:				14px;
	text-align:				center;
 
	background-color:			rgb(251,197,1);
	border-left:				1px solid rgb(66,103,166);
	border-right:				1px solid rgb(66,103,166);
}
 
.navigationTabTeacher li.tab:hover,
.navigationTabTeacher li.tab:active	{
 
	height:					34px;
	margin-top:				-4px;
	padding:				0px;
	top:					0px;
 
	background-color:			#fff;
 
	color:					rgb(66,103,166);
 
	border-left:				1px solid rgb(66,103,166);
	border-right:				1px solid rgb(66,103,166);
 
  	-webkit-border-top-left-radius: 	3px;
  	-webkit-border-top-right-radius: 	3px;
  	-webkit-border-bottom-right-radius: 	0px;
 	-webkit-border-bottom-left-radius: 	0px;
 
  	-moz-border-radius-topleft: 		3px;
  	-moz-border-radius-topright: 		3px;
  	-moz-border-radius-bottomright: 	0px;
  	-moz-border-radius-bottomleft: 		0px;
 
  	border-top-left-radius: 		3px;
  	border-top-right-radius: 		3px;
  	border-bottom-right-radius: 		0px;
  	border-bottom-left-radius: 		0px;
 
	-moz-box-shadow: 			2px 2px 2px #a0a0a0;	
	-webkit-box-shadow: 			2px 2px 2px #a0a0a0;
	box-shadow: 				2px 2px 2px #a0a0a0;
 
}
.navigationTabTeacher li.tab a:link,
.navigationTabTeacher li.tab a:visited	{
 
	display:				block;
	width:					95%;		/*breaks cursor hover behavior*/
	margin:					0 auto;
	color: 					inherit;
	text-decoration:			none;
	padding-top:				4px;		/*compensates height of LI*/
 
}
.navigationTabTeacher li.tab:hover a,
.navigationTabTeacher li.tab:active a	{
 
	padding-top:				8px;		/*compensates on hover height of LI*/
} 
/*________________________________________*/
/*
 
 
 
 
 
 
 
 
TabNav page effect
 
 
 
 
 
 
*/
/*________________________________________*/
 
#assignments .assignment 	{
 
	height:					34px;
	margin-top:				-4px;
	padding:				0px 0 0 0;
	top:					0px;
 
	background-color:			#fff;
	color:					rgb(66,103,166);
 
	border-left:				1px solid rgb(196,204,215);
	border-right:				1px solid rgb(196,204,215);
 
  	-webkit-border-top-left-radius: 	3px;
  	-webkit-border-top-right-radius: 	3px;
  	-webkit-border-bottom-right-radius: 	0px;
 	-webkit-border-bottom-left-radius: 	0px;
 
  	-moz-border-radius-topleft: 		3px;
  	-moz-border-radius-topright: 		3px;
  	-moz-border-radius-bottomright: 	0px;
  	-moz-border-radius-bottomleft: 		0px;
 
  	border-top-left-radius: 		3px;
  	border-top-right-radius: 		3px;
  	border-bottom-right-radius: 		0px;
  	border-bottom-left-radius: 		0px;
}
 
#assignments .assignment a:link	{
 
padding-top:8px;
 
}
 
 
/*____________________________*/
/*-----------DIALOG-----------*/
/*____________________________*/
 
 
/* This is a bit of a hack for the demo because I couldn't trace the cascade */
 
#dialog > ul, 
#dialog > ul > li, 
#dialog > ul > li > a, 
#dialog > p > a
	{
	margin:0 !important;
	padding:0 !important;
	line-height:1.0em ;
	}
 
#dialog 	{
 
	position:				absolute;
	top:					30px;
	left:					0px;
 
	margin:					0;
	padding:				0;
	visibility:				hidden;
	width:					959px;/* total of 960px */
 
	color:					#fff;
 
	border:					1px solid rgb(196,204,215);
	border:					1px solid rgb(66,103,166);
	border-top:				0;/* visually represented by #dialogBorderTop */ 
 
	background-color:			#ffffff;
 
	box-shadow:		1px 6px 6px black;


	-moz-box-shadow: 	0 0 0 rgba(0,0,0,0), -1px 4px 6px rgba(0,0,0,0.3), -1px 4px 6px rgba(0,0,0,0.3), 2px 2px 6px rgba(0,0,0,0.3); 	
	-webkit-box-shadow:  	0 0 0 rgba(0,0,0,0), -1px 4px 6px rgba(0,0,0,0.3), -1px 4px 6px rgba(0,0,0,0.3), 2px 2px 6px rgba(0,0,0,0.3);	
	box-shadow:  		0px 0px 0px rgba(0,0,0,0), -1px 4px 6px rgba(0,0,0,0.3), -1px 4px 6px rgba(0,0,0,0.3), 1px 6px 6px rgba(0,0,0,0.3);
 
	cursor:					text;
	z-index: 1004;
}
 
/*dialog visibility*/ 
 
#dialog.visibilityHidden {
	
	visibility:				hidden !important;
	
}

.navigationTab li:hover #dialog  {

	visibility:				visible;
}
.navigationTabTeacher li:hover #dialog  {
 
	visibility:				visible;
}
/* define the current panel by visually replicating the top border of #dialog */
 
#dialogBorderTop	{
 
	top:					0;
	left:					0;
	
	height:					1px;
	background-color:			rgb(66,103,166);
}
#dialogBorderTopGapOne,
#dialogBorderTopGapTwo,
#dialogBorderTopGapThree,
#dialogBorderTopGapFour,
#dialogBorderTopGapFive,
#dialogBorderTopGapSix	{
 
	height:					1px;
	top:					0;
	margin-left:				0%;
	width:					192px;/* 960px / 5 = 191.6, or approx.20% */
	background-color:			#fff;
}
 
#dialogBorderTopGapTwo	{
 
	margin-left:				0px;
}
#dialogBorderTopGapThree	{
 
	margin-left:				0px;
}
#dialogBorderTopGapFour	{
 
	margin-left:				191px;
}
#dialogBorderTopGapFive	{
 
	margin-left:				0px;
}
#dialogBorderTopGapSix	{
 
	margin-left:				0px;
}
 
/*
 
 
 
 
 
 
 
 
 dialog  positions
 
 
 
 
 
 
 
 
 
 
 
*/
 
#dialog.menuItem1	{
 
	left:					0px;
	width:					767px;
}
#dialog.menuItem2{
 
	left:					-0px;
	width:					575px;
}
#dialog.menuItem3{
 
	left:				-0px;
	width:				 383px;
}
#dialog.menuItem4{
 
	left:					-192px;
	width:					575px;
}
 
#dialog.menuItem5{
 
	left:					-0px;
	width:					191px;
}
/* Teacher */
#dialog.menuItemTeacher1	{
 
	left:					0px;
	width:					159px;/*((160px x 2)-(2x1px border)=318px+1px visual :))*/
}
#dialog.menuItemTeacher2{
 

	left:					0px;
	width:					159px;/*((160px x 2)-(2x1px border)=318px+1px visual :))*/
}
#dialog.menuItemTeacher3{
 
	left:					-160px;

	width:					479px;/*((160px x 4)-(2x1px border)=638px+1px visual :))*/
}
#dialog.menuItemTeacher4{
 
	left:					-160px;
	width:					639px;/*((160px x 5)-(2x1px border)=798px+1px visual :))*/
}
 
#dialog.menuItemTeacher5{
 
	left:					-0px;
	width:					319px;/*((160px x 3)-(2x1px border)=478px+1px visual :))*/
}

#dialog.menuItemTeacher6{
 
	left:					-160px;
	width:					319px;/*((160px x 3)-(2x1px border)=478px+1px visual :))*/
}
 
/*
 
 
 
 
 
 
 
 
 
 
dialog uls
 
 
 
 
 
 
 
 
 
 
 
 
 
 
*/
 
#dialog ul	{
	position:				relative;
	display:				block;
	float:					left;
	width:					139px;
	margin:					20px 0!important;
	padding:				0 10px!important;
	line-height:2em !important;
 
	text-align:				left;
	list-style-type:			none;
	color:					rgb(66,103,166);
 
 
}

#dialog ul li:first  { 	
 
 
	font-size:				1.5em;
	font-weight:				bold;
	text-align:				left;
 	
	text-decoration:			none;
	background-color:			transparent;
 
	-moz-box-shadow: 			0px 0px 0px #a0a0a0;	
	-webkit-box-shadow: 			0px 0px 0px #a0a0a0;
	box-shadow: 				0px 0px 0px #a0a0a0;
}

#dialog ul li  { 	
 
 
	font-size:				1.1em;
	font-weight:				bold;
	text-align:				left;
 	line-height:				1.2em;
	text-decoration:			none;
	background-color:			transparent;
 
	-moz-box-shadow: 			0px 0px 0px #a0a0a0;	
	-webkit-box-shadow: 			0px 0px 0px #a0a0a0;
	box-shadow: 				0px 0px 0px #a0a0a0;
	margin-bottom: 10px;
}
#dialog ul > li~li { 	
 
margin-top:2px !important;
margin-left: -5px !important;
}
 
#dialog ul li a:link,
#dialog ul li a:visited {
 
	width:0px;
	width:auto;
	font-size:				0.9em;
	text-decoration:			none;
	font-weight:				normal;
	/* padding:5px!important; */
	border:0px;
	border-radius:				3px;
	padding-bottom: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    outline: medium none;
	
 
}
#dialog ul li a:hover {
 
 
	color:					#fff;
	background-color:			#4267A6;;
 
}
#dialog ul li a:active	{
 
	margin:					0 0 0 0px;
	/* padding:				5px 0px !important; */
	color:					#fff;
	cursor:					text;
	background-color:			#9BADCD;
 
}
#dialog ul li a.crumb	{
 
	border-radius:				3px;
	margin:					0 0 0 0px;
	padding:				0 4px 6px 4px;
	color:					#fff;
	background-color:			rgb(66,103,166);
	cursor:					text;
 
}
#dialog ul li a.crumb{
 
}
 
#dialogButtons	{
	position:relative;
	width:200px;
	clear:both;
	float:right;
	height:2em;
	margin:0 15px 20px 0!important;
}
 
#dialogButtons a:link,#dialogButtons a:visited	{
	float:right;
	width:4em;
	color:#fff;
	background-color: #4267A6;
	padding:6px 10px 6px 10px!important;
 
	border:			0px;
  	-webkit-border-radius: 	6px;
  	-moz-border-radius: 	6px;
  	border-radius: 		6px;
 
}
 
#dialog a:hover	{
 
color: #fff;
background-color:#4267A6;
	border:			0px; 
}
 
.selectedMenu{
	color:					rgb(255,255,255);
	background-color:			#9BADCD;
}
#dialog a:active	{
 
color:rgb(66,103,166);
background-color:#FFFFFF;
border: 1px solid  rgb(66,103,166);
padding:2px 3px 2px 5px!important;
}
 
.divider	{
	width:1px;
	margin-top:20px;
	background-color:rgb(196,204,215);
	height:100px;
	float:left;
}
 .dividerReports	{
	width:1px;
	margin-top:20px;
	background-color:rgb(196,204,215);
	height:70px;
	float:left;
}
 .dividerReportsHmhOne	{
	width:1px;
	margin-top:20px;
	background-color:rgb(196,204,215);
	height:100px;
	float:left;
}
 .dividerUserAccounts	{
	width:1px;
	margin-top:20px;
	background-color:rgb(196,204,215);
	height:120px;
	float:left;
}
/*--------------------------*/
/*-- only stuff to mimic TC content --*/
/*--------------------------*/
 
#contentWrapper	{
width:			960px;
margin:			0 auto;
}
 
#pageWrapper	{
width:			766px;
margin:			50px auto 0 auto;
border-radius:		10px;
padding:		10px;
 
}
fieldset	{
border-radius:5px;
padding:10px;
margin:40px 0 0 0px;
}
legend	{
font-weight:bold;
font-size:1em;
}
h1	{
margin-top:30px;
font-size:1.2em;
text-align:center;
}
fieldset p	{
margin:0px 0 10px 0px;
}
fieldset ul li {
margin:0px 0 0px 20px;
}
#navigationPanelButtons	{
	position:				relative;
	clear:					both;
	float:					right;
	width:					200px;
	height:					2em;
	margin:					0 15px 20px 0;
}

#navigationPanelButtons a:link,
#navigationPanelButtons a:visited	{
	float:					right;
	width:					4em;
	padding:				6px 10px !important;
	text-decoration:			none;
	color:					rgb(255,255,255);
	background-color: 			rgb(66,103,166);

	border:					0px;
  	border-radius: 				6px;
}
#dialogBorderTopGapOneT,
#dialogBorderTopGapTwoT,
#dialogBorderTopGapThreeT,
#dialogBorderTopGapFourT,
#dialogBorderTopGapFiveT,
#dialogBorderTopGapSixT	{
 
	height:					3px;
	margin-top:				-2px;
	margin-left:				0;

	width:					159px;
	background-color:			white;
	z-index:				100;
	box-shadow: 0 0 0 transparent !IMPORTANT;
}
 
#dialogBorderTopGapTwoT	{
 
	margin-left:				0px;
}
#dialogBorderTopGapThreeT	{
 
	margin-left:				160px;
}
#dialogBorderTopGapFourT	{
 
	margin-left:				160px;
}
#dialogBorderTopGapFiveT	{
 
	margin-left:				0px;
}
#dialogBorderTopGapSixT	{
 
	margin-left:				160px;
}




#dialogBorderTop	{
 
	top:					0;
	left:					0;
	width:					100%;
	height:					1px;
	background-color:			rgb(66,103,166);
}
#dialogBorderTopT	{
 
  	background-color: rgb(66,103,166);
    display: block;
    height: 1px;
    left: 0;
    top: 0;
    width: 100%;
    margin-top:1px;
}
  
   .banner
{
	position:			absolute;
	top:				0px;
	left:				0px;
	height:				100px;
	width:100%;
	background-color:		rgb(66,103,166); 
	border-bottom:			30px solid rgb(251,197,1);
}  
.landing_border{
	border-color: #ACACAC;
    border-radius: 12px;
    border-style: solid;
    border-width: 1px;
}
.adminassspace{
	padding-left: 5px;
	padding-bottom: 13px;
}
/* TCNF-1824 */ 
.admingradespace{
	padding-bottom: 30px;
}
.tchralign{
	padding-right: 3px;
}
.asmtsettings{
	margin-left: 98px;
}
.reportalign{
	margin-left: 125px;
}
.leftalign{
	margin-left:4px;
}
.tchralignsa{
	padding-right: 0px;
}
#permaLink_NEW
	{
	float: right;
    margin-top: -70px;
    padding: 30px 0px 0 0px;
	color:					#fff;
	font-size:				12px;

}
#permaLink_NEW a:link,
#permaLink_NEW a:visited	{
padding:0 5px;
	text-decoration:			none;
	color:					#fff;
	cursor: pointer;
}
#permaLink_NEW a:hover	{
	text-decoration:underline;
}
#permaLink_NEW #whatsNewLink img{
	vertical-align: middle;
	display: inline-block;
	
}