/* @override http://nsta-scilinks/css/site.css */

/* ML: 02-10-2009: CSS is written by NCM (Wes Baker) - Hacked to work with .NET 2.0 by NSTA (Martin Lopong) */

/* @group Reset */

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, b, u, i, center, 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-size: 100%;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/* @group Generic
 */

body {
	margin: 0px;
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif;
	background: transparent url('../images/background-gradient.jpg') repeat-x scroll 0% 0%;
}

p,
td,
li,
input,
label,
textarea,
th,
dt,
dd {
	font-size: 1.1em;
	line-height: 1.3em;
	color: #333333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0.5em 0;
	line-height: 1.5em;
}

h1 {
	font-size: 3em;
}

h2 {
	font-size: 2em;
	font-family: Tahoma, Verdana, sans-serif;
}

h3 {
	font-size: 1.6em;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	color: #0499E1;
}

h4 {
	font-size: 1.1em;
}

p {
	margin: 0.5em 0;
}

ul,
ol {
	margin: 0.5em 0;
}

li {
	margin: 0.25em 0;
}

hr {
	border: 0;
	color: #e1e1e1;
	height: 1px;
	background: #e1e1e1;
	margin: 16px 0;
	padding: 0;
	overflow: hidden;
}

/* Tables */

table {
	margin: 1.3em 0;
}

table td,
table th {
	padding: 9px 11px;
}

/* Links */

a {
    cursor:pointer;  
}

a:link {
	color: #0499E1;
}

a:visited {
	color: #64B1D4;
}

a:hover,
a:active {
	color: #DF0029;
}

a.sample-homepage:link,
a.sample-homepage:visited,
a.sample-homepage:hover,
a.sample-homepage:active 
{
    color: White;
}

a.sample-homepage:hover
{
    text-decoration: none;
}

/* Images */

a img {
	border: 0px;
}

.image-left {
	float: left;
	display: inline;
	margin: 0px 15px 5px 0px;
}

.image-right {
	float: right;
	display: inline;
	margin: 0px 0px 5px 15px;
}

/* Clear */

.clear {
	height: 0px;
	line-height: 0px;
	clear: both;
}

.clear span {
	position: absolute;
	left: -9999em;
}

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

/* @group Button */

a.button-large:link,
a.button-large:visited {
	display: -moz-inline-stack;
	display: inline-block;
	background: transparent url('../images/button-large-left.png') no-repeat 0 0;
	padding-left: 11px;
	text-decoration: none;
}

a.button-large:link span,
a.button-large:visited span {
	display: -moz-inline-stack;
	display: inline-block;
	background: transparent url('../images/button-large-right.png') no-repeat 100% 0%;
	padding-right: 11px;
	color: #DF0029;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-weight: bold;
	height: 38px;
	white-space: nowrap;
	line-height: 35px;
}

a.button-large:active {
	background: transparent url('../images/button-large-left-active.png') no-repeat 0% 0%;
}

a.button-large:active span {
	background: transparent url('../images/button-large-right-active.png') no-repeat 100% 0%;
}

a.button-orange:link,
a.button-orange:visited {
	background: transparent url('../images/button-orange-left.png') no-repeat 0 0;
	display: -moz-inline-stack;
	display: inline-block;
	padding-left: 2px;
	text-decoration: none;
}

a.button-orange:link span,
a.button-orange:visited span,
.generic #content-main .genericform p a.button-orange:link span,
.generic #content-main .genericform p a.button-orange:visited span {
	background: transparent url('../images/button-orange-right.png') no-repeat 100% 0;
	display: -moz-inline-stack;
	display: inline-block;
	color: #ffffff;
	height: 23px;
	line-height: 23px;
	font-size: 1.1em;
	padding: 0 9px 0 6px;
	font-weight: bold;
	text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px;
	margin: 0;
}

a.button-orange:hover {
	text-decoration: none;
}

a.button-green:link,
a.button-green:visited {
	background: transparent url('../images/button-green-left.png') no-repeat 0 0;
	padding-left: 2px;
	display: -moz-inline-stack;
	display: inline-block;
	text-decoration: none;
}

a.button-green:link span,
a.button-green:visited span {
	background: transparent url('../images/button-green-right.png') no-repeat 0 0;
	display: -moz-inline-stack;
	display: inline-block;
	color: #ffffff;
	text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	font-size: 1.1em;
	padding: 0 9px 0 6px;
}

/* @end */

/* @end */

#wrapper {
	background: transparent url('../images/background.jpg') no-repeat scroll 50% 0%;
	min-height: 537px;
}

/* @group Header */

#header {
	width: 985px;
	padding-right: 39px;
	margin: 0 auto;
	position: relative;
	height: 122px;
}

#header h1 {
	margin: 0;
	float: left;
}

#header h1 a {
	display: block;
	width: 250px;
	height: 122px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url('../images/logo.png') no-repeat scroll 0% 0%;
	position: absolute;
	left: 0;
}

/* @group Utility */

#utility,
#navigation {
	float: right;
	clear: right;
	position: absolute;
}

#utility {	
	right: 30px;
	bottom: 48px;
}

#utility h3 {
	float: left;
	display: inline;
	margin: 0 8px 0 0;
	font-size: 2.2em;
	color: #ffffff;
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: normal;
}

#utility ul {
	float: left;
	margin-top: 13px;
}

#utility li {
	display: inline;
	float: left;
	margin-right: 8px;
	line-height: 1.1em;
	color: #ffffff;
}

#wrapper #utility li.last {
	border-right: 0 none;
	padding-right: 0;
	margin-right: 0;
}

#utility li a:link,
#utility li a:visited {
	color: rgba(255, 255, 255, 0.85) !important;
	color: #ffffff;
}

#utility li a:hover {
	color: rgba(255, 255, 255, 1) !important;
	color: #DF0029;
	text-decoration: underline;
}

.logged-out #utility {
	float: left;
	bottom: 45px;
	left: 400px;
}

.logged-out #utility li {
	padding-right: 10px;
	border-right: 1px solid #d3eefe;
	border-right: 1px solid rgba(255, 255, 255, 0.7);
}

/* @end */

/* @group Navigation */

#nav-main {
	background: transparent url('../images/nav-green.png') no-repeat scroll 0% 0%;
	height: 31px;
	padding-left: 2px;
	position: relative;
	float: left;
	left: -8px;
}

#nav-main ul {
	background: transparent url('../images/nav-green.png') no-repeat scroll 100% 0%;
	position: relative;
	left: 12px;
	margin: 0;
	padding: 0 14px 0 0;
}

#nav-main li {
	float: left;
	display: inline;
	height: 31px;
	line-height: 32px;
	background: transparent url('../images/nav-green-divider.png') no-repeat scroll 100% 55%;
	padding-right: 12px;
	margin: 0 11px 0 0;
	font-size: 1.2em;
	white-space: nowrap;
}

div#wrapper #nav-main li.last {
	background: transparent none;
	padding-right: 0;
	margin-right: 0;
}

#nav-main li a:link,
#nav-main li a:visited {
	color: rgba(255, 255, 255, 0.85) !important;
	color: #d6e8b7;
	text-decoration: none;
}

#nav-main li a:hover {
	color: rgba(255, 255, 255, 1) !important;
	color: #ffffff;
	text-decoration: underline;
}

#navigation {
	position: absolute;
	bottom: 14px;
	right: 30px;
}

.logged-out #nav-main li a:link,
.logged-out #nav-main li a:visited {
	color: #f6e2e5;
}

.logged-out #navigation {
	position: absolute;
	bottom: 14px;
	right: 30px;
}

.logged-out #nav-main {
	background-image: url('../images/nav-red.png');
}

.logged-out #nav-main ul {
	background-image: url('../images/nav-red.png');
}

.logged-out #nav-main li {
	background-image: url('../images/nav-red-divider.png');
}

/* @end */

/* @group Login */

#navigation #login {
	float: left;
	background: transparent url('../images/nav-green.png') no-repeat scroll 0% 0%;
	height: 31px;
	padding-right: 20px;
	position: relative;
	left: 6px;
}

#navigation #login h4,
#navigation #login .nav-login-form,
#navigation #login dl,
#navigation #login dd,
#navigation #login p {
	float: left;
	height: 31px;
}

#navigation #login dt {
	display: none;
}

#navigation #login h4 {
	color: #ffffff;
	font-size: 1.2em;
	font-family: Tahoma, 'Verdana', sans-serif;
	background: transparent url('../images/nav-green-divider.png') no-repeat scroll 100% 55%;
	padding-right: 7px;
	margin: 0 7px 0 11px;
	display: inline;
	line-height: 2.58em;
}

/* NOTE: ML 03/22/2009 - Hack cause this was not displaying correctly in FF
#navigation #login select {
	background: transparent url('../images/input-quicklinks.png') no-repeat scroll 0% 0%;
	border: 0 none;
	padding-top: 1px;
	padding: 3px 0 3px 3px;
	height: 20px;
	width: 107px;
}
*/

#navigation #login select {
padding-top: 1px;
padding: 1px 0 2px 3px;
height: 20px;
width: 107px;
}

#navigation #login .user_name,
#navigation #login .user_password {
	background: transparent url('../images/input-text.png') no-repeat scroll 0% 0%;
	border: 0 none;
	padding: 4px 0 4px 4px;
	width: 106px;
	display: block;
	line-height: 12px;
}

#navigation #login select,
#navigation #login .user_name,
#navigation #login .user_password {
	color: #666666;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	margin: 6px 3px 5px 0;
}

#navigation #login p {
	margin: 0;
}

#navigation #login .user_submit {
	background: transparent url('../images/bullet-arrow-white.gif') no-repeat scroll 100% 55%;
	color: #ffffff;
	border: 0 none;
	font-size: 1.1em;
	font-family: Tahoma, 'Verdana', sans-serif;
	margin: 7px 3px 5px 0;
	font-weight: bold;
	cursor: pointer;
}

/* @end */

/* @end */

/* @group Home */

/* @group Feature */

#feature {
	background: transparent url('../images/home-feature-bottom.png') no-repeat scroll 0% 100%;
	padding-bottom: 33px;
	width: 993px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

#feature-inner {
	background: transparent url('../images/home-feature-top.png') no-repeat scroll 0% 0%;
	min-height: 280px;
}

#feature-content {
	float: left;
	padding-left: 38px;
	width: 530px;
}

#feature h2 {
	font-weight: normal;
	color: #ffffff;
	font-size: 2.8em;
	line-height: 1.3em;
	padding-bottom: 0.55em;
	border-bottom: 6px solid #63b0d5;
	border-bottom: 6px solid rgba(255, 255, 255, 0.3);
	margin: 0.9em 0 0.7em;
}

#feature h2 a:link,
#feature h2 a:visited {
	color: #FFCC66;
	text-decoration: none;
}

#feature h2 a:hover {
	color: #DF0029;
	text-decoration: underline;
}

#feature li {
	font-size: 1.5em;
	margin: 0;
	line-height: 1.3em;
	color: #fff;
	background: transparent url('../images/bullet-yellow-blocks.gif') no-repeat 0 8px;
	padding-left: 12px;
}

#feature .buttons li {
	background: transparent none;
	padding-left: 0;
	float: left;
	display: inline;
	margin: 18px 20px 18px 0;
}

#feature img {
	position: absolute;
	right: -5px;
	bottom: 19px;
}

/* @end */

/* @group Resources */

#resources {
	background: transparent url('../images/home-lower-bottom.png') no-repeat scroll 50% 100%;
	width: 995px;
	margin: 0 auto;
	position: relative;
	top: -19px;
	z-index: 50;
	padding-bottom: 30px;
}

#resources-inner {
	background: transparent url('../images/home-lower-top.png') no-repeat scroll 50% 0%;
	min-height: 250px;
}

#resources h3 {
	margin-top: 0;
	padding-top: 0.95em;
	line-height: 1.3em;
	margin-bottom: 0;
}

#resources ul {
	margin: 0.5em 0;
}

#wrapper #resources .links li {
	background: transparent none;
	padding: 0;
	float: left;
	display: inline;
	border-right: 2px #cfcfcf solid;
	line-height: 1.1em;
	padding-right: 7px;
	margin-right: 7px;
	font-size: 1.2em;
}

#wrapper #resources .links li a:link,
#wrapper #resources .links li a:visited {
	color: #DF0029;
}

#wrapper #resources .links li a:hover {
	color: #000000;
}

#wrapper #resources .links li.last {
	border-right: 0 none;
	padding-right: 0;
	margin-right: 0;
}

#resources #more-info {
	float: left;
	width: 285px;
	padding-left: 43px;
}

#resources #more-info li {
	background: transparent url('../images/bullet-blue-blocks.gif') no-repeat 0 4px;
	padding-left: 9px;
	color: #333333;
}

#resources #website {
	float: left;
	display: inline;
	width: 285px;
	margin-left: 41px;
}

#resources #website img {
	border: 1px solid #cccccc;
	margin: 4px 0;
	display: block;
}

#resources #website h4 {
	color: #DF0029;
	font-size: 1.4em;
	margin: 0.1em 0;
}

#resources #website p {
	margin: 0.1em 0;
}

#resources #home-logo {
	float: right;
	width: 258px;
	display: inline;	
	margin-right: 30px;
	margin-top: 10px;
}

#resources #home-logo h4 {
    float: right;
    margin: 0 10px 0 0;
}

#resources #home-logo h4 .large-logo {
	display: block;
    background: transparent url('../images/logo-nsta-large-width-115.png') no-repeat scroll 0% 0%;
    overflow: hidden;
    text-indent: -9999px;
    width: 115px;
    height: 55px;
}

#resources #scilinks-code {
	float: right;
	width: 258px;
	display: inline;	
	margin-right: 30px;
	margin-top: 20px;
}

#resources #scilinks {
	background: transparent url('../images/scilinks-bottom.png') no-repeat 50% 100%;
	padding-bottom: 23px;
}

#resources #scilinks-inner {
	background: transparent url('../images/scilinks-top.png') no-repeat 50% 0%;
	width: 216px;
	padding: 0 21px;
}

#resources #scilinks h3 {
	color: #ffffff;
	font-size: 2.0em;
	padding-top: 6px;
}

#resources #scilinks p {
	margin: 0.2em 0 0.4em;
	color: #ffffff;
}

#resources #scilinks .scilinks-inner-form p {
	margin: 0;
}

#resources #scilinks .scilinks-code {
	display: block;
	background: transparent url('../images/input-text-long.png') no-repeat 0 0;
	width: 213px;
	font-family: Helvietca, Arial, sans-serif;
	color: #0499E1;
	font-weight: bold;
	border: 0 none;
	padding: 5px 0 5px 4px;
	line-height: 12px;
}

#resources #scilinks .scilinks-search {
	background: transparent url('../images/input-submit-search.png') no-repeat 0 0;
	color: #DF0029;
	border: 0 none;
	width: 61px;
	padding: 3px 0 4px;
	float: right;
	margin: 0.7em 0;
	font-weight: bold;
	cursor:pointer;
}

#resources #scilinks .scilinks-search:active {
	background-image: url('../images/input-submit-search-active.png');
}

/* @end */

/* @end */

/* @group Content */

#content {
	background: transparent url('../images/content-bottom.png') no-repeat 50% 100%;
	padding-bottom: 18px;
	/* BEGIN Hack: 03/20/2009 ML: Hack to fix moving bottom container on screen resize given by NCM/Wes Baker */ 
	margin: 0 auto;
	width: 1027px;
	/* END Hack */
}

#content-inner {
	background: transparent url('../images/content-top.png') no-repeat 50% 0%;
	width: 959px;
	padding: 7px 34px 0;
	margin: 0 auto;
	min-height: 600px;
	height: auto !important;
	height: 600px;
}

#notice {
	background: transparent url('../images/notice-bottom.png') no-repeat 50% 100%;
	padding-bottom: 6px;
	margin-bottom: 6px;
}

#notice-inner {
	background: transparent url('../images/notice-top-no-close-button.png') no-repeat 50% 0%;
	padding: 6px 10px 0;
	position: relative;
}

#content-section,
#content-sub {
	width: 210px;
	float: left;
}

#content-sub {
	float: right;
}

#content-main {
	width: 525px;
	float: left;
	margin: 0 7px;
}

/* @group Generic Page */

.generic #content {
	background: transparent url('../images/content-generic-bottom.png') no-repeat 50% 100%;
	padding-bottom: 18px;
	/* BEGIN Hack: 03/20/2009 ML: Hack to fix moving bottom container on screen resize given by NCM/Wes Baker */ 
	margin: 0 auto;
	width: 1027px;
	/* END Hack */
}

.generic #content-inner {
	background: transparent url('../images/content-generic-top.png') no-repeat 50% 0%;
	padding-bottom: 18px;
}

.generic #content-generic {
    background: transparent url('../images/content-generic-main.png') no-repeat scroll 50% 0%;
    padding-top: 1px;
}

.generic #content-content {
	border: 1px solid #e5e5e5;
	border-width: 0 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 1px 6px;
}

.generic h1 {
	font-size: 2.0em;
	font-family: Tahoma, Verdana, sans-serif;
	color: #333333;
	margin: 0 0 0.5em 0;
}

.generic #content-section,
.generic #content-sub {
	display: none;
}

.generic #content-main {
	float: none;
	width: auto;
	margin: 0;
}

.generic #content-main .genericform label,
.generic #content-main .genericform input {
	vertical-align: middle;
	margin: 0.3em 0;
}

.generic #content-main .genericform label,
.generic #content-main .genericform h4 {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
}

.generic #content-main .genericform p,
.generic #content-main .genericform ul {
	margin-top: 3px;
	margin-bottom: 1em;
}

.generic #content-main .genericform p.label-only {
	margin: 0;
}

.generic #content-main .genericform p label {
	font-size: 1.09em;
}

.generic #content-main .genericform p label.hidden {
	display: none;
}

.generic #content-main .genericform label.inline-label {
	display: inline;
	font-weight: normal;
	font-size: 1.0em;
	margin-right: 10px;
}

.generic #content-main .genericform .checkboxlist  {
}

.generic #content-main .genericform .checkboxlist input {
}

.generic #content-main .genericform .checkboxlist td {
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 2px;
  padding-top: 2px;
}

.generic #content-main .genericform .checkboxlist label {
	display: inline;
	font-weight: normal;
	font-size: 1.0em;
	margin-left: 5px;
}

/*
.generic #content-main .genericform ul {
	margin: 0;
	clear: both;
}

.generic #content-main .genericform li {
	float: left;
	height: 23px;
	margin: 0;
	line-height: 26px;
}

.generic #content-main .genericform li span {
	position: relative;
	top: -2px;
}
*/

.generic #content-main .genericform .phone-first,
.generic #content-main .genericform .phone-second {
	width: 2em;
} 

.generic #content-main .genericform .phone-third {
	width: 2.5em;
}

.generic #content-main .genericform .phone-fourth {
	width: 3.5em;
}

.generic #content-main .genericform h4 {
	margin: 0.5em 0 0;
}

.generic #content-main .genericform textarea,
.generic #content-main .genericform p span.right {
	width: 440px;
	font-family: Arial, Helvetica, sans-serif;
}

.generic #content-main .genericform textarea {
	line-height: 1.5em;
}

.generic #content-main .genericform p span.right {
	display: block;
	text-align: right;
	background: transparent;
}

.generic #content-main .genericform p span.right input {
	background: transparent;
	display: inline;
}

.generic #content-main .genericform p span.right label {
	display: inline;
}

.generic.sidebar-both #content-section,
.generic.sidebar-both #content-sub,
.generic.sidebar-left #content-section,
.generic.sidebar-right #content-sub {
	display: block;
} 

.generic.sidebar-left #content-main,
.generic.sidebar-right #content-main {
	float: left;
	width: 729px;
	margin-left: 6px;
}

.generic.sidebar-right #content-main {
	margin-left: 0;
	margin-right: 6px;
}

.generic.sidebar-both #content-main {
	float: left;
	width: 513px;
	margin: 0 6px;
}


/* @end */

/* @group Generic Block */

.block {
	width: 210px;
	margin: 0 0 6px;
}

.block h3 {
	background: transparent url('../images/division-small-orange-top.png') no-repeat 0 0%;
	font-size: 1.3em;
	color: #ffffff;
	font-family: Tahoma, Verdana, sans-serif;
	padding: 5px 9px;
	position: relative;
	margin: 0;
}

.block h3 span {
	font-size: 0.77em;
	position: absolute;
	right: 9px;
}

.block h3 span a:link,
.block h3 span a:visited {
	font-weight: normal;
	color: rgba(255, 255, 255, 0.7) !important;
	color: #dbecba;
}

.block h3 span a:hover {
	color: #ffffff;
}

.block h4 {
	font-size: 1.5em;
	color: #333333;
}

.block h6 {
	font-weight: normal;
	font-size: 1.2em;
	text-align: center;
	color: #333333;
}

.block .block-inner {
	background: transparent url('../images/division-small-bottom.png') no-repeat 0 100%;
	position: relative;
}

.block .content {
	background: transparent url('../images/division-small-gradient.png') no-repeat 0 0;
	margin: 0 1px;
	padding: 9px 9px 17px;
}

.block .content-gradient-small {
    background: transparent url('../images/division-small-gradient-short-height.png') no-repeat 0 0;
	margin: 0 1px;
	padding: 9px 9px 17px;
}

.section {
	margin: 0 0 6px;
}

.section h3 {
	background: transparent url('../images/division-large-blue-tl.png') no-repeat 0% 0%;
	padding-left: 7px;
	margin: 0;
	color: #ffffff;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 1.3em;
}

.section h3 span {
	background: transparent url('../images/division-large-blue-tr.png') no-repeat 100% 0%;
	display: block;
	padding: 5px 9px 5px 2px;
	position: relative;
	min-height: 20px; 
}

.section h3 span span {
	background: transparent none;
	display: inline;
	font-weight: bold;
	padding: 0;
	float: left;
}

.section h3 span ul {
	position: absolute;
	right: 9px;
	bottom: 0px;
	margin: 0;
}

.section h3 span ul li {
	float: left;
	display: inline;
	background: transparent url('../images/tab-inactive.png') no-repeat 100% 0%;
	width: 96px;
	height: 28px;
	margin: 0;
	position: relative;
	z-index: 100;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 1.0em;
	line-height: 28px;
	padding-left: 14px;
	text-align: right;
	padding-right: 12px;
}

.section h3 span ul li.first {
	background: transparent url('../images/tab-inactive-first.png') no-repeat 100% 100%;
	width: 115px;
	position: relative;
	right: -38px;
	z-index: 10;
}

.section h3 span ul li.active {
	background: transparent url('../images/tab-active.png') no-repeat 100% 0%;
	width: 126px;
	position: relative;
	right: -8px;
	z-index: 50;
	padding-right: 20px;
}

/* BEGIN: ML: 04/24/2009 - 
    Hack for Recommend sites to display teacher and student tabs correctly - counldn't do it with
    the CSS of NCM */

/* END HACK */

.section h3 span ul li a:link,
.section h3 span ul li a:visited {
	background: transparent url('../images/bullet-arrow-blue.gif') no-repeat 0% 55%;
	padding-left: 6px;
	text-decoration: none;
}

.section-inner {
	background: transparent url('../images/division-large-blue-bl.png') no-repeat 0% 100%;
	padding-left: 7px;
}

.section .content,
.section .section-content {
	background: transparent url('../images/division-large-blue-br.png') no-repeat 100% 100%;
	padding: 12px 12px 12px 5px;
}

dl.item dt,
dl.item dd {
	float: right;
	width: 114px;
	font-size: 1.0em;
}

dl.item dd.image {
	float: left;
	width: 67px;
}

dl.item dt {
	font-size: 1.2em;
}

dl.item dt a:link,
dl.item dt a:visited {
	font-weight: bold;
	text-decoration: none;
}

dl.item dt a:hover {
	text-decoration: underline;
}

dl.item dd.image img {
	border: 1px solid #9b9b9b;
	margin-top: 2px;
}

dl.result dt {
	font-size: 1.4em;
	font-weight: bold;
	float: left;
}

dl.result dt a:link,
dl.result dt a:active {
	text-decoration: none;
}

dl.result dt a:hover {
	text-decoration: underline;
}

dl.result dd {
	clear: both;
	margin-bottom: 1.2em;
}

dl.result dd.ratings {
	float: left;
	clear: none;
	display: inline;
	margin: 0 0 0 0.7em;
}

dl.result .ratings ul {
	margin: 3px 0;
}

dl.result .ratings li {
	float: left;
	display: block;
	margin: 0;
}

dl.result .ratings li a {
	display: block;
	height: 12px;
	width: 12px;
	text-indent: -9999px;
	background: transparent url('../images/star-inactive.png') no-repeat;
}

dl.result .ratings li.active a {
	background-image: url('../images/star-active.png');
}

dl.result dl dt,
dl.result dl dd {
	font-size: 1.0em;
	margin: 0.1em 5px 0.1em 0;
	padding: 1px 0;
	float: left;
}

dl.result dl dt {
	clear: both;
}

dl.result dl dd {
	clear: none;
}

dl.result .quiz {
	float: left;
}

dl.result .utility {
	float: right;
}

dl.result .quiz li,
dl.result .utility li {
	float: left;
	margin-top: 7px;
	margin-bottom: 10px;
	font-size: 1.0em;
}

dl.result .quiz li {
	margin-right: 5px;
}

dl.result .utility li {
	margin-left: 8px;
}

dl.result .quiz li a.save {
	background: transparent url('../images/icon-add.png') no-repeat 0 50%;
	padding-left: 15px;
	padding-right: 10px;
}

dl.result .quiz li a.changed {
	background: transparent url('../images/icon-changed.gif') no-repeat 0 50%;
	padding-left: 15px;
	padding-right: 10px;
}

dl.result .quiz li a.remove {
	background: transparent url('../images/icon-remove.png') no-repeat 0 50%;
	padding-left: 15px;
	padding-right: 10px;
}

/* @end */

/* @group Forms */

input.input-text {
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 1.1em;
    color: #666666;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    padding: 4px; 
    display: block;
}

input.input-text-red {
    border: 1px solid #DF0029;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 1.1em;
    color: #666666;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    padding: 4px; 
    display: block;
}

.generic #content-main .genericform p span,
.generic #content-main .genericform li span,
p.input-text {
	background: transparent url('../images/input-text-left.png') no-repeat 0 0;
	height: 23px;
	padding-left: 4px;
	display: block;
}

.generic #content-main .genericform p span input,
.generic #content-main .genericform li span input,
p.input-text span {
	background: transparent url('../images/input-text-right.png') no-repeat 100% 0; 
	height: 100%;
	display: block;
	padding-right: 4px;
}

p.input-text input {
	background: transparent;
}

.generic #content-main .genericform p span input,
.generic #content-main .genericform li span input,
p.input-text input {
	border: 0 none;
	padding-top: 6px;
	padding-bottom: 4px;
	height: 13px;
	width: 100%;
	font-size: 1.1em;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;	
}

.generic #content-main .genericform p span,
.generic #content-main .genericform li span
{
	margin: 0.25em 0;
}

.generic #content-main .genericform p span input,
.generic #content-main .genericform li span input
{
	width: auto;
	margin: 0;
}

/* @end */

/* @group Search without Forms (mod on Search)

    ML: 02-10-2009 This is a modification on Wes Baker's "Search" CSS. Since the form button
    can only happen once in .NET, the "Search" was wrong for our site for the FORM element. 
    So going to try the same button styling without the FORM tag

*/

#search h3 {
	background: transparent url('../images/division-small-green-top.png') no-repeat 0% 0%;
}

#search h4 {
	margin: 12px 9px 0;
}

#search h5 {
	color: #666666;
	font-size: 1.4em;
	margin: 15px 9px 0.25em;
}

#search ul {
	margin: 0.25em 9px;
}

#search .content {
	padding-right: 0;
	padding-left: 0;
	padding-top: 8px;
	position: relative;
}

#search .content {
	padding-top: 1px;
}

#search p {
	padding: 0 9px;
}

#search .searchform {
	padding: 0 9px 0;
}

#search .searchform ul {
	margin: 0;
}

#search .searchform p {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0.7em;
}

#search .searchform .input-text,
#search .searchform .input-text-red {
	width: 114px;
	display: inline;
	float: left;
	margin: 0 4px 0 0;
}

#search .searchform .input-submit {
	background: transparent url('../images/input-search.png') no-repeat 0 0;
	text-indent: -9999px;
	width: 60px;
	height: 23px;
	border: 0 none;
	margin: 0;
	cursor: pointer;
}

#search .searchform .input-submit:active {
	background-image: url('../images/input-search-active.png');
}

#search .searchform .input-radio {
	margin-top: 0;
}

#search .searchform label {
	vertical-align: top;
}

#search li {
	margin: 0.2em 0;
}

#search li input {
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: center;
}

#search li label {
	vertical-align: top;
	padding-top: 1px;
	display: inline-block;
}

#search dl {
	padding: 0 9px 1.5em;
}

/* @end */

/* @group Search Message */

#search-message {
	margin: 0 8px 6px;
}

#search-message h3 {
	font-size: 1.4em;
	color: #333333;
	line-height: 1.2em;
	margin-bottom: 0;
}

#search-message ul {
	float: left;
}

#search-message li {
	float: left;
	margin: 0 8px 0 0;
}

#search-message p {
	float: right;
}

/* @end */

/* @group Notice */

#notice h3 {
	font-size: 1.3em;
	color: #666666;
	margin: 0;
}

#notice .notice-text-container {
	margin: 0.8em 0 0;
	font-size: 1.1em;
	line-height: 1.3em;
	color: #333333;	
}

#notice .notice-text-container ul {
	margin: 0.5em 0 0 0;
}

#notice .notice-text-container li {
	margin: 0 0 0 0;
	font-size: inherit;
	line-height: inherit;
	color: #DF0029;	
	list-style-type: disc;
	list-style-position: inside;
}

#notice .notice-text-container .error-text 
{
    color: #DF0029;
}

#notice a.close
{
    background: transparent url('../images/notice-sub-section-close-button.png') no-repeat 50% 0%; 
	float: right;
	position: absolute;
	top: 0;
	right: 7px;
	top: 7px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

/* @end */

/* @group Recommended Sites */

#recommended-sites .content {
	position: relative;
}

#home dl.result {
	margin-top: 1.2em;
}

#recommended-sites p {
	font-weight: bold;
}

#recommended-sites p.customize {
	position: absolute;
	top: 3px;
	right: 15px;
}

/* @end */

/* @group My SciLinks */

#my-scilinks dt {
	font-size: 1.8em;
	font-family: Tahoma, Verdana, sans-serif;
}

#my-scilinks dt a:link,
#my-scilinks dt a:visited {
	font-weight: bold;
	text-decoration: none;
}

#my-scilinks dt a:hover {
	text-decoration: underline;
}

#my-scilinks dt,
#my-scilinks dd {
	float: right;
	width: 433px;
}

#my-scilinks dl {
	margin: 0.25em 0 1em;
	position: relative;
	left: -7px;
}

#scilinks-classroom dt {
	margin-top: 0.3em;
}

#my-scilinks dd.icon {
	float: left;
	width: 61px;
	text-align: center;
}

#my-scilinks table {
	width: 425px;
	margin: 0 auto 2em 60px;
}

.tablepager table
{
    margin: 0px;
    font-size: 10px;
    font-weight: bold;
    font-family: Tahoma, Verdana, sans-serif;
}

.tablepager table td
{
    padding: 4px;
    font-family: Tahoma, Verdana, sans-serif;
}

table caption {
	background: #0499e2 url('../images/table-caption.png') repeat-x 0 0;
	font-size: 1.2em;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	padding: 6px 8px;
	position: relative;
}

table caption span {
	position: absolute;
	right: 8px;
	font-size: 0.83em;
	bottom: 6px;
}

table caption span a:link,
table caption span a:visited {
	color: rgba(255, 255, 255, 0.7) !important;
	color: #b2def2;
	font-weight: normal;
}

table caption span a:hover {
	color: #ffffff
}

table th,
table td {
	font-size: 1.2em;
	font-family: Tahoma, Verdana, sans-serif;
	margin: 0;
	padding: 5px;
	color: #333333; 
}

table .alt td {
	background-color: White;
}

table .reg td {
	background-color: #f4f4f4;
}

table th {
	text-align: left;
	color: #0499E1;
}

table th.date,
table td.date {
	width: 60px;
	text-align: center;
}

table.no-margin {
    margin: 0;
}

/* @end */

/* @group Science Blogs / Featured Resources */

.science-blogs dl,
.store-resources dl {
	margin: 0.25em 0 1.25em;
}

.store-resources h5 {
	font-weight: normal;
	font-size: 1.2em;
	text-align: center;
	color: #333333;
}

.store-resources h5 a:link,
.store-resources h5 a:visited {
	font-weight: bold;
}

/* @end */

/* @group Create a Quiz */

#create-a-quiz .content {
	padding-right: 0;
	padding-left: 0;
}

#create-a-quiz p,
#create-a-quiz h4,
#create-a-quiz ul {
	margin-left: 9px;
	margin-right: 9px;
}

#create-a-quiz h4 {
	line-height: 1.2em;
	margin-bottom: 0;
}

#create-a-quiz #grade_automatically {
	vertical-align: middle;
	margin-top: 2px;
}

#create-a-quiz p label {
	font-size: 0.91em;
	vertical-align: middle;
}

#create-a-quiz ul {
	margin-bottom: 2em;
}

#create-a-quiz li {
	list-style: none;
	font-size: 1.2em;
}

#create-a-quiz li a:link,
#create-a-quiz li a:visited {
	background: transparent url('../images/icon-delete.png') no-repeat 0 50%;
	padding-left: 15px;
	font-size: 0.91em;
}

p.button {
	text-align: center;
}

/* @end */

/* @end */

/* @group Quick Links */

#quick-links .content {
	padding-right: 0;
	padding-left: 0;
}

#quick-links p,
#quick-links h4,
#quick-links ul {
	margin-left: 9px;
	margin-right: 9px;
}

#quick-links h4 {
	line-height: 1.2em;
	margin-bottom: 0;
}

#quick-links #grade_automatically {
	vertical-align: middle;
	margin-top: 2px;
}

#quick-links p label {
	font-size: 0.91em;
	vertical-align: middle;
}

#quick-links ul {
	margin-bottom: 2em;
}

#quick-links li {
	list-style: none;
	font-size: 1.2em;
}

#quick-links li a:link,
#quick-links li a:visited {
	background: transparent url('../images/bullet-orange-blocks.gif') no-repeat 0 50%;
	padding-left: 12px;
	font-size: 0.91em;
}

#quick-links li span.quick-notice 
{
    font-size: 0.91em;
    font-weight: bold;
    color: #DF0029;
}

/* @end */

/* @group Publisher Links */

#publisher-links .content {
	padding-right: 0;
	padding-left: 0;
}

#publisher-links p,
#publisher-links h4,
#publisher-links ul {
	margin-left: 9px;
	margin-right: 9px;
}

#publisher-links h4 {
	line-height: 1.2em;
	margin-bottom: 0;
}

#publisher-links p label {
	font-size: 0.91em;
	vertical-align: middle;
}

#publisher-links ul {
	margin-bottom: 2em;
}

#publisher-links li {
	list-style: none;
	font-size: 1.2em;
}

#publisher-links li a:link,
#publisher-links li a:visited {
	background: transparent url('../images/bullet-orange-blocks.gif') no-repeat 0 50%;
	padding-left: 12px;
	font-size: 0.91em;
    display: block;
}

/* @end */

/* @group Footer */

#footer {
	width: 420px;
	margin: 0 auto;	
}

#footer h4 {
	float: left;
	margin: 0;
}

#footer h4 a {
	display: block;
	width: 112px;
	height: 28px;
	background: transparent url('../images/logo-nsta-small.png') no-repeat scroll 0% 0%;
	overflow: hidden;
	text-indent: -9999px;
}

#footer #footer-inner {
	float: right;
}

#footer ul {
	margin: 0;
}

#footer li {
	float: left;
	display: inline;
	border-right: 1px solid #c8c8c8;
	line-height: 1.1em;
	padding-right: 8px;
	font-size: 1.0em;
	margin: 0 11px 0 0;
}

#footer li.last {
	border-right: 0 none;
	margin-right: 0;
	padding-right: 0;
}

#footer li a:link,
#footer li a:visited {
	color: #0499E1;
}

#footer li a:hover {
	color: #333333;
	text-decoration: underline;
}

#footer p {
	font-size: 1.0em;
	color: #333333;
}

/* @end */

/* @group Ad-hoc classes */

.form-body-formatting,
.form-body-formatting-red
{
    font-size: 12px;
}

.form-body-formatting-red p
{
    color: #DF0029;
}

.form-body-formatting ol.form-body-ul
{
	list-style-type: decimal;
	list-style-position: inside;
}

.form-body-formatting ul.form-body-ul
{
    list-style-type: disc;
    list-style-position: inside;
}

.form-body-formatting ul.form-body-ul-second-lvl
{
    list-style-type: disc;
    list-style-position: inside;
    font-size: 12px;
    padding-left: 20px;
}

.form-body-formatting ul.form-body-ul-number
{
    list-style-type: decimal;
    list-style-position: inside;
}

.form-body-formatting ul.form-body-ul-pdf li a:link,
.form-body-formatting ul.form-body-ul-pdf li a:visited {
	background: transparent url('../images/pdf.png') no-repeat 0 0;
	padding-left: 20px;
}

.form-body-formatting ul.form-body-ul-faq li a:link,
.form-body-formatting ul.form-body-ul-faq li a:visited {
	background: transparent url('../images/bullet-blue-blocks.gif') no-repeat 0 4px;
	padding-left: 14px;
}

.single-line-container 
{
    position: relative; 
    text-align: center; 
    width: 100%;
}

.single-line-container-left
{
    position: absolute; 
    left: 0;
}

.single-line-container-right
{
    position: absolute; 
    right: 0;
}

.results-text {
	font-size: 1.2em;
	color: #333333;
	line-height: 1.2em;
	margin-bottom: 0;
}

.results-li li {
	background: transparent url('../images/bullet-blue-blocks.gif') no-repeat 0 4px;
    padding-left: 9px;
    color: #333333;
}

table.featureslist 
{
    margin: 0 0 0 0.75em;
    
}

table.featureslist tr,
table.featureslist td
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 1.05em; 
    font-family: inherit; 
}

.tooltip-container table {
	width: 500px;
	margin: 3px 3px 3px 3px;
}

.tooltip-container table caption {
background: #0499e2 url('../images/table-caption.png') repeat-x 0 0;
font-size: 1.0em;
color: #ffffff;
font-weight: bold;
text-align: left;
padding: 6px 8px;
position: relative;
}

.tooltip-container table caption span {
position: absolute;
right: 8px;
font-size: 0.83em;
bottom: 6px;
}

.tooltip-container table caption span a:link,
.tooltip-container table caption span a:visited {
color: rgba(255, 255, 255, 0.7) !important;
color: #b2def2;
font-weight: normal;
}

.tooltip-container table caption span a:hover {
color: #ffffff
}

.tooltip-container table th,
.tooltip-container table td {
font-size: .9em;
font-family: Tahoma, Verdana, sans-serif;
margin: 0;
padding: 5px;
color: #333333;
}

.tooltip-container table tbody tr.alt td, 
.tooltip-container table tbody tr.norm td {
padding: 4px;
}

.tooltip-container table tbody tr.alt td {
background-color: #f4f4f4;
}

.tooltip-container table th {
text-align: left;
color: #0499E1;
}

.filter-td {
    font-weight: bold; 
    vertical-align: top;
}

.basic-pagination {
    padding: 0;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    text-align: right;
    margin-right: 10px;
    margin-bottom: 4px; 
}

.basic-pagination a {
    text-decoration: none;
	border: solid 1px #0499E1;
	color: #0499E1;
}

.basic-pagination a, .basic-pagination span {
    padding: 0.3em 0.3em;
    margin-right: 5px;
	margin-bottom: 5px;
    }
    
.basic-pagination .inactive {
	color: #999;
	border-color: #999;
	background: #fff;
}

.display-block {
    display: block;
    visibility:visible;
}

.display-none {
    display: none;
    height: 0px;
    overflow: hidden;
    visibility: hidden;
}

.table-caption-link 
{
    display: inline;
}

.table-caption-link a:link,
.table-caption-link a:visited
{
    color: #ff780d;
}

.table-caption-link a:hover
{
    color: white;
}

.section h3 span span.form-header-link 
{
    display: inline; 
    float: right;
}

.section h3 span span.form-header-link a:link,
.section h3 span span.form-header-link a:visited
{
    color: #ff780d;
}

.section h3 span span.form-header-link a:hover
{
    color: white;
}

hr.quiz-separator 
{
    color: #0499E1;
    background-color: #0499E1; 
    height: 2px;
}

/* @end */

/* @group Table Grid Small classes */

#my-scilinks table.gridsmall {
	width: 376px;
	margin: 0 auto 1em;
}

table.gridsmall .tablepager table
{
    margin: 0px;
    font-size: .95em;
    font-weight: bold;
    font-family: Tahoma, Verdana, sans-serif;
}

table.gridsmall .tablepager table td
{
    padding: 3px;
    font-family: Tahoma, Verdana, sans-serif;
}

table.gridsmall caption {
	background: #0499e2 url('../images/table-caption.png') repeat-x 0 0;
	font-size: 1.1em;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	padding: 4px 4px;
	position: relative;
}

table.gridsmall caption span {
	position: absolute;
	right: 4px;
	font-size: 0.83em;
	bottom: 4px;
}

table.gridsmall caption span a:link,
table.gridsmall caption span a:visited {
	color: rgba(255, 255, 255, 0.7) !important;
	color: #b2def2;
	font-weight: normal;
}

table.gridsmall caption span a:hover {
	color: #ffffff
}

table.gridsmall {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1.3em 0;
}

table.gridsmall th,
table.gridsmall td {
font-size: 1.1em;
font-family: Tahoma, Verdana, sans-serif;
margin: 0;
padding: 3px;
color: #333333;
}

table.gridsmall .alt td {
background-color: White;
}

table.gridsmall .reg td {
background-color: #f4f4f4;
}

table.gridsmall th {
text-align: left;
color: #0499E1;
}

/* @end */

/* @group Quiz-Functions */

.generic #content-main .genericform h3 span.quiz-functions {
    display: inline;
    font-size: 11px;
    float: right;
    position: relative;
}

.generic #content-main .genericform h3 span.quiz-functions a:link,
.generic #content-main .genericform h3 span.quiz-functions a:visited {
    color: #ff780d;
}

.generic #content-main .genericform h3 span.quiz-functions a:hover {
    color: white;
}

.generic #content-main .genericform h3 span.quiz-functions a.active-function {
    color: white;
    text-decoration: none;
}

/* @end */

/* @group Quiz-Steps-Nav */

.generic #content-main .genericform .quiz-steps-nav {
    display: inline;
    font-size: 12px;
    float: none;
    position: relative;
}

.generic #content-main .genericform .quiz-steps-nav a:link,
.generic #content-main .genericform .quiz-steps-nav a:visited {
    color: #0499E1;
}

.generic #content-main .genericform .quiz-steps-nav a:hover {
    color: #DF0029;
}

.generic #content-main .genericform .quiz-steps-nav a.active-function {
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

/* @end */

/* @group Question-Layout */

dl.question-layout 
{
    padding: 0 0 3px 0;
}

dl.question-layout dt {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 0 0;
}

dl.question-layout dt .question-cols {
	padding: 0 0 3px 0;
}

dl.question-layout dt .question-col1,
dl.question-layout dt .question-col2,
dl.question-layout dt .question-col3 {
    float:left; 
    position:relative;
}

dl.question-layout dt .question-col1 {
    width: 100px;
    color: #0499E1;
}

dl.question-layout dt .question-col2 {
    width: 400px;
    font-weight: normal;
}

dl.question-layout dt .question-col3 {
    width: 180px;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
}

dl.question-layout dd {
	clear: both;
	margin-bottom: 1.4em;
}

dl.question-layout dd dl dt {
    width: 90px;
    color: Black;
}

dl.question-layout dd dl dt,
dl.question-layout dd dl dd {
	font-size: 1.0em;
	margin: 0.1em 5px 0.1em 0;
	padding: 1px 0;
	float: left;
}

dl.question-layout dd dl dt {
	clear: both;
}

dl.question-layout dd dl dd {
	clear: none;
	width: 400px;
}

dl.question-layout dd .question-answer-layout {
    padding: 3px 0 0 110px;
}

dl.question-layout a.question-save {
	background: transparent url('../images/icon-add.png') no-repeat 0 50%;
	padding-left: 15px;
	padding-right: 10px;
}

dl.question-layout a.question-changed {
	background: transparent url('../images/icon-changed.gif') no-repeat 0 50%;
	padding-left: 15px;
	padding-right: 10px;
}

/* @end */

/* @group Student-Match-Question-Layout */

dl.student-match-question-layout 
{
    padding: 0 0 3px 0;
}

dl.student-match-question-layout dt {
	font-size: 1.2em;
	font-weight: normal;
	padding: 3px 0 25px 0;
}

dl.student-match-question-layout dt .student-match-question-cols {
	padding: 0 0 0 0;
}

dl.student-match-question-layout dt .student-match-question-col1,
dl.student-match-question-layout dt .student-match-question-col2 {
    float:left; 
    position:relative;
    vertical-align:top;
}

dl.student-match-question-layout dt .student-match-question-col1 {
    width: 220px;
}

dl.student-match-question-layout dt .student-match-question-col2 {
    width: 380px;
}

/* @end */

/* @group student-ques-layout */

dl.student-ques-layout 
{
    padding: 0 0 3px 0;
}

dl.student-ques-layout dt {
	font-size: 1.2em;
	padding: 0 0 0 0;
}

dl.student-ques-layout dt .student-ques-cols {
	padding: 0 0 3px 0;
}

dl.student-ques-layout dt .student-ques-col1,
dl.student-ques-layout dt .student-ques-col2,
dl.student-ques-layout dt .student-ques-col3,
dl.student-ques-layout dt .student-ques-col4 {
    float:left; 
    position:relative;
}

dl.student-ques-layout dt .student-ques-col1 {
    width: 20px;
}

dl.student-ques-layout dt .student-ques-col2 {
    width: 60px;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 0 7px;
}

dl.student-ques-layout dt .student-ques-col3 {
    width: 30px;
    font-size: 11px;
    font-weight: bold;
}

dl.student-ques-layout dt .student-ques-col4 {
    width: 570px;
}

dl.student-ques-layout dd {
	clear: both;
	margin-bottom: 1.4em;
}

dl.student-ques-layout dd dl dt {
    width: 95px;
    color: Black;
}

dl.student-ques-layout dd dl dt,
dl.student-ques-layout dd dl dd {
	font-size: 1.0em;
	margin: 0.1em 5px 0.1em 0;
	padding: 1px 0;
	float: left;
}

dl.student-ques-layout dd dl dt {
	clear: both;
	font-weight: bold;
}

dl.student-ques-layout dd dl dd {
	clear: none;
	width: 400px;
}

dl.student-ques-layout dd .student-ques-ans-layout {
    padding: 3px 0 0 125px;
}

dl.student-ques-layout dd .student-ques-ans-layout dl dt.student-ques-cols-internal-dt {
    width: 540px;
    font-weight: normal; 
    border-bottom: 1px solid;
}

dl.student-ques-layout dd .student-ques-ans-layout dl dt.student-ques-cols-internal-dt .student-ques-cols-internal {
	padding: 0 0 0px 0;
}

dl.student-ques-layout dd .student-ques-ans-layout dl dt.student-ques-cols-internal-dt .student-ques-col1-internal,
dl.student-ques-layout dd .student-ques-ans-layout dl dt.student-ques-cols-internal-dt .student-ques-col2-internal,
dl.student-ques-layout dd .student-ques-ans-layout dl dt.student-ques-cols-internal-dt .student-ques-col3-internal,
dl.student-ques-layout dd .student-ques-ans-layout dl dt.student-ques-cols-internal-dt .student-ques-col4-internal {
    float:left; 
    position:relative;
}

dl.student-ques-layout dd .student-ques-ans-layout dl dt .student-ques-col1-internal {
    width: 170px;
    padding-right: 10px;
}

dl.student-ques-layout dd .student-ques-ans-layout dl dt .student-ques-col2-internal {
    width: 170px;
    padding-right: 10px;
}

dl.student-ques-layout dd .student-ques-ans-layout dl dt .student-ques-col3-internal {
    width: 170px;
}

/* @end */

/* @group student-ques-layout-short-grade */

dl.student-ques-layout-short-grade
{
    padding: 0 0 3px 0;
}

dl.student-ques-layout-short-grade dt {
	font-size: 1.2em;
	padding: 0 0 0 0;
}

dl.student-ques-layout-short-grade dt .student-ques-layout-short-grade-cols {
	padding: 0 0 3px 0;
}

dl.student-ques-layout-short-grade dt .student-ques-layout-short-grade-col1,
dl.student-ques-layout-short-grade dt .student-ques-layout-short-grade-col2,
dl.student-ques-layout-short-grade dt .student-ques-layout-short-grade-col3 {
    float:left; 
    position:relative;
}

dl.student-ques-layout-short-grade dt .student-ques-layout-short-grade-col1 {
    width: 90px;
}

dl.student-ques-layout-short-grade dt .student-ques-layout-short-grade-col2 {
    width: 30px;
    font-size: 11px;
    font-weight: bold;
}

dl.student-ques-layout-short-grade dt .student-ques-layout-short-grade-col3 {
    width: 560px;
}

dl.student-ques-layout-short-grade dd {
	clear: both;
	margin-bottom: 1.4em;
}

dl.student-ques-layout-short-grade dd dl dt {
    width: 95px;
    color: Black;
}

dl.student-ques-layout-short-grade dd dl dt,
dl.student-ques-layout-short-grade dd dl dd {
	font-size: 1.0em;
	margin: 0.1em 5px 0.1em 0;
	padding: 1px 0;
	float: left;
}

dl.student-ques-layout-short-grade dd dl dt {
	clear: both;
	font-weight: bold;
}

dl.student-ques-layout-short-grade dd dl dd {
	clear: none;
	width: 400px;
}

dl.student-ques-layout-short-grade dd .student-ques-layout-short-grade-ans {
    padding: 3px 0 0 130px;
}

/* @end */

/* @group student-question-dropdown */

select.student-question-dropdown
{
    max-width: 360px;
}

/* @end */